@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:5% 0; font-family: 'Kosugi Maru', sans-serif; text-align:center;}
#info- p{line-height:180%;}

/*いろは*/
#iroha{width:100%; background-color:#E4E4E4; padding:5% 0; text-align:center;}
#iroha h2{font-size:120%; font-family: 'Noto Serif JP', serif; font-weight:500;}
.icon{width:3%; padding:2% 0;}
.iroha_con{width:100%; max-width:1000px; margin:0 auto 3% auto; overflow:hidden; font-family: 'Kosugi Maru', sans-serif; line-height:180%; clear:both;}
.iroha_con h3{font-size:110%; font-weight:bold; width:40%; margin:0 auto 3% auto; border-bottom:1px solid #000;}
.iroha_con p{width:57%; float:left; margin:0 2% 0 7%; text-align:justify; text-justify:inter-ideograph;}
.iroha_con img{width:25%; float:left; margin:0 7% 0 2%;}
.info-{width:100%; padding:5% 0; font-family: 'Kosugi Maru', sans-serif; line-height:180%; clear:both;}
.iroha_con-{width:100%; max-width:1000px; margin:0 auto 3% auto; overflow:hidden; font-family: 'Kosugi Maru', sans-serif; line-height:180%; clear:both;}
.iroha_con- h3{font-size:110%; font-weight:bold; width:40%; margin:0 auto 3% auto; border-bottom:1px solid #000;}
.iroha_con- p{width:100%; text-align:center;}
.iroha_con- img{width:25%; margin-top:3%;}

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

/*コーデ*/
#contents-{display:block; padding:10% 0 3% 0;}
#contents- h3{width:100%; margin:0 auto; font-family: 'Noto Serif JP', serif; font-weight:700; font-size:150%;}
.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;}

/*最後*/
#end{margin:5% auto; max-width:1200px;}

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


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

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

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

/*いろは*/
#iroha{padding:20% 0;}
#iroha h2{font-size:120%; font-family: 'Noto Serif JP', serif;}
.icon{width:8%; padding:8% 0;}
.iroha_con{margin:0 auto 10% auto; font-family: 'Kosugi Maru', sans-serif;}
.iroha_con h3{width:80%; margin:0 auto 5% auto;}
.iroha_con p{width:90%; clear:both; margin:0 0 0 5%; font-size:80%;}
.iroha_con img{width:70%; margin:5% 0 0 15%;}
.info-{width:90%; font-family: 'Kosugi Maru', sans-serif; line-height:180%; margin:0 auto; font-size:90%;}
.iroha_con-{margin:0 auto 10% auto; font-family: 'Kosugi Maru', sans-serif;}
.iroha_con- h3{width:80%; margin:0 auto 5% auto;}
.iroha_con- p{width:90%; margin:0 auto; font-size:80%;}
.iroha_con- img{width:70%; margin:5% auto 0 auto;}
	
/*コーデ*/
#contents{display:block; padding:10% 0;}
#contents h3{font-family: 'Noto Serif JP', serif; line-height:150%; font-size:140%;}
.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;}

/*最後*/
#end{margin:15% 0 15% 0;}
	
	
}