/* ============================================================
   home.css（トップ専用）
   - サマリー(stats)
   - ギャラリー(gallery)
============================================================ */

/* 画像枠 */
.hero-visual{
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--border);
  height:280px;
  background:#000;
}
.hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* スライダーの左右ボタン */
.hero-ctrls{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
}
.hero-btn{
  pointer-events:auto;
  margin:0 6px;
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.9);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ドット */
.hero-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:8px;
  display:flex;
  gap:6px;
  justify-content:center;
}
.hero-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background: rgba(0,0,0,.2);
}
.hero-dot.is-active{ background: rgba(0,0,0,.6); }

/* ===== Stats（人数など） ===== */
.stats{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(2,1fr);
}
@media(min-width:720px){
  .stats{ grid-template-columns:repeat(4,1fr); }
}
.stat{
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  padding:14px;
  text-align:center;
}
.stat .val{
  font-size:22px;
  font-weight:800;
}
.stat .cap{
  font-size:12px;
  color:var(--muted);
}

/* ===== Gallery（写真） ===== */
.gallery{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2,1fr);
}
@media(min-width:900px){
  .gallery{ grid-template-columns:repeat(4,1fr); }
}
.gallery img{
  width:100%;
  height:140px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid var(--border);
  display:block;
}

/* index.php（トップ）用：インラインstyle撤去のための小さな補助クラス */
.home-mt10 { margin-top: 10px; }
.home-mt12 { margin-top: 12px; }

.home-h2 { margin: 0 0 10px; }
.home-h2-sm { margin: 0 0 8px; }

.home-ul {
  line-height: 1.8;
  margin: 0 0 8px 18px;
}

/* 任意：注記の見た目を少し整える（既存デザインに干渉しにくい範囲） */
.home-note { opacity: 0.9; }