@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl._detailpage .pagettl-txt span { border-left-color: #543c93; }
.pagettl._detailpage .pagettl-nav-popup ul li a { background-image: url("../img/common/ico_arrow_circle_bl.svg"); }
.pagettl._detailpage .pagettl-nav-popup ul li a:hover { background-color: #543c93; }
@media screen and (max-width: 960px) { .pagettl._detailpage .pagettl-nav-popup .pagettl-nav-popup-btn { background-color: #543c93; } }
.pagettl._detailpage .pagettl-nav-popup ._label { background: #543c93; }

/* ------------------------------ コンテンツ
------------------------------ */
.cmn-guide { position: relative; margin: 2.9285714286% 0; background-color: #ffeff2; }
.cmn-guide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 1400 / 42; margin-top: -2.9285714286%; background: url("../img/onsen/guide_bg001_mov.svg") no-repeat left bottom; background-size: 100% auto; }
.cmn-guide::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; aspect-ratio: 1400 / 42; margin-bottom: -2.9285714286%; background: url("../img/onsen/guide_bg002_mov.svg") no-repeat left top; background-size: 100% auto; }
.cmn-guide .guide-top .guide-heading { margin-bottom: 50px; position: relative; padding-bottom: 40px; }
@media screen and (max-width: 750px) { .cmn-guide .guide-top .guide-heading { padding-bottom: 30px; } }
.cmn-guide .guide-top .guide-heading::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 14.5rem; aspect-ratio: 145 / 23; margin-left: -7.25rem; background: url("../img/onsen/ttl_bg001.png") no-repeat center center; background-size: contain; animation: bottomMove 5s ease-in-out forwards infinite; }
.cmn-guide .guide-top .guide-heading::after { display: none; }
.cmn-guide .guide-txt .swiper-slide { width: 76.8rem; }
@media screen and (max-width: 750px) { .cmn-guide .guide-txt .swiper-slide { width: 38.4rem; } }

._idx .onsen-heading { display: flex; justify-content: center; margin-bottom: 30px; }
._idx .onsen-heading ._ttl { position: relative; padding-bottom: 40px; color: #e84622; font-size: 3.4rem; font-weight: 500; line-height: 1.2; text-align: center; }
@media screen and (max-width: 750px) { ._idx .onsen-heading ._ttl { font-size: 2.8rem; } }
._idx .onsen-heading ._ttl::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 14.5rem; aspect-ratio: 145 / 23; margin-left: -7.25rem; background: url("../img/onsen/ttl_bg001.png") no-repeat center center; background-size: contain; animation: bottomMove 5s ease-in-out forwards infinite; }
@media screen and (max-width: 750px) { ._idx .onsen-heading ._ttl::before { width: 12rem; margin-left: -6rem; } }
._idx .onsen-heading div { position: relative; }
._idx .onsen-heading div::before { content: ''; position: absolute; top: 2rem; left: -7rem; display: block; width: 3.5rem; aspect-ratio: 35 / 65; background: url("../img/onsen/idx/mankitsu_bg001.svg") no-repeat center center; background-size: contain; opacity: 0; animation: sideMove 6s ease-in-out forwards infinite; animation-delay: 0.2s; }
@media screen and (max-width: 750px) { ._idx .onsen-heading div::before { left: -4.5rem; } }
._idx .onsen-heading div::after { content: ''; position: absolute; top: 0; right: -6rem; display: block; width: 3.8rem; aspect-ratio: 38 / 73; background: url("../img/onsen/idx/mankitsu_bg002.svg") no-repeat center center; background-size: contain; opacity: 0; animation: sideMove 5s ease-in-out forwards infinite; }
@media screen and (max-width: 750px) { ._idx .onsen-heading div::after { right: -4.5rem; } }
._idx .onsen-mainimg { position: relative; }
._idx .onsen-mainimg .mainttl-swiper .mainttl-swiper-fig { aspect-ratio: 280 / 126; }
._idx .onsen-mainimg .onsen-mainimg-ttl { position: absolute; top: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: 7.1428571429%; }
._idx .onsen-mainimg .onsen-mainimg-ttl img { width: 17.1428571429%; }
._idx .onsen-top { position: relative; padding-top: 2.8571428571%; }
._idx .onsen-top::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 9.8591549296; margin-top: -5.7857142857%; background: url("../img/onsen/idx/main_bg001_mov.svg") no-repeat left bottom; background-size: 100% auto; }
._idx .onsen-area { margin-bottom: 40px; padding-top: 50px; }
._idx .onsen-area .onsen-heading { margin-bottom: 50px; }
._idx .onsen-area .area-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 25px 2.0833333333%; }
@media screen and (max-width: 750px) { ._idx .onsen-area .area-nav { gap: 20px 4%; } }
._idx .onsen-area .area-nav li { width: 18.3333333333%; }
@media screen and (max-width: 750px) { ._idx .onsen-area .area-nav li { width: 48%; } }
._idx .onsen-area .area-nav li a { position: relative; display: block; text-decoration: none; }
._idx .onsen-area .area-nav li a dl { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 10px; font-weight: 500; line-height: 1; }
@media screen and (max-width: 960px) { ._idx .onsen-area .area-nav li a dl { padding: 10px; font-size: 1.3rem; } }
@media screen and (max-width: 750px) { ._idx .onsen-area .area-nav li a dl { padding: 15px 10px; font-size: 1.6rem; } }
._idx .onsen-area .area-nav li a dl dt { margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #E84622; color: #E84622; }
._idx .onsen-mankitsu .mankitsu-main { position: relative; margin-bottom: 50px; padding-top: 1.7857142857%; }
._idx .onsen-mankitsu .mankitsu-main::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 1400 / 142; background: url("../img/onsen/idx/main_bg001_mov.svg") no-repeat left bottom; background-size: 100% auto; transform: rotate(180deg); }
._idx .onsen-mankitsu .mankitsu-bg { background: url("../img/onsen/idx/mankitsu_bg001.png") no-repeat center top; }
._idx .onsen-mankitsu .mankitsu-lead { margin-bottom: 30px; font-size: 2.0rem; text-align: center; font-weight: 700; }
._idx .onsen-mankitsu .mankitsu-fig { position: relative; padding-top: 8.5714285714%; }
._idx .onsen-mankitsu .mankitsu-fig .mankitsu-fig-ico { position: absolute; top: 0; left: 0; width: 27.1428571429%; margin-left: 8.2857142857%; }
._idx .onsen-mankitsu .mankitsu-con { margin-bottom: 150px; }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-con { margin-bottom: 60px; } }
._idx .onsen-mankitsu .mankitsu-box { position: relative; }
._idx .onsen-mankitsu .mankitsu-box figure { width: 100%; background-color: #f2f2f2; }
._idx .onsen-mankitsu .mankitsu-box figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
._idx .onsen-mankitsu .mankitsu-box .mankitsu-box-link { position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 420px; background: url("../img/onsen/idx/mankitsu_bg004.svg") no-repeat left top; background-size: 100% auto; transform: translateX(-50%); }
._idx .onsen-mankitsu .mankitsu-box .mankitsu-box-link div { display: flex; align-items: center; aspect-ratio: 420 / 131; padding: 15px 65px; font-size: 2.2rem; font-weight: 500; line-height: 1.4; }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-box .mankitsu-box-link div { font-size: 1.8rem; } }
._idx .onsen-mankitsu .mankitsu-box .mankitsu-box-link div p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; width: 100%; text-align: center; }
._idx .onsen-mankitsu .mankitsu-box a { display: block; text-decoration: none; }
._idx .onsen-mankitsu .mankitsu-box a .mankitsu-box-link div { background: url("../img/common/ico_arrow_circle_or.svg") no-repeat right 25px center; background-size: 38px auto; }
._idx .onsen-mankitsu .mankitsu-box._box01 { width: 54.9166666667%; }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-box._box01 { width: 100%; margin: 0 auto 80px; } }
._idx .onsen-mankitsu .mankitsu-box._box01 figure { aspect-ratio: 659 / 487; -webkit-mask-image: url("../img/onsen/idx/mankitsu_ph001_mov.svg"); /* Safari, Chrome */ mask-image: url("../img/onsen/idx/mankitsu_ph001_mov.svg"); -webkit-mask-size: cover; mask-size: cover; }
._idx .onsen-mankitsu .mankitsu-box._box01 .mankitsu-box-link { margin-bottom: -70px; }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-box._box01 .mankitsu-box-link { margin-bottom: -40px; } }
._idx .onsen-mankitsu .mankitsu-box._box02, ._idx .onsen-mankitsu .mankitsu-box._box04 { width: 40.9166666667%; margin: -40px 70px 0 auto; }
@media screen and (max-width: 960px) { ._idx .onsen-mankitsu .mankitsu-box._box02, ._idx .onsen-mankitsu .mankitsu-box._box04 { margin-right: 0; } }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-box._box02, ._idx .onsen-mankitsu .mankitsu-box._box04 { width: 100%; margin: 0 auto 80px; } }
._idx .onsen-mankitsu .mankitsu-box._box02 figure, ._idx .onsen-mankitsu .mankitsu-box._box04 figure { aspect-ratio: 492 / 343; -webkit-mask-image: url("../img/onsen/idx/mankitsu_ph002_mov.svg"); /* Safari, Chrome */ mask-image: url("../img/onsen/idx/mankitsu_ph002_mov.svg"); -webkit-mask-size: cover; mask-size: cover; }
._idx .onsen-mankitsu .mankitsu-box._box02 .mankitsu-box-link, ._idx .onsen-mankitsu .mankitsu-box._box04 .mankitsu-box-link { margin-bottom: -45px; }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-box._box02 .mankitsu-box-link, ._idx .onsen-mankitsu .mankitsu-box._box04 .mankitsu-box-link { margin-bottom: -40px; } }
._idx .onsen-mankitsu .mankitsu-box._box03 { width: 48.3333333333%; margin-top: -80px; margin-left: 30px; }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-box._box03 { width: 100%; margin: 0 auto 80px; } }
._idx .onsen-mankitsu .mankitsu-box._box03 figure { aspect-ratio: 580 / 416; -webkit-mask-image: url("../img/onsen/idx/mankitsu_ph003_mov.svg"); /* Safari, Chrome */ mask-image: url("../img/onsen/idx/mankitsu_ph003_mov.svg"); -webkit-mask-size: cover; mask-size: cover; }
._idx .onsen-mankitsu .mankitsu-box._box03 .mankitsu-box-link { margin-bottom: -70px; }
@media screen and (max-width: 750px) { ._idx .onsen-mankitsu .mankitsu-box._box03 .mankitsu-box-link { margin-bottom: -40px; } }
._idx .onsen-mankitsu .more-btn { border-color: #E84622; background-image: url("../img/common/ico_arrow_bk.svg"); }
._idx ._mainnews { position: relative; padding-bottom: 280px; }
@media screen and (max-width: 750px) { ._idx ._mainnews { padding-bottom: 10rem; } }
._idx ._mainnews::before { content: ''; position: absolute; bottom: 0; right: 0; width: 11.5714285714%; aspect-ratio: 162 / 210; margin: 0 13.5714285714% 7.1428571429% 0; background: url("../img/onsen/idx/mainnews_bg001.svg") no-repeat center center; background-size: contain; }
._idx ._mainnews::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; aspect-ratio: 1400 / 183; background: url("../img/onsen/idx/mainnews_bg001_mov.svg") no-repeat center bottom; background-size: 100% auto; }
@media screen and (max-width: 750px) { ._idx ._mainnews .sec-top { margin-bottom: 3rem; } }
._idx ._mainnews .sec-nav { margin-bottom: 30px; }
._idx ._mainnews .sec-nav ul li { border-color: #E84622; }
._idx ._mainnews .sec-nav ul li:hover, ._idx ._mainnews .sec-nav ul li.active { border-color: #333; background-color: #333; color: #fff; }
._idx ._mainnews .sec-tool .sec-tool-in .slide-btn img { background-color: #fff; border-radius: 50%; }
._idx ._mainnews .sec-btn p a { border: 1px solid #E84622; }
._idx ._youtube { background: url("../img/onsen/idx/youtube_bg001.png") no-repeat center bottom 23px; background-size: 100% auto; }
@media screen and (max-width: 750px) { ._idx ._youtube { padding-bottom: 6rem; background-position: center bottom; } }
._idx ._youtube .sec-top .sec-ttl { margin-bottom: 20px; }
._idx .sec-top .sec-ttl { position: relative; padding-bottom: 40px; }
@media screen and (max-width: 750px) { ._idx .sec-top .sec-ttl { padding-bottom: 30px; } }
._idx .sec-top .sec-ttl::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 14.5rem; aspect-ratio: 145 / 23; margin-left: -7.25rem; background: url("../img/onsen/ttl_bg001.png") no-repeat center center; background-size: contain; animation: bottomMove 5s ease-in-out forwards infinite; }
._idx .sec-top .sec-ttl::after { display: none; }

@keyframes bottomMove { 0% { transform: translateX(-30px); }
  50% { transform: translateX(30px); }
  100% { transform: translateX(-30px); } }
@keyframes sideMove { 0% { opacity: 0; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-30px); }
  100% { opacity: 0; transform: translateY(-60px); } }
._store .store-mainimg p { background-image: url("../img/common/ico_arrow_circle_gre02.svg"); }
._store .store-mainimg .mainimg-tool .swiper-pagination-bullet-active { background: #333 !important; }
._store .store-nav ul li a:hover { background-color: #188a95; }
._store ._event { background-color: #ffeff2; }
._store ._sauna { background-color: #fff; }
._store ._service { background-color: #e1f1f6; }
._store ._youtube { background-color: #fff; }
._store .store-facility { background-color: #e1f1f6; }
._store .store-facility .facility-main .facility-icon { width: 79px; margin: 0 auto 25px; }

._detail .detail-main .cmn-heading { border-bottom: 2px solid #543c93; }
._detail .detail-main .cmn-subheading { border-left: 4px solid #543c93; }

/*# sourceMappingURL=onsen.css.map */