/* =========================
   tokuyou-yousu.css
   特養の様子（行事ページ）
   ========================= */

/* h1は指定色（他ページと合わせつつアクセント） */
.page-tokuyou-yousu .page-title{
  color: #009999;
}

/* 導入文 */
.page-tokuyou-yousu .page-lead{
  margin-top: 8px;
  line-height: 1.8;
}

/* 左：年別目次（details） */
.page-tokuyou-yousu .toc details{
  border: 1px solid #000;
  background: #fff;
  margin-top: 10px;
}

.page-tokuyou-yousu .toc summary{
  cursor: pointer;
  padding: 10px;
  font-weight: 800;
  background: #ffffcc; /* 旧デザインの雰囲気を少し踏襲 */
  border-bottom: 1px solid #000;
}

.page-tokuyou-yousu .toc ul{
  list-style: none;
  padding: 10px;
  margin: 0;
}

.page-tokuyou-yousu .toc li + li{
  margin-top: 6px;
}

.page-tokuyou-yousu .toc a{
  text-decoration: underline;
}

/* ===== 行事ブロック ===== */
.page-tokuyou-yousu .event{
  margin-top: 18px;
  border: 1px solid #000;
  background: #fff;
  padding: 12px;
  scroll-margin-top: 120px; /* 固定ヘッダーが被るの防止 */
}

/* 旧ページの水色帯を再現 */
.page-tokuyou-yousu .event-bar{
  height: 10px;
  background: #c4ffff;
  border: 1px solid #000;
  margin: -12px -12px 12px;
}

/* タイトル（旧ページの青見出しイメージ） */
.page-tokuyou-yousu .event-title{
  margin: 0 0 8px;
  color: #0000ff;
  font-size: 1.35rem;
  font-weight: 900;
}

.page-tokuyou-yousu .event-text{
  margin: 0 0 12px;
  line-height: 1.9;
}

/* ===== 画像ギャラリー：見た目サイズを統一 ===== */
.page-tokuyou-yousu .event-gallery{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.page-tokuyou-yousu .event-gallery figure{
  margin: 0;
}

.page-tokuyou-yousu .event-gallery img{
  display: block;
  width: 100%;
  /* ★ここで「同じサイズ」に揃えます（比率固定） */
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  border: 1px solid #000;
}

/* 縦写真も“同じ枠”に揃えたい場合はこのままでOK（トリミングされます）
   もし「縦写真だけ縦枠にしたい」なら下の is-portrait を使います */
.page-tokuyou-yousu .event-gallery .is-portrait img{
  aspect-ratio: 2 / 3;
}

/* 横長1枚をフル幅にしたいとき */
.page-tokuyou-yousu .event-gallery .is-wide{
  grid-column: 1 / -1;
}
.page-tokuyou-yousu .event-gallery .is-wide img{
  aspect-ratio: 3 / 2;
}

/* ページトップ導線 */
.page-tokuyou-yousu .event-actions{
  margin-top: 12px;
  text-align: right;
}

.page-tokuyou-yousu .back-to-top{
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #000;
  background: #ffffcc;
  text-decoration: none;
  font-weight: 800;
}

/* スマホ：1列 */
@media (max-width: 600px){
  .page-tokuyou-yousu .event-gallery{
    grid-template-columns: 1fr;
  }
  .page-tokuyou-yousu .event-gallery .is-wide{
    grid-column: auto;
  }
}