@charset "UTF-8";
/* CSS Document */

#contents_wrap{width:100%; background-color:#000;}
img{width:100%;}

#lp{width:100%; margin:0 auto; text-align:center;}

/*メイン画像*/
#main{margin:0 auto;}
.pc{display:block;}
.sp{display:none;}

/*コンセプト*/
#concept{width:100%; padding:15% 0; color:#fff; background-image:url({% items[/DVJP/back.png] %}); background-size:10%;}
#concept h2{writing-mode:vertical-rl; height:220px; text-align:left; margin:0 auto; font-size:25px; line-height:180%; font-family:'Noto Serif JP', serif; font-weight:500;}
#concept h2 span{margin-top:20%; font-size:18px;}

/*商品*/
#lineup{width:100%; max-width:1000px; margin:0 auto; padding:10% 0; color:#fff; font-family:'Noto Serif JP', serif; font-weight:400;}
#lineup h3{font-size:35px; font-weight:600;}
#lineup h3 b{font-size:15px;}
#lineup ul{width:100%; margin-top:8%;}
#lineup ul li{width:30%; margin:0 2% 3% 0; display:inline-block;}
#lineup ul li a{color:#fff; display:block;}
#lineup ul li p{padding:3% 0 2% 0; font-size:18px;}
#lineup ul li b{font-size:13px;}
#lineup ul li b:after{content:" (tax in)";}
.more{color:#fff; float:right;}
.material-icons{vertical-align:middle;}

/*インスタ*/
#instagram{width:100%; margin:0 auto; padding:10% 0; color:#fff; background-image:url(../img/back.png); background-size:10%; font-family:'Noto Serif JP', serif; font-weight:400;}
#instagram h3{font-size:35px; font-weight:600;}
.insta_botan{width:20%; margin:5% auto 3% auto;}
#instagram iframe{width:100%; max-width:1000px; border:none; overflow:hidden;}



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

/*メイン画像*/
#main{margin:0 auto;}
.pc{display:none;}
.sp{display:block;}

/*コンセプト*/
#concept{padding:45% 0; background-size:30%;}
#concept h2{font-family:'Noto Serif JP', serif; font-weight:500;}

/*商品*/
#lineup{padding:25% 0; font-family:'Noto Serif JP', serif; font-weight:400;}
#lineup h3 b{font-size:13px;}
#lineup ul{width:90%; margin:15% auto 0 auto;}
#lineup ul li{width:30%; margin:0 1% 10% 1%;}
#lineup ul li p{padding:10% 0 2% 0; font-size:13px;}
#lineup ul li b{font-size:10px;}
.more{margin-right:5%;}

/*インスタ*/
#instagram{padding:25% 0; background-size:30%; font-family:'Noto Serif JP', serif; font-weight:400;}
.insta_botan{width:60%; margin:20% auto 10% auto;}
#instagram iframe{width:90%;}

}