@charset "UTF-8";
/*.m-contact,
.l-footer,
.m-float-container {
	display: none;
}*/
@keyframes fadeIn { 0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; } }
@keyframes fadeOut { 0% { overflow: hidden; opacity: 1; }
  100% { max-height: 0; margin: 0 auto; opacity: 0; visibility: hidden; } }
.m-topicpath ol { background-color: #f8f5f5; }

@media screen and (min-width: 768px) { .l-shop .pc-none { display: none; }
  .l-shop .sp-none { display: block; } }
@media screen and (max-width: 767px) { .l-shop .pc-none { display: block; }
  .l-shop .sp-none { display: none; } }
html { opacity: 0; }

/*
* .l-shop
*/
.l-shop { background-color: #f8f5f5; }
@media screen and (min-width: 768px) { .l-shop { padding: 51px 0 60px; } }
@media screen and (max-width: 767px) { .l-shop { padding: 7vw 0 10.4vw; } }

.l-shop--title { text-align: center; letter-spacing: .04em; }
@media screen and (min-width: 768px) { .l-shop--title { font-size: 1.375rem; } }
@media screen and (max-width: 767px) { .l-shop--title { font-size: 4.8vw; } }

.is-datail .l-shop--title { line-height: 1.5; }

.l-shop__info { display: none; margin: 0 auto; background-color: #fff; box-sizing: border-box; }
@media screen and (min-width: 768px) { .l-shop__info { width: 900px; margin: 42px auto 122px; border-radius: 2px; padding: 40px 130px; } }
@media screen and (max-width: 767px) { .l-shop__info { width: 90.66667vw; margin: 6.8vw auto 11.4vw; border-radius: 0.53334vw; padding: 8vw 6vw 6.5vw; } }

.is-all .l-shop__info { display: block; animation: fadeIn .3s ease-in-out 0s 1 normal forwards; }

.l-shop__info p { letter-spacing: .04rem; }
@media screen and (min-width: 768px) { .l-shop__info p { margin-top: 20px; font-size: .8125rem; line-height: 1.69231; } }
@media screen and (max-width: 767px) { .l-shop__info p { margin-top: 5vw; font-size: 3.2vw; line-height: 1.66667; } }
.l-shop__info p:first-child { margin-top: 0; }

.l-shop__all-stores { margin: 0 auto; animation: fadeIn .3s ease-in-out 0s 1 normal forwards; }
@media screen and (min-width: 768px) { .l-shop__all-stores { width: 800px; margin-bottom: 40px; padding-top: 104px; } }
@media screen and (max-width: 767px) { .l-shop__all-stores { padding: 0 3.33334vw; padding-top: 23vw; } }

.is-result .l-shop__all-stores { overflow: hidden; padding: 0; animation: fadeOut .3s ease-in-out 0s 1 normal forwards; }

.shop--area-title { margin: 0 auto; text-align: center; line-height: 1; letter-spacing: .04em; }
@media screen and (min-width: 768px) { .shop--area-title { width: 800px; margin-bottom: 43px; font-size: 1.375rem; } }
@media screen and (max-width: 767px) { .shop--area-title { margin: 12.2vw auto 7.6vw; font-size: 4.8vw; } }

.shop--pref-title { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0 auto; letter-spacing: .04em; background-color: #fff; }
@media screen and (min-width: 768px) { .shop--pref-title { width: 800px; height: 35px; border-radius: 2px; font-size: 1.125rem; } }
@media screen and (max-width: 767px) { .shop--pref-title { width: 93.33334vw; height: 9.33334vw; font-size: 4.26667vw; letter-spacing: .04em; } }

.shop__area-anchor { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 auto; }
@media screen and (min-width: 768px) { .shop__area-anchor { width: 780px; margin-bottom: 104px; } }
@media screen and (max-width: 767px) { .shop__area-anchor { width: 93.33334vw; margin: 0 auto 10vw; } }
@media screen and (min-width: 768px) { .shop__area-anchor.is-center { justify-content: center; } }

.shop__area-anchor li { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; position: relative; border: 1px solid #c8c8c8; color: #3c3c3c; text-align: center; text-decoration: none; letter-spacing: .04em; background-color: #fff; box-sizing: border-box; cursor: pointer; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
@media screen and (min-width: 768px) { .shop__area-anchor li { width: 140px; height: 35px; margin-left: 20px; border-radius: 17.5px; font-size: .875rem; }
  .shop__area-anchor li:nth-child(5n+1) { margin-left: 0; }
  .shop__area-anchor li:nth-child(n+6) { margin-top: 21px; } }
@media screen and (max-width: 767px) { .shop__area-anchor li { width: 29.33334vw; height: 9.33334vw; margin-left: 2.66667vw; border-radius: 4.66667vw; font-size: 3.73334vw; }
  .shop__area-anchor li:nth-child(3n+1) { margin-left: 0; }
  .shop__area-anchor li:nth-child(n+4) { margin-top: 2.6vw; } }
.shop__area-anchor li:hover { color: #fff; background-color: #c8c8c8; }
.shop__area-anchor li:after { display: inline-block; position: absolute; background: url("/contents/shared/images/icon_arrow_select_down.svg") no-repeat 0 0; background-size: 100% 100%; content: ""; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
@media screen and (min-width: 768px) { .shop__area-anchor li:after { top: 34%; right: 6%; width: 25px; height: 13px; } }
@media screen and (max-width: 767px) { .shop__area-anchor li:after { top: 34%; right: 6%; width: 6vw; height: 3vw; } }
.shop__area-anchor li:hover:after { background: url("/contents/shared/images/icon_arrow_select_down_white.svg") no-repeat 0 0; background-size: 100% 100%; }

.shop__list { margin: 0 auto; }
@media screen and (min-width: 768px) { .shop__list { width: 800px; margin-bottom: 40px; }
  .shop__list:last-of-type { margin-bottom: 0; } }
@media screen and (max-width: 767px) { .shop__list { margin-bottom: 9.33334vw; }
  .shop__list:last-of-type { margin-bottom: 4vw; } }

.l-shop__all-stores .shop__list { margin: 0 auto; }

.shop-data { border-bottom: 1px solid #c8c8c8; }
@media screen and (min-width: 768px) { .shop-data { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding: 53px 0 54px; } }
@media screen and (max-width: 767px) { .shop-data { width: 85.86667vw; margin: 0 auto; padding: 6.4vw 0 4vw; } }

.shop_catbox .detail_border { width: auto; margin: 20px 5px 15px; }
@media screen and (min-width: 768px) { .shop_catbox .detail_border { width: 300px; } }
@media screen and (max-width: 767px) { .shop_catbox .detail_border { margin: 8px 5px 15px; width: 90%; } }

.l-shop__all-stores .shop-data.border-none, .is-result .shop-data:last-child { border-bottom: 0; }

.shop-data__icon { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 100%; }

.shop-data__icon > span { display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; border: 1px solid #c8c8c8; color: #878782; font-family: "Poppins", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: bold; line-height: 1; letter-spacing: .155em; text-transform: uppercase; background-color: #fff; box-sizing: border-box; }
@media screen and (min-width: 768px) { .shop-data__icon > span { min-width: 60px; margin: 0 0 16px 5px; padding: 4.5px 12px; font-size: .6875rem; } }
@media screen and (max-width: 767px) { .shop-data__icon > span { min-width: 12.53334vw; margin: 0 0 2.2vw 1.33334vw; padding: 1.2vw 2.13334vw 0.8vw; font-size: 2.93334vw; } }
.shop-data__icon > span:first-child { margin-left: 0; }

@media screen and (min-width: 768px) { .shop-data__info { width: 395px; padding-right: 15px; box-sizing: border-box; } }

@media screen and (min-width: 768px) { .shop-data--name { margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .shop-data--name { margin-bottom: 3.73334vw; } }

.shop-data--name a { display: inline-block; color: #3c3c3c; letter-spacing: .04em; line-height: 1.6; text-decoration: none; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
@media screen and (min-width: 768px) { .shop-data--name a { font-size: 1.125rem; } }
@media screen and (max-width: 767px) { .shop-data--name a { font-size: 4.26667vw; } }
.shop-data--name a:hover { opacity: .6; text-decoration: underline; }
.shop-data--name a:after { display: inline-block; background: url("/contents/shared/images/icon_arrow_gray.svg") no-repeat 50% 0; background-size: 100% auto; content: ""; }
@media screen and (min-width: 768px) { .shop-data--name a:after { width: 14px; height: 14px; margin-left: 4px; } }
@media screen and (max-width: 767px) { .shop-data--name a:after { width: 3.73334vw; height: 3.73334vw; margin-left: 1vw; vertical-align: -.6vw; } }

@media screen and (min-width: 768px) { .shop-data--zip { margin-bottom: 4px; font-size: .8125rem; } }
@media screen and (max-width: 767px) { .shop-data--zip { margin-bottom: 1.4vw; font-size: 3.2vw; } }

.shop-data--address { line-height: 1.53847; }
@media screen and (min-width: 768px) { .shop-data--address { margin-bottom: 7px; font-size: .8125rem; letter-spacing: .04em; }
  .shop-data--address a { color: #3c3c3c; text-decoration: none; pointer-events: none; } }
@media screen and (max-width: 767px) { .shop-data--address { margin-bottom: 1.4vw; font-size: 3.2vw; }
  .shop-data--address a { color: #3c3c3c; } }

.shop-data--tel { text-transform: uppercase; }
@media screen and (min-width: 768px) { .shop-data--tel { font-size: .6875rem; } }
@media screen and (max-width: 767px) { .shop-data--tel { margin-bottom: 4vw; font-size: 2.66667vw; } }

.shop-data--tel a { display: inline-block; color: #3c3c3c; letter-spacing: .04em; }
@media screen and (min-width: 768px) { .shop-data--tel a { margin-left: 5px; font-size: .8125rem; pointer-events: none; text-decoration: none; } }
@media screen and (max-width: 767px) { .shop-data--tel a { margin-left: 1.6vw; font-size: 3.2vw; text-decoration: underline; } }
@media screen and (max-width: 767px) { .shop-data--tel a:hover { opacity: .6; text-decoration: underline; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } }

.shop-data__category { display: flex; flex-wrap: wrap; justify-content: flex-start; }
@media screen and (min-width: 768px) { .shop-data__category { align-items: center; width: 400px; box-sizing: border-box; } }
@media screen and (max-width: 767px) { .shop-data__category { margin-left: -1.33334vw; } }

.shop-data__category span { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; color: #878782; font-weight: bold; letter-spacing: .04em; background: #e7e7e7; box-sizing: border-box; }
@media screen and (min-width: 768px) { .shop-data__category span { min-width: 77px; margin: 5px 0 0 5px; padding: 4.5px 12px; border-radius: 10px; font-size: .6875rem; }
  .shop-data__category span:nth-child(n+4) { margin-top: 5px; } }
@media screen and (max-width: 767px) { .shop-data__category span { min-width: 17.86667vw; margin: 0 0 2.13334vw 1.33334vw; padding: 1.336vw 2.13334vw; border-radius: 2.66667vw; font-size: 2.66667vw; } }
.shop-data__category span.gray { color: #fff; background-color: #878782; }

.shop__retail span { background-color: #fca4cc; color: #fff; }

.shop-result { margin: 0 auto; animation: fadeOut .3s ease-in-out 0s 1 normal forwards; }
@media screen and (min-width: 768px) { .shop-result { margin: 100px auto 0; } }
@media screen and (max-width: 767px) { .shop-result { margin: 10vw auto 0; } }

.is-result .shop-result { animation: fadeIn .3s ease-in-out 0s 1 normal forwards; }

.shop-result__info { margin: 0 auto; }
@media screen and (min-width: 768px) { .shop-result__info { width: 800px; } }
@media screen and (max-width: 767px) { .shop-result__info { width: 85.86667vw; } }

.shop-result__info p { letter-spacing: .04em; line-height: 1; vertical-align: bottom; }
@media screen and (min-width: 768px) { .shop-result__info p { font-size: .8125rem; }
  .shop-result__info p:nth-of-type(1) { margin-bottom: 26px; }
  .shop-result__info p:nth-of-type(2) { margin-bottom: 33px; }
  .shop-result__info p:nth-of-type(3), .shop-result__info p:last-of-type { margin-bottom: 33px; } }
@media screen and (max-width: 767px) { .shop-result__info p { font-size: 3.2vw; }
  .shop-result__info p:nth-of-type(1) { margin-bottom: 4.6vw; }
  .shop-result__info p:nth-of-type(2) { margin-bottom: 6vw; }
  .shop-result__info p:nth-of-type(3), .shop-result__info p:last-of-type { margin-bottom: 5.6vw; } }

.shop-result__info span { display: inline-block; color: #878782; }
@media screen and (min-width: 768px) { .shop-result__info span { width: 180px; } }
@media screen and (max-width: 767px) { .shop-result__info span { width: 18.66667vw; } }

@media screen and (max-width: 767px) { .shop-result--info-item:first-child span { display: block; width: 100%; margin-bottom: 3vw; } }

.shop-result__info b { font-weight: normal; }
@media screen and (min-width: 768px) { .shop-result__info b { display: inline-block; margin-right: 5px; font-size: .875rem; } }
@media screen and (max-width: 767px) { .shop-result__info b { font-size: 3.73334vw; margin-right: 2.4vw; } }

.shop-result__info hr { width: 100%; height: 1px; margin: 0 auto; border: 0; background-color: #c8c8c8; }
@media screen and (min-width: 768px) { .shop-result__info hr:nth-of-type(1) { margin-bottom: 47px; } }
@media screen and (max-width: 767px) { .shop-result__info hr:nth-of-type(1) { margin-bottom: 6.5vw; } }

.shop-search__result { border-bottom: 1px solid #c8c8c8; }
@media screen and (min-width: 768px) { .shop-search__result { margin-top: 82px; } }

/*
* .shop-datail
*/
@media screen and (min-width: 768px) { .shop-datail { margin-bottom: 61px; } }
@media screen and (max-width: 767px) { .shop-datail { margin-bottom: 11vw; } }

.shop-datail__category { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
@media screen and (min-width: 768px) { .shop-datail__category { margin-bottom: 45px; padding-top: 17px; box-sizing: border-box; } }
@media screen and (max-width: 767px) { .shop-datail__category { margin: 0 0 4.4vw -1.33334vw; padding-top: 3vw; } }

.shop-datail__category span { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; color: #878782; font-weight: bold; letter-spacing: .04em; background: #e7e7e7; box-sizing: border-box; }
@media screen and (min-width: 768px) { .shop-datail__category span { min-width: 77px; margin-left: 5px; padding: 4.5px 12px; border-radius: 10px; font-size: .6875rem; } }
@media screen and (max-width: 767px) { .shop-datail__category span { min-width: 17.86667vw; margin: 0 0 2.13334vw 1.33334vw; padding: 1.336vw 2.13334vw; border-radius: 2.66667vw; font-size: 2.66667vw; } }
.shop-datail__category span.gray { color: #fff; background-color: #878782; }

@media screen and (min-width: 768px) { .shopdetail_retail { padding-top: 40px; margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .shopdetail_retail { padding-top: 20px; margin-bottom: 5px; } }

.shopdetail_retail span { background: #fca4cc; color: #fff; }

span.detail_border { margin: 0 auto; display: block; height: 2px; border-top: 2px dotted #ccc; }
@media screen and (min-width: 768px) { span.detail_border { max-width: 900px; width: 450px; } }
@media screen and (max-width: 767px) { span.detail_border { width: 85.86667vw; } }

.shop-datail__category + hr { height: 1px; margin: 0 auto; border: 0; background-color: #c8c8c8; }
@media screen and (min-width: 768px) { .shop-datail__category + hr { width: 900px; margin-bottom: 45px; } }
@media screen and (max-width: 767px) { .shop-datail__category + hr { width: 85.86667vw; margin-bottom: 7.4vw; } }

.shop-detail_info { margin: 0 auto; }
@media screen and (min-width: 768px) { .shop-detail_info { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: 800px; margin-bottom: 37px; } }
@media screen and (max-width: 767px) { .shop-detail_info { width: 85.33334vw; margin-bottom: 8vw; font-size: 3.2vw; line-height: 1.66667; } }

.shop-detail_info dt { letter-spacing: .04em; text-transform: uppercase; }
@media screen and (min-width: 768px) { .shop-detail_info dt { width: 180px; margin-top: 24px; padding-right: 20px; font-size: .8125rem; line-height: 1.53847; box-sizing: border-box; } }
@media screen and (max-width: 767px) { .shop-detail_info dt { margin: 4.2vw 0 1vw; } }
.shop-detail_info dt:nth-of-type(1) { margin: 0; }

.shop-detail_info dd { letter-spacing: .04em; }
@media screen and (min-width: 768px) { .shop-detail_info dd { width: 620px; margin-top: 26px; font-size: .8125rem; line-height: 1.53847; } }
.shop-detail_info dd:nth-of-type(1) { margin-top: 0; }

.shop-detail_info dd a { color: #3c3c3c; }
@media screen and (min-width: 768px) { .shop-detail_info dd a { text-decoration: none; pointer-events: none; } }

.shop-datail--hours span { display: inline-block; }
@media screen and (min-width: 768px) { .shop-datail--hours span { min-width: 80px; } }
@media screen and (max-width: 767px) { .shop-datail--hours span { width: 20vw; } }

.shop-datail--gmap { display: block; margin: 0 auto; }
@media screen and (min-width: 768px) { .shop-datail--gmap { width: 800px; height: 330px; margin-bottom: 70px; } }
@media screen and (max-width: 767px) { .shop-datail--gmap { width: 85.33334vw; height: 85.33334vw; margin-bottom: 10vw; } }

.shop-datail + hr { height: 1px; margin: 0 auto; border: 0; background-color: #c8c8c8; }
@media screen and (min-width: 768px) { .shop-datail + hr { margin-bottom: 45px; } }

/*
* .l-shop__serch
*/
.l-shop--serch-title { text-align: center; letter-spacing: .04em; }
@media screen and (min-width: 768px) { .l-shop--serch-title { margin: 85px auto 48px; font-size: 1.375rem; line-height: 1; } }
@media screen and (max-width: 767px) { .l-shop--serch-title { margin: 13.86667vw  auto 4.8vw; font-size: 4.8vw; line-height: 1; } }

.l-shop__serch { position: relative; }
@media screen and (min-width: 768px) { .l-shop__serch { display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; width: 1000px; height: 42px; margin: 0 auto 31px; } }
@media screen and (max-width: 767px) { .l-shop__serch { width: 91.2vw; margin: 0 auto 4.4vw; } }

.l-shop__serch-select { overflow: hidden; margin: auto; color: #3c3c3c; border: 1px solid #c8c8c8; background-color: #fff; background-image: url("/contents/shared/images/icon_arrow_select_down.svg"); background-repeat: no-repeat; box-sizing: border-box; transition-duration: .4s; transition-timing-function: ease-in-out; }
@media screen and (min-width: 768px) { .l-shop__serch-select { position: absolute; z-index: 1; width: 310px; max-height: 42px; margin-bottom: 31px; border-radius: 2px; background-position: 96% 16px; background-size: 14px 14px; }
  .l-shop__serch-select:first-child { left: 0; margin-right: 20px; }
  .l-shop__serch-select:last-child { right: 0; } }
@media screen and (max-width: 767px) { .l-shop__serch-select { width: 100%; max-height: 13.33334vw; margin-top: 2.6vw; border-radius: 0.53334vw; background-position: 96% 5vw; background-size: 3.2vw; }
  .l-shop__serch-select:first-child { margin-top: 0; } }

.l-shop__serch-select.is-opened { background-image: url("/contents/shared/images/icon_arrow_select_up.svg"); }
@media screen and (min-width: 768px) { .l-shop__serch-select.is-opened { max-height: 600px; } }
@media screen and (max-width: 767px) { .l-shop__serch-select.is-opened { max-height: 600px; } }

.l-shop__serch-select li { border-top: 1px solid #dcdcdc; }
@media screen and (min-width: 768px) { .l-shop__serch-select li { width: 310px; height: 42px; } }
@media screen and (max-width: 767px) { .l-shop__serch-select li { width: 100%; height: 13.33334vw; } }
.l-shop__serch-select li:first-child { border-top: 0; }

.l-shop__serch-select .is-disabled, .l-shop__serch-select label { display: block; width: 100%; height: 100%; text-align: left; box-sizing: border-box; }
@media screen and (min-width: 768px) { .l-shop__serch-select .is-disabled, .l-shop__serch-select label { padding: 13px 0 13px 20px; font-size: 15px; } }
@media screen and (max-width: 767px) { .l-shop__serch-select .is-disabled, .l-shop__serch-select label { padding: 5vw 7vw 3vw 5vw; font-size: 3.73334vw; } }

.l-shop__serch-select .is-disabled { color: #9e9e9e; cursor: default; }
.l-shop__serch-select .is-disabled.bold { font-weight: bold; }

.l-shop__serch-select .is-selected .is-disabled { color: #3c3c3c; }

.l-shop__serch-select label { color: #3c3c3c; text-indent: 1em; cursor: pointer; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
.l-shop__serch-select label:hover { color: #8c8c8c; text-decoration: underline; }

.l-shop__serch-select .child-elm { text-indent: 2em; }

.l-shop__serch-select label input { display: none; }

.l-shop--serch-btn { display: none; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0 auto; color: #fff; font-weight: bold; line-height: 1; letter-spacing: .04em; background-color: #878782; box-sizing: border-box; cursor: pointer; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
@media screen and (min-width: 768px) { .l-shop--serch-btn { width: 300px; height: 50px; border-radius: 2px; font-size: 1.125rem; } }
.l-shop--serch-btn:hover { opacity: .6; }
.l-shop--serch-btn.is-disabled { pointer-events: none; opacity: .6; }
@media screen and (max-width: 767px) { .l-shop--serch-btn { width: 80vw; height: 14.66667vw; font-size: 4.26667vw; font-weight: bold; } }

.l-shop--serch-btn.is-disp { display: flex; }

/*
* .l-shop__bnr-group
*/
.l-shop__bnr-group { margin: 0 auto; }
@media screen and (min-width: 768px) { .l-shop__bnr-group { display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; width: 930px; margin-top: 105px; } }
@media screen and (max-width: 767px) { .l-shop__bnr-group { width: 80vw; margin-top: 17vw; } }

@media screen and (max-width: 767px) { .is-result .l-shop__bnr-group { margin-bottom: 5.3334vw; } }

.l-shop__bnr-group li { overflow: hidden; border: 1px solid #c8c8c8; box-sizing: border-box; }
@media screen and (min-width: 768px) { .l-shop__bnr-group li { width: 300px; height: 175px; border-radius: 2px; } }
@media screen and (max-width: 767px) { .l-shop__bnr-group li { height: 46.66667vw; margin-top: 2.6vw; font-size: 0.53334vw; }
  .l-shop__bnr-group li img { width: 80vw; height: 46.4vw; } }

.l-shop__bnr-group li a { display: inline-block; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
.l-shop__bnr-group li a:hover { opacity: .6; }

/*
* .l-shop__btn-group
*/
@media screen and (min-width: 768px) { .l-shop__btn-group { padding-top: 60px; } }
@media screen and (max-width: 767px) { .l-shop__btn-group { padding-top: 5vw; } }

@media screen and (min-width: 768px) { .l-shop__btn-group .m-contents--default-btn.ayura-ginza { margin-bottom: 14px; } }
@media screen and (max-width: 767px) { .l-shop__btn-group .m-contents--default-btn.ayura-ginza { margin-bottom: 4vw; } }
.l-shop__btn-group .m-contents--default-btn.ayura-ginza a { text-indent: 100%; overflow: hidden; white-space: nowrap; background: #fff url("/shoplist/assets/images/ayura_ginza_btn.svg") no-repeat 50% 50%; transition-duration: .3s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
@media screen and (min-width: 768px) { .l-shop__btn-group .m-contents--default-btn.ayura-ginza a { width: 300px; height: 50px; background-size: 120px 28px; } }
@media screen and (max-width: 767px) { .l-shop__btn-group .m-contents--default-btn.ayura-ginza a { width: 80vw; height: 14.66667vw; background-size: 34.66667vw 8vw; } }
.l-shop__btn-group .m-contents--default-btn.ayura-ginza a:hover { background: #c8c8c8 url("/shoplist/assets/images/ayura_ginza_btn_white.svg") no-repeat 50% 50%; }

[v-cloak] { display: none; }

@media screen and (max-width: 767px) { .float-bnr--close-btn img { width: 3.73334vw; height: 3.73334vw; } }

@media screen and (max-width: 767px) { .float-bnr a { font-size: 3.2vw; transition-property: none; } }