@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; margin-bottom:10%; overflow:hidden;}
#contents h3{width:20%; margin:0 auto 3% auto;}
.itemtext{font-family: 'Kosugi Maru', sans-serif; font-size:80%; line-height:180%;}
.code{clear:both; width:100%;}
.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;}

.line{width:70%; margin-bottom:7%;}
#staff{width:100%;}
#staff h2{font-size:20px; margin-bottom:2%;}
#staff p{font-family: 'Kosugi Maru', sans-serif; font-size:90%;}
#staff ul{overflow:hidden; margin:5% 0 7% 0;}
#staff ul li{width:32%; display:inline-block;}
#staff ul li img{width:45%; margin-bottom:5%;}
#staff ul li h5{line-height:25px; font-size:18px; margin-bottom:5%; font-weight:bold;}
#staff ul li span{font-size:13px;}
#staff ul li p{line-height:20px; font-size:15px; background-color:#C7A8A8; padding:5%; width:70%; margin:0 auto;}
#staff ul li b{font-weight:bold;}

#menu{width:100%;}
#menu h2{font-family: 'Kosugi Maru', sans-serif; font-size:20px; margin-bottom:2%;}
#menu ul{overflow:hidden; margin:5% 0 7% 0;}
#menu ul li{width:17%; display:inline-block; padding:1%;}

.copy{font-size:16px; line-height:30px; font-family: 'Kosugi Maru', sans-serif; margin-bottom:10%;}
.copy b{font-size:23px;}

.staff_comment{width:100%; margin:5% 0; clear:both; overflow:hidden;}
.staff_comment img{width:15%; float:left;}
.right{width:80%; float:left; margin-left:5%; text-align:left; display:block;}
.right h4{font-size:14px; font-family: 'Kosugi Maru', sans-serif; line-height:25px; margin-bottom:1%; padding-top:1%;}
.right h4 span{font-size:18px;}
.tatsuho{background:linear-gradient(transparent 40%, #d2b48c 50%);}
.eno{background:linear-gradient(transparent 40%, #87ceeb 50%);}
.koha{background:linear-gradient(transparent 40%, #ee82ee 50%);}

#end{background-color: #FDE7C3; padding:2%; line-height:30px; font-family: 'Kosugi Maru', sans-serif;}

@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:40%;}
.itemtext{font-family: 'Kosugi Maru', sans-serif; margin:5% 0;}
.code{width:100%;}
.code a{padding:4% 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;}
	

.line{width:90%; margin-bottom:15%;}
#staff h2{font-size:18px; margin-bottom:3%;}
#staff p{font-family: 'Kosugi Maru', sans-serif; font-size:80%;}
#staff ul{margin:10% 0 15% 0;}
#staff ul li{width:32%; display:inline-block; vertical-align:top;}
#staff ul li img{width:80%; margin-bottom:8%;}
#staff ul li h5{line-height:20px; font-size:16px; margin-bottom:5%; font-weight:bold;}
#staff ul li span{font-size:11px;}
#staff ul li p{line-height:15px; font-size:12px; padding:10%; width:100%;}

#menu h2{font-family: 'Kosugi Maru', sans-serif; font-size:18px; margin-bottom:5%;}
#menu ul li{width:26%; padding:3%;}
	
.copy{font-size:14px;font-family: 'Kosugi Maru', sans-serif; margin-bottom:15%;}
.copy b{font-size:20px;}
	
.staff_comment{margin:10% 0;}
.staff_comment img{width:25%; clear:both; margin:0 auto;}
.right{width:96%; clear:both; margin-left:2%;}
.right h4{font-size:12px; font-family: 'Kosugi Maru', sans-serif; line-height:20px; margin:3% 0; padding-top:1%;}
.right h4 span{font-size:18px;}
.tatsuho{background:linear-gradient(transparent 40%, #d2b48c 50%);}
.eno{background:linear-gradient(transparent 40%, #87ceeb 50%);}
.koha{background:linear-gradient(transparent 40%, #ee82ee 50%);}

#end{padding:5%; line-height:25px; font-family: 'Kosugi Maru', sans-serif; font-size:16px; margin-bottom:10%;}
	
}