@charset "UTF-8"; /* ============================================================================= Pickleball Japan ─ 特設ページ（LP）コンポーネント Version: 26.08.04.03 対象 : page-lp.php（Template Name: 特設ページ（LP）） ----------------------------------------------------------------------------- 設計方針 1) すべて .pj-lp 配下にスコープする。 main.css には .btn / .card / .stat / .faq / .timeline / .tl-item / .notice / .hero / .sec など汎用名が既にある。プレフィックスとスコープの 両方をかけないと、テーマ側と相互に壊し合う。 2) 色は main.css の :root トークンをそのまま参照する。ここで再定義しない。 3) レイアウト枠は main.css の .container（max-width:1060px）を使い回す。 4) 各コンポーネントのモバイル指定は、そのコンポーネントの直後に置く。 ページ末尾に上書きを積まない（元LPが崩れた主因）。 5) !important は使わない。 ============================================================================= */ /* ========================================================= 0. ルート ========================================================= */ .pj-lp{ line-height:1.8; line-break:strict; /* 日本語を文節単位で折り返す（対応ブラウザのみ） */ word-break:auto-phrase; overflow-wrap:break-word; } .pj-lp img{max-width:100%;height:auto;display:block;} .pj-lp a{color:inherit;} /* main.css には要素セレクタの nav{} と footer{} がある。 クラス名を lp- で分けても、素の要素セレクタは避けられずLP本文に当たってしまう。 （nav{} は position:sticky / height:64px / display:flex を持つため、 目次の