@charset "utf-8";

/* 基本設定 */

body.karuizawa-design {
  color: #fff !important;
}

/* ヘッダー全体のスタイル */
body.karuizawa-design .solana-facility-header {
   background-color:white !important;
}

/* メニューの背景色を変更 */
@media (max-width: 1026px) {
  body.karuizawa-design .facility-header-wrapper {
    background: linear-gradient(90deg, #F0B53D, #EFA459) !important;
    min-height: 100vh !important;
  }
  
  body.karuizawa-design .facility-header-menu {
    background: linear-gradient(90deg, #F0B53D, #EFA459) !important;
    min-height: 100vh !important; /* 全画面の高さを確保 */
    padding-bottom: 100px !important; /* 下部の余白を追加 */
  }
}

@media (max-width: 480px) {
  body.karuizawa-design .facility-header-wrapper,
  body.karuizawa-design .facility-header-menu {
    background: linear-gradient(90deg, #F0B53D, #EFA459) !important;
  }
}

body.karuizawa-design .heading-subtitle {
 color: #9B6124 !important;
 font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", serif !important;
}

/* メインビジュアル */

body.karuizawa-design .sub-ttl h2 span {
 color: #000 !important;
 font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", serif !important;
}

body.karuizawa-design .sub-ttl h2 strong {
 color: #000 !important;
 font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", serif !important;
}

/* おすすめポイント */
body.karuizawa-design .features-bg-wrapper {
 background-image: url("../images/karuizawa_aboutus_bg.jpg") !important;
 background-size: cover !important;
}

body.karuizawa-design .features-bg-container {
  background-color: transparent !important;
}

/* カラーパターン */
body.karuizawa-design .color-pattern-1 .square-list-item {
    background-color: #A47F37 !important;
    color: white;
}
body.karuizawa-design .color-pattern-1 .square-list-item::after {
    border-left-color: #A47F37 !important;
}
body.karuizawa-design .color-pattern-1 .marker {
    background: none !important; /* 透明部分を70%に減らし、マーカーを太く */
}

/* カラーパターン */
body.karuizawa-design .color-pattern-2 .square-list-item {
    background-color: #A47F37 !important;
    color: white !important;
}
body.karuizawa-design .color-pattern-2 .square-list-item::after {
    border-left-color: #A47F37 !important;
}
body.karuizawa-design .color-pattern-2 .marker {
    background: none !important; /* 透明部分を70%に減らし、マーカーを太く */
}

/* カラーパターン */
body.karuizawa-design .color-pattern-3 .square-list-item {
    background-color: #A47F37 !important;
    color: white;
}
body.karuizawa-design .color-pattern-3 .square-list-item::after {
    border-left-color: #A47F37 !important;
}
body.karuizawa-design .color-pattern-3 .marker {
    background: none !important; /* 透明部分を70%に減らし、マーカーを太く */
}

/* カラーパターン */
body.karuizawa-design .color-pattern-4 .square-list-item {
    background-color: #A47F37 !important;
    color: white;
}
body.karuizawa-design .color-pattern-4 .square-list-item::after {
    border-left-color: #A47F37 !important;
}
body.karuizawa-design .color-pattern-4 .marker {
    background: none !important; /* 透明部分を70%に減らし、マーカーを太く */
}

/* カラーパターン */
body.karuizawa-design .color-pattern-5 .square-list-item {
    background-color: #A47F37 !important;
    color: white !important;
}
body.karuizawa-design .color-pattern-5 .square-list-item::after {
    border-left-color: #A47F37 !important;
}

body.karuizawa-design .color-pattern-5 .marker {
    background: none !important; /* 透明部分を70%に減らし、マーカーを太く */
}

/* カラーパターン */
body.karuizawa-design .color-pattern-6 .square-list-item {
    background-color: #A47F37 !important;
    color: white !important;
}
body.karuizawa-design .color-pattern-6 .square-list-item::after {
    border-left-color: #A47F37 !important;
}
body.karuizawa-design .color-pattern-6 .marker {
    background: none !important; /* 透明部分を70%に減らし、マーカーを太く */
}

body.karuizawa-design .room-title,
body.karuizawa-design .room-description,
body.karuizawa-design .room-specs {
 color: #fff !important;
}

@media (max-width: 1026px) {
 body.karuizawa-design .room-specs {
   font-size: 20px !important;
 }

@media (max-width: 480px) {
 body.karuizawa-design .room-specs {
   font-size: 12px !important;
 }
} 
  

body.karuizawa-design .divider {
 border-top: 1px solid #fff !important;
}

/* 価格注釈のスタイル */
body.karuizawa-design .price-note {
 --price-note-color: #FFF !important;
 color: var(--price-note-color) !important;
}

@media (max-width: 480px) {

 body.karuizawa-design .price-box {
 --price-box-padding: 10px 30px !important;
   margin-top: 5px !important;
   margin-bottom: 15px !important;
   border-color: #FFF !important;
}

 body.karuizawa-design .price-note {
   --price-note-font-size: 14px !important;
   margin-bottom: 10px !important;
 }
}

/* PC表示（そのまま） */
body.karuizawa-design .amenity-table tr:not(:last-child) th,
body.karuizawa-design .amenity-table tr:not(:last-child) td {
 border-bottom: 1px solid #fff !important;
}

body.karuizawa-design .amenity-table td {
 border-left: 1px solid #fff !important;
}

/* タブレット表示（1026px以下） */
@media (max-width: 1026px) {
  /* 1. すべての<td>から下側の境界線を削除 */
  body.karuizawa-design .amenity-table td {
    border-bottom: none !important;
    border-left: none !important;
  }

  /* 2. <th>からborderを削除 */
  body.karuizawa-design .amenity-table th {
    border: none !important;
  }

  /* 3. 最後の行以外の<td>に下側の境界線を設定 */
  body.karuizawa-design .amenity-table tr:not(:last-child) td {
    border-bottom: 1px solid #fff !important;
  }
}

/* スマホ表示（480px以下） */
@media (max-width: 480px) {
  /* 1. すべての<td>から下側の境界線を削除 */
  body.karuizawa-design .amenity-table td {
    border-bottom: none !important;
    border-left: none !important;
  }

  /* 2. <th>からborderを削除 */
  body.karuizawa-design .amenity-table th {
    border: none !important;
  }

  /* 3. 最後の行以外の<td>に下側の境界線を設定 */
  body.karuizawa-design .amenity-table tr:not(:last-child) td {
    border-bottom: 1px solid #fff !important;
  }
}

/* 以下はご提示いただいたコード（そのまま） */
body.karuizawa-design .notes-list li {
 color: #fff !important;
 border-bottom: 1px solid #fff !important;
}

body.karuizawa-design .notes-list li {
 color: #fff;
 border-bottom: 1px solid #fff !important;
}

@media (max-width: 480px) {
 body.karuizawa-design .notes-wrapper {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
 }

 body.karuizawa-design .notes-content {
   margin-bottom: 0 !important;
 }
 
 body.karuizawa-design .facility-newslist-container0 {
   margin-top: 0 !important;
   padding-top: 0 !important;
 }

 body.karuizawa-design .heading-title-mg6 {
   margin-top: -30px !important;
   padding-top: 50px !important;
 }
}

body.karuizawa-design .blog-card {
 background-color: #fff !important;
 box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1) !important;
}

body.karuizawa-design .card-content {
 color: #333 !important;
}

body.karuizawa-design .blog-card-link {
 color: #333 !important;
}

body.karuizawa-design .blog-card time {
 color: #333 !important;
}

body.karuizawa-design .blog-card h2 {
 color: #333 !important;
}

body.karuizawa-design .location {
 background-color: #A47F37 !important;
 color: #fff !important;
}

body.karuizawa-design .information-table tr:not(:last-child) th,
body.karuizawa-design .information-table tr:not(:last-child) td {
 border-bottom: 1px solid #fff !important;
}

body.karuizawa-design .information-table td {
 border-left: 1px solid #fff !important;
}

/* 動画エリア */

@media (max-width: 1026px) {
body.karuizawa-design .access-address {
   padding-bottom:50px !important;
  }
}
  
@media (max-width: 480px) {
body.karuizawa-design .access-address {
   padding-bottom:0px !important;
  }
} 

body.karuizawa-design .access-title,
body.karuizawa-design .access-address,
body.karuizawa-design .access-description {
 color: #fff !important;
}

body.karuizawa-design .access-divider {
 border-top: 1px solid #fff !important;
}

/* アクセスエリアのヘッダー */
body.karuizawa-design .access-header h2 {
 font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", serif !important;
}

/* アイコンは明朝体にしない場合 */
body.karuizawa-design .fixed-bottom-button i {
 font-family: "Font Awesome 5 Free" !important;
}

 body.karuizawa-design .facility-guide-button2 span {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "HGS明朝E", "MS P明朝", serif !important;
}

/* PC表示時のフッターメニュー余白調整 */
@media (min-width: 1026px) {
 body.karuizawa-design .facility-footer-wrapper .bottom-menu {
   padding-top: 30px !important; /* 上部の余白を増やす */
 }

 body.karuizawa-design .facility-footer-wrapper .menu-list.pc {
   margin-bottom: 10px !important; /* メニューリスト間の余白 */
 }
}

body.karuizawa-design .contact-section2 {
   background-color: #FFF !important;
}

body.karuizawa-design .notes-wrapper,
body.karuizawa-design .facility-newslist-container0,
body.karuizawa-design .amenity-wrapper,
body.karuizawa-design .information-container0,
body.karuizawa-design .access-container {
  margin: 0 !important;
  padding: 0 !important;
}

body.karuizawa-design .pc-fixed-button {
 padding: 25px 15px !important;
}

/* アメニティエリアの下部余白調整 */
@media (min-width: 1026px) {
 body.karuizawa-design .amenity-wrapper {
   padding-bottom: 80px !important;
 }
}

/* 動画エリアの下部余白調整 */
@media (min-width: 1025px) {
 body.karuizawa-design .movie-container {
   padding-bottom: 100px !important;
 }
}

/* アクセスエリアの上部余白調整 */
@media (min-width: 1026px) {
 body.karuizawa-design .access-container {
   padding-top: 50px !important;
 }
}

/* 施設ガイドボタン下の余白調整 - PC・スマホ共通 */
body.karuizawa-design .facility-guide-container.facility-guide-bottom {
 margin-bottom: 20px !important;
}

 body.karuizawa-design .facility-news-button-area {
   padding: 40px 0px 50px 0px !important;
 }

/* お知らせ一覧ボタンの余白調整 - スマホのみ */
@media (max-width: 480px) {
 body.karuizawa-design .facility-news-button-area {
   padding: 20px 0 !important;
 }
}

body.karuizawa-design .facility-guide-bottom {
 padding-bottom: 20px !important;
}

/* 施設一覧エリアの上部余白調整 - スマホのみ */
@media (max-width: 480px) {
 body.karuizawa-design .bg-gray.facility-lists {
   margin-top: 5px !important;
 }
}

/* お部屋紹介エリアの上部余白調整 - スマホのみ */
@media (max-width: 480px) {
 body.karuizawa-design .introduction-section-orange {
   margin-top:0px !important;
   padding-top: 0px !important;
 }
}

@media (max-width: 480px) {
 body.karuizawa-design .introduction-section-orange .heading-title-mg3 {
   padding-top: 5px !important;
 }
}

/* 予約セクションの上部余白調整 - PCのみ */
@media (min-width: 1026px) {
 body.karuizawa-design #reservation-section.reservation-container {
   padding-top: 0px !important;
 }
}

/* アクセス説明文の上部余白調整 - PC・スマホ共通 */
body.karuizawa-design .access-description {
 margin-top: -20px !important;
}

/* アクセス説明文の上部余白調整 - スマホ */
@media (max-width: 480px) {
 body.karuizawa-design .access-description {
   margin-top: 10px !important;
 }
}