/*========================================
  trainer.html 専用スマホ最適化
========================================*/

/* 画像をスマホ時に完全中央寄せ */
@media screen and (max-width: 768px) {

 /* — 画像中央揃え強制設定 — */
.center-img,
.supa .imag img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  max-width: 100% !important;
  height: auto !important;
}

/* 必要に応じて親要素も幅100%、余白リセット */
.supa {
  width: 100% !important;
  box-sizing: border-box;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; /* キャプション含め中央寄せするなら */
}
.supa .cap {
  text-align: center !important;
}
.mb30 {
  margin-bottom: 30px !important;
}

}