/* photos.css - Photos.html 専用（style.css に整合） */

/* ▼ 3列グリッド内の figure（枠線を削除） */
.list-grid .list figure {
  margin-bottom: 1rem;
  background: #fff;              /* 必要なければ transparent に変更可 */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
  border: none;                  /* ← 細い枠線を消す */
  box-sizing: border-box;
  box-shadow: none;              /* 念のため影も消す */
}

/* ▼ 画像を中央に収める（枠線なし） */
.list-grid .list figure img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border: none;                  /* 画像自身の枠 */
  outline: none;                 /* フォーカス時のアウトラインを消す（必要に応じて） */
}

/* ▼ フル幅のグループ写真（最下段）は枠線なしのまま */
.group-photo figure {
  margin: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
}

.group-photo figure img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border: none;
  outline: none;
}