書体は "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif の
5 段スタック（トップ 157 要素）。Web フォントが落ちても游明朝 → ヒラギノ明朝 → OS 既定の明朝と
段階的に縮退する。濃紺 #0b0d3b が面 43 要素・文字 21 要素。
トップのヒーロー右に置かれた縦組みの導線。writing-mode: vertical-rl は
2 要素だけで、a 要素そのものに当てている（外側のコンテナではない）。
下層ページには縦組みが無い。
★19px / 400 / line-height: normal / letter-spacing: 0.95px（0.05em）。
外部ウィジェット由来ではない自前の縦組み。
#0b0d3b が面 43 要素・文字 21 要素。本文は墨 #333333（133 要素）。
リンクの青は #003cb3 で、ブラウザ既定の #0000ee ではなく濃紺に寄せた指定色。
グラデーションとしてではなく色の切り替えとして使っている。50% で両端を揃えて段差を作る。
実サイトでは「加島屋本店のご案内」「加島屋からのNews」の 2 箇所。
background: linear-gradient(to right, #f1f1f3 0%, #f1f1f3 50%, #ffffff 50%, #ffffff 100%);
可視 221 要素のうち 157 要素が 5 段の明朝スタック。ゴシック（"Noto Sans JP"）は
News のタブラベルとコピーライトの 13 要素だけ。英字のセクション見出しには
"Sorts Mill Goudy"（8 要素）を使う。
| 用途 | font-family |
|---|---|
| 本文・見出し・ナビ・CTA | "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif |
| News のタブ・Load More・コピーライト | "Noto Sans JP", sans-serif |
| 英字のセクション見出し | "Sorts Mill Goudy", serif |
★実サイトは末尾を "serif" と引用符付きで書いている。これは誤り。
引用符を付けるとジェネリックファミリーではなく「serif という名前のフォント」を探しにいく。
新規実装では serif と引用符を外すこと。
★Noto Serif JP の 600 は宣言だけで unloaded。当てても 400 か 700 に丸められる。
トップの可視 221 要素のうち 400 が 177 要素・700 が 44 要素。 700 が出るのは商品名とページャの数字だけで、見出しは全部 400。 太さで階層を作らず、サイズと字間で作る。
★font-weight: 500 / 600 を書かないこと。
@font-face に無く（Noto Serif JP の 600 は unloaded）、400 か 700 に丸められる。
body { font-size: 10px; letter-spacing: 0.05em } の結果である 0.5px が、
可視 221 要素のうち 197 要素にそのまま降りてくる。
16px の本文でも 12px のナビでも 0.5px のまま。
子要素で 0.05em と書き直すと 16px では 0.8px になり、実サイトと変わってしまう。
letter-spacing: 0.05em を書き直した場合（16px→0.8px）
★見出しだけは逆に em を各要素に当てている（14px→1.4px、16px→1.6px、20px→2px＝すべて 0.1em）。
下層の h1 だけ 0.22em（38px→8.36px）と極端に空ける。2 つの流儀が同居している。
★font-feature-settings は 2 ページとも 0 要素。palt は使っていない。
約物は全角のまま出し、字間 0.05em で全体を少し空ける方向に振っている。
line-height: normal — 128 要素（最多）line-height: 1.9 — 60 要素
★明示的に指定しているのは本文の 1.90 だけ。それ以外は書体の既定（normal）に任せている。
border-radius は 0 が既定。丸めるのは「Load More」（4px）とカルーセルの操作ボタン（5px）だけ。
CTA は明朝、「Load More」だけゴシック——UI の操作系はゴシックに寄せている。
★バッジはゴシック 14px・letter-spacing: 1.4px（0.1em）・border-radius: 0。
「送料無料」だけ面を塗らず、#800000 の文字色で表す。
トップは box-shadow が 0 種類。下層（加島屋の心）の商品カードにだけ
#cccccc 0 0 3px 0 が 6 要素ある。黒（rgba(0,0,0,α)）ではない。
半世紀以上愛され続ける加島屋の看板商品。送料無料
レンジであたためるだけで本格デリの味わいに。
香ばしく焼き上げた牡蠣を風味豊かなオイルに漬け込みました。
★日付は #84859c（濃紺を薄めた色）の明朝 15px・letter-spacing: 1.6px（0.1em）。
タブラベル（「百貨店」「ネットショップ」）だけが "Noto Sans JP"——13 要素しかないゴシックの出番。
| 項目 | 値 |
|---|---|
| コンテナ（標準） | 1160px |
| コンテナ（読み物） | 900px（本文 16px・行間 1.9 で 1 行が長くなりすぎないように） |
| コンテナ（下層ワイド） | 1280px |
| root font-size | 10px（1.6rem = 16px） |
| 本文の行間 | 1.90（16px→30.4px / 14px→26.6px） |
| それ以外の行間 | normal（128 要素・最多） |
| 字間 | body に 0.05em → 0.5px が 197 要素に継承／見出しだけ 0.1em |
gap | 0 件（margin / padding で組む） |
| 自前ブレークポイント | max-width: 480px（3 件）/ 640px / 800px |
| WordPress 由来の BP | min-width: 600px（7 件）/ 782px（5 件）— このサイトの設計ではない |
border-radius | 0 が既定／ Load More 4px ／ カルーセル操作 5px |
box-shadow | トップ 0 種／ 下層の商品カードのみ #cccccc 0 0 3px 0 |
| CSS Custom Properties | 自社トークン 0 個（2 個は WordPress / Gutenberg 由来） |