@charset "UTF-8";
/*
 * header-nav-fix.css
 * ------------------------------------------------------------------
 * ヘッダー／グローバルナビ関連の後追い調整。
 *
 * ビルド済みの assets/css/style.css は minify されており直接編集すると
 * 差分が読みづらいため、変更点を人が読める形でこのファイルに分離した。
 * 読み込みは functions.php（glive_header_nav_fix_assets）で全ページに対して行う。
 * style.css より後に読み込まれるため、上書きが必要な箇所のみ !important を付与。
 *
 * 変更履歴:
 *   2026-07  SPハンバーガーメニューの見切れ・横スクロール対策
 *   2026-07  コラム追加に伴うPCナビのロゴ被り対策（狭幅時はハンバーガー表示）
 * ------------------------------------------------------------------
 */

/* --- 1) SPハンバーガーメニュー（#nav.menu）の縦スクロール化 ------------
 * 症状: iPhone SE 等の縦が低い端末で、メニュー下部のCTAが見切れていた。
 * 対応: メニュー高さを画面内（100dvh）に収め、内部スクロールで全項目へ
 *       到達可能にする。overflow-x:hidden は縦スクロールバー出現に伴う
 *       不要な横スクロールの抑止。
 */
#nav.menu {
  max-height: 100vh;   /* dvh 非対応ブラウザ向けフォールバック */
  max-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* --- 2) PCナビ狭幅時のレイアウト崩れ（ロゴ被り）対策 --------------------
 * 症状: 「コラム」追加でPCナビの項目が増え、PCナビ表示帯（1051px以上）の
 *       うち 〜1300px でナビがロゴに被さり、文字落ち・ロゴ被りが発生。
 * 対応: 1300px 以下はハンバーガーメニュー表示に統一（該当要素を非表示）。
 *       1301px 以上は従来通りPCナビを表示する。
 * 備考: 既存のビルド済みCSS（display:flex 指定）を確実に上書きするため
 *       !important を使用。
 */
@media screen and (min-width: 1051px) and (max-width: 1300px) {
  header .btn_wrapper,
  header .nav_wrapper {
    display: none !important;
  }
}