/* 下層9ページのローカルナビ。寸法・書体・位置はdesign-center-navigation.cssで共通管理。
 * 設定メモ：現役：下層9ページ。navigation.cssが寸法・書体・固定位置を管理し、ここは白背景による遮蔽とfocus枠を担当する。
 */
body[data-design-center-navigation] nav[data-design-center-subnav] { margin: 0; background: transparent; }
/* 調整メモ：3px outlineと3px offsetはkeyboard focusの可視性用。navigation-maskの本文遮蔽面へナビ自身を含めない。 */
body[data-design-center-navigation] nav[data-design-center-subnav] a:focus-visible { outline: 3px solid #005bac; outline-offset: 3px; }

@media screen {
  /* 本文内の動画UIやtransformもこの層内に閉じ込める。固定配置の基準は変えない。 */
  body[data-design-center-navigation]:not(.design-center) .common-main > :is(.design-center-pageLeadContent, .design-center-articleContent, .design-center-rebirthContent) {
    isolation: isolate;
  }
  /* 本文(0) < ナビ(7) < パンくず(8) < 共通ヘッダー(10)。 */
  body[data-design-center-navigation]:not(.design-center) nav[data-design-center-subnav] {
    background: #fff;
    z-index: 7;
  }
  /* ナビの移動と一体で上側を覆う。上端10pxとヘッダー復帰中の隙間も
     毎frameのJS計測なしで隠す。最上部・印刷・初期化前は追加面を作らない。 */
  body.is-design-center-navigation-ready:not(.design-center):not(.is-design-center-navigation-at-top) nav[data-design-center-subnav]::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: -1;
    pointer-events: none;
  }
}