実測日 2026-09-24。https://www.e-maruman.co.jp/ と /policy/paper/ の computed style から起こした。
CSS Custom Properties は 0 個。html の font-size は 10px で、rem は 10px 基準。
可視 126 要素のうち font-weight: 700 はわずか 1 要素。
本文は #231815（印刷のスミに近い暖色寄りの黒・76 要素）。
純黒 #000000 は「カテゴリから探す」「シーンから探す」の見出しとアウトライン CTA の枠だけ。
黄 #f8b500 は欧文ラベルと、面を塗る 3 箇所だけ。
可視 126 要素のうち 111 要素が游ゴシックのスタック、15 要素が Montserrat。
Montserrat の用途は SCROLL / PICK UP / VIEW MORE のような
小さな英字ラベル専用で、そこに 0.06em の字空けを掛けるのがこのサイトの型。
| 位置 | 名前 | 当たる環境 |
|---|---|---|
| 1 | MyYuGothicM | @font-face の別名。実測（macOS / Chrome）では status: error で解決しない |
| 2 | YuGothic | macOS の游ゴシック体（Regular）。実測ではここが当たっている |
| 3–4 | -apple-system / "system-ui" | Apple 系の保険 |
| 5 | "Hiragino Kaku Gothic ProN" | 游ゴシック非搭載の macOS |
| 6 | Meiryo | 旧 Windows |
★別名 MyYuGothicM の src は local("YuGothic-Medium") 1 名だけ。
一般的な別名方式は local() を複数並べて環境差を吸収するが、ここは 1 名なので落ちやすい。
意図は「Windows で游ゴシック Medium を当てる」、実態は「落ちたら YuGothic（Regular）」。
新規に真似るなら src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular"); と書く。
トップ 126 要素中 400 が 125 / 700 が 1、下層 61 要素中 400 が 60 / 700 が 1。 500 と 600 は 1 要素も無い。見出しを目立たせる手段は「サイズを上げる」と「0.06em を掛ける」の 2 つだけ。
★別名の bold 面（local("YuGothic-Bold")）も error なので、
700 を書いても意図した太さでは出ない（YuGothic Bold か合成太字になる）。
16px→0.96px、18px→1.08px、24px→1.44px、26px→1.56px、30px→1.8px、32px→1.92px、34px→2.04px、36px→2.16px。
どのサイズでも 0.06em に揃う＝ em を各要素に当てている。body に 1 回書いて継承させる設計ではない。
| 実測値 | 出現 | サイズ | em 換算 |
|---|---|---|---|
normal | 95 | 本文・ナビ・補助 | — |
| 1.44px | 13 | 24px | 0.06em |
| 1.56px | 10 | 26px | 0.06em |
| 0.96px | 5 | 16px | 0.06em |
| 1.08px | 2 | 18px | 0.06em |
| 2.16px | 1 | 36px | 0.06em |
font-feature-settings は可視 126 要素すべてが normal。
詰めと開きを同時にやらない。palt を足すと見出しの字面が締まって、このサイトの印象が変わる。
radius が付くのはヘッダー右上のピル 1 つ（40px）と、円形のドット（50%）だけ。
CTA・カード・入力欄はすべて角のまま。影も実質ゼロ（唯一の影は spread -10px でほとんど見えない）。
| 種類 | 面 / 文字 | radius | font |
|---|---|---|---|
| Primary（黄） | #f8b500 / #ffffff | 0px | 18px · 400 · normal |
| Secondary（アウトライン） | transparent / #000000（枠 1px #000000） | 0px | 18px · 400 · normal |
| ヘッダーのピル（唯一の角丸） | #999999 / #ffffff | 40px | 14px · 400 · normal |
| NEW バッジ | #ff0000 / #ffffff | 50% | Montserrat 16px · 0.06em |
カテゴリとシーンのカードは、和文（26px・純黒・0.06em）の下に欧文（Montserrat 16px・黄・0.06em）を敷く。 この 2 段が、このサイトのラベルの型。
| 項目 | 値 |
|---|---|
| コンテナ（本文） | 1300px（6 箇所） |
| コンテナ（全幅寄り） | 1500px（3 箇所） |
| root font-size | 10px（1.6rem = 16px） |
| 本文の行間 | 2.00（16px / 32px） |
| 見出しの行間 | 1.60 |
| ナビの行間 | 1.00 |
| 影 | 実質なし（唯一 0 5px 10px -10px rgba(0,0,0,0.3) が 1 要素） |
| ブレークポイント | max-width: 1024px（143 件）/ max-width: 767px（288 件） |
★すべて max-width。デスクトップファーストで、狭い方を上書きしていく書き方。