@charset "utf-8"; /* =========================================================== 浜町 緒ばた — 多言語ヘッダー用オーバーライド（NGraph/LION） 置き場所: /assets/multilang-header.css （当方の領域） 読み込み: テーマ styles.css より後ろ（header.php の 直前 ＋ 多言語28ページ） なぜ別ファイルか: テーマの styles.css に直接入れた同じ修正が、他社のテーマ再アップで 消えた実績があるため（2026-06-21適用 → 2026-08-11時点で消失を確認）。 当方の領域に置いて後勝ちさせることで、テーマ再アップでも生き残る。 検査: python _check_header_responsive.py =========================================================== */ /* --- 1) 言語切替（5言語）がヘッダーからはみ出す問題 ------------- テーマ側は width:105px 固定＝3言語想定。5言語だと右へ溢れて 「繁體 / 한국어」が画面外に出て横スクロールが発生する。 */ header #nav-menu li .nav-language, #index .sec01 #nav-menu li .nav-language { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; } header #nav-menu li .nav-language li, #index .sec01 #nav-menu li .nav-language li { padding: 0 4px 0 7px; } /* ナビ項目の間隔を詰めて、5言語ぶんの幅を確保（1281px〜で効く） */ header #nav-menu li + li, #index .sec01 #nav-menu li + li { margin-left: 1.5%; } /* --- 2) ウィンドウ幅を変えたときにナビが壊れる問題 --------------- テーマJS(baseScript.js)は「読み込み時の幅が1280px以下のときだけ」 ドロワーを初期化・非表示にする。resize は見ていない。そのため PC(>1280)で開く → 幅を縮める : 黒いドロワーが全画面に居座り本文が見えない SP(<=1280)で開く → 幅を広げる : inline display:none が残りナビが消える JSに触らず、表示制御を display から visibility に寄せて解消する。 （開閉状態は テーマJS が に付ける .open で判定） */ @media screen and (min-width: 1281px) { header #nav-menu, #index .sec01 #nav-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1280px) { header #nav-menu, #index .sec01 #nav-menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .3s; } html.open header #nav-menu, html.open #index .sec01 #nav-menu { visibility: visible; opacity: 1; pointer-events: auto; } }