/* online service */
:root {
  /* 画像1枚あたりの幅: 100vw - (slick左右のpd60px * 2 + 余白15px * 3) / 2 + 6.14px(計算式と実際の画像サイズの差) */
  /* (100vw - 105px) / 2 → 50vw - (52.5px - 6.14px) */
  --osSpItemW: calc(50vw - 46.36px);
}

.ls-online-service_slide:not(.slick-initialized) {
  display: flex;
  gap: 15px;
  padding-inline: 15px;
}
@media screen and (max-width: 767px) {
  .ls-online-service_slide:not(.slick-initialized) {
    width: calc(var(--osSpItemW) * 5 + 90px);
    margin-left: 28px;
  }
}

.ls-online-service_slide:not(.slick-initialized) .ls-online-service_slide-item {
  contain: content;
  content-visibility: auto;
}
@media screen and (max-width: 767px) {
  .ls-online-service_slide:not(.slick-initialized) .ls-online-service_slide-item {
    width: var(--osSpItemW);
  }
}
@media screen and (min-width: 768px) {
  .ls-online-service_slide:not(.slick-initialized) .ls-online-service_slide-item {
    width: 19.0625%;
  }
}

.ke-movie-facade::before {
  content: '';
  display: block;
  width: 68px;
  height: 48px;
  background: url(https://kanebo-prod.g.kuroco-img.app/files/user/assets/images/common/icon_yt.svg) no-repeat center / contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.ke-movie-facade img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.ke-movie-facade svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  pointer-events: none;
}

/* YouTube sets iframe title by UI language (en / ja, etc.). */
iframe[title="YouTube video player"],
iframe[title="YouTube 動画プレーヤー"] {
  width: 100%;
  height: 100%;
}