<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* shop */

/* shop header */
#shop-header {
  position: relative;
  overflow: hidden;
}
#shop-header .info-block {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#shop-header .info-block &gt; * {
  position: absolute;
  z-index: 500;
}
#shop-header .info-text {
  max-width: calc(100% - 165px);
  padding-right: 15px;
}
#shop-header .info-text #shop-main-name,
#shop-header .info-text p {
  margin-bottom: 0;
  color: #fff;
  background-color: rgba(11,2,36,0.8);
  transition: transform .5s ease, margin .5s ease;
}
#shop-header .info-text.close #shop-main-name,
#shop-header .info-text.close p {
  transform: translateX(-100%);
}
#shop-header .info-text p {
  display: inline-block;
}
#shop-header .info-text #shop-main-name {
  position: relative;
  cursor: pointer;
}
#shop-header .info-text #shop-main-name .main,
#shop-header .info-text #shop-main-name .sub {
  display: block;
}
#shop-header .info-text #shop-main-name .main {
  font-weight: 700;
  line-height: 1.3;
}
#shop-header .info-text #shop-main-name .sub {
  padding-top: .2em;
  font-weight: 400;
}
#shop-header .info-text #shop-main-name #info-close {
  position: absolute;
  width: 15px;
  height: 100%;
  right: -15px;
  top: 0;
  background-color: rgba(11,2,36,0.8);
  cursor: pointer;
  transition: background-color .15s linear;
}
#shop-header .info-text #shop-main-name #info-close::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 90%;
  top: 5%;
  left: 0;
  background-color: rgba(255,255,255,0.2);
}
#shop-header .info-text #shop-main-name #info-close::after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  left: 50%;
  top: 50%;
  transform: rotate(45deg);
  margin: -2px 0 0 -2px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  box-sizing: border-box;
  transition: transform .3s ease, margin .15s linear;
}
#shop-header .info-text.close #shop-main-name #info-close::after {
  transform: rotate(235deg);
}
#shop-header .info-text p {
	position: relative;
	padding: .4em .8em .4em 2.2em;
  margin-top: 2px;
  min-width: 15em;
}
#shop-header .info-message img {
	position: absolute;
  width: 1.5em;
	left: .5em;
	top: .5em;
}
#shop-header .vr-button {
  right: 0;
}
#shop-header .vr-button a {
  display: inline-block;
  background-color: #fff;
  border-radius: 5em;
  font-weight: 700;
  color: #7C61A7;
  border: 1px solid #7C61A7;
}
#shop-header .vr-button img {
  width: 1.5em;
  margin-right: 5px;
}
#shop-header #congestion-bnr .compact {
  color: #7C61A7;
  padding: 5px;
  border-radius: 10px;
  font-weight: 700;
  line-height: 1.1;
  background-color: #fff;
  text-align: center;
  transition: background-color .3s ease;
}
#shop-header #congestion-bnr .c-more {
  padding: .2em 0;
  margin-top: .3em;
  border-radius: 5em;
  background-color: #e5e5e5;
  transition: background-color .3s ease, color .3s ease;
}
#congestion-more,
#congestion-close {
  cursor: pointer;
}
#shop-mv .item .img {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#slide-captions {
  display: none;
}
#slide-main-wrap {
  max-width: 1280px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#slide-main .slide-arrow {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
  position: absolute;
  top: 50%;
  z-index: 100;
  cursor: pointer;
  transform: rotate(45deg);
  box-sizing: border-box;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: border .3s ease;
}
#slide-main .slide-prev {
  left: 1rem;
  transform: rotate(-135deg);
}
#slide-main .slide-next {
  right: 1rem;
  transform: rotate(45deg);
}
#slide-main .slide-cap {
  position: absolute;
  box-sizing: border-box;
  padding: 1em 1.5em;
  width: 100%;
  left: 0;
  bottom: 0;
  color: #fff;
  background-color: rgba(11,2,36,0.6);
  z-index: 5;
  font-size: 15px;
}

#slide-thumb-wrap {
  overflow: hidden;
}
#slide-thumb {
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
  overflow: visible;
}
#slide-thumb .item {
  padding-top: 15px;
}
#slide-thumb .item,
#slide-thumb .item .inner {
  position: relative;
}
#slide-thumb .item .inner {
  padding-bottom: 15px;
}
#slide-thumb .item.slide-cr {
  pointer-events: none;
}
#slide-thumb .item:not(.slide-cr) .inner {
  cursor: pointer;
}
#slide-thumb .item .inner::before,
#slide-thumb .item .inner::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
}
#slide-thumb .item .inner::before {
  width: 100%;
  background-color: #e8e8e8;
}
#slide-thumb .item .inner::after {
  width: 0;
  opacity: 0;
  transition: width 4s linear;
  background-color: #7C61A7;
}
#slide-thumb .item.slide-cr .inner::after {
  width: 100%;
  opacity: 1;
}
#slide-thumb .item .img {
  padding-bottom: 100%;
  transition: opacity .3s ease;
}
#slide-thumb .item .slide-cap {
  display: none;
}

/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #shop-header .info-text {
    top: 26px;
    left: 20px;
  }
  #shop-header .info-text.close #shop-main-name,
  #shop-header .info-text.close p {
    margin-left: -20px;
  }
  #shop-header .info-text #shop-main-name {
    padding: 10px 16px;
  }
  #shop-header .info-text #shop-main-name .main {
    font-size: 26px;
  }
  #shop-header .info-text #shop-main-name .sub {
    font-size: 10px;
  }
  #shop-header .info-text p {
    font-size: 14px;
  }
  #shop-header .info-text #shop-main-name:hover #info-close {
    background-color: rgba(11,2,36,1);
  }
  #shop-header .info-text #shop-main-name:hover #info-close::after {
    margin-left: -3px;
  }
  #shop-header .info-text.close #shop-main-name:hover #info-close::after {
    margin-left: -1px;
  }
  #shop-header .vr-button {
    top: 0;
    padding: 25px 25px 0 0;
  }
  #shop-header .vr-button a {
    padding: .3em 1.5em;
    font-size: 13px;
    transition: opacity .3s ease;
  }
  #shop-header .vr-button a:hover {
    opacity: .7;
  }
  #shop-header #congestion-bnr {
    left: 20px;
    /*bottom: 15px;*/
    bottom: 70px;
    font-size: 14px;
  }
  #shop-header #congestion-bnr .compact {
    padding: 6px 10px;
  }
  #shop-header #congestion-bnr .compact:hover {
    background-color: #e5e5e5;
  }
  #shop-header #congestion-bnr .compact:hover .c-more {
    color: #fff;
    background-color: #7C61A7;
  }
  #shop-header #congestion-bnr .c-percent span {
    font-size: 26px;
  }
  #shop-header .info-block,
  #slide-main .item .img {
    padding-bottom: 56.25%;
  }
  #slide-thumb .item.swiper-slide {
    width: 70px;
    width: 7.14vw;
  }
  #slide-main .slide-arrow:hover {
    border-color: #7C61A7;
  }
  #slide-main .slide-prev {
    left: 3rem;
  }
  #slide-main .slide-next {
    right: 3rem;
  }
  #slide-thumb .item:not(.slide-cr) .inner:hover .img {
    opacity: .8;
  }
}
@media print,screen and (min-width: 1101px) {
  #slide-thumb .item.swiper-slide {
    width: 80px;
    width: 6.25vw;
  }
}
@media print,screen and (min-width: 1281px) {
  #shop-header .info-block,
  #slide-main .item .img {
    padding-bottom: 720px;
  }
  #slide-thumb .item.swiper-slide {
    width: 80px;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #shop-header .info-text {
    top: 0;
    left: 0;
    max-width: none;
  }
  #shop-header .info-text #shop-main-name {
    padding: 10px 8px;
  }
  #shop-header .info-text #shop-main-name .main {
    font-size: 20px;
  }
  #shop-header .info-text #shop-main-name .sub {
    font-size: 10px;
  }
  #shop-header .info-text p {
    font-size: 11px;
  }
  #shop-header .vr-button {
    /* padding: 0 15px 40px 0; */
    /* padding: 0 40px 6px 0; */
    padding: 0 6px 6px 0;
    bottom: 0;
  }
  #shop-header .vr-button a {
    padding: .3em 1.2em;
    font-size: 10px;
  }
  #shop-header #congestion-bnr {
    left: 5px;
    /*bottom: 15px;*/
    bottom: 40px;
    font-size: 10px;
  }
  #shop-header #congestion-bnr .compact {
    padding: 5px 8px;
  }
  #shop-header #congestion-bnr .c-percent span {
    font-size: 19px;
  }
  #slide-main .slide-cap {
    padding: .75em 15px;
    font-size: 12px;
    line-height: 1.6;
  }
  #slide-thumb .item {
    padding-top: 8px;
  }
  #shop-header .info-block,
  #slide-main .item .img {
    padding-bottom: 100%;
  }
  #slide-thumb .item.swiper-slide {
    width: 60px;
    width: 8.1vw;
  }
  #slide-thumb .item .inner {
    padding-bottom: 8px;
  }
  #slide-thumb .item .inner::before,
  #slide-thumb .item .inner::after {
    height: 2px;
  }
}
/** smartphone s **/
@media screen and (max-width: 439px) {
  #slide-thumb {
    padding: 0 8px;
  }
  #slide-thumb .item.swiper-slide {
    width: 44px;
    width: 10.67vw;
  }
}

