/* =============================================================
   news-motion.css — 新着情報だけ（2026-10-14 第3段）
   既定（JSなし・動きを減らす設定）：最近の見出しが縦に並ぶ普通の区画
   .is-type（JS が付ける）：画面を止めて、1か所で見出しが組み変わる
   ============================================================= */
.page-hero h1 .nw-c { display: inline-block; transition: transform 1.1s var(--ease-expo), opacity .9s var(--ease-smooth), filter .9s var(--ease-smooth); }

.nw-type { position: relative; background: var(--black); border-bottom: 1px solid var(--gold-border); overflow: clip; }
.nw-sticky { position: relative; padding: 96px 0; }
.nw-phrases { list-style: none; margin: 0 auto; padding: 0; width: 90%; max-width: var(--container); display: grid; gap: 56px; }
.nw-phrase { text-align: center; }
.nw-h { font-family: var(--font-serif-ja); font-weight: 200; font-size: clamp(34px, 6.4vw, 96px); line-height: 1.3; letter-spacing: .08em; color: var(--white); margin: 0 0 18px;
  word-break: auto-phrase; text-wrap: balance; }
.nw-h .nw-c { display: inline-block; will-change: transform, opacity, filter; }
.nw-h em { font-style: normal; }
.nw-meta { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; font-family: var(--font-label); font-size: 12px; letter-spacing: .3em; color: var(--gold); }
.nw-meta a { font-family: var(--font-sans); font-size: 14px; letter-spacing: .12em; color: var(--gold-light); text-decoration: none; border-bottom: 1px solid var(--gold-border); padding: 6px 0; }
.nw-meta a:hover { color: #fff; border-color: var(--gold); }
.nw-bits, .nw-dots, .nw-kicker { display: none; }

.nw-type.is-type { height: 420vh; }
.nw-type.is-type .nw-sticky { position: sticky; top: 0; height: 100vh; height: 100svh; padding: 0; overflow: hidden; perspective: 900px; }
.nw-type.is-type .nw-phrases { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: auto; max-width: none; display: block; height: 0; }
.nw-type.is-type .nw-phrase { position: absolute; left: 6vw; right: 6vw; top: 0; transform: translateY(-50%); }
.nw-type.is-type .nw-kicker { display: block; position: absolute; top: calc(var(--nav-h) + 5vh); left: 0; right: 0; text-align: center; font-family: var(--font-label); font-size: 11px; letter-spacing: .4em; color: var(--gray); }
.nw-type.is-type .nw-kicker b { color: var(--gold); font-weight: 500; }
.nw-type.is-type .nw-bits { display: block; position: absolute; inset: 0; pointer-events: none; }
.nw-bit { position: absolute; font-family: var(--font-label); font-size: 10px; letter-spacing: .25em; color: var(--gold); white-space: nowrap; opacity: .08; will-change: transform; }
.nw-type.is-type .nw-dots { display: flex; gap: 10px; position: absolute; left: 50%; bottom: 7vh; transform: translateX(-50%); }
.nw-dots i { width: 22px; height: 1px; background: rgba(255,255,255,.18); transition: background .4s var(--ease-smooth), width .4s var(--ease-smooth); }
.nw-dots i.on { background: var(--gold); width: 44px; }
@media (max-width: 760px) {
  .nw-type.is-type { height: 380vh; }
  .nw-h { font-size: clamp(30px, 9vw, 44px); }
  .nw-type.is-type .nw-dots { bottom: calc(7vh + 10px); }
}

/* 改行の目印（|）はスマホだけ改行。JSなしのときは | を読ませない */
.nw-br { display: none; }
@media (max-width: 760px) { .nw-br { display: inline; } }