/* ================== 共通（透け対策・ベース） ================== */
/* スライダー親と各スライドの背景。サイトデザインに合わせて色を調整可 */
.top-slider,
.top-slider__item {
  background: #fff;
}

/* ================== YouTube（-youtube）用：新動画IDの右端マスク ================== */
/* 新動画（PrZEs4vKmKo）のスライドのみ、右端に白マスクを重ねてラインを確実に隠す */
.top-slider .top-slider__item.-youtube[data-video="PrZEs4vKmKo"] {
  position: relative;
  z-index: 2; /* 競合に勝つ */
}
.top-slider .top-slider__item.-youtube[data-video="PrZEs4vKmKo"]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;      /* 必要に応じて 2〜4px で調整 */
  height: 100%;
  background: #fff;
  z-index: 1002;
  pointer-events: none;
}

/* ================== プレイヤーのサブピクセル対策 ================== */
/* YouTube（iframe）には強めのオーバーサイズ補正を維持 */
.top-slider .top-slider__item.-youtube .top-slider__player {
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 2px);
  left: -2px;
  top: -1px;
  transform: translateZ(0); /* レンダリングを安定させる */
}

/* 自社MP4（-video）は「原寸フィット」を基本に拡大補正を解除 */
.top-slider .top-slider__item.-video .top-slider__player {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
}

/* slick のリストはオーバーフロー非表示（はみ出しを見せない保険） */
.top-slider .slick-list {
  overflow: hidden;
}

/* ================== 任意（必要時のみON） ================== */
/* 1) -video で上下にうっすら線が出る端末がある場合の保険（コメントアウトを外す） */
/*
.top-slider .top-slider__item.-video .top-slider__player {
  height: calc(100% + 2px) !important;
  top: -1px !important;
}
*/

/* 2) -video で右端に線が出る端末がある場合だけ弱め補正（コメントアウトを外す） */
/*
.top-slider .top-slider__item.-video .top-slider__player {
  width: calc(100% + 2px) !important;
  left: -1px !important;
}
*/

/* 3) 新動画の再生直後だけ白カバーを短時間フェード（任意） */
/*
.top-slider .top-slider__item.-youtube[data-video="PrZEs4vKmKo"]::before {
  content: "";
  position: absolute;
  z-index: 1001;
  inset: 0;
  background: #fff;
  opacity: 1;
  pointer-events: none;
  animation: ytIntroFadeWhite 1.2s ease-out forwards;
}
@keyframes ytIntroFadeWhite {
  0%   { opacity: 1; }
  80%  { opacity: 0.15; }
  100% { opacity: 0; }
}
*/

/* 4) slick のドットが iframe に隠れる場合の前面化（任意） */
/*
.top-slider .slick-dots {
  position: relative;
  z-index: 1100;
}
*/