/* slide thumbnail centerMode */
@media print,screen and (min-width: 1101px) {
  #slide-thumb-wrap.pcCenterMode .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media print,screen and (min-width: 741px) and (max-width: 1100px) {
  #slide-thumb-wrap.tbCenterMode .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media print,screen and (min-width: 441px) and (max-width: 740px) {
  #slide-thumb-wrap.spCenterMode .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media print,screen and (max-width: 440px) {
  #slide-thumb-wrap.spsCenterMode .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/*---congestionAPI---*/
#congestion-close{text-align: center;}
#congestion-close span{display:inline-block;padding:.2em 1em;border-radius: 5em;background-color: #e5e5e5;transition: background-color .3s ease, color .3s ease;font-weight:700;color:#7C61A7;}
#congestion-area{position:absolute;width:calc(100% - 40px);left:50%;bottom:-100%;padding:20px;background:#fff;transform:translateX(-50%);border-radius:10px 10px 0 0;transition:bottom .5s ease;box-sizing:border-box;}
#congestion-area.active{bottom:0;}
#congestion-area .title{padding-bottom:1em;font-size:14px;}
#congestion-area h2{font-size:24px;}
#congestion-now.d-flex{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#congestion-now &gt; div {width: 33.33%;padding:15px;max-width:340px;}
#congestion-now .now-lv-image{font-size:0;max-width:400px;margin:0 auto;}
#congestion-now .now-lv-image span{position:relative;display:inline-block;width:19%;margin:0 .2%;padding-bottom:45.125%;}
#congestion-now .now-lv-image span:before,
#congestion-now .now-lv-image span:after{content:"";display:block;position:absolute;}
#congestion-now .now-lv-image span:before{z-index:1;width:98%;height:98%;left:1%;top:1%;background:#ddd;}
#congestion-now .now-lv-image span:after{z-index:3;width:100%;height:100%;background:url("../img/shop/man_w.png") no-repeat center center;background-size:100% 100%;}
#congestion-now .now-lv-image.now-lv-1 span:first-child:before,
#congestion-now .now-lv-image.now-lv-2 span:first-child:before,
#congestion-now .now-lv-image.now-lv-2 span:nth-child(2):before,
#congestion-now .now-lv-image.now-lv-3 span:first-child:before,
#congestion-now .now-lv-image.now-lv-3 span:nth-child(2):before,
#congestion-now .now-lv-image.now-lv-3 span:nth-child(3):before{background:#3aaed0;}
#congestion-now .now-lv-image.now-lv-4 span:first-child:before,
#congestion-now .now-lv-image.now-lv-4 span:nth-child(2):before,
#congestion-now .now-lv-image.now-lv-4 span:nth-child(3):before,
#congestion-now .now-lv-image.now-lv-4 span:nth-child(4):before{background:#ebb500;}
#congestion-now .now-lv-image.now-lv-5 span:before{background:#E24949;}
#congestion-now .now-lv-text{font-size:24px;font-weight:bold;text-align:center;}
#congestion-now .now-lv-text-1{color:#3aaed0;}
#congestion-now .now-lv-text-2{color:#3aaed0;}
#congestion-now .now-lv-text-3{color:#3aaed0;}
#congestion-now .now-lv-text-4{color:#ebb500;}
#congestion-now .now-lv-text-5{color:#E24949;}
#congestion-now .now-lv-note{text-align:center;}
#congestion-now .now-lv-note &gt; p {display:inline-block;padding:0 .5em;margin:0;font-size:87.5%;line-height:1.4;}
#congestion-now .now-lv-note .time{font-weight:nromal;}
#congestion-week .legends{padding-top:1em;display:flex;flex-wrap:wrap;justify-content:center;}
#congestion-week .legends p{padding:0 1em;font-size:87.5%;line-height:1.2;font-weight:bold;}
#congestion-week .legends .lv{display:inline-block;vertical-align:middle;width:1em;height:1em;margin-right:.2em;}
#congestion-week .lv-1{background:#eeeeee;}
#congestion-week .lv-2{background:#eeeeee;}
#congestion-week .lv-3{background:#eeeeee;}
#congestion-week .lv-4{background:#ebb500;}
#congestion-week .lv-5{background:#E24949;}

#congestion-week .weekTable{display:flex;font-size:87.5%;line-height:1;color:#444;}
#congestion-week .time{display:flex;text-align:right;width:9%;}
#congestion-week .time &gt; div {position:relative;margin-top:1.5em;width:98%;}
#congestion-week .time div span{position:absolute;left:0;display:block;width:100%;white-space:nowrap;}
#congestion-week .time div span:first-child{top:0;}
#congestion-week .time div span:nth-child(2){top:calc(100% / 12);}
#congestion-week .time div span:nth-child(3){top:calc((100% / 12) * 2);}
#congestion-week .time div span:nth-child(4){top:calc((100% / 12) * 3);}
#congestion-week .time div span:nth-child(5){top:calc((100% / 12) * 4);}
#congestion-week .time div span:nth-child(6){top:calc((100% / 12) * 5);}
#congestion-week .time div span:nth-child(7){top:calc((100% / 12) * 6);}
#congestion-week .time div span:nth-child(8){top:calc((100% / 12) * 7);}
#congestion-week .time div span:nth-child(9){top:calc((100% / 12) * 8);}
#congestion-week .time div span:nth-child(10){top:calc((100% / 12) * 9);}
#congestion-week .time div span:nth-child(11){top:calc((100% / 12) * 10);}
#congestion-week .time div span:last-child{bottom:0;}
#congestion-week .day{width:13%;text-align:center;box-sizing: border-box;padding-left:2px;}
#congestion-week .day p{margin:0;padding-bottom:.5em;}
#congestion-week .day div{height:.8em;margin-bottom:2px;}
#congestion-week .dayofweek{width:100%;overflow:hidden;white-space:nowrap;}
#congestion .loader{display:block;position:relative;padding-bottom:89%;width: 100%;}
#congestion .loader:before{content:"";display:block;position:absolute;left:50%;top:50%;border-radius:50%;width:5em;height:5em;margin:-2.5em 0 0 -2.5em;box-sizing:border-box;border-top: .5em solid rgba(128,76,158, 0.2);border-right: .5em solid rgba(128,76,158, 0.2);border-bottom: .5em solid rgba(128,76,158, 0.2);border-left: .5em solid #7C61A7;animation: cngLoad 1.5s infinite linear;}
@keyframes cngLoad { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
@media print,screen and (min-width: 741px) {
  #congestion-close:hover span {background-color:#7C61A7;color:#fff;}
}
@media screen and (max-width: 740px){
  #congestion-area{padding: 10px 15px;text-align:center;width:calc(100% - 30px);}
  #congestion-area h2{font-size:18px;}
  #congestion-now .now-lv-text{font-size:16px;}
  #congestion-area .title{padding-bottom:0.2em;font-size: 1.4rem;}
  #congestion-now.d-flex{display:block;}
  #congestion-now &gt; div {width: 100%;padding:5px 0;margin:0 auto;}
  #congestion-now .now-lv-note{padding-top: 0em;text-align:center;font-size:10px;}
  #congestion-area &gt; * {width:100%;margin:0 auto;}
  #congestion-week {padding-top:10%;}
  #congestion-now .now-lv-area{width:65%;margin:0 auto;}
  #congestion-close span{font-size:12px;}
}
#congestion.no-now-data.no-week-data,
#congestion.no-now-data #congestion-now,
#congestion.no-week-data #congestion-week{display:none;}

/* grand open */
#grand-open {
  text-align: center;
  color: #fff;
  font-weight: 700;
  background-color: #7C61A7;
}
#grand-open .title,
#grand-open .pre-title {
  margin: 0;
  font-weight: 700;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #grand-open {
    margin-top: 20px;
    padding: 20px 15px;
  }
  #grand-open p {
    font-size: 22px;
  }
  #grand-open .title {
    font-size: 18px;
  }
  #grand-open .pre-title {
    font-size: 15px;
  }
  #grand-open .pre {
    padding-top: 15px;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #grand-open {
    margin-top: 15px;
    padding: 10px 15px;
  }
  #grand-open p {
    font-size: 14px;
  }
  #grand-open .title {
    font-size: 13px;
  }
  #grand-open .pre-title {
    font-size: 10px;
  }
  #grand-open .pre {
    padding-top: 5px;
  }
}

/* shop preparing  */
#shop-preparing {
  text-align: center;
  background-color: #f3f3f3;
}
#shop-preparing .title {
  margin: 0;
  padding: .8em 0;
  font-weight: 700;
  color: #7C61A7;
}
#shop-preparing .preparing-en {
  color: #7C61A7;
}
#shop-preparing .preparing-message {
  line-height: 2.18;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #shop-preparing {
    margin-top: 20px;
    padding: 40px 15px;
  }
  #shop-preparing .title {
    font-size: 32px;
  }
  #shop-preparing .preparing-en {
    font-size: 12px;
  }
  #shop-preparing .preparing-message {
    font-size: 14px;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #shop-preparing {
    margin-top: 15px;
    padding: 30px 15px;
  }
  #shop-preparing .title {
    font-size: 24px;
  }
  #shop-preparing .preparing-en {
    font-size: 10px;
  }
  #shop-preparing .preparing-message {
    font-size: 11px;
  }
}

/* campaign */
#shop-campaign {
  max-width: 794px;
  width: calc(100% - 30px);
  margin: 0 auto;
  text-align: center;
}
#shop-campaign.double {
  max-width: 1144px;
}
.shop-campaign-bnr,
#shop-campaign .sub-buttons .btn {
  position: relative;
  color: #7C61A7;
  font-weight: 700;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #7C61A7;
  box-shadow: 0 3px 0 rgba(0,0,0,0.16);
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.shop-campaign-bnr {
  padding: 10px 5px;
  font-size: 12px;
  min-height: 90px;
}
.shop-campaign-bnr .main-title {
  font-size: 18px;
}
#shop-campaign .sub-buttons .btn-text {
  width: 100%;
  text-align: center;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .shop-campaign-bnr .main-title {
    font-size: 22px;
  }
}
/** smartphone S **/
@media screen and (max-width: 375px) {
  .shop-campaign-bnr .main-title {
    font-size: 4.8vw;
  }
}
.shop-campaign-bnr .period {
  font-weight: 400;
}
.shop-campaign-bnr .ico {
  position: absolute;
  right: -1px;
  top: -1px;
  color: #fff;
  width: 28px;
  height: 28px;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 0;
  background-color: #7C61A7;
  transition: background-color .3s ease, color .3s ease;
}
.shop-campaign-bnr .ico::before {
  content: "\FF0B";
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 50%;
}
#shop-campaign .sub-buttons .btn {
  padding: .4em;
  font-size: 15px;
  line-height: 1.6;
}
#shop-campaign .sub-buttons .btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 1em;
  top: 50%;
  width: .6em;
  height: .6em;
  margin-top: -0.3em;
  border-top: 1px solid #7C61A7;
  border-right: 1px solid #7C61A7;
  box-sizing: border-box;
  transform: rotate(45deg);
  transition: border .3s ease;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #shop-campaign {
    margin-top: 20px;
  }
  #shop-campaign,
  .shop-campaign-bnr,
  #shop-campaign .sub-buttons {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  }
  #shop-campaign,
  #shop-campaign .sub-buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .shop-campaign-bnr {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .shop-campaign-bnr {
    width: 75.56%;
  }
  #shop-campaign.double .shop-campaign-bnr {
    width: 37%;
  }
  .shop-campaign-bnr:hover {
    color: #fff;
    background-color: #7C61A7;
  }
  .shop-campaign-bnr:hover .ico {
    background: rgba(255,255,255,0.6);
    color: #7C61A7;
  }
  #shop-campaign .sub-buttons {
    width: 100%;
  }
  #shop-campaign .sub-buttons .block {
    width: 47.82%;
  }
  #shop-campaign .sub-buttons.single .block {
    width: 47.82%;
    margin: 0 auto;
  }
  #shop-campaign .shop-campaign-bnr + .sub-buttons.single .block {
    /* -webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; */
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    height: 100%;
  }
  #shop-campaign .shop-campaign-bnr + .sub-buttons.single #join.block {
    display: block;
  }
  #shop-campaign .shop-campaign-bnr + .sub-buttons .block {
    width: 100%;
  }
  #shop-campaign .shop-campaign-bnr + .sub-buttons .block + .block {
    margin-top: 10px;
  }
  #shop-campaign .sub-buttons .btn {
    width: 100%;
  }
  #shop-campaign .shop-campaign-bnr + .sub-buttons.single .btn {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  #shop-campaign .shop-campaign-bnr + .sub-buttons {
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    width: 20.78%;
  }
  #shop-campaign .sub-buttons .btn:hover {
    color: #fff;
    background-color: #7C61A7;
  }
  #shop-campaign .sub-buttons .btn:hover::before {
    border-color: #fff;
  }
  #shop-campaign .sub-buttons .btn-text {
    font-size: 90%;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #shop-campaign {
    margin-top: 15px;
  }
  .shop-campaign-bnr {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #shop-campaign.double .shop-campaign-bnr:first-child {
    margin-bottom: 10px;
  }
  #shop-campaign .sub-buttons {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #shop-campaign .shop-campaign-bnr + .sub-buttons {
    padding-top: 10px;
  }
  #shop-campaign .sub-buttons .block {
    width: 47.82%;
  }
  #shop-campaign .sub-buttons.single .block {
    width: 100%;
  }
  #shop-campaign .sub-buttons .block .btn {
    width: 100%;
  }
  #shop-campaign .sub-buttons .btn-text {
    font-size: 2.5vw;
    height: 100%;
    display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/* single button */
