/* ============================================================ 金継ぎ修理CSS（psy-z.jp トップページ・写しのデモ用） 本体は無改変。 終わりにこのファイルを1枚足すだけで効く形。 方針: 新色は発明しない。金 #C4A77D の明度だけ動かした派生 （#8A6B39 / #6F5528）を「床に届くための例外1系統」として追加。 ============================================================ */ /* ── 色の元栓（:root の再定義） ─────────────────────────── */ :root { --c-text-muted: #666666; /* 旧 #777777: 白地で比4.48と床割れ寸前 → 既存の #666666 に統一（比5.7） */ --c-gold-deep: #8A6B39; /* 金 #C4A77D の明度を下げた派生。白地で比4.95（床4.5クリア） */ --c-gold-deeper: #6F5528; /* 同系のさらに深い金（ホバー用・白文字で比7.0） */ } /* ── 破れ①: 金のボタンの白文字（比2.29 → 4.95） ─────────────── */ .btn-gold { background: var(--c-gold-deep); } .btn-gold::before { background: var(--c-gold-deeper); /* ホバーの塗りも床の上で */ } /* ── 破れ②: 節ラベルの金文字（明るい地で比2.19 → 4.7） ──── */ .section-label { color: var(--c-gold-deep); font-size: 15px; /* 12px: 「その他」役割の段統合（15へ） */ } .section-dark .section-label { color: var(--c-gold); /* 紺の地では元の金のまま（比7.5で合格・深い金だと逆に割れる） */ } /* ── 破れ③: 必須マーク（金11px → 深い金12px・役割の色相は保持） ── */ .form-req { color: var(--c-gold-deep); border-color: var(--c-gold-deep); font-size: 12px; } /* ── 破れ④: 透かし数字 01/02/03（比1.14 → 3.46・透かしの気配は残す） ── */ .mech-num { color: rgba(196, 167, 125, 0.6); /* 白5%→金60%: 紺地で床3.0を越える最小の濃さ */ font-size: 40px; /* 60px: 「その他」役割の段統合（40へ） */ } /* ── 破れ⑤: 補足文の灰色（--c-text-muted の元栓で統一済み） ── .v-desc / .faq-a / .privacy-section p は :root の再定義で #666666 に */ /* ── 乱れ: 文字サイズの段整理 ───────────────────────────── */ /* 本文: 14（注記）/ 15（標準）/ 16（リード）の3段へ */ .hero-cta p { font-size: 14px !important; } /* style属性13px対策 */ #contactForm > p { font-size: 14px !important; } /* style属性12-13px対策 */ .section-header p span[style] { font-size: 15px !important; } /* style属性13px対策 */ .mech-p { font-size: 15px; } /* 本文標準へ */ /* ボタン・ナビ: 14 / 18 の2段へ */ .header-btn { font-size: 14px; } .logo { font-size: 18px; } .footer-logo { font-size: 18px; } .footer-links a { font-size: 14px; } .submit-btn { font-size: 18px; } /* その他・補足の段整理 */ .hero-sub { font-size: 20px; } /* 24 → 20（小見出し段へ） */ .hero-h1-en { font-size: 15px; } .hero-tag { font-size: 15px; } .scope-badge { font-size: 15px; } .footer { font-size: 15px; } /* 13 → 本文標準 */ h3 { font-size: 20px; } /* UA既定17.6pxのh3を小見出し20へ（mech-h3の22は明示指定が勝つ） */ /* ── 乱れ: 罫線色の統合（#DDDDDD → 既存の #EEEEEE へ・罫線は消さず残す） ── */ .scope-badge { border-color: #EEEEEE; } /* ── 乱れ: 角丸 4種 → 3種 ──────────────────────────────── */ .problem-card { border-radius: 4px; } /* ── 乱れ: 絶望のz-index（1000/1001/1002 → 100/10の層へ） ── */ .header { z-index: 100; } @media (max-width: 768px) { .sp-overlay { z-index: 10; } .sp-nav { z-index: 10; } .nav-toggle { z-index: 100; } /* 開閉ボタンはヘッダー(100)の中・引き出しと幕は10 → ボタンは常に押せる */ .sp-nav a { font-size: 18px; } /* 16 → ボタンの段（14/18）へ */ .check-item { font-size: 15px; } /* 14 → 本文標準 */ .copyright { font-size: 12px; } /* 10px の極小 → 12（補足の下限） */ }