// ===========================================
// Media メディア
// ===========================================

/* YouTube wrapper
--------------------------------- */
.com-wrap-youtube {
  --width: 16;
  --height: 9;
  width: min(attr(data-width px, 100%), 100%);
  aspect-ratio: calc(var(--width) / var(--height));
  &.type-short {
    --width: 9;
    --height: 16;
  }
  iframe {
    width: 100%;
    height: 100%;
  }
}