@charset "UTF-8";
/* Brightcove プレイヤー（トップ背景動画・コンセプトムービー） */

/* トップ背景動画：操作UIを出さず、全面に敷く */
#herovideo {
  position: relative;
  overflow: hidden;
  background-color: #000;
  background-position: center;
  background-size: cover;
}
#herovideo .bc-hero {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
#herovideo .bc-hero .vjs-tech,
#herovideo .bc-hero .vjs-poster img {
  object-fit: cover;
}
#herovideo .bc-hero .vjs-poster,
#herovideo .bc-hero .vjs-control-bar,
#herovideo .bc-hero .vjs-big-play-button,
#herovideo .bc-hero .vjs-loading-spinner,
#herovideo .bc-hero .vjs-text-track-display,
#herovideo .bc-hero .vjs-dock-text,
#herovideo .bc-hero .vjs-dock-shelf,
#herovideo .bc-hero .vjs-error-display {
  display: none !important;
}

/* コンセプトムービー：既存の動画モーダル（.gslide-video）と同じサイズ・16:9 */
.glightbox-bc .gslide-inline {
  width: 69.4444444444vw;
  max-width: 69.4444444444vw !important;
  max-height: none;
  overflow: hidden;
  background: #000;
}
.glightbox-bc .gslide-inline .ginlined-content {
  padding: 0;
  overflow: hidden;
}
.glightbox-bc .bc-modal {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #000;
}
@media screen and (max-width: 1023px) {
  .glightbox-bc .gslide-inline {
    width: 100%;
    max-width: 100% !important;
  }
}