/* ライフワーク HP トップ（/）だけの上書き — 2026-11-08 デザインマニュアル（Projects/design/）の最低ライン 12 項目で見直し（鈴木さん「全部進めて」）
   Snow Monkey の CSS は全ページ共通なので触らず、トップだけをここで上書きする。読み込みは index.html だけ。
   「わざと」は変えない: 赤 × 紺 × クリーム・最初の画面の斜めの縁取り文字・写真とクリームの面のずらし・黄色いマーカー線・キャラクター・右下の丸い LINE ボタン・ふわっと現れる動き（design/23） */

/* ---- 1 PC のメニューが 1 文字ずつ折り返す（幅 1024〜1439px で「ホ／ーム」と縦に崩れて高さ 90px）。文字の大きさ・色・並びは同じで、左右の余白だけ詰めて 1 行に ---- */
@media (min-width: 64em) {
  .l-header .p-global-nav .c-navbar__item > a { white-space: nowrap; }
}
@media (min-width: 64em) and (max-width: 89.99em) {
  .l-header .p-global-nav .c-navbar__item > a { padding-left: .6em; padding-right: .6em; }
}

/* ---- 3 スマホのスライドの点: 押す場所 10px → 44px（見た目の点はそのまま。透明の当たり判定を広げる・design/20）---- */
.spider__dot { position: relative; }
.spider__dot::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }

/* ---- 6 右下の LINE ボタン: 緑 #01b902 に白い文字は 2.6:1 で読みにくい → A型 LP と同じく赤 #c92c27（白い文字で 5.6:1）に。LINE らしさはボタンの中の LINE のマークで出す（design/02・LOG 2026-11-07 A型 LP）---- */
.p-footer-cta__primary-btn.p-footer-cta__primary-btn { background-color: #c92c27; }
@media (min-width: 64em) { .p-footer-cta__primary-btn.p-footer-cta__primary-btn:hover, .p-footer-cta__primary-btn.p-footer-cta__primary-btn:focus { background-color: #a8241f; } }
.p-footer-cta__primary-btn .lw-line-mark { width: 1.3em; height: 1.3em; display: block; margin: 0 auto .2em; }

/* ---- 8 本文 14.2px → 16px（design/07・05）: 節の説明文と、記事カードの抜粋。日付・カテゴリ（12.8px）は補足なので変えない ---- */
.smb-section__lede, .c-entry-summary__content { font-size: 16px; line-height: 1.75; }

/* ---- 4 黄色いマーカー線: 文が見えたら左から引く（top-motion.js が .is-drawn を付ける）。動きを減らす設定・JS が無いときは最初から引いてある ---- */
@media (prefers-reduced-motion: no-preference) {
  .lw-motion .sme-highlighter { background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 1.1s cubic-bezier(.16,1,.3,1); }
  .lw-motion .sme-highlighter.is-drawn { background-size: 100% 100%; }
}