/* ============================================
   KONA OCEAN CLUB - 追加CSS
   既存の location.css に追記、または別ファイルとして読み込む
   ============================================ */

/* KV背景画像 */
.page-heading--max__kona-ocean-club {
 background-image: url("../../../images/page/kona-ocean-club/kv.webp");
}

/* ============================================
   Story セクション
   ============================================ */
.koc-story {
 border-top: 1px solid #ccc;
}
.page-heading .club {
 color: #ffffff;
 font-family: "Poppins", sans-serif;
 font-size: clamp(4rem, 4vw, 6rem);
 width: calc(100% - 60px);
 max-width: 1200px;
 margin-inline: auto;
 text-align: center;
 line-height: 1.5em;
 letter-spacing: 0.5em;
}
/* ============================================
   Room サイズバッジ
   ============================================ */
.koc-room-size {
 display: inline-block;
 margin-left: 10px;
 padding: 2px 10px;
 font-size: 1.1rem;
 font-family: "Poppins", sans-serif;
 font-weight: 400;
 border: 1px solid #aaa;
 color: #666;
 vertical-align: middle;
 letter-spacing: 0.05em;
}

.koc-room-size--flagship {
 border-color: #b09060;
 color: #b09060;
}

/* ============================================
   Room コンセプトラベル
   ============================================ */
.koc-concept-label {
 font-weight: bold;
 margin-bottom: 12px;
 font-size: clamp(1.4rem, 2vw, 1.8rem);
 line-height: 1.8em;
}

/* ============================================
   floor__intro__block のシングルレイアウト調整
   （1カラム全幅表示）
   ============================================ */
.location--single
 .container
 .location__block__inner
 .floor__intro__block__list--single {
 display: block;
}

.location--single
 .container
 .location__block__inner
 .floor__intro__block__list--single
 .floor__intro__block__list__item {
 width: 100%;
 margin-right: 0;
 margin-top: 0;
}

/* ============================================
   各 floor__intro__block の画像を全幅表示
   ============================================ */
.location--single
 .container
 .location__block__inner
 .floor__intro__block
 .features__img {
 margin-bottom: 0;
}

/* ============================================
   Room の間隔調整
   ============================================ */
.location--single
 .container
 .location__block__inner
 .floor__intro__block:not(:first-child) {
 margin-top: 60px;
 padding-top: 60px;
 border-top: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
 .location--single
  .container
  .location__block__inner
  .floor__intro__block:not(:first-child) {
  margin-top: 100px;
  padding-top: 100px;
 }
}

/* ============================================
   desc 内の p タグ間隔
   ============================================ */
.floor__intro__block__list__item__desc p:not(:first-child) {
 margin-top: 15px;
}