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

/*----------------------------------------------

  #bg-color指定

-----------------------------------------------*/
.bgc-green{background: #577151;}
.bgc-cream{background: #ECE8D7;}
.bgc-brown{background: #B89C61;}
.bgc-gray{background: #8DA3AC;}

/*----------------------------------------------

  #mv

-----------------------------------------------*/
#mv{position: relative;height: 100vh;background: url(../images/mv1.jpg)center center no-repeat;background-size:cover;background-attachment: fixed; }
.mv_logo{width: 320px;position: absolute;top: 20px;left:20px;}
#mv p{text-align: center; background: #660000;color: #fff;position: absolute;bottom:25px;left:50%;margin-left: -18em;padding: 0.5em 4em;}
#mv a{text-decoration:underline;}
#mv h1{}
.mv_box{align-items: center;height: 100vh;width: 100%;}
.mv_box div{width:90%; max-width: 1000px;margin:0 auto;}
.mv_box h1{opacity: 0;}
.mv_box p{text-align: center;font-size: 42px;margin-top: 30px;opacity: 0;}
@media(max-width: 768px){
  #mv{height: 550px;background: url(../images/mv1.jpg)center center no-repeat;background-size:cover;background-attachment: scroll;}
  .mv_box{height:550px;width: 100%;}
  .mv_box div{width:97%;margin:0 auto;margin-top: 0px;}
  .mv_logo{width: 230px;position: absolute;top: 10px;left:10px;}
  .mv_box h1{opacity: 1;}
  .mv_box p{font-size: 26px;margin-top: 20px;opacity: 1;}
  #mv p{bottom:25px;left:50%;margin-left: -10em;padding: 0.5em 2em;}
}


/*----------------------------------------------

  #lead

-----------------------------------------------*/
section#lead{padding: 100px 0;}
#lead h2{letter-spacing: 0.01em;
  font-size: 50px;margin-top: 40px;font-weight: bold;color: transparent;
  background:#fffebd; 
  -webkit-background-clip: text;}
#lead p.concept{font-size: 24px;margin-top: 30px;line-height: 1.8;}
#lead h3{font-size: 24px;color:#fff;margin-top: 80px;font-weight: normal;letter-spacing: 0.2rem;}
#lead p.date{font-size: 18px;margin-top: 10px;letter-spacing: 0.05rem;}

@media(max-width: 768px){
  #lead{padding: 40px 0;}
  #lead p.concept{font-size: 16px;margin-top: 20px;line-height: 1.8;}
  #lead .img{width: 70%;z-index:100;margin:0 auto;}
  #lead .txt{width:100%;}
  #lead h2{font-size: 26px;margin-top: 0px;}
  #lead h3{font-size: 16px;color:#fff;margin-top: 40px;font-weight: normal;letter-spacing: 0.1rem;}
  #lead p.date{font-size: 14px;margin-top: 10px;}
}

.menu_list{display: flex;justify-content: space-between;flex-wrap: wrap;max-width:760px;margin: 60px auto;}
.menu_list div{width: 24%;}

@media(max-width: 768px){
  .menu_list{margin: 40px auto;width: 90%;}
  .menu_list div{width: 48%;margin-bottom: 15px;}
}


/*----------------------------------------------

  #event

-----------------------------------------------*/
#event{padding:80px 0 100px;}
#event h2{font-size: 50px;margin-top: 40px;font-weight: bold;color: transparent;
  background:#fffebd; 
  -webkit-background-clip: text;}

#event h3{font-size: 30px;color:#fffebd;font-weight: normal;}
#event .flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
#event .flex .box{width: 49%;box-sizing: border-box;padding: 40px;border: 1px solid #fff;}
#event .flex .box p{text-align:left;}

#event .flex .box a{width: 80%;text-align: center;border: 1px solid #aaa;box-sizing: border-box;display: block;margin: 18px auto 0;padding:10px;font-size: 14px;background:#1e1e1e; }
#event .flex .box a:hover{color: #fff;background:#660000;transition: .2s;border:1px solid #660000; }
#event .flex .box .img{width: 100%;margin:5px 0 10px;}
#event .flex .box ul{text-align:left;color:#fff;font-size:16px;margin-top: 20px;}

.acce{margin-top: 40px;}
.acce h4{margin-top: 40px;font-size: 20px;color: #fff;font-weight: normal;margin-bottom: 5px;}

.acce a{width: 400px;text-align: center;display: block;margin:20px auto 0;font-size:14px;padding: 10px 0;background:#1e1e1e ;color: #fff;border:1px solid #aaa;}
.acce a:hover{background:#660000;border: 1px solid #660000;transition: .2s;}


p.store{font-size: 26px;}

@media(max-width: 768px){
  #event h2{font-size: 26px;margin-top: 0px;}
  #event .flex .box{width: 100%;box-sizing: border-box;padding: 20px;margin-bottom: 10px;}
  #event .flex .box a,.acce a{width: 100%;}
  #event .flex .box ul{font-size:14px;margin-top: 10px;}
  #event h3{font-size: 22px;}
  .acce h4{margin-top: 40px;font-size: 18px}
  p.store{font-size: 20px;}
}








/*----------------------------------------------

  #中間背景

-----------------------------------------------*/
.middle-bg{position: relative;margin-bottom: 120px;height: 260px;width: 100%;background: url(../images/mv1.jpg)center center no-repeat;background-size:cover;background-attachment: fixed; }
.sng_logo{width: 160px;position: absolute;right: 40px;top:50%;margin-top: -55px;}
.middle-bg p{font-size: 36px; position: absolute;top:50%;left:5%;line-height: 0;}

@media(max-width: 768px){
  .middle-bg{margin-bottom: 80px;height: auto;padding: 50px 0;background: url(../images/mv1.jpg)center center no-repeat;background-size:cover;background-attachment: scroll;}
  .sng_logo{width: 120px;position: static;right: 0;top:0;margin-top: 0px;margin:0 auto;}
  .middle-bg p{font-size: 16px; position: static;top:0;left:0;line-height: 1;text-align: center;margin-top: 10px;}
}


/*----------------------------------------------

  #

-----------------------------------------------*/

#theme h2{text-align: center;margin-bottom: 80px;letter-spacing: 0.05em;
  font-size: 50px;margin-top: 40px;font-weight: bold;color: #fffebd;
}

.kuni{max-width: 460px;width:60%;margin:0 auto 80px;}

.layout2.box{margin-bottom: 50px;}
.layout2 .img{width: 40%;}
.layout2 .txt{width: 56%;}
.layout2 .txt{padding:0 20px;display: flex;align-items: center;}

.pl-200{padding-left: 300px !important;}


.sponsor_small a{width: 260px;text-align: center;border: 1px solid #aaa;box-sizing: border-box;display: block;margin-top: 18px;padding:10px;font-size: 14px;background:#1e1e1e; }
.sponsor_small a:hover{color: #fff;background:#577151;transition: .2s;border:1px solid #577151; }



@media(max-width: 768px){
  #theme h2{font-size:28px;margin-bottom: 40px;}
  .kuni{margin:0 auto 20px;}
  .layout2.box{margin-bottom: 40px;}
  .layout2 .img,.layout2 .txt{width: 100%;}
  .layout2 .txt{padding:20px 0 0;display: flex;align-items: center;}
  .pl-200{padding-left: 7.5% !important;}
  .sponsor_small a{width: 100%;}
}

/*----------------------------------------------

  #theme

-----------------------------------------------*/
#theme h4,#theme h3,#theme p,#theme a{color:#fff;}
#theme .bk h4,#theme .bk h3,#theme .bk p,#theme .bk a{color:#1e1e1e;}
#theme h4{font-size: 22px;color: #fff;font-weight: normal;letter-spacing: 0.1rem}
#theme h3{font-size: 34px;letter-spacing: 0.03rem;}
#theme p{line-height: 2;margin-top: 10px;}

#theme a.btn{margin-top: 40px;width: 200px;font-size: 16px;padding: 12px 0;border: 1px solid #fff;border-radius: 30px;text-align: center;display: block;}
#theme .bk a.btn{margin-top: 40px;width: 200px;font-size: 16px;padding: 12px 0;border: 1px solid #1e1e1e;border-radius: 30px;text-align: center;display: block;}
#theme a.btn:hover{background: #fff;transition: 0.2s;color:#577151;}
#theme .bk a.btn:hover{background: #fff;transition: 0.2s;}

@media (max-width: 768px){
  #theme h4{font-size: 14px;color: #fff;font-weight: normal;letter-spacing: normal;}
  #theme h3{font-size: 28px;letter-spacing: 0.01rem;}
  #theme a.btn{margin-top: 25px;width: 180px;font-size: 14px;padding: 10px 0;border: 1px solid #fff;border-radius: 30px;text-align: center;display: block;}
  #theme .bk a.btn{margin-top: 25px;width: 180px;font-size: 14px;padding: 10px 0;border: 1px solid #1e1e1e;border-radius: 30px;text-align: center;display: block;}
}

.shop_access{border:1px solid #fff; width: 100%;margin:70px 0 120px;padding: 30px 40px 40px;}
#theme .shop_access p{line-height: 1.5;}
.shop .name{font-size: 29px;margin-top: 0 !important;}
#theme .shop .en{margin-top: -3px;}

@media (max-width: 768px){
  .shop_access{border:1px solid #fff; width: 100%;margin:40px 0 60px;padding: 10px 20px 20px;}
  .shop .name{font-size: 20px;margin-top: 0 !important;}
  #theme .shop .en{margin-top: -1px;font-size: 12px;}
}

/*----------------------------------------------------

◆　google_map

----------------------------------------------------*/

.map{width: 60%;}
.shop_img{display: flex;justify-content: space-between;}
.com_01_1{width: 60%;height: 180px;background:url(../images/01_img_1.jpg)center center no-repeat;background-size: cover;}
.com_01_2{width: 40%;height: 180px;background:url(../images/01_img_2.jpg)center center no-repeat;background-size: cover;}

.com_03_1{width: 60%;height: 180px;background:url(../images/03_img_1.jpg)center center no-repeat;background-size: cover;}
.com_03_2{width: 40%;height: 180px;background:url(../images/03_img_2.jpg)center center no-repeat;background-size: cover;}

.fs_1{width: 60%;height: 180px;background:url(../images/fs_1.jpg)center center no-repeat;background-size: cover;}
.fs_2{width: 40%;height: 180px;background:url(../images/fs_2.jpg)center center no-repeat;background-size: cover;}
.nihonbashi_1{width: 60%;height: 180px;background:url(../images/fs_1.jpg)center center no-repeat;background-size: cover;}
.nihonbashi_2{width: 40%;height: 180px;background:url(../images/nihonbashi_2.jpg)center center no-repeat;background-size: cover;}
.cb_1{width: 60%;height: 180px;background:url(../images/cb_1.jpg)center center no-repeat;background-size: cover;}
.cb_2{width: 40%;height: 180px;background:url(../images/cb_2.jpg)center center no-repeat;background-size: cover;}

.map a{width: 260px;text-align: center;border: 1px solid #aaa;box-sizing: border-box;display: block;margin-top: 18px;padding:10px;font-size: 14px;background:#1e1e1e; }
.map a:hover{color: #fff;background:#577151;transition: .2s;border:1px solid #577151; }

@media (max-width: 768px){
  .map{width: 100%;margin-top: 20px;}
  .hibiya_1{width: 100%;height: 140px;background:url(../images/hibiya_1.jpg)center center no-repeat;background-size: cover;}
  .hibiya_2{display:none;}
  .fs_1{width: 100%;height: 140px;background:url(../images/fs_1.jpg)center center no-repeat;background-size: cover;}
  .fs_2{display:none;}
  .nihonbashi_1{width: 100%;height: 140px;background:url(../images/fs_1.jpg)center center no-repeat;background-size: cover;}
  .nihonbashi_2{display:none;}
  .cb_1{width: 100%;height: 140px;background:url(../images/cb_1.jpg)center center no-repeat;background-size: cover;}
  .cb_2{display:none;}
  .com_01_1{height: 140px;}
  .com_01_2{height: 140px;}
  .com_03_1{height: 140px;}
  .com_03_2{height: 140px;}

  .map a{width: 100%;}
}


/*----------------------------------------------------

◆　stamp

----------------------------------------------------*/
#stamp h4{padding-top: 20px;}
#stamp h4,#sikigami h4,#action h4{color:#fff;font-size: 22px;margin-bottom: 5px;letter-spacing: 0.1em;font-weight: normal;margin-left: -0.4em;}
#stamp h3,#sikigami h3,#action h3{color:#fff;font-size: 26px;margin-bottom: 22px;line-height: 1.5;letter-spacing: 0.02em;}

#stamp h2{letter-spacing: 0.01em;
  font-size: 50px;margin-top: 40px;font-weight: bold;color: transparent;
  background:#fffebd; 
  -webkit-background-clip: text; text-align: center;}
#stamp .att{text-align: center;font-size: 18px;margin-bottom:80px;}
#stamp{padding:100px 0 60px;background-color:#577151;}
.stamp_ctn .txt{width: 45%;}
.stamp_ctn .img{width: 50%;}

@media (max-width: 768px){
  #stamp h4{padding-top: 0px;}
  #stamp h4,#sikigami h4,#action h4{color:#fff;font-size: 16px;margin-bottom: 5px;}
  #stamp h3,#sikigami h3,#action h3{color:#fff;font-size: 19px;margin-bottom: 15px;line-height: 1.4;letter-spacing: 0.02em;}

  #stamp h2{font-size: 22px;margin-top: 0px;}
  #stamp .att{text-align: center;font-size: 15px;margin-bottom:20px;}

  #stamp{padding:60px 0 20px;background-color:#577151;}
  .stamp_ctn .txt{width: 100%;}
  .stamp_ctn .img{width: 100%;margin-top: 20px;}
}
#action h2{font-size: 38px;color:#fffebd;}
#action h4{padding-top: 20px;}
#action{padding:80px 0 100px;background-color:#577151;}
.action_ctn .txt{width: 45%;}
.action_ctn .img{width: 50%;}
#action ul{margin-top: 30px;}
#action ul li{color: white;font-size: 16px;}

@media (max-width: 768px){
  #action h4{padding-top: 0px;}
  #action h2{font-size: 28px;}
  #action{padding:40px 0 60px;}
  .action_ctn .txt{width: 100%;}
  .action_ctn .img{width: 100%;margin-top: 20px;}
  #action ul{margin-top: 20px;}
  #action ul li{color: white;font-size: 14px;text-align:left;text-indent: -2.6em;padding-left: 2.6em;}
}

h2.join{margin-top: 80px;}
ul.join-eve{box-sizing: border-box;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;border: 1px solid #fff;padding:40px;}
ul.join-eve li{width: 25%;text-align: left;}

@media (max-width: 1250px){
  ul.join-eve li{width: 33%;text-align: left;}
}
@media (max-width: 980px){
  ul.join-eve li{width: 50%;text-align: left;}
}
@media (max-width: 768px){
  ul.join-eve li{width: 100%;text-align: left;}
  ul.join-eve{padding: 20px;}
  h2.join{margin-top: 40px;}
}




/*----------------------------------------------------

◆　sikigami

----------------------------------------------------*/
#sikigami{padding:0 0 60px;background-color:#577151;}
.sikigami_ctn .txt{width: 45%;}
.sikigami_ctn .img{width: 50%;margin-right: -5%;margin-top: -90px;}

@media (max-width: 768px){
  #sikigami{padding:0 0 40px;background-color:#577151;}
  .sikigami_ctn .txt{width: 100%;}
  .sikigami_ctn .img{width: 100%; margin-right: 0%; margin-top: 0px;}
}


/*----------------------------------------------------

◆　const

----------------------------------------------------*/
#const{text-align: center;padding: 60px 0 200px;}
#const h2{font-size: 40px;}
#const p{margin-top: 20px;}
@media (max-width: 768px){
  #const{text-align: center;padding: 0px 5% 60px;}
  #const h2{font-size: 18px;}
  #const p{margin-top: 10px;}
}

/*----------------------------------------------------

  contact

----------------------------------------------------*/

.col_img{width:90%;max-width: 440px;margin: 10px auto 30px;}
#collabo .company{margin-top: 20px;}

#collabo .inner-width{padding: 120px 0 100px;}
#contact .inner-width{padding: 0 0 120px;}
#collabo h2,#contact h2{font-size: 38px;font-weight: normal;color:#fff;margin-bottom: 0px;}
#collabo .txt .tel,#contact .txt .tel{margin-top: 30px;font-size: 34px;}
#collabo .txt .time,#contact .txt .time{margin-top: 0px;}
#collabo .txt a.btn,#contact .txt a.btn,#action .txt a.btn{width: 400px;text-align: center;display: block;margin:40px auto 0;font-size:16px;padding: 13px 0;background:#1e1e1e ;color: #fff;border:1px solid #aaa;}
#collabo .txt a.btn:hover,#contact .txt a.btn:hover{color: #fff;background:#577151;transition: .2s;border:1px solid #577151;}
#action .txt a.btn:hover{background:#660000;transition: .2s;border: 1px solid #660000;}
.banner{width: 860px;margin: 40px auto 80px;}

@media(max-width:768px){
  #collabo .inner-width{padding: 60px 0 60px;}
  #contact .inner-width{padding: 0 0 60px;}
  #collabo h2,#contact h2{font-size: 24px;}
  #contact .txt .tel{margin-top: 20px;font-size: 24px;}
  #collabo .txt a.btn,#contact .txt a.btn,#action .txt a.btn{width: 100%;margin:30px auto 0;font-size:14px;padding: 13px 0;}
  .banner{width: 100%;margin: 20px auto 40px;}
}

.slider2 li img{margin-left: -140px;}


/*----------------------------------------------------

  insta

----------------------------------------------------*/
#insta{padding: 55px 0 40px;}
#insta .ttl img{width: 230px;margin-bottom: 20px;}
#insta .ttl h2{font-size: 24px;font-weight: normal;margin-bottom: 20px;}
#insta .ttl p{color: #fff;margin: 10px 0 40px;font-size: 14px;}
@media(max-width:768px){
  #insta{padding: 40px 0 30px;}
  #insta .ttl h2{font-size: 14px;letter-spacing: 0.1rem;}
  #insta .ttl img{width: 130px;margin-top: 15px;}
  #insta .ttl p{font-size:12px;margin: 10px 0 40px;}
}

/*----------------------------------------------------

  insta

----------------------------------------------------*/
#last{padding: 40px 0 30px;}
#last .ttl{}
#last .ttl h2{font-size: 24px;font-weight: normal;margin-bottom: 20px;}
#last .ttl img{width: 230px;margin-bottom: 20px;}
#last .ttl p{color: #fff;margin: 0px 0 40px;font-size: 14px;}
@media(max-width:768px){
  #last .ttl h2{font-size: 14px;}
  #last .ttl img{width: 130px;margin-bottom: 20px;}
  #last .ttl p{font-size:12px;margin: 10px 0 40px;}
}

/*----------------------------------------------------

  to-shop

----------------------------------------------------*/
.to-shop{position: fixed;width: 160px;bottom: 25px;right:35px;z-index: 150;background: rgba(255,255,255,.8);border-radius: 100%;padding:28px 42px;box-shadow: 3px 3px 3px #333;}
@media (max-width: 768px) {
  .to-shop{position: fixed;width: 110px;bottom: 15px;right:10px;z-index: 150;background: rgba(255,255,255,.8);border-radius: 100%;padding:18px 27px;box-shadow: 3px 3px 3px #333;}
}

/* レスポンシブの設定 */
/* モバイル */
@media (max-width: 768px) {}