.shop-single-buttons {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 794px;
  width: calc(100% - 30px);
  margin: 0 auto;
  text-align: center;
}
.shop-single-buttons .btn {
  display: block;
  width: 47.82%;
  padding: .4em;
  font-size: 15px;
  line-height: 1.6;
  position: relative;
  color: #7C61A7;
  font-weight: 700;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #7C61A7;
  box-shadow: 0 3px 0 rgba(0,0,0,0.16);
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.shop-single-buttons .btn:nth-child(even) {
  margin-left: 4.36%;
}
.shop-single-buttons .btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 1em;
  top: 50%;
  width: .6em;
  height: .6em;
  margin-top: -0.3em;
  border-top: 1px solid #7C61A7;
  border-right: 1px solid #7C61A7;
  box-sizing: border-box;
  transform: rotate(45deg);
  transition: border .3s ease;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .shop-single-buttons {
    padding-top: 20px;
  }
  .shop-single-buttons .btn:nth-child(n+3) {
    margin-top: 10px;
  }
  .shop-single-buttons .btn:hover {
    color: #fff;
    background-color: #7C61A7;
  }
  .shop-single-buttons .btn:hover::before {
    border-color: #fff;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .shop-single-buttons {
    margin-top: 15px;
  }
  .shop-single-buttons .btn:nth-child(n+3) {
    margin-top: 5px;
  }
  .shop-single-buttons.single .btn {
    width: 100%;
  }
}

/* popup */
#popup-massage {
  margin-top: 8px;
}
#popup-massage .open {
	cursor:pointer;
  text-decoration: underline;
  color: #7C61A7;
  font-size: 12px;
}
#popup-massage #popup-btn {
	display: none;
}
#popup-massage .overlay {
	display: none;
}
#popup-massage #popup-btn:checked + .overlay {
	display: block;
	z-index: 9999;
	/* background-color: #00000070; */
	background-color: rgba(0,0,0,0.7);;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#popup-massage .window {
	width: 90vw;
	max-width: 352px;
	height: 176px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#popup-massage .text {
	font-size: 13px;
  padding: 24px 16px 40px;
	margin: 0;
  text-align: left;
}
#popup-massage .close {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  bottom: 4px;
  font-size: 12px;
  padding-left: 16px;
}
#popup-massage .close span {
  cursor: pointer;
  color: #7C61A7;
}
#popup-massage .close span::before,
#popup-massage .close span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1em;
  height: 2px;
  background: #7C61A7;
}
#popup-massage .close span::before {
  transform: rotate(45deg);
}
#popup-massage .close span::after {
  transform: rotate(135deg);
}

/* 繝倥Ν繧ｹ繝上ヴ繝阪せLP繝舌リ繝ｼ */
.banner_lp_hamataka_kakegawa {
  padding: 0 16px;
}
.banner_lp_hamataka_kakegawa a {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  transition: all .3s .05s ease;
}
.banner_lp_hamataka_kakegawa a:hover {
  opacity: .6;
}
.banner_lp_hamataka_kakegawa a img {
  width: 100%;
  height: auto;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .banner_lp_hamataka_kakegawa {
    margin-top: 32px;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .banner_lp_hamataka_kakegawa {
    margin-top: 16px;
  }
}

/* message */
#shop-message {
  max-width: 1144px;
  width: calc(100% - 30px);
  margin: 30px auto 0;
  padding: .8em;
  color: #d32b2b;
  border: 1px solid #d32b2b;
  text-align: center;
}
#messageCheck {
  display: none;
}
#shop-message-area {
  position: relative;
  text-align: left;
  padding-left: 2em;
  line-height: 1.6em;
  font-size: 15px;
  overflow: hidden;
  max-height: 4.8em;
}
#shop-message-area::before {
  content: "!";
  display: block;
  position: absolute;
  left: 0;
  top: .35em;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #d32b2b;
  border-radius: 50%;
}
#shop-message-more.disabled {
  display: none;
}
#shop-message-more label {
  position: relative;
  padding: .2em 0 .2em 0;
  width: 10em;
  border: 1px solid #d32b2b;
  border-radius: 5em;
  margin: 1em auto 0;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
#shop-message-more label::before {
  position: absolute;
  left: 1em;
  top: .2em;
  content: "\FF0B";
}
#shop-message-more label::after {
  content: "\3082\3063\3068\8AAD\3080";/*繧ゅ▲縺ｨ隱ｭ繧*/
}
#messageCheck:checked ~ #shop-message-area {
  max-height: none;
}
#messageCheck:checked ~ #shop-message-more label::before {
  content: "\FF0D";
}
#messageCheck:checked ~ #shop-message-more label::after {
  content: "\9589\3058\308B";/*髢峨§繧�*/
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #shop-message-more label {
    font-size: 15px;
  }
  #shop-message-more label:hover {
    color: #fff;
    background-color: #d32b2b;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #shop-message {
    margin-top: 10px;
  }
  #shop-message-area {
    font-size: 12px;
  }
  #shop-message-more label {
    font-size: 12px;
  }
}

/* message - class */
.shop-message-wrap {
  max-width: 1144px;
  width: calc(100% - 30px);
  margin: 30px auto 0;
  padding: .8em;
  color: #d32b2b;
  border: 1px solid #d32b2b;
  text-align: center;
}
.shop-message-checkbox {
  display: none;
}
.shop-message-block {
  position: relative;
  text-align: left;
  padding-left: 2em;
  line-height: 1.6em;
  font-size: 15px;
  overflow: hidden;
  max-height: 4.8em;
}
.shop-message-block::before {
  content: "!";
  display: block;
  position: absolute;
  left: 0;
  top: .35em;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #d32b2b;
  border-radius: 50%;
}
.shop-message-more-btn.disabled {
  display: none;
}
.shop-message-more-btn label {
  position: relative;
  padding: .2em 0 .2em 0;
  width: 10em;
  border: 1px solid #d32b2b;
  border-radius: 5em;
  margin: 1em auto 0;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.shop-message-more-btn label::before {
  position: absolute;
  left: 1em;
  top: .2em;
  content: "\FF0B";
}
.shop-message-more-btn label::after {
  content: "\3082\3063\3068\8AAD\3080";/*繧ゅ▲縺ｨ隱ｭ繧*/
}
.shop-message-checkbox:checked ~ .shop-message-block,
#shopMsg-common .shop-message-block {
  max-height: none;
}
.shop-message-checkbox:checked ~ .shop-message-more-btn label::before {
  content: "\FF0D";
}
.shop-message-checkbox:checked ~ .shop-message-more-btn label::after {
  content: "\9589\3058\308B";/*髢峨§繧�*/
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .shop-message-more-btn label {
    font-size: 15px;
  }
  .shop-message-more-btn label:hover {
    color: #fff;
    background-color: #d32b2b;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .shop-message-wrap {
    margin-top: 10px;
  }
  .shop-message-block {
    font-size: 12px;
    max-height: 7.8em;
  }
  .shop-message-more-btn label {
    font-size: 12px;
  }
}

/* main contents */
#shop-tabs {
  position: sticky;
  top: 0;
  background: #e8e8e8;
  background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 100%);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  z-index: 200;
}
#shop-tabs .tabs {
  max-width: 1144px;
  margin: 0 auto;
}
#shop-tabs .tabs .tab {
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25%;
  height: 70px;
  padding: 0 .5em;
  line-height: 1.3;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
#shop-tabs .tabs .tab + .tab::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 40px;
  margin-top: -20px;
  background-color: #e2e2e2;
}
#shop-tabs .tabs .tab.active {
  color: #7C61A7;
  font-weight: 700;
}
#shop-tabs .tabs .tab.active::after {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  left: 10%;
  bottom: 0;
  height: 2px;
  background-color: #7C61A7;
}
.shop-row {
  width: calc(100% - 30px);
  max-width: 1144px;
  margin: 0 auto;
}
.shop-row &gt; .shop-col .img_box {
  margin-top: 40px;
}
.shop-row &gt; .shop-col .img_box &gt; img {
  width: 100%;
  height: auto;
  margin-top: 24px;
}
.shop-row &gt; .shop-col .img_box &gt; img:first-child {
  margin-top: 0
}

