@charset "UTF-8";
/* ===================================================================
CSS information

file name  : facilities.css
author     : Abilive
style info : 館内施設
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@property --1vw {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
:root {
    --1vw: 1vw;
    --vw-to-px: tan(atan2(var(--1vw), 1px));
}

/* ===================================================================
CSS information

file name  : facilities.css
author     : Abilive
style info : 館内施設
=================================================================== */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider div {
  outline: none;
}

.slick-dots li button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  display: block;
  cursor: pointer;
  font-size: 0;
  border-radius: 9999px;
  overflow: hidden;
}
.slick-dots li button::-ms-expand {
  display: none;
}

.l-footer {
  margin-top: 0;
}

.c-pnav1 ul li a {
  height: 100%;
}

.c-dots .slick-dots:has(:only-child) {
  display: none;
}
.c-dots .slick-dots:has(:not(:only-child)) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-facilities__list__item {
  padding-block: 5.2083333333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-facilities__list__item {
    padding-block: 8.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilities__list__item {
    padding-block: 5rem;
  }
}
.p-facilities__list__item:nth-child(even) {
  background: #F5F5F5;
}

.p-facilities-slider {
  margin-top: 2.0833333333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-facilities-slider {
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilities-slider {
    margin-top: 1.25rem;
  }
}
.u-cloakroom .p-facilities-slider .slide img {
  -o-object-position: 75% center;
     object-position: 75% center;
}
.u-barrier .p-facilities-slider .slide img {
  -o-object-position: 20% center;
     object-position: 20% center;
}

.p-facilities-text {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-facilities-text {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-facilities-text {
    width: 83.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilities-text {
    width: 84.8717948718%;
  }
}
.p-facilities-text > .txt {
  margin-top: 2.125rem;
}
@media only screen and (min-width: 768px) {
  .p-facilities-text > .txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilities-text > .txt {
    margin-top: 0.875rem;
  }
}
.p-facilities-text > .c-tbl1 {
  margin-inline: auto;
  margin-top: 1.25rem;
}
.p-facilities-text > .c-tbl1 tr th {
  width: 8.75rem;
}
.p-facilities-text__list {
  margin-top: 3.125vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-facilities-text__list {
    margin-top: 5vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilities-text__list {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-facilities-text__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: ;
    grid-template-columns: repeat(1fr);
    gap: 3.75rem 2.0833333333vw;
    width: 45.4545454545%;
    margin-inline: auto;
  }
}
.p-facilities-text__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .p-facilities-text__list__item + .p-facilities-text__list__item {
    margin-top: 3.125rem;
  }
}
.p-facilities-text__list__item .text-wrapper {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1.25rem;
  width: 86.6666666667%;
  margin-inline: auto;
}
.p-facilities-text__list__item .text-wrapper .c-tbl1 {
  width: 100%;
}
.p-facilities-text__list__item .text-wrapper .c-tbl1 tr th {
  width: 10rem;
}
.p-facilities-text__list__item .img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
.p-facilities-text__list__item .img img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-facilities-text .c-information {
    width: 85.4545454545%;
    margin-inline: auto;
    margin-top: 3.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilities-text .c-information {
    margin-top: 1.875rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-facilities-text .c-information__inner {
    -ms-grid-columns: 9.375rem auto;
    grid-template-columns: 9.375rem auto;
    padding-block: 1.5625vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-facilities-text .c-information__inner {
    padding-block: 2.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-facilities-text .c-information__inner {
    padding-inline: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-facilities-text .c-information .info-text {
    width: 73.4042553191%;
  }
}
.p-facilities-text .c-information .info-image {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 100%;
}
@media only screen and (max-width: 767px) {
  .p-facilities-text .c-information .info-image {
    width: 60%;
    margin-inline: auto;
  }
}
.p-facilities-text .c-information .info-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .p-facilities-text.u-hotspring .c-information__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10.2564102564%;
       -moz-column-gap: 10.2564102564%;
            column-gap: 10.2564102564%;
  }
  .p-facilities-text.u-hotspring .c-information__inner .info-text .st {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 43.5897435897%;
    text-align: left;
  }
  .p-facilities-text.u-hotspring .c-information__inner .info-text .content {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
  }
  .p-facilities-text.u-hotspring .c-information__inner .info-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 46.1538461538%;
    margin-inline: 0;
  }
}

.p-information {
  background: #F5F5F5;
}
.p-information {
  padding-block: 5.2083333333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-information {
    padding-block: 8.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-information {
    padding-block: 5rem;
  }
}
.p-information__content {
  margin-inline: auto;
}
@media only screen and (min-width: 1200px) {
  .p-information__content {
    width: 90%;
  }
}
@media print {
  .p-information__content {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  .p-information__content {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .p-information__content {
    width: 89.7435897436%;
  }
}
.p-information__content + .p-information__content {
  padding-top: 3.125vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-information__content + .p-information__content {
    padding-top: 5vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-information__content + .p-information__content {
    padding-top: 2.5rem;
  }
}
.p-information__content__table {
  margin-top: 2.6041666667vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-information__content__table {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-information__content__table {
    margin-top: 1.25rem;
  }
}
.p-information__content__table table {
  width: 100%;
}
.p-information__content__table table tr th {
  width: 16.25rem;
}
@media only screen and (max-width: 767px) {
  .p-information__content__table table tr th {
    width: 10rem;
  }
}