/* day-tatemono.css */

/* 見出し（他ページと統一） */
.explanation{
  background: var(--accent);
  color:#fff;
  padding: 10px;
  text-align: center;
  font-weight: 900;
  border-radius: var(--radius);
  margin: 0 0 12px;
}

/* 旧ページの文字色を再現 */
.text-blue{ color:#0000ff; }

.facility-title{
  text-align: center;
  line-height: 1.6;
}

/* 旧ページの赤系文字色 */
.facility-tag{
  margin: 0 0 6px;
  color: #990000;
  font-weight: 900;
  font-size: 18px;
}
.facility-name{
  margin: 0 0 8px;
  color: #990000;
  font-weight: 900;
  font-size: 28px;
  line-height: 1.2;
}
.facility-addr{
  margin: 0;
  font-size: 18px;
}

/* 写真セクション */
.photo-head{
  margin: 0 0 12px;
  font-weight: 900;
  font-size: 18px;
  text-align: center;
}

/* 2枚を横並び→狭い画面では縦並び */
.photo-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.photo-item{
  margin: 0;
  background: #fff;
  border: 1px solid #000;
  border-radius: 8px;
  overflow: hidden;
}

.photo-item img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 360px;     /* 大きすぎない */
  object-fit: cover;     /* 縦横比を保ちながら見やすく */
}

.photo-item figcaption{
  text-align: center;
  font-weight: 800;
  padding: 10px;
}

/* モバイル */
@media (max-width: 980px){
  .facility-name{ font-size: 24px; }
  .facility-addr{ font-size: 16px; }

  .photo-grid{
    grid-template-columns: 1fr;
  }
  .photo-item img{
    max-height: 420px;
  }
}

/* ========= 画像：確実に中央寄せ ========= */
.day-catch img,
.day-message img{
  display: block;        /* ← これが効く */
  margin: 0 auto;        /* ← これが効く */
  max-width: 100%;
  height: auto;
}

/* p.center の中央寄せが他CSSに負ける場合の保険 */
.day-catch .center,
.day-message .center{
  text-align: center !important;
}

/* ========= メインコンテンツ（中央カラム） ========= */
/* 幅を制限しない（中央カラムの幅いっぱい使う） */
.center-col .card{
  width: 100%;
  max-width: none;   /* 760px制限を解除 */
  margin: 0;         /* 100%幅ならauto不要 */
}

/* grid対策（そのままでOK） */
.center-col{
  justify-self: stretch;  /* center → stretch に */
}