@charset "utf-8";

/*-------------------------------------------------------------
  01: mainVisual
 --------------------------------------------------------------*/
#container #mainVisual{
	text-align:center;
	background-color:#0d0c0c;
}
#container #mainVisual #mainInner{
	max-width:1440px;
	position:relative;
	margin:0 auto;
}
#container #mainVisual #mainInner p{
	width:100%;
	display:block;
	font-size:180%;
	line-height:1.4;
	color:#ffffff;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:0;
}

/*-------------------------------------------------------------
 02: contents
 --------------------------------------------------------------*/
#container .middleImg{
	text-align:center;
	background-color:#eeefef;
}
#container .middleImg img{
	max-width:1440px;
}

#container .contents{
	text-align:center;
	background-color:#ececec;
	padding:30px 0 10px;
}
#container .contents .contentsInner{
	width:640px;
	text-align:left;
	margin:0 auto;
}
#container .contents h2{
	font-size:180%;
	line-height:1.4;
	text-align:center;
	margin-bottom:30px;
}
#container .contents .txt{
	line-height:1.6;
	margin-bottom:40px;
}
#container .contents ul.imgBox{
	width:800px;
	margin:0 auto 30px;
}
#container .contents ul.imgBox li{
	float:left;
	margin-bottom:10px;
}
/*-------------------------------------------------------------
 03: smokyInfo
 --------------------------------------------------------------*/
#smokyInfo{
	text-align:center;
	background-color:#612e1c;
}

/*-------------------------------------------------------------
 レスポンシブ
 --------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	
	#container #mainVisual #mainInner p{
		font-size:140%;
		bottom:10px;
	}
	
	#container .contents .contentsInner{
		width:auto;
	}
	#container .contents h2{
		font-size:140%;
	}
	#container .contents .txt{
		margin:0 20px 20px;
	}
	#container .contents ul.imgBox{
		width:auto;
	}
	#container .contents ul.imgBox li{
		float:none;
	}
	#container .contents ul.imgBox li img{
		width:280px;
		height:auto;
	}
}
