/* 下層Brightcoveだけ。既存の外枠寸法とfade/nav遮蔽面を維持する。
 * 設定メモ：現役：REBIRTH一覧と記事001のみ。content-brightcove.jsがready／show-playerを切り替える。動画比率は外wrapper、操作barはSDKが管理する。SDK由来の子visibilityが親を上書きするため非表示はopacity0／inertも併用する。
 */
.design-center-contentBrightcove { position: relative; width: 100%; height: 100%; min-width: 0; background: #111; }
.design-center-articleMovie > .design-center-contentBrightcove { aspect-ratio: 16 / 9; }
.design-center-contentBrightcove > .design-center-bcPlayer { position: absolute; inset: 0; width: 100%; height: 100%; padding-top: 0 !important; }
.design-center-contentBrightcove:not(.is-brightcove-ready) > .design-center-bcPlayer { visibility: hidden; opacity: 0 !important; pointer-events: none; }
/* 調整メモ：containはカード／記事用。heroだけ後方規則でcoverにする。SDKのresponsive paddingを足すと外枠比率が変わるため100%幅高を維持。 */
.design-center-contentBrightcove .vjs-tech { width: 100%; height: 100%; object-fit: contain; }
.design-center-rebirthHero .design-center-contentBrightcove .vjs-tech { object-fit: cover; object-position: center; }
.design-center-contentBrightcove[data-brightcove-background] .design-center-bcPlayer > :not(.vjs-tech) { display: none !important; }
/* 中央開始は既存ボタンひとつ。開始後は標準barで操作する。 */
.design-center-contentBrightcove .vjs-big-play-button { display: none !important; }
.design-center-contentBrightcove_poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.design-center-contentBrightcove.is-brightcove-ready > .design-center-contentBrightcove_poster { display: none; }
.design-center-contentBrightcove_fallback { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 2; padding: 8px; color: var(--color-text-white, #fff) !important; background: rgb(0 0 0 / .7); font-size: 14px; text-align: center; }
.design-center-contentBrightcove_fallback[hidden] { display: none; }
.design-center-contentBrightcove .vjs-fullscreen { width: 100vw !important; height: 100vh !important; max-width: none !important; }
.design-center-contentBrightcove :fullscreen { clip-path: none !important; translate: none !important; opacity: 1 !important; }

/* REBIRTH2カードと記事001ショートはmetadata準備と映像公開を分離。初期・終了時は掲載画像を表示。 */
.design-center-contentBrightcove[data-brightcove-poster-cycle]:not(.is-brightcove-show-player) > .design-center-bcPlayer { visibility: hidden; opacity: 0 !important; pointer-events: none; }
.design-center-contentBrightcove[data-brightcove-poster-cycle]:not(.is-brightcove-show-player) > .design-center-contentBrightcove_poster { display: block; }
.design-center-rebirthCard_media:has([data-brightcove-poster-cycle]) > [data-brightcove-play] { inset: 0; width: 100%; height: 100%; transform: none; border-radius: 0; }

/* 記事001は全面を透明操作領域にし、従来80pxの中央意匠だけを内側へ残す。 */
.design-center-articleMovie:has([data-brightcove-poster-cycle]) > .design-center-articleMoviePlay { inset: 0; width: 100%; height: 100%; transform: none; border-radius: 0; background: transparent; }
.design-center-articleMoviePlay_visual { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 80px; height: 80px; border-radius: 50%; background: rgb(0 0 0 / .6); pointer-events: none; }

/* poster状態の全面buttonだけ白面を重ねる。再生時は既存hiddenで標準UIと分離する。 */
body[data-design-center-navigation] :is(.design-center-rebirthCard_media, .design-center-articleMovie):has([data-brightcove-poster-cycle]) > [data-brightcove-play]::before { content: ""; position: absolute; inset: 0; background: rgb(255 255 255 / 30%); z-index: 2; opacity: 0; pointer-events: none; transition: opacity .3s ease; }
body[data-design-center-navigation] .design-center-articleMoviePlay_visual { z-index: 1; }
@media (hover: hover) {
  body[data-design-center-navigation] :is(.design-center-rebirthCard_media, .design-center-articleMovie):has([data-brightcove-poster-cycle]) > [data-brightcove-play]:not(:disabled):hover::before { opacity: 1; }
}
@media (prefers-reduced-motion: reduce), print {
  body[data-design-center-navigation] :is(.design-center-rebirthCard_media, .design-center-articleMovie):has([data-brightcove-poster-cycle]) > [data-brightcove-play]::before { transition: none; }
}