#shop-main .tab-content {
  overflow: hidden;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  transition: opacity .5s ease;
}
#shop-main .tab-content.active {
  visibility: visible;
  max-height: none;
  opacity: 1;
}
.tel-link .tel-text {
	display: inline-block;
	margin-left: 2em;
	padding:  .15em 1em .3em;
	border-radius: 5em;
	border: 1px solid #7C61A7;
	color: #7C61A7;
  font-weight: bold;
	background-color: #fff;
	transition: background-color .15s linear, color .15s linear;
}
.tel-link .tel-text::before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	right: 1em;
	top: 50%;
	width: 12px;
	height: 13px;
	margin-bottom: -2px;
	background: url(../img/shop/tel.svg) no-repeat center center;
	background-size: 100% auto;
}
.tel-link.disabled {
  pointer-events: none;
  cursor: text;
}
.tel-link.disabled .tel-text {
  display: none;
}
.access-list .list {
  overflow: hidden;
	padding-bottom: 1em;
  border-bottom: 1px solid #d3d3d3d3;
}
.access-list .list + .list {
	padding-top: 1em;
}
.access-list .list .t {
  float: left;
  font-weight: 700;
  line-height: 1.7;
}
.access-list .list .c {
  float: right;
  line-height: 1.6;
}
.access-list .list small {
  display: block;
}
.access-list .list.price-box {
  position: relative;
}
/* .access-list .mapBtn {
	display: inline-block;
	padding-left: 2em;
} */
.access-list .mapBtn,
.access-list .accesslistBtn {
  display: block;
  padding: 1em 0 0;
}
.access-list .mapBtn a,
.access-list .accesslistBtn a {
  font-weight: bold;
	display: inline-block;
	border-radius: 5em;
	border: 1px solid #7C61A7;
	color: #7C61A7;
	background-color: #fff;
	transition: background-color .15s linear, color .15s linear;
}
.access-list .mapBtn a::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	right: 1em;
	top: 50%;
	margin-bottom: -1px;
	background: url(../img/external-link.svg) no-repeat center center;
	background-size: 100% auto;
	transition: background .15s linear;
}
.access-note {
	padding-top: 1.5em;
}
#icon-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 1.5em;
	margin-left: -4px;
}
.access-note + .shop-icons #icon-box {
  padding-top: .5em;
}
.shop-icons .btn_block {
  padding-top: 1.5em;
}
.shop-icons .btn_block .btn {
	position: relative;
	display: block;
	text-align: center;
	background-color: #fff;
	border: 1px solid #7C61A7;
	color: #7C61A7;
	font-weight: 700;
	padding: 1em 2em;
	border-radius: 10em;
	transition: color .15s linear, background-color .15s linear;
}
.shop-icons .btn_block .btn::before {
	content: "";
	display: block;
	position: absolute;
	right: 1em;
	top: 50%;
	width: .6em;
	height: .6em;
	margin-top: -0.3em;
	border-top: 2px solid #7C61A7;
	border-right: 2px solid #7C61A7;
	transform: rotate(45deg);
	box-sizing: border-box;
	transition: border .15s linear;
}
#icon-box &gt; * {
	display: block;
	max-width: 50px;
	width: calc(8.33% - 4px);
	height: auto;
	margin: 5px 0 auto 4px;
}
/*
#icon-box &gt; a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
*/
#icon-box &gt; a img { 
	display: block;
	width: 100%;
	height: auto;
	transition: transform .15s linear;
}
.shop-icons .brands {
  padding-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shop-icons .brands &gt; * {
	width: 20%;
	margin-top: 5px;
}
.shop-icons .brands a img,
.shop-icons .brands span img {
	display: block;
	width: 90%;
	transition: transform .15s linear;
}
#map-box {
	height: 450px;
	position: relative;
	margin-top: 30px;
}
#map-box .link-button {
	position: absolute;
	left: 50%;
	bottom: 25px;
	transform: translateX(-50%);
}
#map-box .link-button a {
	background-color: white;
	padding: 6px 30px;
	pointer-events: auto;
  color: #7C61A7;
}
#map-box .link-button a::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	right: 1em;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-bottom: -1px;
	background: url(../img/external-link.svg) no-repeat center center;
	background-size: 100% auto;
	transition: background .15s linear;
}
/* #map-box .link-button .external-link {
	margin-left: 0;
	margin-right: 10px;
} */
#map_canvas {
	height: 100%;
}
.news-list {
	line-height: 1.84;
}

.pt-list {
	width: calc(100% - 30px);
	max-width: 1144px;
	margin-left: auto;
	margin-right: auto;
}
.pt-list .thumb {
	position: relative;
	background: #f3f3f3;
	/* border: 1px solid #707070; */
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 1;
	overflow: hidden;
}
.pt-list .thumb span {
	display: block;
	padding-bottom: 100%;
	border-radius: 50%;
	position: relative;
	transition: transform .3s linear, opacity .3s ease;
}
.pt-list .thumb img {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	transform: translate(-50%,0);
}
.pt-list .thumb img.landscape {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.pt-list .name {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
}
.pt-list .name span {
	font-weight: normal;
	font-size: 1.2rem;
}
.process-list .btn-list,
#shop-news .cp-btn {
	max-width: 450px;
	margin: 0 auto;
	padding: 0;
}
#shop-news .cp-btn {
  margin-top: 40px;
}
.process-list .btn-list li + li {
	padding-top: .6em;
}
.process-list .btn-list a,
#shop-news .cp-btn a {
	position: relative;
	display: block;
	text-align: center;
	background-color: #fff;
	border: 2px solid #7C61A7;
	color: #7C61A7;
	font-weight: 700;
	padding: .4em 2em;
	border-radius: 10em;
	transition: color .15s linear, background-color .15s linear;
}
.process-list .btn-list a::before,
#shop-news .cp-btn a::before {
	content: "";
	display: block;
	position: absolute;
	right: 1em;
	top: 50%;
	width: .6em;
	height: .6em;
	margin-top: -0.3em;
	border-top: 1px solid #7C61A7;
	border-right: 1px solid #7C61A7;
	transform: rotate(45deg);
	box-sizing: border-box;
	transition: border .15s linear;
}
.process-title {
	font-weight: 700;
	text-align: center;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #shop-main {
    padding-top: 40px;
  }
  #shop-tabs .tabs .tab {
    font-size: 15px;
  }
  #shop-tabs .tabs .tab:not(.active):hover {
    color: #7C61A7;
    background: rgba(124,97,167,0.1);
  }
  .shop-row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
  }
  .shop-row &gt; .shop-col {
    width: 47.6%;
  }
  .shop-row &gt; .shop-col + .shop-col {
    margin-left: 4.8%;
  }
  #shop-main .tab-content.active {
    padding: 50px 0;
  }
  #shop-main .tab-content {
    font-size: 15px;
  }
  .access-list .list .t {
    font-size: 13px;
    width: 80px;
  }
  .access-list .list .c {
    width: calc(100% - 80px);
  }
  .access-list .mapBtn a,
  .access-list .accesslistBtn a {
    padding: .2em 1em;
  }
  .access-list .mapBtn a::after {
    width: 14px;
    height: 14px;
  }
	.access-list .mapBtn a:hover,
  .access-list .accesslistBtn a:hover {
		background-color: #7C61A7;
		color: #fff;
	}
  .access-list .mapBtn a:hover::after {
    background-image: url(../img/external-link-white.svg);
  }
	#icon-box &gt; a:hover img,
	.shop-icons .brands a:hover img {
		transform: scale(1.05);
	}
  .shop-icons .btn_block .btn {
    max-width: 240px;
  }
  .shop-icons .btn_block .btn:hover {
    color: #fff;
    background-color: #7C61A7;
  }
  .shop-icons .btn_block .btn:hover::before {
    border-color: #fff;
  }
	#map-box .link-button a:hover {
		background-color: #7C61A7;
    color: #fff;
	}
	#map-box .link-button a:hover::after {
		background-image: url(../img/external-link-white.svg);
	}
	/* #map-box .link-button a:hover .external-link {
		background-image: url("../img/external-link-white.svg");
	} */
	.pt-list {
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
		-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pt-list &gt; a {
		display: block;
		width: 16.8%;
		text-align: center;
		margin-bottom: 50px;
		background: none;
	}
	.pt-list &gt; a + a {
		margin-left: 4%;
	}
	.pt-list &gt; a:hover .thumb span {
		transform: scale(1.08);
		opacity: 0.8;
	}
	.pt-list .thumb {
		margin-bottom: 15px;
	}
	.process-title {
		padding-bottom: .8em;
		font-size: 18px;
	}
	.process-list .btn-list,
  #shop-news .cp-btn {
		font-size: 16px;
	}
	.process-list .btn-list + .btn-list {
		margin-top: 1.5em;
		padding-top: 1.5em;
		border-top: 1px solid #d3d3d3d3;
	}
	.process-list .btn-list a,
  #shop-news .cp-btn a {
		padding: .4em 2em;
	}
	.process-list .btn-list a:hover,
  #shop-news .cp-btn a:hover {
		background-color: #7C61A7;
		color: #fff;
	}
	.process-list .btn-list a:hover .external-link {
		background-image: url(../img/external-link-white.svg);
	}
	.process-list .btn-list a:hover::before,
  #shop-news .cp-btn a:hover::before {
		border-color: #fff;
	}
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .shop-row &gt; .shop-col .img_box {
    margin-bottom: 40px;
  }
  #shop-main {
    padding-top: 4%;
  }
  #shop-tabs .tabs .tab {
    font-size: 12px;
  }
  #shop-main .tab-content.active {
    padding: 30px 0;
  }
  #shop-main .tab-content {
    font-size: 13px;
  }
  .access-list .list .t {
    font-size: 10px;
    width: 55px;
  }
  .access-list .list .c {
    width: calc(100% - 55px);
  }
	.access-list &gt; .shop-col + .shop-col {
		padding-top: 1em;
	}
  .access-list .mapBtn a,
  .access-list .accesslistBtn a {
    padding:  .15em 1em .3em;
  }
  .access-list .mapBtn a::after {
    width: 12px;
    height: 12px;
  }
  #icon-box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
	#icon-box &gt; * {
		width: calc(12.5% - 4px);
	}
	.shop-icons .brands &gt; * {
		width: 25%;
		margin-top: 10px;
	}
	.shop-icons .brands a img,
	.shop-icons .brands span img {
		width: 85%;
	}
  .shop-icons .btn_block {
    border-top: #D3D3D3 solid 1px;
    margin-top: 1.5em;
  }
	/* #map-box .link-button {
		display: none;
	} */
	#map-box {
		height: 280px;
		height: 75vw;
	}
	.pt-list {
		margin-top: -15px;
	}
	.pt-list &gt; a {
		display: block;
		position: relative;
		padding: 15px 25px 15px 0;
	}
	.pt-list &gt; a::before {
		content: "";
		display: block;
		position: absolute;
		right: 10px;
		top: 50%;
		width: 24px;
		height: 24px;
		box-sizing: border-box;
		border-top: 2px solid #7C61A7;
		border-right: 2px solid #7C61A7;
		margin-top: -12px;
		transform: rotate(45deg);
	}
	.pt-list &gt; a + a {
		border-top: 1px solid #d3d3d3d3;
	}
	.pt-list .card {
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.pt-list .thumb {
		width: 25%;
		max-width: 80px;
	}
	.pt-list .name {
		width: calc(100% - 100px);
		text-align: left;
		font-size: 16px;
	}
	.process-title {
		padding: 1em 0;
		font-size: 16px;
	}
	.process-list .btn-list,
  #shop-news .cp-btn {
		font-size: 15px;
	}
	.process-list .btn-list {
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #d3d3d3d3;
	}
	.process-list .process-title + .btn-list {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
  #shop-news .cp-btn {
    padding-right: 16px;
    padding-left: 16px;
  }
}

