@charset "utf-8";

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

 File Name  : layout.css
 Author     : 
 Style Info : 原酒の世界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 .cont01{background: url(../img/1_img01.jpg) no-repeat top right;}

#world .cont02 blockquote{width: 850px; margin: -10px auto 10px; border: solid 1px #555; padding: 10px;}
#world .cont02 blockquote p{margin-bottom: 0;}

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

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

#world .cont04{padding-bottom: 5px;}

#world .cont05{margin-top: 40px;}

#world .wood .last{margin-top: 20px; padding-bottom: 30px;}

#world .cont08+p{text-align: center;}

#world .next p{width: 160px; margin: 0 auto 20px;}
#world .next a{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 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 .cont01{background: none;}
	#world .cont01 p+img{margin: -10px 0 -5px;}
	
	#world .cont02 blockquote{width: 90%; padding: 3px;}
	
	#world .cat_box{width: 90%; height: auto; padding: 5px 5%; background-size: 90%; margin-left: 0; margin-bottom: 10px;}
	#world .img80{width: 80%; 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 .img80, #world .cont06 .img80{margin-top: 10px;}
	#world .cont05{margin-top: 25px;}
	#world .cont06 p.last{margin-top:0;}
	#world .cont07, #world .cont08{margin-top: 10px;}
	
	#world #gFooter .gFooterInner{width: 100%;}
	
}