@charset "UTF-8";
/* CSS Document */

wrapper{width:100%;}
img{width:100%;}

/*メイン画像*/
#main{width:100%; margin:0 auto; background-color:#E8E8E8;}
.main_pc{display:block;}
.main_sp{display:none;}
#main img{max-width:1200px; margin:0 auto;}

/*メインテキスト*/
#info{width:100%; padding:5% 0 7% 0; line-height:200%; background-color:#E8E8E8; position:relative; font-family: 'Kosugi Maru', sans-serif; text-align:center;}
#info p b{font-size:130%; font-weight:bold;}
#info img{width:5%; margin-top:2%; position:absolute; top:380px; left:50%;transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

#present{width:100%; max-width:800px; margin:10% auto 0 auto;}

/*LP*/
#lp{display:block; text-align:center;}

/*メニュー*/
#con_menu h3{width:50%; font-size:180%; font-weight:bold; margin:15% auto 5% auto; padding-bottom:2%; border-bottom:dotted 2px #000; font-family: 'Noto Serif JP', serif; clear:both;}
.menu_in{width:50%; margin:0 auto;}
.menu_in a{width:46%; float:left; margin:0 2% 20% 2%;}

/*コーデ*/
#contents{display:block; border-bottom:1px solid #000; padding-bottom:8%;}
#contents h4{clear:both; font-size:170%; margin:10% auto 5% auto; font-family: 'Noto Serif JP', serif; line-height:150%; line-height:140%;}
#contents h4 img{width:5%;}
.text{margin:5% 0 10% 0; font-family: 'Noto Sans JP', sans-serif;}
.speck{width:60%; margin:3% auto; padding:3% 5% 4% 5%; border:1px solid #000; position:relative;}
.speck h5{width:40%; font-size:150%; border:1px solid #000; padding:1.5% 0; margin:0 auto 3% auto; background-color:#fff; position:absolute; top:-20px; left:50%;transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.speck a{padding:3%; width:100%; display:block; border-bottom:1px solid #000; text-align:left; color:#000; font-family: 'Noto Sans JP', sans-serif;}
.speck a b{float:right; font-weight:bold;}

/*関連アイテム*/
#itemlist{padding-bottom:8%; border-bottom:1px solid #000;}
#itemlist h3{width:40%; font-size:150%; line-height:150%; margin:8% auto 1% auto; padding-bottom:1%; border-bottom:dotted 2px #000; font-family: 'Noto Serif JP', serif;}
#itemlist h3 img{width:15%;}
#itemlist h4{font-size:150%; margin-bottom:5%; font-family: 'Amatic SC', cursive;}
.items{width:70%; margin:0 auto; overflow:hidden;}
.items span{width:31%; display:block; float:left; margin:0 1.1%;}

/*最後*/
#end{margin-top:5%; padding:8% 0 5% 0; background-color:#E8E8E8; text-align:center;}
#end h3{font-size:180%; font-family: 'Patua One', cursive;}
#end p{line-height:200%; margin:3% 0; font-family: 'Kosugi Maru', sans-serif;}

#category{max-width:1200px; margin:0 auto;}

@media screen and (max-width: 768px) {

/*メイン画像*/
.main_pc{display:none;}
.main_sp{display:block;}

/*メインテキスト*/
#info{width:100%; padding:15% 3% 25% 3%; font-size:80%; font-family: 'Kosugi Maru', sans-serif;}
#info p b{font-size:120%;}
#info img{width:20%; position:absolute; top:340px;}

#present{margin:20% auto 0 auto;}

/*メニュー*/
#con_menu h3{width:90%; font-size:130%; font-weight:bold; margin:20% auto 8% auto; padding-bottom:5%; font-family: 'Noto Serif JP', serif;}
.menu_in{width:100%;}

/*コーデ*/
#contents{padding-bottom:20%;}
#contents h4{font-size:110%; margin:20% auto 10% auto; font-family: 'Noto Serif JP', serif;}
#contents h4 img{width:10%; padding-bottom:3%;}
.text{margin:10% 0 20% 0; font-family: 'Noto Sans JP', sans-serif;}
.speck{width:100%; margin:20% auto 0 auto; padding:13% 5% 8% 5%;}
.speck h5{width:50%; font-size:100%; position:absolute; top:-15px;}
.speck a{padding:5% 5%; font-size:80%; font-family: 'Noto Sans JP', sans-serif; width:100%;}

/*関連アイテム*/
#itemlist{padding-bottom:15%;}
#itemlist h3{width:70%; font-size:100%; line-height:200%; margin:10% auto 3% auto; font-family: 'Noto Serif JP', serif;}
#itemlist h3 img{width:20%;}
#itemlist h4{font-size:100%; font-family: 'Amatic SC', cursive; margin-bottom:5%;}
.items{width:100%;}

/*最後*/
#end{margin-top:15%; padding:15% 0 6% 0;}
#end h3{font-size:130%; font-family: 'Patua One', cursive;}
#end p{line-height:200%; margin:6% 0; font-size:80%; font-family: 'Kosugi Maru', sans-serif;}
	
	
}