@charset "UTF-8";

.loc_bg01{background-image: url("../../common/imgs/bg_silk02.jpg");background-size: 100%;background-position: top center;}
.loc_bg02{background-image: url("../../common/imgs/bg_silk03.jpg");background-size: 100%;background-position: top center;max-width: 1200px;margin: 30px auto 0;}

.lc_ttl{text-align: center;max-width: 800px; margin: 0 auto;}
.lc_ttl h6{font-size: 30px;font-family: "EB garamond";color: #c7c796;}
.lc_ttl h2{font-size: 24px;margin-top: 30px;line-height: 1.8;}
.lc_ttl h3{font-size: 14px;margin-top: 30px;text-align: left;line-height: 1.8;}

.pos_img02{max-width: 1020px;margin: 50px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start}
.pos_img0201{width: 58.8%;position: relative;}
.pos_img0202{width: 33%;position: relative;margin: 0 6% 0 0;}
.pos_img0203{width: 33%;position: relative;margin: -25% 0 0 auto;}

.pos_img03{max-width: 1020px;margin: 50px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start}
.pos_img0301{width: 58.8%;position: relative;}
.pos_img0302{width: 33%;position: relative;margin: 0 6% 0 0;}
.pos_img0303{width: 33%;position: relative;margin: -23% 0 0 auto;}

.pos_img04{max-width: 1020px;margin: 70px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start}
.pos_img0401{width: 64%;position: relative;}
.pos_img0402{width: 30%;position: relative;margin: -3% 0 0 0;}
.pos_img0403{width: 30%;position: relative;margin: -19% 3% 0 auto;}

.pos_img05{max-width: 1020px;margin: 70px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start}
.pos_img0501{width: 64%;position: relative;order: 2;}
.pos_img0502{width: 30%;position: relative;margin: -3% 0 0 3%;order: 1;}
.pos_img0503{width: 30%;position: relative;margin: -19% auto 0 0;order: 3;}


.loc_content01{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;padding: 0 0 100px;}
.lc01_img01{width: 100%;}
.lc01_txt01{width: 48%;;}
.lc01_txt01 h2{font-size: 24px;line-height: 1.8;}
.lc01_txt01 h3{font-size: 14px;line-height: 2.2;margin-top: 20px;}
.lc01_img02{width: 48%;}

.lc01_feswrap{display: flex;justify-content: space-between;flex-wrap:wrap;margin: 60px auto 0;padding: 40px;background: #867f63;color: #FFF;}
.lc01_feswrap h2{font-size: 24px;line-height: 1.8;}
.lc01_feswrap h3{font-size: 14px;line-height: 2.2;margin-top: 20px;}
.lc01_feswrap01{width: 48%;order: 2;margin-top: 40px;}
.lc01_feswrap02{width: 48%;position: relative;order: 1;margin-top: 40px;}

.lc01_aprwrap{max-width: 1020px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.lc01_aprwrap_inner{display: flex;justify-content: space-between;flex-wrap:wrap;margin: 0 auto 0;max-width: 1020px;align-items: center}
.lc01_aprwrap_inner h6{font-size: 24px;color: #c7c796;width: 100%;text-align: center;margin-bottom: 50px;font-family: "EB garamond";}
.lc01_aprwrap_inner h6.txt_asakusa{font-size: 24px;color: #2a4347;width: 100%;text-align: center;margin-bottom: 50px;font-family: "EB garamond";}
.lc01_aprwrap_inner h2{font-size: 24px;line-height: 1.8;}
.lc01_aprwrap_inner h3{font-size: 14px;line-height: 2.2;margin-top: 20px;}
.lc01_aprwrap01{width: 48%;}
.lc01_aprwrap02{width: 48%;position: relative;}
.lc01_aprwrap03{width: 78.5%;position: relative;margin: 30px auto 0;}
.lc01_aprwrap03 h4{font-size: 18px;}
.lc01_aprwrap03 h5{font-size: 14px;line-height: 1.8;margin-top: 15px}

.bg_white{padding: 100px 0;border-top:4px double #999;}
.bg_gray{padding: 60px 0;background-image: linear-gradient(90deg, rgba(218,224,228,1) 0%, rgba(218,224,228,0) 100%);}
.loc_content02{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;}

.lc02_img01txt{font-size: 14px;margin: 3px 0 0;line-height: 1.8;}
.lc02_txt01{display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 14px;width: 80%;margin: 20px auto 0;line-height: 1.8;}
.lc02_txt01li{width: 49%;text-align: center;border: 1px solid rgba(133,161,188,1.00);color: rgba(47,48,53,1.00);padding: 10px 0;margin: 0 0 20px;}

.loc_content03{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;padding: 0 0 0;}
.lc03_shop01{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;align-items: center;}
.lc03_shop01 .lc03_img02{order: 2;}
.lc03_shop01 .lc03_txtwrap{order: 1;}
.lc03_shop02{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;align-items: center;}
.lc03_shop02 .lc03_img02{order: 1;}
.lc03_shop02 .lc03_txtwrap{order: 2;}
.lc03_shop03{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;align-items: center;}
.lc03_shop03 .lc03_img02{order: 2;}
.lc03_shop03 .lc03_txtwrap{order: 1;}
.lc03_shop04{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;align-items: center;}
.lc03_shop04 .lc03_img02{order: 1;}
.lc03_shop04 .lc03_txtwrap{order: 2;}

.lc03_img01{margin-bottom: 60px;}
.lc03_img02{width: 65%;position: relative;}
.lc03_txtwrap{width: 32%;}
.lc03_img02txt{background: #ab9b75;position: absolute;padding: 8px 0 14px;color: #FFF;text-align: center;font-size: 14px;width: 80px;line-height: 1;}
.lc03_txt01{}
.lc03_txt01 h2{font-size: 12px;text-align: center;line-height: 1.6;}
.lc03_txt01 h3{font-size: 14px;line-height: 2.2;margin-top: 20px}
.lc03_txt02{background-image: linear-gradient(-30deg, #DDD 0%, #EEE 100%);padding: 80px 30px 0 30px;display: flex;justify-content: space-between;margin-top: 40px;order: 3;flex-wrap: wrap;position: relative;}
.lc03_txt02ttl{width: 100%;position: absolute;top:0;left:0;}
.lc03_txt02ttl a{color: #FFF;text-align: center;width: 100%;color: #FFF;padding: 12px;background: #1f3243;display: block;position: relative;transition: opacity 0.3s ease-in-out;}
.lc03_txt02ttl a:hover{opacity: 0.8;}
.lc03_txt02ttl a::after{content: "";position: absolute;position: absolute;transform: translate(0, -50%);left: auto;top: 30%;right: 20px;transform: scale(1 , 0.5);}
.lc03_txt02li{width: 48%;}
.lc03_txt02 dt{font-size: 16px;color: #1f3243;margin-bottom: 5px;border-bottom: 1px solid #CCC;padding-bottom: 5px}
.lc03_txt02 dt::before{content: "■"}
.lc03_txt02 dd{font-size: 12px;color: #5b5a5a;margin-bottom: 30px;line-height: 1.6;letter-spacing: 0em;}
.loc_content03 .capOut{width: 100%;order: 4;}

.lc_shoplisttxt{font-size: 14px;margin: 8px 0 0;line-height: 1.4;}
.lc_shoplisttxt2{font-size: 12px;margin: 4px 0 0;line-height: 1.2;text-align: right;}

.lc_shoplist{display: flex;justify-content: center;flex-wrap:wrap;width: 100%; margin: 60px auto 0;}
.lc_shoplist_img:nth-child(1){width: 44%;margin:0 5% 6% 0;}
.lc_shoplist_img:nth-child(2){width: 40%;margin:5% 2% 0 0;}
.lc_shoplist_img:nth-child(3){width: 40%;margin:0 5% 6% 2%;}
.lc_shoplist_img:nth-child(4){width: 44%;margin:5% 0 0 0;}

.loc_content04{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;padding: 0 0 0;}
.lc04_img01{max-width: 800px;margin: 40px auto 0;}

.areainfo_wrap{background: #4F5049;color: #FFF;}

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

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

.loc_bg01{background-image: url("../../common/imgs/bg_silk02_sp.jpg");background-size: 100%;background-position: top center;}
.loc_bg02{background-image: url("../../common/imgs/bg_silk02_sp.jpg");background-size: 100%;background-position: top center;max-width: 1200px;margin: 0 auto 0;}

.lc_ttl{text-align: center;max-width: 800px; margin: 0 auto;}
.lc_ttl h6{font-size: 6vw;font-family: "EB garamond";}
.lc_ttl h2{font-size: 4vw;margin-top: 15px;line-height: 1.8;}
.lc_ttl h3{font-size: 3vw;margin-top: 15px;text-align: left;line-height: 1.8;margin: 15px 5% 0 5%;}

.pos_img02{max-width: 1020px;margin: 30px 0 0;display: flex;justify-content: center;flex-wrap: wrap;align-items: flex-start}
.pos_img0201{width: 80%;position: relative;}
.pos_img0202{width: 46%;position: relative;margin:50px 4% 0 0;}
.pos_img0203{width: 40%;position: relative;margin:20px 0 0;}

.pos_img03{max-width: 1020px;margin: 30px 0 0;display: flex;justify-content: center;flex-wrap: wrap;align-items: flex-start}
.pos_img0301{width: 80%;position: relative;}
.pos_img0302{width: 46%;position: relative;margin:50px 4% 0 0;}
.pos_img0303{width: 40%;position: relative;margin:20px 0 0;}

.pos_img04{max-width: 1020px;margin: 30px 0 0;display: flex;justify-content: center;flex-wrap: wrap;align-items: flex-start}
.pos_img0401{width: 80%;position: relative;}
.pos_img0402{width: 46%;position: relative;margin:20px 4% 0 0;}
.pos_img0403{width: 40%;position: relative;margin:50px 0 0;}

.pos_img05{max-width: 1020px;margin: 70px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start}
.pos_img0501{width: 64%;position: relative;order: 2;}
.pos_img0502{width: 30%;position: relative;margin: -3% 0 0 3%;order: 1;}
.pos_img0503{width: 30%;position: relative;margin: -19% auto 0 0;order: 3;}

.pos_img05{max-width: 1020px;margin: 30px 0 0;display: flex;justify-content: center;flex-wrap: wrap;align-items: flex-start}
.pos_img0501{width: 80%;position: relative;order: 1;}
.pos_img0502{width: 46%;position: relative;margin:50px 4% 0 0;order: 2;}
.pos_img0503{width: 40%;position: relative;margin:20px 0 0;order: 3;}

.loc_content01{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;padding: 0 0 30px;}
.lc01_img01{width: 80%;margin-bottom: 40px;}
.lc01_txt01{width: 100%;margin: 0 auto 0;}
.lc01_txt01 h2{font-size: 4vw;line-height: 1.8;text-align: center;}
.lc01_txt01 h3{font-size: 3vw;line-height: 2.2;margin-top: 15px;}
.lc01_img02{width: 100%;margin: 20px auto 0;}

.lc01_feswrap{display: flex;justify-content: space-between;flex-wrap:wrap;margin: 30px 5% 0;padding: 30px 5%;border: 1px solid #CCC;}
.lc01_feswrap h2{font-size: 4vw;line-height: 1.8;text-align: center;}
.lc01_feswrap h3{font-size: 3vw;line-height: 2.2;margin-top: 15px;}
.lc01_feswrap01{width: 100%;order: 1;}
.lc01_feswrap02{width: 100%;position: relative;order: 2;margin-top: 15px;}

.lc01_aprwrap_inner{display: flex;justify-content: space-between;flex-wrap:wrap;margin: 0 auto 0;padding: 0 10%;}
.lc01_aprwrap_inner h6{font-size: 5vw;color: #c7c796;width: 100%;text-align: center;margin-bottom: 30px;font-family: "EB garamond"}
.lc01_aprwrap_inner h6.txt_asakusa{font-size: 5vw;color: #2a4347;width: 100%;text-align: center;margin-bottom: 30px;font-family: "EB garamond"}
.lc01_aprwrap_inner h2{font-size: 4vw;line-height: 1.8;text-align: center;}
.lc01_aprwrap_inner h3{font-size: 3vw;line-height: 2.2;margin-top: 15px;}
.lc01_aprwrap01{width: 100%;}
.lc01_aprwrap02{width: 100%;position: relative;margin-top: 15px;}
.lc01_aprwrap03{width: 100%;position: relative;margin-top: 20px}
.lc01_aprwrap03 h4{font-size: 4vw;}
.lc01_aprwrap03 h5{font-size: 3vw;line-height: 1.8;margin-top: 15px}

.bg_white{padding: 40px 0;border-top:4px double #999;}
.bg_gray{padding: 30px 0;background-image: linear-gradient(90deg, rgba(218,224,228,1) 0%, rgba(218,224,228,0) 100%);}
.loc_content02{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;padding: 20px 0;}

.lc02_img01{width: 80%;}
.lc02_img01txt{font-size: 3vw;margin: 3px 0 0;line-height: 1.8;}
.lc02_txt01{display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 3vw;width: 90%;margin: 20px auto 0;line-height: 1.6;}
.lc02_txt01li{width: 49%;text-align: center;border: 1px solid rgba(133,161,188,1.00);color: rgba(47,48,53,1.00);padding: 10px 0;margin: 0 0 6px;}

.loc_content03{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;padding: 30px 0;}
.lc03_shop01{display: flex;justify-content: space-between;flex-wrap: wrap;margin:40px 10% 40px 10%;align-items: center;}
.lc03_shop01 .lc03_img02{order: 1;}
.lc03_shop01 .lc03_txtwrap{order: 2;}
.lc03_shop02{display: flex;justify-content: space-between;flex-wrap: wrap;margin:0 10% 40px 10%;align-items: center;}
.lc03_shop02 .lc03_img02{order: 1;}
.lc03_shop02 .lc03_txtwrap{order: 2;}
.lc03_shop03{display: flex;justify-content: space-between;flex-wrap: wrap;margin:0 10% 40px 10%;align-items: center;}
.lc03_shop03 .lc03_img02{order: 1;}
.lc03_shop03 .lc03_txtwrap{order: 2;}
.lc03_shop04{display: flex;justify-content: space-between;flex-wrap: wrap;margin:0 10% 40px 10%;align-items: center;}
.lc03_shop04 .lc03_img02{order: 1;}
.lc03_shop04 .lc03_txtwrap{order: 2;}

.lc03_img01{margin-bottom: 30px;width: 100%;}
.lc03_img02{width: 100%;position: relative;}
.lc03_txtwrap{width: 100%;}
.lc03_img02txt{background: #ab9b75;position: absolute;padding: 8px 0 14px;color: #FFF;text-align: center;font-size: 14px;width: 80px;line-height: 1;}
.lc03_img02txt.adj02{right: 0;}
.loc_adj{right: 0;}
.lc03_txt01{margin-top: 20px}
.lc03_txt01 h2{font-size: 3vw;text-align: center;line-height: 1.6;}
.lc03_txt01 h3{font-size: 3.2vw;line-height: 2.2;margin-top: 20px}
.lc03_txt02{background: #f4f3f4;padding: 52px 5% 0;border: 1px solid #768FA4;display: flex;justify-content: space-between;margin:20px 0 0;order: 3;flex-wrap: wrap;}
.lc03_txt02ttl{width: 100%;position: absolute;top:0;left:0;}
.lc03_txt02ttl a{color: #FFF;text-align: center;width: 100%;color: #FFF;padding: 10px;background: #1f3243;display: block;position: relative;transition: opacity 0.3s ease-in-out;font-size: 3.5vw}
.lc03_txt02ttl a:hover{opacity: 0.8;}
.lc03_txt02ttl a::after{content: "";position: absolute;position: absolute;transform: translate(0, -50%);left: auto;top: 30%;right: 20px;transform: scale(1 , 0.5);}
.lc03_txt02li{width: 100%;}
.lc03_txt02 dt{font-size: 3.5vw;color: #1f3243;margin-bottom: 5px;border-bottom: 1px solid #CCC;padding-bottom: 5px}
.lc03_txt02 dt::before{content: "■"}
.lc03_txt02 dd{font-size: 3vw;color: #5b5a5a;margin-bottom: 20px;line-height: 1.6;letter-spacing: 0em;}
.loc_content03 .capOut{width: 100%;order: 4;}

.lc_shoplisttxt{font-size: 2.6vw;margin: 8px 0 0;line-height: 1.4;}
.lc_shoplisttxt2{font-size: 2.6vw;margin: 4px 0 0;line-height: 1.2;text-align: right;}

.lc_shoplist{display: flex;justify-content: space-between;flex-wrap:wrap;width: 90%; margin: 10px auto 0;flex-wrap: wrap;}
.lc_shoplist_img:nth-child(1){width: 48%;margin:0 3% 10% 0;}
.lc_shoplist_img:nth-child(2){width: 48%;margin:10% 0 0 0;}
.lc_shoplist_img:nth-child(3){width: 48%;margin:0 3% 10% 0;}
.lc_shoplist_img:nth-child(4){width: 48%;margin:10% 0 0 0;}

.loc_content04{display: flex;justify-content: space-between;flex-wrap:wrap;max-width: 1020px;margin: 0 auto;padding: 0 0;}
.lc04_img01{max-width: 800px;margin: 30px 10% 0;}

}


/* =========================================================
   lc03_txt02 accordion add-on
   PC/SP: accordion
========================================================= */

.lc03_txt02.js-lc03-accordion .lc03_accordion_content {
  display: block;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.lc03_txt02.js-lc03-accordion .lc03_accordion_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.lc03_txt02.js-lc03-accordion .accordion_btn,
.lc03_txt02.js-lc03-accordion .lc03_txt02ttl a {
  cursor: pointer;
}

.lc03_txt02.js-lc03-accordion .lc03_txt02ttl a::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) scale(1, 0.5);
}

.lc03_txt02.js-lc03-accordion.is-open .lc03_txt02ttl a::after {
  content: "▲";
}

.lc03_txt02.js-lc03-accordion .lc03_accordion_close {
  display: block;
  width: 70%;
  max-width: 220px;
  margin: 4px auto 0;
  padding: 11px 16px;
  border: 1px solid #1f3243;
  background: #fff;
  color: #1f3243;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.lc03_txt02.js-lc03-accordion .lc03_accordion_close:hover {
  background: #1f3243;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .lc03_txt02.js-lc03-accordion .lc03_accordion_inner {
    display: block;
    padding-bottom: 22px;
  }

  .lc03_txt02.js-lc03-accordion .lc03_accordion_close {
    font-size: 3.2vw;
  }
}