@charset "utf-8"; /* ========================================================= ■ よく触る箇所（ここだけ見れば調整できます）見出し大きさ … .cwh__title の font-size 傾き … .cwh__title の transform（今は none＝水平）重なり対策 … .cwh__title の text-shadow（ロゴに重なる部分の白いにじみ）ヒーローの3Dロゴ厚み … --v4-sp（下の .cwh__mark）× 層の数層の数は index.html の div.cwh__lay の個数（現在22枚）大きさ … .cwh__stage の width 浮き具合 … .cwh__shadow（落ち影）と @keyframes v4Float（上下の振れ幅）回転の速さ … .cwh__solid の animation: v4Spin 32s（数字を大きくすると遅くなる）構えの角度 … @keyframes v4Spin の rotateX / rotateZ 回転を止める… .cwh__solid に animation:none を足し、 transform:rotateX(14deg) rotateZ(-3deg) rotateY(-26deg) を指定 ※スマホ（720px以下）は最初から回転させていませんヒーローの背景波 … index.html の svg.cwh__sea（1枚のベジェ曲線。白塗りで下端を切る）高さは .cwh__sea の height、揺れは @keyframes v4SeaDrift y=ln x … index.html の svg.cwh__bg / svg.cwh__fx（Pythonで生成した固定パス）太さ … 同SVG内 stroke-width（帯は .cwh__lnxBand の 78 / 34）濃さ … 同SVG内 linearGradient #v4band #v4line #v4wv の stop-opacity 流れる速さ … .cwh__waves の v4Drift / .cwh__lnxBand の v4Breathe 走る光 … .cwh__lnxTrace の v4Trace（消すならこの1行を削除）光沢 … .cwh__gloss の白グラデーション（回転がハイライトを動かす）動作モード重い端末では読み込み後に実測して自動で「軽量モード」（回転と背景の動きを止める）に切り替わる。判定は top-v4.js の autoLite。 URLに ?v4mode=full を付けると強制的に通常モード、?v4mode=lite で強制的に軽量、 ?v4debug=1 でコンソールに実測値が出る。 ※ここに手を入れるときの注意 box-shadow / background-position / filter を animation で動かすと毎フレーム再描画が走ってヒーロー全体が一気に重くなる。動かすのは transform と opacity だけにすること。 ========================================================= */ /* ========================================================= LnX v4 — サイト共通スタイル（1ファイルに統合） --------------------------------------------------------- 読み込み位置：styles.css の直後。styles.css は一行も触っていない。ページ固有のCSS（ad-lp/style.css、各ページの