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

img{width:100%;}

/*メイン画像*/
#main{margin:0 auto; max-width:1200px;}
.pc{display:block;}
.sp{display:none;}

/*メインテキスト*/
#info{width:100%; padding:10% 0 5% 0; font-family: 'Kosugi Maru', sans-serif;}
#info p{font-size:80%; line-height:180%;}

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

/*メニュー*/
#menu{width:80%; margin:10% auto;}
#menu a{width:19%; display:inline-block;}

/*コーデ*/
#contents{display:block; padding:5% 0;}
#contents h3{width:70%; margin:0 auto 5% auto;}
.mainimg{width:100%; margin-bottom:5%; overflow:hidden;}
.code{clear:both; width:50%; margin:0 auto;}
.code a{padding:3% 0; display:block; border-bottom:1px solid #000; text-align:left; color:#000; font-family: 'Oswald', sans-serif;}
.code a b{float:right; font-weight:bold; background-color:#000; color:#fff; padding:1% 2%; font-size:80%; font-family: 'Oswald', sans-serif;}
.itemlist{width:80%; margin:5% auto;}
.itemlist a{width:24%; display:inline-block; border:1px solid #000; margin-bottom:1%;}
.itemlist h3{font-weight:bold; margin-bottom:3%;}
.infotext{line-height: 200%; margin-bottom: 5%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

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


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

	
/*メイン画像*/
.pc{display:none;}
.sp{display:block;}

/*メインテキスト*/
#info{padding:20% 0 10% 0; font-family: 'Kosugi Maru', sans-serif;}

/*メニュー*/
#menu{width:100%; margin:15% auto;}
#menu a{width:28%; margin:2% 0;}

/*コーデ*/
#contents{display:block; padding:10% 0;}
#contents h3{width:100%; margin-bottom:5%;}
.code{width:100%;}
.code a{padding:5% 0; font-size:80%; font-family: 'Oswald', sans-serif;}
.code a b{float:right; font-weight:bold; background-color:#000; color:#fff; padding:1% 2%; font-size:80%; font-family: 'Oswald', sans-serif;}
.itemlist{width:100%; margin:15% auto;}
.itemlist a{width:48%; margin-bottom:2%;}
.itemlist h3{margin-bottom:7%;}
	
}