/* スマホ用 共通CSS */
@media screen and (max-width: 600px) {

  body {
    background-color: #ffeeee;
    font-size: 20px;
    line-height: 1.8;
  }

  td, th {
    font-size: 20px !important;
    line-height: 1.8;
  }

  span {
    font-size: 20px !important;
    line-height: 1.8;
  }

  table {
    width: 100%;
  }

  /* 画像の共通設定 */
  img {
    max-width: 100%;
    height: auto;
  }

  /* 旅行記本文用の写真の共通 */
  img.diary-photo {
    height: auto;
  }

  /* 縦長の本文写真（必要なら） */
  img.diary-photo.diary-vertical {
    max-height: 70vh;      /* 画面の高さの7割まで。お好みで調整 */
    object-fit: contain;
  }

  img.diary-photo.main-photo {
  display: block;
  width: 100%;
  min-width: 260px;   /* 画面がとても細い場合の下限。好みで240〜280pxくらい */
  margin: 8px 0;
}

  /* 小さめ2枚を横に並べる用 */
  img.diary-photo.small-photo {
    width: 48%;            /* 2枚で100%前後になるように */
    display: inline-block;
    margin: 4px 1%;
    vertical-align: top;
  }
}