:root {
  --color-primary: #85a599;
  --btn-action: #85a599;
  --btn-action-hover: #85a599;
}

body {
  padding-top: 100px;
  text-align: unset;
}

#wrapper {
  min-width: unset;
}

.custome-remark {
  margin-top: 1em;
}

.fuw-facility-plan-back-wrapper {
  display: flex;
  justify-content: center;
  gap: 1em;
  .fuw-facility-back-to-index {
    margin: 0;
  }
  display: flex;
  justify-content: center;
  gap: 1em;
  .fuw-facility-back-to-index {
    margin: 0;
  }
}

.fuw-facility-info {
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row;
  flex-wrap: wrap;

  .fuw-facility-name,
  .fuw-facility-description,
  .fuw-facility-btn-wrapper {
    width: 100%;
    flex-basis: 100%;
  }
  .fuw-facility-name,
  .fuw-facility-description,
  .fuw-facility-btn-wrapper {
    width: 100%;
    flex-basis: 100%;
  }

  .fuw-facility-tags,
  .fuw-facility-min-price {
    width: 50%;
    height: fit-content;
  }
  .fuw-facility-tags,
  .fuw-facility-min-price {
    width: 50%;
    height: fit-content;
  }
}

@media screen and (max-width: 768px) {
  .fuw-facility-layout-header {
    display: block;
    width: 110%;
  }
  .fuw-facility-layout-header {
    display: block;
    width: 110%;
  }
}

/* 施設詳細 レイアウト */
.fuw-facility-layouts {
  display: grid;
  grid-template-columns: var(--col-template);
  font-size: 12px;
}
.fuw-facility-layout-header.fuw-facility-layout-data {
  font-weight: bold;
  background-color: #ccc;
  border: none;

  &:not(:last-child) {
    border-right: 1px solid var(--color-white);
  }
}
.fuw-facility-layout-data {
  padding: 8px 10px;
  text-align: center;
  overflow-wrap: unset;
  word-break: keep-all;
  white-space: nowrap;
}
.fuw-facility-layout-data.fuw-facility-layout-image img {
  max-width: 96px;
}
.fuw-facility-layout-data.fuw-facility-layout-image,
.fuw-facility-layout-data.fuw-facility-layout-name,
.fuw-facility-layout-data.fuw-facility-layout-price,
.fuw-facility-layout-data {
  width: auto;
  align-content: center;
}

/* プラン詳細 項目名 */
.fuw-plan-detail-page .fuw-plan-content-list-title {
  width: 8em;
}

/* 施設・プラン 詳細の予約可能な施設 */
@media screen and (max-width: 768px) {
  .fuw-facility-detail-page,
  .fuw-plan-detail-page {
    .fuw-plan-facility-card,
    .fuw-plan-group-card {
      display: block;
    }

    .fuw-plan-facility-card-image,
    .fuw-plan-group-card-image {
      width: 100%;
      height: auto;
    }
  }
}