@charset "utf-8";
/* ==========================================================================
   トップページ：本番配色のまま × ヘッダー header-wrap のみ #2ff8f2（2026-08-06）

   ・tone.css（全体のトーン変更）は読み込まない。配色は本番と同じ黒基調のまま。
   ・変更点はヘッダーの header-wrap 領域の色のみ。
   ・追加セクション（SUPPORT/VISIT/VOICE）は sections.css のレイアウトを使うが、
     配色変数が未定義になると色が崩れるため、ここで本番の黒基調に合わせて定義する。
   ========================================================================== */

/* --------------------------------------------------------------
   ★ 今回の変更点：ヘッダーの header-wrap 領域だけ蛍光シアンにする
      （親の .header-content は本番の #4ea4bb のまま。内側だけが変わる）
   -------------------------------------------------------------- */
.header .header-wrap{
  background-color: #2ff8f2;
}

/* --------------------------------------------------------------
   追加セクション用の配色変数を、本番の黒基調に合わせて定義
   （tone.css を読み込まないため、ここで定義しないと色が無効になる）
   -------------------------------------------------------------- */
:root{
  --tone-bg:       #302f2e; /* 本番のセクション背景（黒）   */
  --tone-band:     #1e1e1f; /* 一段濃い黒                   */
  --tone-accent:   #c4a676; /* 本番のゴールド               */
  --tone-main:     #4ea4bb; /* 本番のターコイズ             */
  --tone-dark:     #d0bb99; /* 黒地の見出し色（ゴールド）   */
  --tone-text:     #ffffff; /* 黒地の本文                   */
  --tone-text-sub: #a8a1a1; /* 黒地の補助文                 */
  --tone-line:     #4b4a47; /* 黒地の罫線                   */
}

/* 黒地では白カードが浮くため、カードの地色を暗くする */
.prev-visit__points li,
.prev-voice__item{
  background: #3a3937;
  border: 1px solid var(--tone-line);
  box-shadow: none;
}

/* 番号バッジ・ボタンは本番のゴールド／ターコイズ調に */
.prev-visit__points-num{
  background: var(--tone-main);
  color: #fff;
}
.prev-visit__btn a{
  background: var(--tone-main);
  color: #fff;
}
.prev-visit__btn a:hover{
  background: var(--tone-accent);
}

/* 引用符と区切り線は黒地で沈みすぎないよう調整 */
.prev-voice__item::before{ color: #55534f; }
.prev-voice__item-who{
  border-top-color: var(--tone-line);
  color: var(--tone-accent);
}