/* NEXTの枠に、次に開く支部の写真を出す。
   6支部とも1148x648（16:9）で比率が揃っているので、高さだけ決めれば崩れない。
   本部は写真が無いので、その回は写真なしで組まれる（figure自体を出さない） */

/* NEXTの枠の「ゲスト参加できます」は状態を示すだけで、その場で動けなかった。
   次の回が分かった直後が一番申し込みたい瞬間なので、ここをボタンにする。
   本部の回はゲスト不可なので、これまでどおり札のまま */
.up-cta{margin-top:22px}
.upn .big .g.only{margin-top:22px}
.up-ph{margin:6px 0 0;overflow:hidden;border-radius:12px;background:var(--bg2);
  box-shadow:0 22px 40px -30px rgba(8,84,104,.7)}
.up-ph img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.upn .big:hover .up-ph img{transform:scale(1.04)}

/* ---- 入口を1画面に（2026-08-13 菅さん「おさまりの悪さがある。1画面におさめるのはどうか」）----
   直す前（1440x760 実測）：この節だけで **0〜1186px**。
   ・バナーが日付の**下**に積まれていて、ボタンより下＝画面の外にいた
   ・右の一覧が11件あり、右の柱だけで752px
   直し方は「横に置く」「件数を絞る」「上下を詰める」の3つ。 */
.up-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0 28px;align-items:start;margin-top:2px}
#lead{padding-top:calc(var(--hdh,71px) + 8px)}
/* 説明文の柱を広げて3行→2行にする。**字は小さくしない** */
#lead .lead{max-width:860px}
#lead .upn{margin-top:26px}
.upn > div{padding:16px 0 18px}
.upn .cav{padding:8px 0 10px}
.upn .d{margin-top:12px}
.upn .nm{margin-top:14px}
/* 高さを決めているのは**右の一覧**（5行 × 1行あたり約64px）。
   左の日付側ではなくこちらを詰めないと縮まない。 */
.upn ul{margin-top:12px}
.upn li{padding:11px 0}
.up-cta{margin-top:18px}
@media(max-width:860px){
  .up-2{grid-template-columns:1fr}
  .up-ph{margin:20px 0 0}
}