/* REBIRTH記事001固有の動画・文字設定。余白はstories-article.cssの共通テンプレートを使用し、末尾REBIRTH導線の上下だけ専用設定を保持する。 */
body.design-center-rebirthArticle .design-center-articleBody p { line-height: var(--dc-rebirth-article-body-p-line-height, 2.5); letter-spacing: 0; }
/* 中間の一覧導線には記事末尾用paddingを加えない。上下の余白は下記の専用設定を使用する。 */
body.design-center-rebirthArticle .design-center-articleSeriesLink--rebirth { padding-bottom: 0; }
@media (max-width: 639px) {
  body.design-center-rebirthArticle .design-center-articleTitle { font-size: var(--dc-rebirth-article-title-font-size, 24px); }
  body.design-center-rebirthArticle .design-center-articleBody p { line-height: var(--dc-rebirth-article-body-p-line-height--compact, 2.2); }
}
@media (min-width: 1024px) {
  body.design-center-rebirthArticle .design-center-articleBody p { line-height: var(--dc-article-body-p-line-height, 35px); }
  /* 本文→リンク→関連記事の可視余白を上下98pxへ。
   * 上：本文半leading (35−14)/2＋共通丸top inset＋実字形補正1pxを除く。
   * 上下：共通18.5px丸のtop/bottom insetを参照し、丸変更へ追従する。
   * 上の補正1pxはフォント読込後のChrome画像の暗部境界から算定。共通roundLinkの寸法変更時は再確認する。 */
  body.design-center-rebirthArticle { --dc-rebirth-series-glyph-correction: 1px; }
  body.design-center-rebirthArticle .design-center-articleBody > .design-center-articleSection:last-child > p:last-child { margin-bottom: 0; }
  body.design-center-rebirthArticle .design-center-articleSeriesLink--rebirth { display: flex; justify-content: center; margin-top: calc(98px - (35px - 14px) / 2 - var(--dc-round-link-top-inset) - var(--dc-rebirth-series-glyph-correction)); }
  body.design-center-rebirthArticle .design-center-articleSeriesLink--rebirth + .design-center-articleRelated { margin-top: calc(98px - var(--dc-round-link-bottom-inset)); }
}

@media (max-width: 1023px) {
  body.design-center-rebirthArticle .design-center-articleSeriesLink--rebirth + .design-center-articleRelated { margin-top: calc(200px - var(--dc-round-link-bottom-inset)); }
}

/* 動画と中央再生ボタンは同一のnav遮蔽面。JS無効時は標準controlsだけを表示する。 */
.design-center-articleMovie { position: relative; width: 100%; margin-inline: auto; }
.design-center-articleMovie video { aspect-ratio: 16 / 9; }
.design-center-articleMoviePlay { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 80px; height: 80px; padding: 0; border: 0; border-radius: 50%; background: rgb(0 0 0 / .6); color: var(--color-text-white); cursor: pointer; }
.design-center-articleMoviePlay[hidden] { display: none; }
.design-center-articleMoviePlay:focus-visible { outline: 3px solid var(--color-text-white); outline-offset: 4px; }
@media print { .design-center-articleMoviePlay { display: none; } }