/* nearbyGym */
#nearbyGym{max-width: 1144px;margin:0 auto;}
#nearbyGym h2{text-align: center;font-weight: 700;}
#nearbyGymList &gt; .item a{border:1px solid #ddd;background:#fff;transition:background .15s linear;}
#nearbyGymList .gymName{font-weight:700;color:#7C61A7;}
#nearbyGymList .gymName .states{display:inline-block;font-size:70%;font-weight:400;color:#505050;}
#nearbyGymList .gymAddress{padding:.5em 0 0;}
#nearbyGymList .gymDistance{padding:.5em 0 0;color:#505050;}
#nearbyGymList .gymDistance .distance{font-size:130%;font-weight:700;display:inline-block;}
@media print,screen and (min-width: 701px) {
  #nearbyGym{padding:60px 0 0;}
  #nearbyGym h2{font-size: 2.2rem;}
  #nearbyGymList{margin-left:-20px;}
  #nearbyGymList &gt; .item{width:calc(33.33% - 20px);margin-left:20px;display:flex;padding-top:20px;}
  #nearbyGymList &gt; .item a{display:flex;flex-direction:column;width:100%;padding:15px;}
  #nearbyGymList &gt; .item a:hover{background:#f8f8f8;}
  #nearbyGymList .gymName{font-size:2rem;}
  #nearbyGymList .gymDistance{font-size:1.4rem;}
}
@media screen and (max-width: 700px) {
  #nearbyGym{padding:30px 15px 0;}
  #nearbyGym h2{padding: 0 15px;font-size: 1.8rem;}
  #nearbyGymList{display:block;}
  #nearbyGymList &gt; .item{padding-top:10px;}
  #nearbyGymList &gt; .item a{display:block;padding:10px;}
  #nearbyGymList .gymName{font-size:1.6rem;}
  #nearbyGymList .gymDistance{font-size:1.2rem;}
}

/* sns */
#footer-sns {
	padding: 60px 15px;
	background-color: #f3f3f3;
	text-align: center;
}
#footer-sns h2 {
	padding-bottom: 1em;
	margin: 0;
	line-height: 1.35;
	font-weight: 700;
}
#footer-sns .d-flex {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#footer-sns .d-flex &gt; a {
	display: block;
	width: calc(14% - 8px);
	max-width: 46px;
}
#footer-sns .d-flex &gt; a + a {
	margin-left: 8px;
}
#footer-sns .d-flex &gt; a img {
	transition: transform .3s ease;
}
#fixed-sns {
	position: fixed;
	left: -100%;
	width: 50px;
	padding: 10px 0;
	background-color: #fff;
	border-radius: 0 10px 10px 0;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	z-index: 500;
  transition: bottom .3s .1s ease,  left .3s .1s ease;
}
#fixed-sns &gt; a {
	display: block;
	width: 30px;
	margin: 0 auto;
}
#fixed-sns &gt; a img {
	display: block;
	width: 100%;
	transition: transform .3s ease;
}
#fixed-sns &gt; a + a {
	margin-top: 8px;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
	#footer-sns h2 {
		font-size: 22px;
	}
	#footer-sns .d-flex &gt; a:hover img {
		transform: scale(1.08);
	}
  #fixed-sns {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
	#fixed-sns &gt; a:hover img {
		transform: scale(1.1);
	}
}
/** smartphone **/
@media screen and (max-width: 740px) {
	#footer-sns h2 {
		font-size: 14px;
	}
	#footer-sns .d-flex &gt; a + a {
		margin-left: 10px;
	}
  #fixed-sns {
    bottom: 20px;
  }
  #shop-detail.cp-fixed #fixed-sns {
    left: 0;
    bottom: 80px;
  }
  #shop-detail.cp-fixed.no-cp-btn #fixed-sns {
    bottom: 20px;
  }
}

#capmaign-fixed {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
  width: 100%;
  padding: 10px 15px;
  background-color: #c2c2c2;
  text-align: center;
  z-index: 250;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s .05s ease;
}
#shop-detail.cp-fixed #capmaign-fixed {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}
body.modalActive #capmaign-fixed {
  display: none;
}
#campaign-fixed-bnr {
  position: relative;
  display: block;
  cursor: pointer;
  color: #fff;
  background-color: #7C61A7;
  font-weight: 700;
  transition: background-color .15s linear, color .15s linear;
  max-width: 500px;
  margin: 0 auto;
  padding: .4em 2em .4em .4em;
  border-radius: 5px;
  border: 2px solid #7C61A7;
}
#campaign-fixed-bnr .ico {
  position: absolute;
  right: .8em;
  top: 50%;
  line-height: 1;
  font-style: normal;
  transform: translateY(-50%);
}
#campaign-fixed-bnr .ico::before {
  content: "\FF0B";
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #campaign-fixed-bnr {
    font-size: 20px;
  }
  #campaign-fixed-bnr:hover {
    background-color: #fff;
    color: #7C61A7;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #campaign-fixed-bnr {
    font-size: 16px;
  }
}
/** smartphone **/
@media screen and (max-width: 375px) {
  #campaign-fixed-bnr {
    font-size: 4.26vw;
  }
}

#shop-detail.cp-fixed ~ #footer {
  padding-bottom: 120px;
}
@media screen and (max-width: 700px) {
  #shop-detail.cp-fixed ~ #footer {
    padding-bottom: 85px;
  }
}

/* modal */
#modal-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 10000;
  background: #fff;
  transform: translateY(-100%);
  transition: transform .3s .05s ease;
}
body.modalActive {
  overflow: hidden;
}
body.modalActive #modal-area {
  transform: translateY(0);
}
#modal-close-ico {
  position: sticky;
  top: 0;
  margin-left: auto;
  color: #fff;
  background: #7C61A7;
  text-align: center;
  cursor: pointer;
}
#modal-close {
  text-align: center;
}
#modal-close span {
  position: relative;
  display: inline-block;
  padding-top: 3em;
  cursor: pointer;
  color: #7C61A7;
}
#modal-close span::before,
#modal-close span::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.5em;
  left: 50%;
  width: 2em;
  margin-left: -1em;
  height: 2px;
  background: #7C61A7;
}
#modal-close span::before {
  transform: rotate(45deg);
}
#modal-close span::after {
  transform: rotate(135deg);
}
#modal-area .modal-content {
  display: none;
}
#modal-area .modal-content.active {
  display: block;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #modal-area .modal-content {
    padding: 20px 0 0;
  }
  #modal-close-ico {
    width: 60px;
    font-size: 38px;
    line-height: 60px;
  }
  #modal-close {
    padding: 60px 0;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #modal-area .modal-content {
    padding: 15px 0 0;
  }
  #modal-close-ico {
    width: 44px;
    font-size: 32px;
    line-height: 44px;
  }
  #modal-close {
    padding: 30px 0;
  }
}

