@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
/*layout*/
.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pl5 { padding-left: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pl25 { padding-left: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pl30 { padding-left: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pl35 { padding-left: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pl40 { padding-left: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pl45 { padding-left: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pl50 { padding-left: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pl55 { padding-left: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pl60 { padding-left: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pl65 { padding-left: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pl70 { padding-left: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pl75 { padding-left: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pl80 { padding-left: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pl85 { padding-left: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pl90 { padding-left: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pl95 { padding-left: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pl100 { padding-left: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

/* 白馬乗鞍アクアオアシス
----------------------------------------------- */
#pool { margin-top: 180px; }
@media screen and (max-width: 959px) { #pool { margin-top: 18.7695516163vw; } }
#pool .slick-pager-container { bottom: -60px; right: 12.5vw; left: unset; z-index: 1; }
#pool .slick-pager-container .slick-num { margin-top: 0; margin-right: 20px; }
#pool .slick-pager-container .slick-num img { width: auto; }
#pool .slick-pager-container .slick-num .now-count { top: 0; }
#pool .slick-pager-container .slick-num .all-count { top: 0; }
#pool .slick-pager-container .slick-num .count-sen { padding-left: .2em; padding-right: .2em; font-size: 25px; font-weight: 300; }
@media screen and (max-width: 767px) { #pool .slick-pager-container { right: 20px; } }
@media screen and (max-width: 479px) { #pool .slick-pager-container { bottom: -40px; right: 0; left: 0; justify-content: space-between; width: 100%; padding-left: 20px; padding-right: 20px; }
  #pool .slick-pager-container .slick-num img { width: 5px; vertical-align: middle; }
  #pool .slick-pager-container .slick-num .all-count { top: 0px; }
  #pool .slick-pager-container .slick-num .count-sen { line-height: 0; }
  #pool .slick-pager-container .slick-num .now-count { top: 0px; } }
#pool .com-wrapper-05 .detail { margin-top: 60px; }
#pool .com-wrapper-05 .detail .box { padding-bottom: 30px; }
#pool .com-wrapper-05 .detail .box:last-child { padding-bottom: 0; }
#pool .com-wrapper-05 .detail .box .flex { display: flex; }
#pool .com-wrapper-05 .detail .box .flex .title { padding-right: 10px; }
#pool .com-wrapper-05 .detail .box .flex .text { flex: 1; }
#pool .com-wrapper-05 .detail .box .chu:first-of-type { margin-top: 10px; }
#pool .com-wrapper-05 .detail .box + .box { border-top: 1px solid #e3e3e3; padding-top: 30px; }
#pool .com-wrapper-05 .detail .btn-01 { margin-top: 30px; }

/* 白馬乗鞍温泉
----------------------------------------------- */
#onsen { margin-top: 180px; }
@media screen and (max-width: 959px) { #onsen { margin-top: 18.7695516163vw; } }
#onsen .slick-pager-container { bottom: -60px; right: 12.5vw; left: unset; z-index: 1; }
#onsen .slick-pager-container .slick-num { margin-top: 0; margin-right: 20px; }
#onsen .slick-pager-container .slick-num img { width: auto; }
#onsen .slick-pager-container .slick-num .now-count { top: 0; }
#onsen .slick-pager-container .slick-num .all-count { top: 0px; }
#onsen .slick-pager-container .slick-num .count-sen { padding-left: .2em; padding-right: .2em; font-size: 25px; font-weight: 300; }
@media screen and (max-width: 767px) { #onsen .slick-pager-container { right: 20px; } }
@media screen and (max-width: 479px) { #onsen .slick-pager-container { bottom: -40px; }
  #onsen .slick-pager-container .slick-num img { width: 5px; vertical-align: middle; }
  #onsen .slick-pager-container .slick-num .all-count { top: 0px; }
  #onsen .slick-pager-container .slick-num .count-sen { line-height: 0; }
  #onsen .slick-pager-container .slick-num .now-count { top: 0px; } }
#onsen .com-wrapper-01 { position: relative; }
@media screen and (max-width: 767px) { #onsen .com-wrapper-01 { margin-top: 31.2907431551vw; } }
#onsen .com-wrapper-01 .video { border-radius: 50%; overflow: hidden; width: 510px; height: 510px; position: absolute; top: -130px; }
@media screen and (max-width: 1550px) { #onsen .com-wrapper-01 .video { width: 32.9032258065vw; height: 32.9032258065vw; } }
@media screen and (max-width: 767px) { #onsen .com-wrapper-01 .video { width: 45.6323337679vw; height: 45.6323337679vw; top: -49.5436766623vw; } }
#onsen .com-wrapper-01 .video img, #onsen .com-wrapper-01 .video video { width: 510px; height: 515px; object-fit: cover; }
@media screen and (max-width: 1550px) { #onsen .com-wrapper-01 .video img, #onsen .com-wrapper-01 .video video { width: 32.9032258065vw; height: 33.2258064516vw; } }
@media screen and (max-width: 767px) { #onsen .com-wrapper-01 .video img, #onsen .com-wrapper-01 .video video { width: 45.6323337679vw; height: 46.2842242503vw; } }
#onsen .com-wrapper-01 .detail { margin-top: 60px; margin-left: 560px; }
@media screen and (max-width: 1550px) { #onsen .com-wrapper-01 .detail { margin-left: 36.1290322581vw; margin-top: 80px; } }
@media screen and (max-width: 767px) { #onsen .com-wrapper-01 .detail { margin-left: 0; margin-top: 0; } }
#onsen .com-wrapper-01 .detail .box { padding-bottom: 30px; }
#onsen .com-wrapper-01 .detail .box:last-child { padding-bottom: 0; }
#onsen .com-wrapper-01 .detail .box .flex { display: flex; }
#onsen .com-wrapper-01 .detail .box .flex .title { padding-right: 10px; }
#onsen .com-wrapper-01 .detail .box .flex .text { flex: 1; }
#onsen .com-wrapper-01 .detail .box .chu:first-of-type { margin-top: 30px; }
#onsen .com-wrapper-01 .detail .box + .box { border-top: 1px solid #e3e3e3; padding-top: 30px; }

/* 大浴場
----------------------------------------------- */
#publicbath { margin-top: 180px; }
@media screen and (max-width: 959px) { #publicbath { margin-top: 18.7695516163vw; } }
#publicbath .slick-pager-container { bottom: -60px; right: 20px; left: unset; z-index: 1; }
#publicbath .slick-pager-container .slick-num { margin-top: 0; margin-right: 20px; }
#publicbath .slick-pager-container .slick-num img { width: auto; }
#publicbath .slick-pager-container .slick-num .now-count { top: 0; }
#publicbath .slick-pager-container .slick-num .all-count { top: 0px; }
#publicbath .slick-pager-container .slick-num .count-sen { padding-left: .2em; padding-right: .2em; font-size: 25px; font-weight: 300; }
@media screen and (max-width: 479px) { #publicbath .slick-pager-container { bottom: -40px; right: 0; left: 0; justify-content: space-between; width: 100%; padding-left: 20px; padding-right: 20px; }
  #publicbath .slick-pager-container .slick-num img { width: 5px; vertical-align: middle; }
  #publicbath .slick-pager-container .slick-num .all-count { top: 0px; }
  #publicbath .slick-pager-container .slick-num .count-sen { line-height: 0; }
  #publicbath .slick-pager-container .slick-num .now-count { top: 0px; } }
#publicbath .text { margin-top: 50px; position: relative; z-index: -1; }
@media (min-width: 480px) and (max-width: 1350px) { #publicbath .text { margin-top: 80px; } }
#publicbath .text p { max-width: 1040px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }

/* 大浴場
----------------------------------------------- */
#bath_sauna { margin-top: 180px; }
@media screen and (max-width: 959px) { #bath_sauna { margin-top: 18.7695516163vw; } }
#bath_sauna .flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { #bath_sauna .flex { flex-direction: column; align-items: center; } }
@media screen and (min-width: 768px) { #bath_sauna .flex .box { width: 49%; } }
#bath_sauna .flex .box .text { padding-left: 20px; padding-right: 20px; margin-top: 25px; max-width: 725px; }
@media screen and (max-width: 1550px) { #bath_sauna .flex .box .text { margin-top: max(20px, 25 / 1550 * 100vw); } }
#bath_sauna .flex .box .text h3 { display: flex; align-items: center; margin-bottom: 25px; }
@media screen and (max-width: 1550px) { #bath_sauna .flex .box .text h3 { margin-bottom: max(15px, 25 / 1550 * 100vw); } }
#bath_sauna .flex .box .text h3 span { display: block; line-height: 1; }
#bath_sauna .flex .box .text h3 span.jp { font-size: 25px; }
@media screen and (max-width: 479px) { #bath_sauna .flex .box .text h3 span.jp { font-size: 18px; } }
#bath_sauna .flex .box .text h3 span.en { font-size: 18px; font-family: "Outfit", sans-serif; font-weight: 300; color: #888888; margin-left: 30px; }
@media screen and (max-width: 479px) { #bath_sauna .flex .box .text h3 span.en { font-size: 15px; margin-left: 15px; } }
@media screen and (max-width: 767px) { #bath_sauna .flex .bath { margin-bottom: 6.518904824vw; } }
@media (min-width: 768px) and (max-width: 1550px) { #bath_sauna .flex .bath .com-tit-01 { margin-bottom: 3.2258064516vw; }
  #bath_sauna .flex .bath .com-tit-01 span.en { font-size: max(42px, 70 / 1550 * 100vw); }
  #bath_sauna .flex .bath .com-tit-01 span.jp { font-size: max(15px, 18 / 1550 * 100vw); } }
#bath_sauna .flex .sauna .img { text-align: right; }
#bath_sauna .flex .sauna .text { margin-left: auto; }

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