/* Adopted shared format. All content/actions and functional ranking badges stay intact. */
.c-service-card[data-service-media] { --service-media-inset: var(--space-5); padding-inline: var(--service-media-inset); }
.c-service-card[data-service-media] .c-service-card__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  column-gap: 12px;
  row-gap: 0;
}
.c-service-card[data-service-media] .c-service-card__name { display: contents; }
.c-service-card[data-service-media] .c-service-card__name h3,
.c-service-card[data-service-media] .c-service-card__name > small { grid-column: 1; }
.c-service-card[data-service-media] .c-service-card__head > .c-logo-dot:not(.ranking-service-rank) { display: none; }
.c-service-card[data-service-media] .c-service-card__name h3 { padding-bottom: 0; }
.c-service-card[data-service-media] .c-service-card__name h3::after { content: none; }
.c-service-card[data-service-media] .c-service-card__media {
  grid-column: 1 / -1;
  aspect-ratio: 16 / 9;
  width: calc(100% + var(--service-media-inset) + var(--service-media-inset));
  margin: 14px calc(-1 * var(--service-media-inset));
  display: grid;
  place-items: center;
  background: #fff;
  border-block: 1px solid #e3e7ed;
  border-radius: 0;
  overflow: hidden;
}
.c-service-card[data-service-media] .c-service-card__media img {
  display: block;
  width: 68%;
  height: 60%;
  object-fit: contain;
}
.c-service-card[data-service-media="netflix"] .c-service-card__media { background: #000; border-color: #000; }
.c-service-card[data-service-media="disney"] .c-service-card__media,
.c-service-card[data-service-media="abema"] .c-service-card__media,
.c-service-card[data-service-media="danime"] .c-service-card__media,
.c-service-card[data-service-media="dmm"] .c-service-card__media,
.c-service-card[data-service-media="animehoudai"] .c-service-card__media { background: #101c2b; }
.c-service-card[data-service-media="fod"] .c-service-card__media { background: #181b22; }
.c-service-card[data-service-media="fod"] .c-service-card__media img { width: 100%; height: 100%; }
.c-service-card[data-service-media] .c-service-card__name h3 { color: #123b63; font-size: 1.3rem; font-weight: 800; }