/* modal campaign */
.camp-sub-title,
.camp-main-title,
.camp-period {
  text-align: center;
  color: #7C61A7;
}
.camp-sub-title,
.camp-main-title {
  font-weight: 700;
}
.camp-sub-title,
.camp-period {
  font-size: 12px;
}
.camp-main-title {
  font-size: 20px;
  padding: .2em 0;
}
.camp-period {
  padding-bottom: 1em;
}
.camp-posts-area {
  padding: 30px 15px;
  text-align: left;
  background: #eee;
}
.camp-posts-area .post-title {
  padding: 0 0 1em;
  margin-bottom: 0;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
.camp-posts-area .post-title .text {
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
}
.camp-posts-area .post-title .text::before,
.camp-posts-area .post-title .text::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 1.5em;
  background-color: #707070;
}
.camp-posts-area .post-title .text::before {
  left: 0;
  transform: rotate(-25deg);
}
.camp-posts-area .post-title .text::after {
  right: 0;
  transform: rotate(25deg);
}
.camp-posts {
  max-width: 1144px;
  margin: 0 auto;
}
.camp-posts .post-main {
  padding: 15px;
  background: #fff;
  border: 1px solid #707070;
  line-height: 1.84;
  font-size: 13px;
}
.camp-posts .post-main small {
  display: block;
  padding-top: 1rem;
}
.camp-posts .post-note {
  padding: 1.5em 1em 0;
  font-size: 10px;
  color: #666;
  line-height: 1.5;
}
.camp-banner {
  margin-top: 40px;
  text-align: center;
}
.camp-banner img {
  width: 100%;
  max-width: 400px;
  height: auto;
}
.camp-banner a:hover {
  opacity: .7;
}
.camp-pdf {
  padding-top: 2em;
  text-align: center;
}
.camp-pdf a {
  position: relative;
  display: block;
  padding: .5em 0;
  max-width: 320px;
  margin: 0 auto;
  font-weight: 700;
  color: #fff;
  border: 2px solid #7C61A7;
  background: #7C61A7;
  border-radius: 5px;
  transition: background-color .3s ease, color .3s ease;
}
.camp-pdf a::before {
  content: "";
  display: block;
  position: absolute;
  right: 1em;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  background: url("../img/external-link-white.svg") no-repeat center center;
  background-size: 100% auto;
  transition: background .3s ease;
}
#camp-info-trigger {
  position: relative;
  cursor: pointer;
  padding: 1em;
  text-align: center;
  transition: background-color .3s ease, color .3s ease;
}
#camp-info-trigger::before {
  content: "\FF0B";
  display: block;
  font-size: 30px;
  line-height: 0;
  position: absolute;
  right: .5em;
  top: 50%;
  color: #7C61A7;
  text-align: center;
  transition: color .3s ease;
}
#camp-info-trigger.active::before {
  content: "\FF0D";
}
.camp-info-content {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease;
}
#camp-info-trigger.active ~ .camp-info-content {
  max-height: none;
  opacity: 1;
  visibility: visible;
}
.camp-btns {
  background-color: #7C61A7;
}
.camp-btns .btn {
  position: relative;
  display: block;
  padding: 1em 0;
  max-width: 320px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 15px;
  color: #7C61A7;
  border: 2px solid #7C61A7;
  background-color: #fff;
  transition: background-color .3s ease, color .3s ease, border .3s ease;
}
.camp-btns .btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 1em;
  top: 50%;
  width: .6em;
  height: .6em;
  margin-top: -0.3em;
  border-top: 1px solid #7C61A7;
  border-right: 1px solid #7C61A7;
  box-sizing: border-box;
  transform: rotate(45deg);
  transition: border .3s ease;
}
.camp-notes {
  background-color: #7C61A7;
  color: #fff;
  padding-bottom: 24px;
}
.camp-notes p {
  max-width: 712px;
  padding: 0 16px;
  margin: 0 auto;
}
.camp-notes .ttl {
  text-align: center;
  margin-bottom: 8px;
	font-size: 15px;
}
.camp-notes .text {
	font-size: 13px;
}
.camp-info-link-btn {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  text-align: center;
  transition: background-color .3s ease, color .3s ease;
}
.camp-info-link-btn::before {
  content: "";
  display: block;
  position: absolute;
  width: .8em;
  height: .8em;
  right: 1em;
  margin-top: -0.4em;
  top: 50%;
  border-top: 2px solid #7C61A7;
  border-right: 2px solid #7C61A7;
  transform: rotate(45deg);
  transition: border .3s ease;
  box-sizing: border-box;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .camp-sub-title,
  .camp-period {
    font-size: 15px;
  }
  .camp-main-title {
    font-size: 26px;
  }
  .camp-posts-area .post-title {
    font-size: 20px;
  }
  .camp-posts-area {
    padding: 40px 15px;
  }
  .camp-posts {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  }
  .camp-posts .post-col {
    width: 48%;
  }
  .camp-posts .post-col + .post-col {
    margin-left: 4%;
  }
  .camp-posts .post-main {
    font-size: 15px;
  }
  .camp-posts .post-note {
    font-size: 12px;
  }
  .camp-pdf a:hover {
    color: #7C61A7;
    background: #fff;
  }
  .camp-pdf a:hover::before {
    background-image: url("../img/external-link.svg");
  }
  #camp-info-trigger:hover {
    background-color: #7C61A7;
    color: #fff;
  }
  #camp-info-trigger:hover::before {
    color: #fff;
  }
  .camp-btns {
    padding: 40px;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  }
  .camp-btns .btn {
    width: 48%;
  }
  .camp-btns .btn + .btn {
    margin-left: 4%;
  }
  .camp-btns .btn:hover {
    border-color: #fff;
    background: #7C61A7;
    color: #fff;
  }
  .camp-btns .btn:hover::before {
    border-color: #fff;
  }
  .camp-info-link-btn:hover {
    background-color: #7C61A7;
    color: #fff;
  }
  .camp-info-link-btn:hover::before {
    border-color: #fff;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .camp-btns {
    padding: 30px;
  }
  .camp-btns .btn {
    margin: 0 auto;
  }
  .camp-btns .btn + .btn {
    margin-top: 15px;
  }
  .camp-posts .post-col + .post-col {
    margin-top: 8%;
  }
}
/** smartphone S **/
@media screen and (max-width: 375px) {
  .camp-main-title {
    font-size: 5.33vw;
  }
}

/* modal pt */
#modal-area .modal-pt {
  max-width: 1144px;
	width: calc(100% - 30px);
  margin: 0 auto;
}
#modal-area .modal-pt .thumb {
	border-radius: 50%;
	/* border: 1px solid #707070; */
	overflow: hidden;
}
#modal-area .modal-pt .thumb span {
	position: relative;
	display: block;
	padding-bottom: 100%;
	background-color: #f2f2f2;
}
#modal-area .modal-pt .thumb span img {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
}
#modal-area .modal-pt .thumb span img.landscape {
	top: 50%;
	transform: translate(-50%,-50%);
}
#modal-area .modal-pt .name {
	margin: 0;
	padding-bottom: .8em;
}
#modal-area .modal-pt .name span {
	display: inline-block;
	padding-left: 1em;
	font-weight: 400;
}
#modal-area .modal-pt .prof {
	padding-top: 1.5em;
}
#modal-area .modal-pt .prof + .prof {
	margin-top: 1.5em;
	border-top: 1px solid #d3d3d3d3;
}
#modal-area .modal-pt .prof-title {
	margin: 0;
	padding: 0 0 .2em;
	font-weight: 700;
}
#modal-area .modal-pt .prof a {
	text-decoration: underline;
	color: #7C61A7;
}
#modal-area .modal-pt .prof a.disabled {
	text-decoration: none;
	color: #000;
}
#modal-area .modal-pt .prof ul {
	padding: 0;
	margin: 0;
}
#modal-area .modal-pt .prof ul li {
	display: inline-block;
}
#modal-area .modal-pt .prof ul li::after {
	content: "\3001";
}
#modal-area .modal-pt .prof ul li:last-of-type::after {
	content: "";
}
#modal-area .modal-pt .link {
	padding-top: 2em;
}
#modal-area .modal-pt .link a {
	display: block;
	max-width: 400px;
	position: relative;
	text-align: center;
	background-color: #fff;
	border: 2px solid #7C61A7;
	color: #7C61A7;
	font-weight: 700;
	padding: .4em 2em;
	margin: 0 auto;
	border-radius: 10em;
	transition: color .15s linear, background-color .15s linear;
}
#modal-area .modal-pt .link a::after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	right: 1em;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-bottom: -1.5px;
	background: url(../img/external-link.svg) no-repeat center center;
	background-size: 100% auto;
	transition:  background .15s linear;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
	#modal-area .modal-pt {
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#modal-area .modal-pt .thumb {
		width: 30%;
		max-width: 300px;
	}
	#modal-area .modal-pt .text {
		width: 62%;
		font-size: 15px;
		line-height: 1.6;
	}
	#modal-area .modal-pt .name {
		font-size: 22px;
	}
	#modal-area .modal-pt .name span {
		font-size: 12px;
	}
	#modal-area .modal-pt .prof-title,
	#modal-area .modal-pt .link {
		font-size: 15px;
	}
	#modal-area .modal-pt .prof a:hover {
		text-decoration: none;
	}
	#modal-area .modal-pt .link a:hover {
		background-color: #7C61A7;
		color: #fff;
	}
	#modal-area .modal-pt .link a:hover::after {
		background-image: url(../img/external-link-white.svg);
	}
}
/** smartphone **/
@media screen and (max-width: 740px) {
	#modal-area .modal-pt .thumb {
		margin: 0 auto;
		width: 40%;
		max-width: 300px;
	}
	#modal-area .modal-pt .text {
		font-size: 13px;
		line-height: 1.8;
	}
	#modal-area .modal-pt .name {
		font-size: 18px;
		text-align: center;
	}
	#modal-area .modal-pt .name span {
		font-size: 10px;
	}
	#modal-area .modal-pt .prof-title,
	#modal-area .modal-pt .link {
		font-size: 13px;
	}
}

/* modal staff */
#modal-area .modal-staff {
  max-width: 1144px;
	width: calc(100% - 30px);
  margin: 0 auto;
}
#modal-area .modal-staff .title {
  padding-bottom: 1em;
  text-align: center;
}
#modal-area .modal-staff .staff-rec-col {
  line-height: 1.8;
}
#modal-area .modal-staff .link-button {
  padding-top: 1em;
}
#modal-area .modal-staff .note {
  text-align: center;
  padding-top: 3em;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #modal-area .modal-staff .title {
    font-size: 22px;
  }
	#modal-area .modal-staff .staff-rec-info {
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
  #modal-area .modal-staff .staff-rec-col {
    width: 48%;
    font-size: 15px;
  }
  #modal-area .modal-staff .note {
    font-size: 12px;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #modal-area .modal-staff .title {
    font-size: 18px;
  }
  #modal-area .modal-staff .staff-rec-col {
    font-size: 13px;
  }
  #modal-area .modal-staff .staff-rec-col + .staff-rec-col {
    padding-top: 2em;
  }
  #modal-area .modal-staff .note {
    font-size: 10px;
  }
}

/* staff recruitment */
#staff-recruitment {
  text-align: center;
  background-color: #F2EDF5;
}
#staff-recruitment .message {
  padding-bottom: 1.2em;
  font-weight: 700;
  line-height: 1.35;
}
#staff-recruitment .recruit-button {
  max-width: 500px;
  margin: 0 auto;
}
#staff-recruitment .recruit-button a {
  position: relative;
  display: block;
  padding: .8em 0;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #7C61A7;
  border-radius: 5px;
  color: #7C61A7;
  transition: background-color .3s ease, color .3s ease;
}
#staff-recruitment .recruit-button a::before {
  content: "";
  display: block;
  position: absolute;
  right: 1.2em;
  top: 50%;
  width: .6em;
  height: .6em;
  margin-top: -0.3em;
  border-top: 1px solid #7C61A7;
  border-right: 1px solid #7C61A7;
  box-sizing: border-box;
  transform: rotate(45deg);
  transition: border .3s ease;
}
#staff-recruitment .recruit-button a .external-link {
  transition: background .3s ease;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  #staff-recruitment {
    padding: 40px 15px;
  }
  #staff-recruitment .message {
    font-size: 22px;
    line-height:1.6;
  }
  #staff-recruitment .message span{
    font-size: 12px;
    display:block;
    margin-top:10px
  }
  #staff-recruitment .recruit-button a {
    font-size: 18px;
  }
  #staff-recruitment .recruit-button a:hover {
    background-color: #7C61A7;
    color: #fff;
  }
  #staff-recruitment .recruit-button a:hover::before {
    border-color: #fff;
  }
  #staff-recruitment .recruit-button a:hover .external-link {
    background-image: url("../img/external-link-white.svg");
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  #staff-recruitment {
    padding: 30px 15px 20px;
  }
  #staff-recruitment .message,
  #staff-recruitment .recruit-button a {
    font-size: 14px;
  }
  #staff-recruitment .message span{
    font-size: 9px;
    display:block;
    margin-top:5px;
  }
}

