/* 背景ページのスクロール抑止 */
html.iziModal-isAttached { overflow: hidden !important; overscroll-behavior: none; }

/* 祖先のクリップ回避（はみ出しClose用） */
.iziModal, .iziModal .iziModal-wrap, .iziModal .iziModal-content {
    overflow: visible !important;
}
.iziModal .iziModal-wrap, .iziModal .iziModal-content {
    display: flex!important;
    justify-content: center;
    align-items: center;
    width: auto!important;
}
.iziModal { max-width: none !important; }
/* このモーダルのベース */
.Overlay.iziModal { background: transparent; box-shadow: none; }

/* ルート（.iziModal 相当）：はみ出し許可 */
.Overlay { overflow: visible; }

/* 中身：中央寄せ＆余白自由 */
.Overlay .Overlay_Inner { margin: 0 auto; padding: 0; }

/* 動画枠：高さは画面にフィット、最小400px */
.Overlay .Overlay_Video_Box {
  position: relative;
  width: auto;
  min-height: 400px;
  height: min(90vh, 1000px);
  display: flex; align-items: center; justify-content: center;
}

/* 動画：アスペクト維持で収める */
.Overlay .Overlay_Video_Box video {
  width: auto!important;
  height: 100%;
  object-fit: contain;
  cursor: pointer;
  border-radius: 8px;
}

/* はみ出しCloseボタン（右上から少し外へ） */
.Overlay .Overlay_CloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(30%, -30%);
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 999px;
    background: #6a6a6a;
    z-index: 100000;
    cursor: pointer;
}
.Overlay .Overlay_CloseBtn::before,
.Overlay .Overlay_CloseBtn::after {
  content: ""; position: absolute; inset: 0; margin: auto;
  width: 28px; height: 2px; background: #fff; border-radius: 2px;
}
.Overlay .Overlay_CloseBtn::before { transform: rotate(45deg); }
.Overlay .Overlay_CloseBtn::after  { transform: rotate(-45deg); }

/* ナビ矢印を使う場合（必要なら） */
.iziModal-navigate { z-index: 100001 !important; }
.iziModal-navigate-caption { display: none !important; }
.iziModal-navigate button {
  height: 84px !important; width: 64px !important;
  background: transparent !important; opacity: 1 !important;
  top: 0 !important; bottom: 0 !important; margin: auto !important;
}
.iziModal-navigate .iziModal-navigate-prev { left: 10px !important; }
.iziModal-navigate .iziModal-navigate-next { right: 10px !important; }
/* 動画上の透明タップカバー */
.Video_TapCover{
  position:absolute; inset:0;
  z-index: 5;          /* 動画より前 */
  background: transparent;
  border: 0; padding: 0; margin: 0;
  cursor: pointer;
}
/* 再生が始まったらJSで .is-hidden を付与して無効化 */
.Video_TapCover.is-hidden{ display:none; }

@media screen and (max-width: 1161px){
  .iziModal-navigate button.iziModal-navigate-prev, .iziModal-navigate button.iziModal-navigate-next {
      top: auto !important;
      background-color: #0a1f26 !important;
  }
  .iziModal-navigate button.iziModal-navigate-prev {
      left: 0 !important;
  }
  .iziModal-navigate button.iziModal-navigate-next {
      right: 0 !important;
  }
}
@media screen and (max-width: 1161px){
  .Overlay .Overlay_CloseBtn {
      transform: translate(5px, -10px)
  }
}