/* ══ 金継ぎ追補スタイル（piropirorx.com・2026-08-28）══ 本体は1行も変えていない。写しの after 側にだけ当てて前後を比べたもの。 使うときは の style.css より後ろに1枚足すだけでよい。 */ /* ① 破れ: 主ボタンの白文字が読みの床を割っている（画素検査 比4.09〜4.20／床4.5・5件） 紫〜青の色相はそのまま、明度だけ下げて床に載せる。あわせて文字色を本文色に統一 （「似て非なる色 #FFFFFF→#E8E8F0」もここで消える） */ .btn-primary { background: linear-gradient(135deg, #494def, #8b1df4); color: var(--text-main); box-shadow: 0 4px 15px rgba(73, 77, 239, 0.35); } .btn-primary:hover { box-shadow: 0 6px 20px rgba(73, 77, 239, 0.55); } .menu-toggle { color: var(--text-main); } /* ② 乱れ: 文字サイズの段数過多（本文6段→2・ボタン4段→2） 14.4／15.2／16.8／17.6 を本文16pxへ寄せる。ヒーローの見出し級（clamp）は役割が違うので残す */ .hero-desc, .about-text, .game-desc { font-size: 1rem; } footer { font-size: 1rem; } .link-card { font-size: 1rem; } .nav-links a { font-size: 1rem; } /* ③ 乱れ: 似て非なる色 #2A2A40 → #1A1A2E（サムネイルの下敷き・面積の大きい方へ） */ .game-card .game-thumb { background-color: #1a1a2e; } /* ④ 乱れ: 角丸4種→3種。30pxをpillへ寄せ、丸いボタンの意匠はそのまま残す */ .btn { border-radius: 999px; } /* 付随: 文字を揃えると増える「言葉の泣き別れ」を文節折りで抑える／ヒーロー本文の行間を1.6へ */ p, .game-desc { word-break: auto-phrase; } .hero-desc { line-height: 1.6; } /* ⑤ 乱れ: 主CTA（Substack登録）だけ style属性で17.6px。字はボタンの段に揃え、 大きさは padding で保つ（インライン指定を上書きするため !important） */ .newsletter-card .btn { font-size: 1rem !important; }