@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%;}

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

#menu{width:80%; margin:5% auto;}
#menu span{width:24%; display:inline-block;}
#menu span img{width:70%;}

/*コーデ*/
#contents-{display:block; padding:5% 0; margin-bottom:5%; overflow:hidden;}
#contents- h3{width:20%; margin:0 auto 3% auto;}
#contents- h4{font-family: 'Oswald', sans-serif; letter-spacing:10px; padding-bottom:2%; border-bottom:1px solid #000; margin:0 auto 3% auto; width:60%;}
.icon{width:5%; margin:3% 0 1% 0;}
.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: '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;}
.takoyaki{width:30%; margin:0 auto 5% auto; border:1px solid #000;padding:3%;}
.takoyaki h5{font-family: 'Kosugi Maru', sans-serif; font-weight:bold; margin-bottom:3%;}
.takoyaki p{font-family: 'Kosugi Maru', sans-serif; font-size:12px; line-height:150%;}
.takoyaki p b{font-weight:bold;}

#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;}

#menu{width:100%; margin:5% auto;}
#menu span{width:23%; display:inline-block;}
#menu span img{width:90%;}

/*コーデ*/
#contents-{display:block; padding:5% 0;}
#contents- h3{width:50%; font-family: 'Satisfy', cursive;}
#contents- h4{font-family: 'Oswald', sans-serif; width:100%; letter-spacing:3px; font-size:13px; padding:3% 0;}
.icon{width:13%; margin:3% 0 1% 0;}
.itemtext{font-family: 'Kosugi Maru', sans-serif; margin:10% 0;}
.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;}

.takoyaki{width:90%; margin:0 auto 15% auto;padding:10% 3%;}
.takoyaki h5{font-family: 'Kosugi Maru', sans-serif; margin-bottom:10%;}
.takoyaki p{font-family: 'Kosugi Maru', sans-serif; line-height:180%;}
	
}