/* =====================================================
 * 2026リニューアル互換CSS
 * 下層ページ（旧デザイン）を 2026版ヘッダー・フッターと共存させるための調整。
 *   1. .nav-fixed を JS制御の fixed から sticky サイドバーに置き換える
 *   2. 旧デザイン部分のフォント指定を Arial 前提に戻す
 * app.css / assets2026/css/common.css の後に読み込むこと。
 * ===================================================== */

/* --- 1. サイドバーの sticky 化 ------------------------ */

/* 旧 .nav-fixed の fixed を無効化。
 * .sec-head を持たないページ（404.php, page-en.php 等）では
 * 中身が空（nav-trans は return 済み）のため高さ0の block となり無害化される */
.l-contents > .nav-fixed {
  position: static;
}

@media (min-width: 1200px) {
  /* サイドバー（.sec-head）を持つページだけ2カラム化 */
  .l-contents:has(> .nav-fixed .sec-head) {
    display: flex;
    align-items: flex-start; /* stretch されると sticky が効かないため必須 */
  }
  .l-contents > .nav-fixed:has(.sec-head) {
    position: sticky;
    top: var(--layout-header-height-pc); /* 固定ヘッダー直下に固定 */
    /* 旧 fixed(height:100%) と同様、左カラムの背景が常にビューポートを満たすようにする */
    min-height: calc(100vh - var(--layout-header-height-pc));
    max-height: calc(100vh - var(--layout-header-height-pc));
    /* style.css に .nav-fixed { overflow: unset !important } があるため !important が必要 */
    overflow-y: auto !important; /* viewport より長いサイドバーは内部スクロール */
    height: auto; /* app.css の height:100% を打ち消し */
    flex: none; /* 幅は .sec-head 側の既存CSS（1200px:400px / 1400px:560px）に任せる */
  }
  .l-contents > .ie-flex {
    flex: 1;
    min-width: 0;
  }
  /* サイドバーが通常フローに入ったため、fixed 前提の右寄せを解除 */
  .l-contents > .ie-flex .sec-container {
    width: auto;
    margin-left: 0;
  }
}

/* --- 2. 旧デザイン部分のフォントを Arial 前提に戻す --- */

/* common.css の html 指定
 *   font-family: var(--font-base)  → Roboto ＋ 和文ヒラギノ
 *   font-weight: 300
 *   letter-spacing: .1em           → ルート16px基準なので全子孫に 1.6px が継承される
 * が、app.css（旧・html { font-family: Arial … } 字間なし）より後に読み込まれるため
 * 旧デザインの下層ページまで Roboto ＋ 1.6px 字間になっていた。
 *
 * 旧ページは Arial 前提で固定幅が組まれており（例: 日付 .w-80 = 80px に対し
 * Arial 70.1px / Roboto+1.6px 87.5px）、字間の分だけ溢れて折り返す。
 * さらに Google Fonts の Roboto は wght@300;400;500 しか読み込んでいないため
 * .wgt-600 の欧文が 500 止まりになり、W6 が当たる和文と太さが揃わない。
 *
 * 対象は旧デザインの中身のみ。2026版ヘッダー・フッター・バーガーメニューは
 * <main class="l-contents"> の外にあるため影響しない。
 * 2026版ページ（front-page / page-en / roomessence 等）は
 * .nav-fixed / .ie-flex を持たないため対象外。 */
.l-contents > .nav-fixed,
.l-contents > .ie-flex {
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}