@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:90%; line-height:180%; margin-bottom:5%;}
#info- b{font-size:60%; color:red; font-weight:bold; }

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

/*コーデ*/
#contents{display:block; padding:5% 0; overflow:hidden;}
#contents h3{width:30%; margin:0 auto 3% auto;}
.itemtext{font-family: 'Kosugi Maru', sans-serif; font-size:80%; line-height:180%; margin-bottom:5%;}
.code{clear:both; width:80%; margin:0 auto 10% auto;}
.code a{padding:3% 0; display:block; border-bottom:1px solid #000; text-align:left; color:#000; font-family: 'Kosugi Maru', sans-serif; font-size:12px;}
.code a b{float:right; font-weight:bold; background-color:#000; color:#fff; padding:1% 2%; font-size:80%;}

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

img.main_img-{width:60%;}
.sub_img-{width:60%; margin:5% auto;}
.sub_img- img{width:32%; display:inline-block;}
#contents h4{width:150px; margin:0 auto 3% auto; border:1px solid #000; padding:1.3%; letter-spacing:5px; background-color:#F3F3F3;}

#about{width:100%; font-family: 'Kosugi Maru', sans-serif;}
#about h2{width:90%; background-color:#F4F4F4; padding:1% 2%; margin:0 auto 3%; font-size:20px;}
#about img{width:70%; margin-bottom:30px;}
#about p{font-size:14px; line-height:180%; margin-bottom:5%; clear:both;}
#about b{width:80%; border-bottom:1px solid #000; padding:2%; margin:5% auto; font-size:16px; display:block; line-height:20px; font-weight:bold;}
#about b span{font-size:13px; color:#737373;}
.color{width:85%; margin:0 auto 3%;}
.color li{width:30%; display:inline-block; margin-bottom:20px;}
.color li a{color:#000;}
.color li a img{width:80%; margin-bottom:2%;}



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

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

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

/*コーデ*/
#contents{display:block; padding:10% 0;}
#contents h3{width:70%;}
.itemtext{font-family: 'Kosugi Maru', sans-serif; margin:10% 0;}
.code{width:100%;}
.code a{padding:5% 0; font-size:11px; font-family: 'Kosugi Maru', sans-serif; line-height:20px;}
.code a b{float:right; font-weight:bold; background-color:#000; color:#fff; padding:1% 2%; font-size:70%; font-family: 'Kosugi Maru', sans-serif;}

img.main_img-{width:100%;}
.sub_img-{width:100%; margin:5% auto;}
#contents h4{margin:0 auto 5% auto; padding:3%;}

#about{font-family: 'Kosugi Maru', sans-serif;}
#about h2{width:90%; padding:5%; font-size:17px; margin-bottom:10%;}
#about img{margin-bottom:10%; width:100%;}
#about p{font-size:13px; margin-bottom:10%;}
#about b{width:100%; padding:3% 0; margin:10% auto; font-size:15px;}
#about b span{font-size:12px;}
.color{width:100%; margin:0 auto 5%;}
.color li{width:48%; margin-bottom:8px;}
.color li a{color:#000; font-size:12px;}
.color li a img{width:80%; margin-bottom:2%;}
	
}