/* スクロール禁止 */
.no-scroll {
  overflow: hidden !important;
  height: 100vh;
  width: 100vw;
}

/* スプラッシュレイヤー */
#splashOverlay{
  overflow: hidden;
  position: fixed;
  inset: 0;
  background: none;
  z-index: 100000;
  isolation: isolate;
  transition: opacity .25s ease;
}

/* YouTube iframe：中央揃え */
#splashOverlay iframe{
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
  pointer-events:none;
}

/* 横動画（16:9）cover */
#splashOverlay.landscape iframe{
  width:100vw;
  height:56.25vw;
  min-height:100vh;
  min-width:177.78vh;
}

/* 縦動画（9:16）cover */
#splashOverlay.portrait iframe{
  height:100vh;
  width:56.25vh;
  min-width:100vw;
  min-height:177.78vw;
}

/* ロゴ帯 */
#splashLogo{
  position:absolute;
  top:0;
  width:100vw;
  height:58px;
  background:#fff;
  z-index:3;
}
#splashLogo img{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  padding:5px;
  height:48px;
}

/* ポスター */
#splashPoster{
  position:absolute;
  inset:0;
  z-index:0;
  display: block;
  opacity:1;
}
#splashPoster.landscape {
  background:#000 url('/splash/img/16_9.png') center/cover no-repeat;
}
#splashPoster.portrait {
  background:#000 url('/splash/img/9_16.png') center/cover no-repeat;
}


/* skipボタン（全面） */
#splashSkip{
  position:absolute;
  top:0; right:0;
  width:100%;
  height:100%;
  color:#fff;
  background:none;
  font-size:22px;
  line-height:40px;
  cursor:pointer;
  z-index:2;
}
#splashSkip div{
  position:absolute;
  bottom:0;
  border:1px solid #fff;
  padding:0 1ex;
  left:50%;
  transform:translateX(-50%);
}

/* 非表示 */
#splashOverlay.is-hidden{
  opacity:0;
  pointer-events:none;
  display:none;
}

/* reduce-motion fallback */
.reduce-motion #splashPlayer{ display:none; }
.reduce-motion #splashPoster{ display:block; }