/* =======================================================
movie
======================================================= */
/* =======================================================
movie
======================================================= */
.p-movie {
  --_padding-block: calc(48 * var(--scale) * var(--to-rem)) calc(64 * var(--scale) * var(--to-rem));
  padding-block: var(--_padding-block);
}
.p-movie__list {
  --_gap: calc(48 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
}
.p-movie__item-ttl {
  --_font-size: calc(24 * var(--scale) * var(--to-rem));
  --_margin-bottom: calc(24 * var(--scale) * var(--to-rem));
  --_padding-block-end: calc(9 * var(--scale) * var(--to-rem));
  --_padding-block-start: calc(12 * var(--scale) * var(--to-rem));
  --_padding-inline: calc(16 * var(--scale) * var(--to-rem));
  padding-block: calc(var(--_padding-block-start) - var(--font-base-offset-top)) calc(var(--_padding-block-end) + var(--font-base-offset-top));
  padding-inline: var(--_padding-inline);
  margin-bottom: var(--_margin-bottom);
  font-size: var(--_font-size);
  font-weight: 700;
  line-height: calc(36/24);
  color: var(--_color);
  background-color: var(--_background-color);
  border-top: 3px solid;
}
.p-movie__item-article-outer {
  --_columns: 2;
  --_gap: calc(32 * var(--scale) * var(--to-rem));
  display: block grid;
  gap: var(--_gap);
}
@media (width >= 768px) {
  .p-movie__item-article-outer {
    grid-template-columns: repeat(var(--_columns), 1fr);
  }
}
.p-movie__item-article-wrapper {
  display: block flex;
  flex-direction: column;
}
.p-movie__item-article-wrapper iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 484/278;
}
.p-movie__item-article-ttl {
  --_font-size: calc(17 * var(--scale) * var(--to-rem));
  --_margin-top: calc(24 * var(--scale) * var(--to-rem));
  margin-top: var(--_margin-top);
  font-size: var(--_font-size);
}