@charset "UTF-8";
/* CSS Document */
/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Pacifico', cursive;
*/

body{margin: 0; width: 100%;}
#wrapper{width: 100%; max-width:1200px; margin: 0 auto; text-align: center; font-family: 'Noto Sans JP', sans-serif;}
#lookbook{width:100%; max-width:1200px;}
img{width:100%; max-width:1200px;}
.title1{width:100%; padding-top:0;}
.attention{font-size:80%; line-height:200%; text-align:center; margin:5% 0;}

/*ルックブック*/
#lookbook > img{width:100%; margin:50px auto;}
.harf{width:49%; display:inline-block; vertical-align:top; margin-bottom:30px;}
.harf .itembox{width:100%; margin:20px 0; overflow:hidden;}
.wide{margin-bottom:30px; overflow:hidden; clear:both; width:100%;}
.wide .itembox{width:50%; float:left; margin:20px 0;}
.code{width:20%; float:left;}
.itemlist{width:70%; float:left; text-align:left; margin:0 5%;}
.itemlist h6{margin-bottom:5%; font-family: 'Pacifico', cursive;}
h6.jp{font-family: 'Noto Sans JP', sans-serif;}
.itemlist a{clear:both; width:100%; font-size:90%; color:#000; border-bottom:1px solid #000; display:block; padding-bottom:1%; margin-bottom:2%;}
.itemlist a b{float:right; font-size:90%;}
.itemlist a b i{font-size:90%;}

.other_contents{width:50%; margin:5% auto; display:block; text-align:center;}
.other_contents h5{font-size:12px; line-height:30px; margin-bottom:3%;}
.other_contents h5 span{font-size:23px; font-family: 'Pacifico', cursive;}
.other_contents a{width:47%; display:inline-block; margin:1%; vertical-align:top;}
.other_contents a p{color:#000; margin:3%; font-size:15px;}

#mg_backnumber{width:100%; border-bottom:1px solid #000; padding-bottom:3%; margin-bottom:5%; text-align:center;}
#mg_backnumber h3{font-size:23px; font-family: 'Pacifico', cursive; padding:1%; border-bottom:1px solid #000; margin-bottom:3%;}
#mg_backnumber a{width:31%; display:inline-block; margin:0 1%; line-height:22px;}


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

.harf{width:100%; clear:both; margin-bottom:50px;}
.wide .itembox{width:100%; clear:both; margin:20px 0 0 0;}

.itemlist a{font-size:70%;}
.itemlist h6{font-family: 'Pacifico', cursive;}
.itemlist h7{font-family: 'Noto Sans JP', sans-serif;}

.other_contents{width:100%; margin:0 auto 10%;}
.other_contents a{width:47%; margin:1%;}
.other_contents a p{margin:5%; font-size:12px; line-height:18px;}
	
/*******バックナンバー*******/
#mg_backnumber{padding-bottom:5%;}
#mg_backnumber h3{padding:3%; margin-bottom:5%;}
#mg_backnumber a{width:90%; margin-bottom:5%;}
	
}