@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : 
 Style Info : 原酒の世界 第2章　CSS
=================================================================== */
#world #container{padding-bottom: 5px;}

#world section{width: 900px; margin: 20px auto 40px; font-family:"Times New Roman", Times, "Hiragino Mincho ProN", "Hiragino Mincho Pro","HG明朝B","ＭＳ 明朝", serif;}
#world h4{margin-bottom: 20px;}
#world p{font-size: 16px; line-height: 1.7; margin-bottom: 20px;}

#world .txtbox p{width: 470px;}

#world .cont01{margin-top: 40px;}
#world .cont01 .txtbox:first-of-type{background: url(../img/3_img01.jpg) no-repeat right;}
#world .cont01 .txtbox:nth-of-type(2) {background: url(../img/3_img02.jpg) no-repeat right;}

#world .cont02 h4{margin-bottom: 40px;}

#world .cont03 .txtbox:first-of-type{background: url(../img/3_img04.jpg) no-repeat top right;}
#world .cont03 .txtbox:nth-of-type(2){background: url(../img/3_img05.jpg) no-repeat top right; padding-bottom: 30px;}

#world .wood{background: url(../img/backimg01.jpg); padding-bottom: 20px; }
#world .wood p{padding: 0 40px;}
#world .wood p span{color: #c90926;}

#world .cat_box{margin: 0 10px 20px 40px; height: 230px; background: url(../img/goldline.png) no-repeat bottom center; position: relative;}
#world .cat_box h5.pc{width: 250px;}
#world .cat_box p{width: 580px; position: absolute; bottom: 20px; left: 250px; padding: 0 10px;}
#world .cat_box.last{background: none;}

#world .next p{width: 350px; margin: 0 auto 30px;}
#world .next p span{padding: 0 20px;}
#world .next a:first-of-type{background: url(../img/arrow_l.png) no-repeat center left; padding-left: 40px;}
#world .next a:nth-of-type(2){background: url(../img/arrow_r.png) no-repeat center right; padding-right: 40px;}

#world #gFooter .gFooterInner{width: 1040px;}
#world #gFooter .guide_ttl{margin-bottom: 0;}

@media screen and (max-width:480px) { 
/*　画面サイズが480pxまではここを読み込む　*/
	
	#world .img80{width: 80%; margin-bottom: 10px;}
	#world .img90{width: 90%; margin-bottom: 10px;}
	#world h2.smp{margin-top: 50px;}
	#world p{margin-bottom: 10px;}
	
	#world section{width: 96%; margin: 0 auto;}
	#world section h4{text-align: center;  margin-bottom: 10px;}
	#world section h4 img{width: 80%;}
	#world section h4.smp{background: #171515; color: #fff; font-size: 18px; padding: 3px; box-shadow: 0 2px 0 #c90926;}
	
	#world .txtbox p{width: 96%;}
	
	#world .cont01{margin-top: 10px;}
	#world .cont01 .txtbox:first-of-type{background: url(../img/3_img01.jpg) no-repeat bottom center; background-size: 80%; padding-bottom: 50%;}
	#world .cont01 .txtbox:nth-of-type(2) {background: url(../img/3_img02.jpg) no-repeat bottom center; background-size: 80%; padding-bottom: 50%;}
	
	#world .cont02{margin-top: 20px;}
	#world .cont02 h4{margin-bottom: 20px;}
	
	#world .cont03{padding-top: 20px;}
	#world .cont03 .txtbox:first-of-type{background: url(../img/3_img04.jpg) no-repeat top center; background-size: 80%; padding-top: 55%;}
	#world .cont03 .txtbox:nth-of-type(2){background: url(../img/3_img05.jpg) no-repeat bottom center; background-size: 80%; padding-bottom: 50%;}
	
	#world .cat_box{width: 90%; height: auto; padding: 5px 5%; background-size: 90%; margin-left: 0; margin-bottom: 10px;}
	
	#world .cat_box h5.smp{margin-bottom: 10px;}
	#world .cat_box h5.smp img{height: 40px;}
	#world .cat_box p{position: static; width: 100%; }
	
	#world .wood p{padding: 0;}
	#world .wood>p{width: 90%; margin: 0 auto;}
	#world .wood .last{padding-bottom: 10px;}
	
	#world .cont04 p{margin-bottom: 10px;}
	
	#world .cont05{margin-top: 20px;}
	#world .cont05 h4.smp{background: none; box-shadow: 0 0 0; width: }
	#world .cont05 h4.smp img{width: 100%;}
	
	#world .next p{width: 80%; text-align: center;}
	#world .next a:first-of-type{background: url(../img/arrow_r.png) no-repeat center right; padding-right: 40px;}
	#world .next a:nth-of-type(2){background: url(../img/arrow_r.png) no-repeat center right; padding-right: 40px; padding-left: 40px;}
	
	#world #gFooter .gFooterInner{width: 100%;}
		
}