/* メンズTransATT ブランド共通スタイル
   各ページで書体・配色がばらついていたため、後から当てて揃える。
   数値の出所は lp-fix/brand.js。ここだけを直せば全ページに反映される。 */

  :root{
    --tw-ink:#050a14;
    --tw-navy:#0a2540;
    --tw-gold:#c2a35d;
    --tw-gold-text:#8a6f33;
    --tw-cream:#faf8f5;
  }
  /* 書体を揃える。見出しは明朝、本文はゴシック。 */
  body{font-family:"Noto Sans JP", sans-serif;}
  h1,h2,h3,h4,.tw-serif{font-family:"Noto Serif JP", serif;}

  /* 日本語の折り返し。指定が無いと最終行に1〜2文字だけ落ちて読みづらくなる。 */
  h1,h2,h3,h4{text-wrap:balance;word-break:auto-phrase;}
  p,li,figcaption,summary,dd,dt{text-wrap:pretty;word-break:auto-phrase;}

  /* 金の表現を統一 */
  .tw-gold{color:#c2a35d;}
  .tw-gold-text{color:#8a6f33;}
  .tw-gold-grad{background:linear-gradient(135deg,#d4af37 0%,#f1dca7 50%,#d4af37 100%);}
  .tw-gold-grad-text{
    background:linear-gradient(135deg,#d4af37 0%,#f1dca7 50%,#d4af37 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
  }
  /* セクション見出しの上に置く英字ラベル */
  .tw-eyebrow{
    display:block;font-size:13px;font-weight:900;letter-spacing:.22em;
    color:#c2a35d;margin-bottom:8px;
  }


/* 既存ページで使われていた金の色を、ブランドの金に寄せる。
   #d4af37 / #b99a4a / #cfa972 など複数の金が混在していた。 */
[style*="#d4af37"], .text-gold, .color-gold { color:#c2a35d !important; }

/* 見出しが明朝で出るようにする。テーマ側のゴシック指定を打ち消す。 */
h1, h2, h3, h4 { font-family:"Noto Serif JP", serif !important; }

/* セクション見出しの上に置く英字ラベルを揃える。
   実測では 金14px / グレー10px / グレー14px が混在していた（2026-08-26）。
   金・13px・字間を広めに統一する。 */
.tw-eyebrow,
p.text-sm.color-gold,
p[class*="tracking-widest"][class*="color-gold"],
[class*="tracking-widest"][class*="text-[#c2a35d]"] {
  color:#c2a35d !important;
  font-size:13px !important;
  letter-spacing:.22em !important;
  font-weight:900 !important;
}