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

file name  : pool.scss
author     : Abilive
style info : pool
=================================================================== */
/* ===================================================================
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 : 基盤・初期設定
=================================================================== */
.l-breadcrumb {
  margin-top: 0;
}

.p-pool__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-pool__intro {
    padding-top: calc(35 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__intro-head {
  max-width: calc(900 / var(--s-parent-font-size) * 1rem);
  margin: 0 auto;
}
.p-pool__tags {
  display: flex;
  justify-content: center;
  gap: calc(20 / var(--s-parent-font-size) * 1rem);
  margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
}
.p-pool__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.6;
  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-pool__tags li {
    --s-target-font-size: 16;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__tags li {
    --s-target-font-size: 14;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__tags li {
    --s-target-font-size: 13;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__tags li {
    padding-inline: calc(12 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__tags {
    flex-wrap: wrap;
    gap: calc(6 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__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-pool__gallery {
    width: calc(100% - rem(40));
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__gallery {
    width: calc(100% - rem(20));
  }
}
.p-pool__gallery .c-slider__slide {
  width: 100%;
  max-width: none;
}
.p-pool__gallery .c-slide__inner {
  overflow: hidden;
}
.p-pool__gallery img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .p-pool__garden, .p-pool__indoor, .p-pool__information {
    margin-top: calc(120 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__garden, .p-pool__indoor, .p-pool__information {
    margin-top: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__garden, .p-pool__indoor, .p-pool__information {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__garden .inner, .p-pool__indoor .inner, .p-pool__information .inner {
  width: calc(100% - rem(40));
  max-width: calc(960 / var(--s-parent-font-size) * 1rem);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .p-pool__garden .inner, .p-pool__indoor .inner, .p-pool__information .inner {
    width: calc(100% - rem(30));
  }
}
.p-pool__garden-head, .p-pool__indoor-head {
  max-width: calc(900 / var(--s-parent-font-size) * 1rem);
  margin: 0 auto;
}
.p-pool__garden-lead, .p-pool__indoor-lead {
  margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
}
.p-pool__garden-main, .p-pool__indoor-main {
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .p-pool__garden-main, .p-pool__indoor-main {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__garden-main, .p-pool__indoor-main {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__garden-main, .p-pool__indoor-main {
    margin-top: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__garden-main img, .p-pool__indoor-main img {
  display: block;
  width: 100%;
}
.p-pool__garden-detail {
  display: grid;
  grid-template-columns: calc(450 / var(--s-parent-font-size) * 1rem) minmax(0, 1fr);
  gap: calc(20 / var(--s-parent-font-size) * 1rem);
  margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  align-items: start;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__garden-detail {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__garden-detail {
    grid-template-columns: 1fr;
    gap: calc(24 / var(--s-parent-font-size) * 1rem);
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__garden-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(8 / var(--s-parent-font-size) * 1rem);
}
.p-pool__garden-gallery-item {
  overflow: hidden;
}
.p-pool__garden-gallery-item--1 {
  grid-column: 1 / -1;
}
.p-pool__garden-gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-pool__garden-table, .p-pool__indoor-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.p-pool__garden-table th,
.p-pool__garden-table td, .p-pool__indoor-table th,
.p-pool__indoor-table td {
  padding: calc(16 / var(--s-parent-font-size) * 1rem) calc(20 / var(--s-parent-font-size) * 1rem);
  text-align: left;
  vertical-align: middle;
  line-height: 1.6;
  border: 1px solid var(--s-table-border-color);
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-pool__garden-table th,
  .p-pool__garden-table td, .p-pool__indoor-table th,
  .p-pool__indoor-table td {
    --s-target-font-size: 12;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__garden-table th,
  .p-pool__garden-table td, .p-pool__indoor-table th,
  .p-pool__indoor-table td {
    --s-target-font-size: 11;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__garden-table th,
  .p-pool__garden-table td, .p-pool__indoor-table th,
  .p-pool__indoor-table td {
    --s-target-font-size: 11;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__garden-table th,
  .p-pool__garden-table td, .p-pool__indoor-table th,
  .p-pool__indoor-table td {
    padding: calc(12 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__garden-table th,
  .p-pool__garden-table td, .p-pool__indoor-table th,
  .p-pool__indoor-table td {
    padding: calc(12 / var(--s-parent-font-size) * 1rem) calc(10 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__garden-table th, .p-pool__indoor-table th {
  width: calc(200 / var(--s-parent-font-size) * 1rem);
  font-weight: 400;
  text-align: center;
  background: var(--s-table-th-bg);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__garden-table th, .p-pool__indoor-table th {
    width: calc(130 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__garden-table th, .p-pool__indoor-table th {
    width: calc(110 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__indoor-table {
  margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-pool__indoor-table {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__garden-hours div, .p-pool__indoor-hours div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-block: calc(4 / var(--s-parent-font-size) * 1rem);
  border-bottom: 1px dashed var(--s-table-border-color);
}
@media only screen and (min-width: 1025px) {
  .p-pool__garden-hours div, .p-pool__indoor-hours div {
    gap: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__garden-hours div, .p-pool__indoor-hours div {
    gap: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__garden-hours div, .p-pool__indoor-hours div {
    gap: calc(10 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__garden-hours div:first-child, .p-pool__indoor-hours div:first-child {
  padding-top: 0;
}
.p-pool__garden-hours div:last-child, .p-pool__indoor-hours div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.p-pool__garden-hours dd, .p-pool__indoor-hours dd {
  margin: 0;
  white-space: nowrap;
}
.p-pool__dehydrator {
  display: grid;
  grid-template-columns: minmax(0, 1.41fr) minmax(0, 1fr);
  padding: calc(20 / var(--s-parent-font-size) * 1rem) calc(60 / var(--s-parent-font-size) * 1rem);
  margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.16);
}
@media only screen and (max-width: 767px) {
  .p-pool__dehydrator {
    grid-template-columns: 1fr;
    padding: calc(24 / var(--s-parent-font-size) * 1rem) calc(20 / var(--s-parent-font-size) * 1rem);
    margin-top: calc(24 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__dehydrator-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: calc(40 / var(--s-parent-font-size) * 1rem);
  gap: calc(20 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__dehydrator-body {
    padding-right: calc(32 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__dehydrator-body {
    padding: 0;
  }
}
.p-pool__dehydrator-title {
  font-weight: 700;
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-pool__dehydrator-title {
    --s-target-font-size: 18;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__dehydrator-title {
    --s-target-font-size: 17;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__dehydrator-title {
    --s-target-font-size: 16;
  }
}
.p-pool__dehydrator-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.p-pool__dehydrator-table th,
.p-pool__dehydrator-table td {
  padding: calc(16 / var(--s-parent-font-size) * 1rem) calc(20 / var(--s-parent-font-size) * 1rem);
  text-align: left;
  vertical-align: middle;
  border: 1px solid var(--s-table-border-color);
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-pool__dehydrator-table th,
  .p-pool__dehydrator-table td {
    --s-target-font-size: 11;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__dehydrator-table th,
  .p-pool__dehydrator-table td {
    --s-target-font-size: 10;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__dehydrator-table th,
  .p-pool__dehydrator-table td {
    --s-target-font-size: 10;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__dehydrator-table th,
  .p-pool__dehydrator-table td {
    padding: calc(10 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__dehydrator-table th {
  width: calc(110 / var(--s-parent-font-size) * 1rem);
  font-weight: 400;
  text-align: center;
  background: var(--s-table-th-bg);
}
@media only screen and (max-width: 767px) {
  .p-pool__dehydrator-table th {
    width: calc(90 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__dehydrator-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: calc(24 / var(--s-parent-font-size) * 1rem) 0 calc(24 / var(--s-parent-font-size) * 1rem) calc(40 / var(--s-parent-font-size) * 1rem);
  border-left: 1px dashed #BDBDBD;
}
.p-pool__dehydrator-media img {
  display: block;
  width: 100%;
  max-width: calc(308 / var(--s-parent-font-size) * 1rem);
  height: auto;
}
@media only screen and (max-width: 767px) {
  .p-pool__dehydrator-media {
    padding-top: calc(24 / var(--s-parent-font-size) * 1rem);
    border-top: 1px dashed var(--s-table-border-color);
    border-left: 0;
  }
}
.p-pool__information-table {
  width: 100%;
  margin-top: calc(24 / var(--s-parent-font-size) * 1rem);
  border-collapse: collapse;
  background: #fff;
}
.p-pool__information-table th,
.p-pool__information-table td {
  padding: calc(18 / var(--s-parent-font-size) * 1rem) calc(20 / var(--s-parent-font-size) * 1rem);
  text-align: left;
  vertical-align: top;
  line-height: 1.8;
  border: 1px solid var(--s-table-border-color);
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .p-pool__information-table th,
  .p-pool__information-table td {
    --s-target-font-size: 12;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__information-table th,
  .p-pool__information-table td {
    --s-target-font-size: 11;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__information-table th,
  .p-pool__information-table td {
    --s-target-font-size: 11;
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__information-table th,
  .p-pool__information-table td {
    padding: calc(12 / var(--s-parent-font-size) * 1rem) calc(10 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__information-table th {
  width: calc(200 / var(--s-parent-font-size) * 1rem);
  font-weight: 400;
  vertical-align: middle;
  background: var(--s-table-th-bg);
}
@media only screen and (max-width: 767px) {
  .p-pool__information-table th {
    width: calc(105 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__information-table--notice {
  margin-top: calc(14 / var(--s-parent-font-size) * 1rem);
}
.p-pool__information-list li {
  position: relative;
  padding-left: calc(12 / var(--s-parent-font-size) * 1rem);
}
.p-pool__information-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.p-pool__information-list li + li {
  margin-top: calc(4 / var(--s-parent-font-size) * 1rem);
}
.p-pool__information-link {
  justify-content: center;
  margin-top: calc(36 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-pool__information-link {
    margin-top: calc(28 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__faq {
  margin-top: 0;
}
@media only screen and (min-width: 1025px) {
  .p-pool__faq {
    padding-block: calc(120 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-pool__faq {
    padding-block: calc(80 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-pool__faq {
    padding-block: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
.p-pool__faq .inner {
  width: calc(100% - rem(40));
  max-width: calc(960 / var(--s-parent-font-size) * 1rem);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .p-pool__faq .inner {
    width: calc(100% - rem(30));
  }
}
.p-pool__faq-text {
  margin: calc(20 / var(--s-parent-font-size) * 1rem) auto calc(10 / var(--s-parent-font-size) * 1rem);
  text-align: center;
}
.p-pool__more-head {
  width: 100%;
  margin: 0 auto;
}