.CPdate {
  max-width: 1144px;
  margin: 0 auto;
  color: #fff;
}


/* .camp-banner multiple type */
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .camp-banner.multiple {
    max-width: 1144px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .camp-banner.multiple &gt; a {
    max-width: calc(50% - 10px);
  }
  .camp-banner.multiple &gt; a:nth-of-type(even) {
    margin-left: 20px;
  }
  .camp-banner.multiple &gt; a:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .camp-banner.multiple &gt; a {
    display: inline-block;
  }
  .camp-banner.multiple &gt; a + a {
    margin-top: 4%;
  }
}

/* shop campaign banner 2022 */
.shop-campaign-bnr.bnr-gradation {
  background: linear-gradient(0deg, #e6e6e6 0%, #fff 100%);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.shop-campaign-bnr .more {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
  padding-top: 5px;
}
.shop-campaign-bnr .more .period {
  margin-right: .8em;
  padding-right: .8em;
  border-right: 1px solid #7c61a7;
}
.shop-campaign-bnr .more .moreBtn {
  display: inline-block;
  padding: .4em 1em;
  background-color: #7c61a7;
  color: #fff;
  border-radius: 5em;
  font-size: 10px;
  line-height: 1;
  transition: background-color .3s ease, color .3s ease;
}
.shop-campaign-bnr .more .moreBtn i {
  display: inline-block;
  position: relative;
  width: .8em;
  height: 1em;
  margin-left: 0.3em;
  vertical-align: top;
  background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iYiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOS4yMSIgaGVpZ2h0PSI5LjU2IiB2aWV3Qm94PSIwIDAgOS4yMSA5LjU2Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYyI+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iNC40MyAwIDMuNzIgLjcxIDcuMjkgNC4yOCAwIDQuMjggMCA1LjI4IDcuMjkgNS4yOCAzLjcyIDguODUgNC40MyA5LjU2IDkuMjEgNC43OCA0LjQzIDAiLz48L2c+PC9zdmc+") no-repeat center center;
  background-size: 100% auto;
  transition: transform .3s ease;
}
.shop-campaign-bnr.bnr-gradation .period {
  font-weight: 700;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .shop-campaign-bnr.bnr-gradation:hover {
    color: #fff;
    background: #7C61A7;
  }
  .shop-campaign-bnr.bnr-gradation:hover .more .moreBtn {
    color: #7c61a7;
    background-color: #fff;
  }
  .shop-campaign-bnr.bnr-gradation:hover .more .moreBtn i {
    transform: translateX(4px);
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iYiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOS4yMSIgaGVpZ2h0PSI5LjU2IiB2aWV3Qm94PSIwIDAgOS4yMSA5LjU2Ij48ZGVmcz48c3R5bGU+LmV7ZmlsbDojN2M2MWE3O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYyI+PGcgaWQ9ImQiPjxwb2x5Z29uIGNsYXNzPSJlIiBwb2ludHM9IjQuNDMgMCAzLjcyIC43MSA3LjI5IDQuMjggMCA0LjI4IDAgNS4yOCA3LjI5IDUuMjggMy43MiA4Ljg1IDQuNDMgOS41NiA5LjIxIDQuNzggNC40MyAwIi8+PC9nPjwvZz48L3N2Zz4=");
  }
}
/* icon list 2022 */
.icon-list {
  padding-top: .5em;
}
.icon-list .icon-row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
  padding-top: 1em;
  margin: -5px 0 0 -4px;
}
.icon-list .icon-row &gt; * {
  width: calc(12.5% - 4px);
  max-width: 46px;
  margin: 5px 0 0 4px;
}
.icon-list .icon-row &gt; * img {
  width: 100%;
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .icon-list .icon-row {
    margin: -10px 0 0 -10px;
  }
  .icon-list .icon-row &gt; * {
    width: calc(12.5% - 8px);
    margin: 8px 0 0 8px;
  }
  .icon-list .icon-row &gt; a img {
    transition: transform .15s linear;
  }
  .icon-list .icon-row &gt; a:hover img {
		transform: scale(1.05);
	}
}

/* footer parts */
.ft-cmn-block .ft-cmn-title {
  position: relative;
  font-weight: 700;
  color: #383838;
}
.ft-cmn-block .ft-cmn-title .onemillion-people-title {
  width: 100%;
  max-width: 280px;
  display: block;
  margin: 8px auto 0;
}
.ft-cmn-block .list {
  margin: 0;
  padding: 0;
}
.ft-cmn-block .more {
  font-weight: 700;
}
.ft-cmn-block .more &gt; span {
  display: inline-block;
  color: #7c61a7;
  border: 1px solid #7c61a7;
  border-radius: 50em;
  line-height: 1;
  padding: .3em 1.5em;
  transition: color .3s ease, background-color .3s ease;
}
.footer-reason {
  padding: 20px;
  margin-top: 60px;
  margin-bottom: 70px;
  background-color: #c9c9c9;
}
.footer-reason-inner {
  max-width: 1144px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
}
.footer-reason .ft-cmn-title {
  margin-bottom: 0.5em;
  /* margin-bottom: 1em;
  padding-bottom: 1em; */
}
/* .footer-reason .ft-cmn-title::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 3.4em;
  height: 2px;
  margin-left: -1.7em;
  background-color: #ccc;
} */
.footer-reason .ft-cmn-title-block::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background-color: #ccc;
  margin: 0 auto;
}
.footer-reason .ft-cmn-sub-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
}
.footer-reason .list-title {
  font-weight: 700;
  color: #7461a3;
}
.footer-reason .icon-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-reason .thumb {
  overflow: hidden;
}
.footer-reason .thumb img {
  transition: transform .5s ease;
}
.footer-reason .text {
  margin: 1.5em 0;
  text-align: left;
  line-height: 1.6;
}
.footer-information {
  max-width: 1144px;
  margin: 0 auto 70px;
}
.footer-information .info-title {
  margin-bottom: 0;
  padding-bottom: 0;
}
.footer-information .list &gt; li &gt; a {
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  transition: color .3s ease, background-color .3s ease;
}
.footer-information .list .thumb .logo {
  position: relative;
  display: block;
  padding-bottom: 100%;
}
.footer-information .list .thumb .logo img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.footer-information .list .thumb .logo-hm img {
  left: 16%;
  width: 68%;
}
.footer-information .list .thumb .logo-hsp img {
  left: 23%;
  width: 54%;
}
.footer-information .list .thumb .logo-afp img {
  width: 90%;
  left: 5%;
}
.footer-information .list .thumb .logo-os img {
  width: 90%;
  left: 5%;
}
.footer-information .text {
  margin: 1.5em 0;
  text-align: left;
  line-height: 1.6;
}
@media print, screen and (min-width: 701px) {
  .footer-reason {
    margin-left: -20px;
    margin-right: -20px;
  }
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .ft-cmn-block .ft-cmn-title {
    font-size: 24px;
  }
  .ft-cmn-block .more {
    margin-top: auto;
    font-size: 14px;
  }
  .ft-cmn-block .list &gt; li &gt; a:hover .more span {
    background-color: #7461a3;
    color: #fff;
  }
  .ft-cmn-block .list {
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    -webkit-box-pack: center;
	  -ms-flex-pack: center;
    justify-content: center;
  }
  .ft-cmn-block .list  &gt; li {
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  }
  .ft-cmn-block .list  &gt; li &gt; a {
    position: relative;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  }
  .ft-cmn-block .text {
    font-size: 14px;
  }
  .footer-reason-inner {
    padding: 45px 32px 0;
  }
  .footer-reason .list {
    padding: 3% 0 6%;
    max-width: 1040px;
  }
  .footer-reason .list  &gt; li {
    width: 50%;
    padding-bottom: 3%;
  }
  .footer-reason .list  &gt; li:nth-of-type(odd) {
    padding-right: 3%;
  }
  .footer-reason .list  &gt; li:nth-of-type(even) {
    padding-left: 3%;
    border-left: 1px dotted #ccc;
  }
  .footer-reason .list  &gt; li:nth-of-type(n+3) {
    padding-top: 3%;
    border-top: 1px dotted #ccc;
  }
  .footer-reason .list &gt; li &gt; a:hover .thumb img {
    transform: scale(1.08);
  }
  .footer-reason .list-title {
    margin-bottom: 20px;
  }
  .footer-reason .icon-title {
    margin-bottom: 30px;
  }
  .footer-reason .icon-title .icon img {
    width: 100px;
    height: auto;
  }
  .footer-reason .icon-title .title {
    padding-left: 20px;
    max-width: calc(100% - 120px);
  }
  .footer-reason .icon-title .title img {
    width: auto;
    height: 60px;
  }
  .footer-reason .ft-cmn-sub-title .small {
    font-size: 12px;
  }
  .footer-information .list {
    margin: 0 0 0 -20px;
    padding-top: 20px;
  }
  .footer-information .list &gt; li {
    width: calc(33.33% - 20px);
    margin: 20px 0 0 20px;
  }
  .footer-information .list.two &gt; li { /* add class 23.01.19 */
    width: calc(50% - 20px);
  }
  .footer-information .list &gt; li &gt; a {
    width: 100%; /* add style 23.01.19 */
    padding: 20px 20px 45px;
  }
  .footer-information .list &gt; li &gt; a:hover {
    background-color: #f8f8f8;
  }
  .footer-information .list .thumb {
    width: 80%;
    max-width: 160px;
    margin: 0 auto;
  }
  .footer-information .list-title {
    font-size: 18px;
  }
  .footer-information .list .info {
    padding-top: 10px;
  }
  .footer-information .list .thumb .logo-hm img {
    left: 8%;
    width: 84%;
  }
  .footer-information .list .thumb .logo-hsp img {
    left: 12%;
    width: 66%;
  }
  .footer-information .list .thumb .logo-afp img {
    left: -20%;
    width: 140%;
    max-width: 140%;
  }
  .footer-information .list .more {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .ft-cmn-block .ft-cmn-title {
    font-size: 18px;
  }
  .ft-cmn-block .text {
    font-size: 11px;
  }
  .ft-cmn-block .more {
    font-size: 10px;
  }
  .footer-reason {
    padding: 3.335%;
  }
  .footer-reason-inner {
    padding: 13% 0 2%;
  }
  .footer-reason .list  &gt; li {
    padding-bottom: 5.33%;
  }
  .footer-reason .list  &gt; li + li {
    padding-top: 5.33%;
    border-top: 1px dotted #ccc;
  }
  .footer-reason .list-title {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .footer-reason .icon-title {
    margin-bottom: 20px;
  }
  .footer-reason .icon-title .icon img {
    width: 18.67vw;
    max-width: 70px;
    height: auto;
  }
  .footer-reason .icon-title .title {
    padding-left: 10px;
  }
  .footer-reason .icon-title .title img {
    width: auto;
    height: 11.2vw;
    max-height: 42px;
  }
  .footer-reason .ft-cmn-sub-title .small {
    font-size: 2.4vw;
  }
  .footer-reason .text {
    padding-left: 8.665%;
    padding-right: 8.665%;
  }
  .footer-information .list &gt; li {
    width: 93.33%;
    margin: 4.5% auto 0;
  }
  .footer-information .list  &gt; li &gt; a {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer-information .list .thumb {
    width: 35%;
  }
  .footer-information .list .info {
    width: 65%;
    padding: 8px;
    text-align: left;
  }
  .footer-information .list-title {
    font-size: 11px;
    line-height: 1.45;
    margin-bottom: .5em;
  }
  .footer-information .text {
    margin: 0 0 1em;
  }
}
/** smartphone S **/
@media screen and (max-width: 375px) {
  .footer-reason .reason-title,
  .footer-information .info-title {
    font-size: 4.8vw;
  }
}

/* slide pause, play button */
.slide-play-button {
  position: absolute;
  padding: 0;
  text-indent: -999em;
  font-size: 10px;
  z-index: 100;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_278%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20278%22%20transform%3D%22translate(-346%20-325)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_176%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20176%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%222%22%20transform%3D%22translate(346%20325)%22%20fill%3D%22%23fff%22%20opacity%3D%220.895%22%2F%3E%20%3Cpath%20id%3D%22play-pause-solid%22%20d%3D%22M5.607%2C68.206%2C0%2C72.411V64Zm2.8-3.5v7.71h-1.4V64h1.4Zm2.8%2C0v7.71h-1.4V64h1.4Z%22%20transform%3D%22translate(351.392%20267.794)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center #ffffff;
  background-size: 90% auto;
  outline: none;
  right: .6em;
  bottom: .6em;
  border-radius: 4px;
}
.slide-play-button:focus {
  outline: none;
}
#slide-main-wrap.slide-pause .slide-play-button {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_282%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20282%22%20transform%3D%22translate(-346%20-325)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_176%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20176%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%222%22%20transform%3D%22translate(346%20325)%22%20fill%3D%22%23fff%22%20opacity%3D%220.895%22%2F%3E%20%3Cpath%20id%3D%22play-pause-solid%22%20d%3D%22M5.607%2C68.206%2C0%2C72.411V64Z%22%20transform%3D%22translate(355%20267.794)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
#slide-main .slide-cap {
  padding-right: 4em;
}
#slide-thumb .item .inner::after {
  transition: none;
}
#slide-thumb .item.slide-cr .inner::after {
  animation: slideloading 4s linear forwards;
}
#slide-main-wrap.slide-pause + #slide-thumb-wrap #slide-thumb .item.slide-cr .inner::after {
  /* animation-play-state: paused; */
  width: 100%;
}
#slide-main-wrap.slide-pause + #slide-thumb-wrap #slide-thumb .item.slide-cr .inner::before {
  background-color: #7C61A7;
}
@keyframes slideloading {
  0% { width: 0; }
  100% { width: 100%; }
}
/** pc &amp; tablet **/
@media print,screen and (min-width: 741px) {
  .slide-play-button {
    transition: opacity .3s ease;
    width: 4em;
    height: 4em;
  }
  .slide-play-button:hover {
    opacity: .6;
  }
  #slide-main .slide-cap {
    padding-right: 5em;
  }
}
/** smartphone **/
@media screen and (max-width: 740px) {
  .slide-play-button {
    width: 2.5em;
    height: 2.5em;
  }
  #slide-main .slide-cap {
    padding-right: 4em;
  }
}

