/*
 * cside-map.css：Googleマップ埋め込み（カスタムHTML）の構造CSS。値を持たない共通CSS。
 * 当て先：<div class="adx-googlemap"><iframe …></iframe></div> だけ。
 * 横幅は、置かれた場所（フルワイド・記事幅など）の内側いっぱい。
 * PC＝縦横比 16:9／スマホ（SWELLの区切り 599px 以下）＝3:4（縦長）。
 * iframe の width／height 属性は、このCSSが上書きする。
 * 正本：cside-generator-platform の shared/site-common-css/cside-map.css
 */
.adx-googlemap {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.adx-googlemap iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 599px) {
  .adx-googlemap {
    aspect-ratio: 3 / 4;
  }
}