/* ========================================
   XANADU｜共通テキスト調整
======================================== */

/* 本文テキスト */
[style*="color: #666666"] {
  font-size: 13px !important;
}

/* サブテキストのコントラスト改善 */
[style*="color: #888888"] {
  color: #777777 !important;
}


/* ========================================
   XANADU｜スマホ・タブレットのヘッダー
======================================== */

@media screen and (max-width: 1024px) {

  /* ヘッダー背景 */
  #header:not(.subtit) {
    background: #F7F5F1 !important;
  }

  /* 白ロゴを非表示 */
  #header:not(.subtit) .hlogo .white {
    display: none !important;
  }

  /* 黒ロゴを表示 */
  #header:not(.subtit) .hlogo .black {
    display: block !important;
  }

  /* ハンバーガーボタン背景 */
  #header:not(.subtit) #gnav .toggle {
    background: #F7F5F1 !important;
  }

  /* ハンバーガーの線 */
  #header:not(.subtit) #gnav .toggle .bar,
  #header:not(.subtit) #gnav .toggle .bar::before,
  #header:not(.subtit) #gnav .toggle .bar::after {
    background-color: #333333 !important;
  }
}


/* ========================================
   XANADU｜スマホナビゲーション
======================================== */

@media screen and (max-width: 767px) {

  /* メニュー背景 */
  #gnav .accordion-body {
    background: rgba(34, 34, 34, 0.97) !important;
  }

  /* メニュー英語文字 */
  #gnav .sp-hamburger li a {
    color: #F7F4EF !important;
    text-decoration: none;
  }

  /* メニュー日本語文字 */
  #gnav .sp-hamburger li a .txt01 {
    color: #D0C8BF !important;
  }

  /* CONTACT枠 */
  #gnav .sp-hamburger li.contact.sp {
    border: 1px solid #C5AD8C !important;
    background: transparent !important;
  }

  /* CONTACT文字 */
  #gnav .sp-hamburger li.contact.sp a {
    color: #E3D1B7 !important;
  }

  /* CONTACT日本語 */
  #gnav .sp-hamburger li.contact.sp .txt01 {
    color: #D0C8BF !important;
  }

  /* SNSアイコン配置 */
  #gnav .sp-sns-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    padding: 28px 0 40px;
  }

  #gnav .sp-sns-box a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* SNSアイコンサイズ */
  #gnav .sp-sns-box .header-icon-img {
    display: block;
    width: auto !important;
    max-width: 76px !important;
    height: auto !important;
    max-height: 28px !important;
    object-fit: contain;
    opacity: 0.8;
  }
}

/* XANADU｜スマホメニュー最終調整 */
@media screen and (max-width: 767px) {

  /* メニュー背景の透けをなくす */
  #gnav .accordion-body {
    background: #252525 !important;
  }

  /* SNSアイコンの彩度を抑える */
  #gnav .sp-sns-box .header-icon-img {
    filter: grayscale(65%);
    opacity: 0.75;
  }
}

/* XANADU｜SNSアイコンの視認性調整 */
@media screen and (max-width: 767px) {
  #gnav .sp-sns-box .header-icon-img {
    filter: grayscale(35%) brightness(1.5) !important;
    opacity: 0.9 !important;
  }
}