/* 隕句ｭｦ莠育ｴ�お繝ｪ繧｢ */
#about-tour {
  border-top: 1px dotted #c6c6c6;
  border-bottom: 1px dotted #c6c6c6;
  background-color: #f1f1f1;
  padding: 40px 0;
  margin: 40px 0 0;
}
#about-tour svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.about-tour-wrap {
  position: relative;
  width: 92%;
  max-width: 860px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
}
#about-tour-check {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}
.about-tour-label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #7c61a7;
  font-weight: 700;
  text-decoration: underline;
  padding: 1.25em 4em;
  font-size: 18px;
  border-radius: 10px;
}
.about-tour-label::after {
  content: "";
  display: block;
  position: absolute;
  right: 2em;
  top: calc(50% - 7px);
  width: 10px;
  height: 10px;
  border-right: 2px solid #7c61a7;
  border-bottom: 2px solid #7c61a7;
  box-sizing: border-box;
  transform: rotate(45deg);
  transition: transform .3s ease-in-out;
}
.about-tour-label i {
  display: block;
  width: 1.285em;
  margin-right: .75em;
  transition: transform .3s ease-in-out;
}
.about-tour-close {
  position: absolute;
  right: -16px;
  top: -16px;
  width: 36px;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  transition: transform .3s ease-in-out;
}
.about-tour-detail {
  overflow: hidden;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease;
}
#about-tour-check:checked ~ .about-tour-label {
  display: none;
}
#about-tour-check:checked ~ .about-tour-close {
  opacity: 1;
  visibility: visible;
}
#about-tour-check:checked ~ .about-tour-detail {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.about-tour-detail-img {
  display: flex;
  position: relative;
  margin: 0;
}
.about-tour-detail-img img {
  width: 33.33%;
  object-fit: cover;
}
.about-tour-detail-img .caption {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 11px;
  padding: .5em;
}
.about-tour-detail-title {
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  color: #7c61a7;
}
.about-tour-detail-title-text {
  position: relative;
  display: inline-block;
  padding: 1.5em 1em .5em;
}
.about-tour-detail-title-text::before,
.about-tour-detail-title-text::after {
  content: "";
  display: block;
  position: absolute;
  bottom: .5em;
  width: 1px;
  height: 2.8em;
  background-color: #825ba1;
}
.about-tour-detail-title-text::before {
  left: 0;
  transform: rotate(-30deg);
}
.about-tour-detail-title-text::after {
  right: 0;
  transform: rotate(30deg);
}
.about-tour-detail-title-text span {
  display: block;
}
.about-tour-detail-title-text .msg {
  font-size: 133%;
}
.about-tour-detail-text {
  padding: 0 20px 10px;
}
.about-tour-detail-text p {
  line-height: 1.5;
  font-size: 13px;
}
.about-tour-detail-text p strong {
  font-weight: 700;
  color: #8661ab;
}
.about-tour-btn {
  padding: 0 20px 20px;
  max-width: 400px;
  margin: 0 auto;
}
.about-tour-btn a {
  display: block;
  position: relative;
  text-align: center;
  padding: .5em 2em;
  color: #fff;
  font-weight: 700;
  background-color: #8661ab;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  border: 2px solid #8661ab;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}
.about-tour-btn a::after {
  content: "";
  display: block;
  position: absolute;
  right: 1em;
  top: 0;
  width: .4em;
  height: 100%;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0LjE2NCIgaGVpZ2h0PSI3LjcyIiB2aWV3Qm94PSIwIDAgNC4xNjQgNy43MiI+CiAgPHBhdGggZD0iTTMuNzY3LTE1LjMxOSwxLjEyMi0xMy4xODN2MS43M2w0LjE2NC0zLjUzNnYtLjY0OUwxLjEyMi0xOS4xNzN2MS43M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjEyMiAxOS4xNzMpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPg==') no-repeat center center/100% auto;
  transition: transform .3s ease-in-out, background .3s ease-in-out;
}
@media print,screen and (min-width: 741px) {
  .about-tour-detail {
    position: relative;
    padding-left: 55%;
  }
  .about-tour-detail-img {
    height: calc(100% - 40px);
    position: absolute;
    left: 0;
    top: 20px;
    width: 55%;
    padding: 0 0 0 20px;
  }
}
@media screen and (max-width: 740px) {
  #about-tour {
    padding: 4% 0;
    margin: 4% 0 0;
  }
  .about-tour-label {
    font-size: 14px;
  }
  .about-tour-label::after {
    top: calc(50% - 6px);
    width: 8px;
    height: 8px;
    border-width: 1px;
  }
  .about-tour-close {
    width: 22px;
    right: -4px;
    top: -4px;
  }
  .about-tour-detail-title {
    font-size: 15px;
  }
  .about-tour-detail-img {
    margin-top: 1%;
  }
  .about-tour-detail-img img {
    aspect-ratio: 125 / 96;
  }
  .about-tour-detail-img .caption {
    font-size: 10px;
    transform: scale(0.7);
    transform-origin: right bottom;
  }
  .about-tour-detail-text {
    padding: 4%;
  }
  .about-tour-detail-text p {
    line-height: 1.6;
    font-size: 13px;
  }
  .about-tour-btn {
    padding: 0 4% 6%;
  }
  .about-tour-btn a {
    font-size: 13px;
  }
}
@media (hover:hover) {
  .about-tour-label:hover {
    text-decoration: none;
  }
  .about-tour-label:hover::after {
    transform: rotate(45deg) translate(4px, 4px);
  }
  .about-tour-label:hover i {
    transform: scale(1.1);
  }
  .about-tour-btn a:hover {
    color: #8661ab;
    background-color: #fff;
  }
  .about-tour-btn a:hover::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0LjE2NCIgaGVpZ2h0PSI3LjcyIiB2aWV3Qm94PSIwIDAgNC4xNjQgNy43MiI+CiAgPHBhdGggZD0iTTMuNzY3LTE1LjMxOSwxLjEyMi0xMy4xODN2MS43M2w0LjE2NC0zLjUzNnYtLjY0OUwxLjEyMi0xOS4xNzN2MS43M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjEyMiAxOS4xNzMpIiBmaWxsPSIjODY2MWFiIi8+Cjwvc3ZnPg==');
    transform: translateX(4px);
  }
}</pre></body></html>