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

file name  : bath.scss
author     : Abilive
style info : bath
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _variables.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _mixins.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
html.lower body#facilities_bath #abi_page {
  overflow: clip;
}

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

.p-bath__intro {
  padding: calc(55 / var(--s-parent-font-size) * 1rem) calc(20 / var(--s-parent-font-size) * 1rem) 0;
}
@media only screen and (max-width: 767px) {
  .p-bath__intro {
    padding-top: calc(35 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__intro-head {
  max-width: calc(900 / var(--s-parent-font-size) * 1rem);
  margin: 0 auto;
}
.p-bath__lead {
  margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  line-height: 2;
  font-size: calc(100% * (18 / 14));
}
.p-bath__tags {
  display: flex;
  justify-content: center;
  gap: calc(12 / var(--s-parent-font-size) * 1rem);
  margin-top: calc(32 / var(--s-parent-font-size) * 1rem);
}
.p-bath__tags li {
  padding: calc(8 / var(--s-parent-font-size) * 1rem) calc(18 / var(--s-parent-font-size) * 1rem);
  color: inherit;
  list-style: none;
  font-weight: 700;
  line-height: 1;
  background: transparent;
  border: 1px solid #BDBDBD;
  border-radius: calc(100 / var(--s-parent-font-size) * 1rem);
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-bath__tags li {
    --s-target-font-size: 16;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-bath__tags li {
    --s-target-font-size: 14;
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__tags li {
    --s-target-font-size: 13;
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__tags li {
    padding-inline: calc(12 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__tags {
    flex-wrap: wrap;
    gap: calc(6 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__gallery {
  max-width: calc(1394 / var(--s-parent-font-size) * 1rem);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .p-bath__gallery {
    width: calc(100% - calc(40 / var(--s-parent-font-size) * 1rem));
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__gallery {
    width: calc(100% - calc(20 / var(--s-parent-font-size) * 1rem));
  }
}
.p-bath__gallery .c-slider__slide {
  width: 100%;
  max-width: none;
}
.p-bath__gallery .c-slide__inner {
  overflow: hidden;
}
.p-bath__gallery img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .p-bath__section, .p-bath__faq {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-bath__section, .p-bath__faq {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__section, .p-bath__faq {
    margin-top: calc(48 / var(--s-parent-font-size) * 1rem);
    padding-inline: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__section .inner, .p-bath__faq .inner {
  width: calc(100% - calc(40 / var(--s-parent-font-size) * 1rem));
  max-width: calc(960 / var(--s-parent-font-size) * 1rem);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .p-bath__section .inner, .p-bath__faq .inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .p-bath #information {
    margin-top: calc(120 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-bath #information {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-bath #information {
    margin-top: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__faq {
  margin-top: 0;
}
@media only screen and (min-width: 1025px) {
  .p-bath__faq {
    padding-block: calc(120 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-bath__faq {
    padding-block: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__faq {
    padding-block: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(12 / var(--s-parent-font-size) * 1rem);
  margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  padding-bottom: calc(16 / var(--s-parent-font-size) * 1rem);
}
.p-bath__thumbs figure {
  min-width: 0;
}
.p-bath__thumbs img {
  display: block;
  width: 100%;
  border-radius: calc(8 / var(--s-parent-font-size) * 1rem);
}
.p-bath__thumbs figcaption {
  margin-top: calc(8 / var(--s-parent-font-size) * 1rem);
  font-size: calc(calc(12 * (100 / 14)) * 1%);
}
@media only screen and (max-width: 767px) {
  .p-bath__thumbs {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(12 / var(--s-parent-font-size) * 1rem);
    margin-top: calc(25 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__daily-lead {
  margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  text-align: center;
  line-height: 1.8;
  font-size: calc(100% * (12 / 12));
}
.p-bath__table {
  width: 100%;
  margin-top: calc(24 / var(--s-parent-font-size) * 1rem);
  background: #fff;
  border-collapse: collapse;
}
.p-bath__table th,
.p-bath__table td {
  padding: calc(18 / var(--s-parent-font-size) * 1rem);
  text-align: left;
  vertical-align: top;
  line-height: 1.8;
  border: 1px solid #e1dfd8;
  font-size: calc(100% * (12 / 12));
}
@media only screen and (max-width: 767px) {
  .p-bath__table th,
  .p-bath__table td {
    padding: calc(12 / var(--s-parent-font-size) * 1rem) calc(10 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__table th {
  width: calc(200 / var(--s-parent-font-size) * 1rem);
  font-weight: 400;
  vertical-align: middle;
  background: #f8f7f3;
}
@media only screen and (max-width: 767px) {
  .p-bath__table th {
    width: calc(95 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__table--equipment th {
  text-align: center;
}
.p-bath__table--notice {
  margin-top: calc(14 / var(--s-parent-font-size) * 1rem);
}
.p-bath__table--amenities th {
  width: calc(200 / var(--s-parent-font-size) * 1rem);
  padding: calc(20 / var(--s-parent-font-size) * 1rem);
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .p-bath__table--amenities th {
    width: calc(105 / var(--s-parent-font-size) * 1rem);
    padding: calc(12 / var(--s-parent-font-size) * 1rem) calc(10 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__table--amenities td {
  padding: calc(20 / var(--s-parent-font-size) * 1rem) calc(24 / var(--s-parent-font-size) * 1rem);
  vertical-align: middle;
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) {
  .p-bath__table--amenities td {
    --s-target-font-size: 12;
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__table--amenities td {
    --s-target-font-size: 11;
  }
}
@media only screen and (max-width: 767px) {
  .p-bath__table--amenities td {
    padding: calc(16 / var(--s-parent-font-size) * 1rem) calc(12 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__equipment-list li {
  position: relative;
  padding-left: calc(12 / var(--s-parent-font-size) * 1rem);
}
.p-bath__equipment-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.p-bath__equipment-list li + li {
  margin-top: calc(4 / var(--s-parent-font-size) * 1rem);
}
.p-bath__notice-list li {
  position: relative;
  padding-left: calc(12 / var(--s-parent-font-size) * 1rem);
}
.p-bath__notice-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.p-bath__notice-list li + li {
  margin-top: calc(4 / var(--s-parent-font-size) * 1rem);
}
.p-bath__notice-list li:nth-child(4) {
  margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
}
.p-bath__amenity-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(16 / var(--s-parent-font-size) * 1rem);
}
.p-bath__amenity-columns ul {
  margin: 0;
}
.p-bath__amenity-columns li {
  position: relative;
  padding-left: calc(12 / var(--s-parent-font-size) * 1rem);
  color: #CB1E16;
  line-height: 1.8;
}
.p-bath__amenity-columns li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.p-bath__amenity-columns--family {
  margin-top: calc(24 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-bath__amenity-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(10 / var(--s-parent-font-size) * 1rem) calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__amenity-image-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(20 / var(--s-parent-font-size) * 1rem);
}
.p-bath__amenity-image-list figure {
  min-width: 0;
}
.p-bath__amenity-image-list img {
  display: block;
  width: 100%;
}
.p-bath__amenity-image-list figcaption {
  margin-top: calc(10 / var(--s-parent-font-size) * 1rem);
  color: #d94a43;
}
@media only screen and (max-width: 767px) {
  .p-bath__amenity-image-list {
    grid-template-columns: 1fr;
    gap: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
.p-bath__more-head {
  width: 100%;
  margin: 0 auto;
}
.p-bath__faq-text {
  margin: calc(20 / var(--s-parent-font-size) * 1rem) auto calc(10 / var(--s-parent-font-size) * 1rem);
  text-align: center;
}