/*
  dest/bundle.min.css への上書き
  awards のビルド環境（gulp・webpack）は古く、今の Node.js では再ビルドできないため、
  旧環境のビルド済み CSS はそのまま使い、2026 リニューアルで必要になった調整だけをこのファイルに書く。
*/

/*
  画像ユニットの画像を枠からはみ出させない
  新しい a-blog cms は画像ユニットに width・height 属性を出力するため、ユニットグループ（2カラムなど）の中で画像がはみ出していた。
  （src/scss/foundation/acms/_unit.scss に同じ指定があるが、bundle.min.css には含まれていない）
*/
.acms-entry [class*="column-image-"] img,
.acms-entry [class*="column-media-"] img,
.acms-entry [class*="column-eximage-"] img {
  max-width: 100%;
  height: auto;
}

/*
  2カラム・3カラムのユニットグループ（acms-col-sm-6 / acms-col-sm-4）の中では、ユニット自身の幅（acms-col-sm-6 など）を使わず、グループの幅いっぱいに表示する
  旧サイトでは画像に max-width がなく、グループの半分の枠からはみ出して元の大きさで表示されていたため、入れ子の幅が目立たなかった。
  上の max-width を指定すると半分の枠に縮むため、ここで幅を戻す。
  1カラムのグループ（acms-column-clear）は、中でユニットを横に並べることがあるため対象外。
*/
@media screen and (min-width: 480px) {
  .acms-entry .js-unit_group-align[class*="acms-col-"] [class*="column-image-"][class*="acms-col-"],
  .acms-entry .js-unit_group-align[class*="acms-col-"] [class*="column-media-"][class*="acms-col-"],
  .acms-entry .js-unit_group-align[class*="acms-col-"] [class*="column-eximage-"][class*="acms-col-"] {
    width: 100%;
    float: none;
  }
}