@charset "utf-8"; /* ============================================================ kazetsumugi-fix.css — nrfood.jp の追加CSS 1枚 風つむぎ（近藤）／再作成 2026-09-05（初版 2026-08-23・scratchpad消失分の復元） 【武器】デザイン憲法v1 第4条⭕（和文の約物詰め＝A項そのもの） 第1条 反復⭕（同じ意味は 同じ見た目＝B項リンク色） 第8条 既視感⭕（リンクは色を変えて押せると分かる形に） 第3条 8pxグリッド⭕（C項 250px→80px） 第0条・第7条 引き算⭕（理由を言えない要素は 置かない＝旧C項を落とした・下記） 🔴 世界観パックv1（きなり／藍墨／金糸・Shippori Mincho）は【当てない＝対象外】。 理由＝これは顧問先のサイトで、風つむぎの色と書体を持ち込む場ではない。支那そばやの 関所＝「今の雰囲気を踏襲」が既定。ここで使う赤 #D40018 は、先方の base.css で最多 （22箇所）の既存色であって、こちらが新しく持ち込んだ色ではない。 設計と実測の正本＝顧問先\支那そばや\03_番頭の弾\CSS直し_現HP_v1_20260823.md 許可＝しおりさんLINE 2026-08-23 12:02「判断がいらない明らかな不具合は裏で直してよい」 🔴 既存CSS（base.css / bootstrap-custom.css / drawer_menu.css / system.css）は 1バイトも変更しない。このファイルを読み込む 1行を消せば完全に元へ戻る。 当て方＝各HTMLの 内、既存CSSの 群の一番最後（system.css より後）に 🔴 当てるのは見た目が変わる側＝旦那のGOが要る。このファイルを置くだけでは何も起きない。 🔴 初版から落とした1項（2026-09-05・番頭の判断） 旧C項＝カルーセルの商品名 .item-title に overflow:visible; height:auto; を保険で入れて いた。初版の実測で「8件すべて scrollHeight = clientHeight＝切れ0件」と自ら書いており、 直す理由が無い。憲法 第0条「理由を言えない要素は置かない」・第7条「引き算」に反する ので落とした。実害が確認できたら、その実測を添えて足し直す。 ============================================================ */ /* ------------------------------------------------------------ A. 和文の約物詰め（palt）／憲法 第4条 実測＝現CSS全体に font-feature-settings / font-kerning が 0 件 before→after＝html の fontFeatureSettings が "normal" → '"palt"'（3ページで確認） ------------------------------------------------------------ */ html { font-feature-settings: 'palt'; font-kerning: normal; } /* ------------------------------------------------------------ B. リンク色（Bootstrap既定の青 → サイトの既存の赤） 憲法 第1条 反復（同じ意味は同じ見た目）／第8条 既視感（リンクは色を変えて押せると示す） 実測＝base.css の赤系5色を数えて #D40018 が22箇所で最多 （#C20024=1 / #E80000=5 / #F00=1 / #E24BC4=1） before→after＝a の color が rgb(0,123,255) → rgb(212,0,24)（3ページで確認） 🔴 新しい色を持ち込んでいない＝サイトが既に一番多く使っている色に寄せただけ。 ------------------------------------------------------------ */ a { color: #D40018; } a:hover, a:focus { color: #C20024; } /* hoverは2番目に使用数の多い既存の赤を流用 */ /* ------------------------------------------------------------ C. 店舗情報の下の突出した余白／憲法 第3条 8pxグリッド 実測＝#section04 .titlebox の padding-bottom が 250px。 他セクションの上下余白6値（60/60・80/80・100/100）の中央値 80px に寄せる。 🔴 スクショで「巨大な空白」に見えていた主因は別＝#section05 の .js-fade （スクロールで浮き上がる意匠）。実際にスクロールする人には起きない。意匠なので直さない。 ∴ この1行を入れても、見た目の高さはほとんど変わらない（原因が別だったため）。 ------------------------------------------------------------ */ .home #section04 .wrap .titlebox { padding-bottom: 80px; } /* ------------------------------------------------------------ D-1. index.html／幅390pxでの横はみ出し 実測＝#section01 の