/* お知らせ・イベント（トップ／一覧／詳細）。biz の濃いグレー地・既存トークン準拠。
   design/pages は作らずテーマ側で実装（2026-10-01 上司指示）。 */

/* ---- お知らせリスト ---- */
.news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-line);}
.news-list__item{border-bottom:1px solid var(--c-line);}
.news-list__link{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:18px 4px;color:var(--c-text);text-decoration:none;}
.news-list__date{font-family:var(--ff-en);font-size:14px;letter-spacing:.08em;color:var(--c-text-note);flex:0 0 auto;}
.news-list__cat{flex:0 0 auto;font-size:11px;}
.news-list__title{flex:1 1 100%;font-size:var(--bz-fs-l3);line-height:1.8;color:var(--c-text);}  /* 2026-10-02 15px→L3（本文と同じ16px）＝スタッフ指示 */
/* タイトルのホバー＝link-anim.js の文字ロール＋下線（施工事例カード等と同じ）。静的下線は二重になるため廃止（2026-10-02） */
@media(min-width:768px){
  .news-list__link{flex-wrap:nowrap;gap:24px;padding:22px 8px;}
  .news-list__title{flex:1 1 auto;min-width:0;}
  /* 2026-10-02 スタッフ指示「タイトルの開始位置を揃える」＝カテゴリ札を最長名（施工事例更新）に合わせた固定幅・中央寄せ。
     ⚠️ 7文字以上のカテゴリを追加したらこの幅を見直す（住宅 design-system.css の左列96px と同じ考え方） */
  .news-list__cat{flex:0 0 112px;width:112px;box-sizing:border-box;text-align:center;white-space:nowrap;}
  /* 日付も数字の幅で1〜2pxずれるため固定幅（「2026.09.15」の実測＋余裕） */
  .news-list__date{flex:0 0 92px;width:92px;font-variant-numeric:tabular-nums;}
}

/* トップ #news のリストは /news/ 一覧（.section__inner.measure）と同じ本文幅に揃える（2026-10-02 スタッフ指示「罫線の幅を一覧と同じに」） */
#news .news-list{max-width:var(--c1-measure);margin-left:auto;margin-right:auto;}

/* ---- ページ送り ---- */
.ne-pager{margin-top:var(--sp-4);text-align:center;}
.ne-pager .page-numbers{display:inline-block;min-width:40px;padding:8px 12px;margin:0 2px;border:1px solid var(--c-line);border-radius:var(--radius);color:var(--c-text-sub);text-decoration:none;font-size:14px;}
.ne-pager .page-numbers.current{border-color:var(--c-text);color:var(--c-text);}
.ne-pager a.page-numbers:hover{border-color:var(--c-text);color:var(--c-text);}

/* ---- 0件・セクションのフッター（一覧ボタン）---- */
.ne-empty{margin-top:var(--sp-3);text-align:center;}  /* 見出し（中央）とそろえる＝2026-10-01 PL/PM調整 */
.ne-foot{margin-top:var(--sp-4);text-align:center;}

/* ---- イベントカード ---- */
.event-cards{display:grid;gap:var(--sp-4) var(--grid-gap);grid-template-columns:1fr;margin-top:var(--sp-3);}
@media(min-width:600px){ .event-cards{grid-template-columns:1fr 1fr;} }
@media(min-width:1000px){ .event-cards{grid-template-columns:repeat(3,1fr);} }
.event-card{display:block;color:var(--c-text);text-decoration:none;min-width:0;}
.event-card__photo{aspect-ratio:3 / 2;background:var(--c-ph);overflow:hidden;border-radius:var(--radius);}
.event-card__photo img{display:block;width:100%;height:100%;object-fit:cover;}
.event-card .ev-tag{margin-top:14px;}
.event-card__title{margin:10px 0 10px;font-size:16px;line-height:1.7;color:var(--c-text);}
.event-card__row{display:flex;gap:.5em;margin:0;font-size:13px;line-height:1.9;color:var(--c-text-sub);}
.event-card__row dt{flex:0 0 3.6em;color:var(--c-text-note);}
.event-card__row dt::after{content:"：";}
.event-card__row dd{margin:0;min-width:0;}

/* 状況タグ（受付中＝白実線枠／終了＝薄く） */
.ev-tag{display:inline-block;padding:3px 14px;font-size:11px;letter-spacing:.12em;line-height:1.6;color:var(--c-text);border:1px solid var(--c-line-dark);border-radius:999px;}
.ev-tag--closed{color:var(--c-text-note);border-color:var(--c-line);}
/* 2026-10-02 スタッフ指示「受付中は目立たせたい」＝受付中は赤地（お知らせタブの選択中と同じ配色）／残りわずかは赤の枠と文字。
   満席は既定の白枠、終了は薄く。赤は1画面1〜3点の原則内（トップ・一覧のイベントは最大3件） */
/* biz の --c-accent は白（ボタン等の主色）のため、赤は英字ラベルと同じ --c1-accent-ink を使う。赤地の文字は濃色（白文字だとコントラスト不足） */
/* 2026-10-02 スタッフ決定「A」＝受付中は白い背景（主ボタン・選択中のタブと同じ配色）。赤地は試して変更 */
.ev-tag.ev-tag--open{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-primary-ink);font-weight:500;}
.ev-tag.ev-tag--few{border-color:var(--c1-accent-ink);color:var(--c1-accent-ink);}

/* ---- 詳細ページ ---- */
.ne-meta{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:var(--sp-2);}
.ne-eyecatch{margin:0 0 var(--sp-4);}
.ne-eyecatch img{display:block;width:100%;height:auto;border-radius:var(--radius);}
.ne-body{margin-top:var(--sp-4);}
.ne-body > *:first-child{margin-top:0;}
/* 2026-10-02 本文は .txt と同じ L3（16px・行間2.05・字間.03em）。15px は biz-base.css の上書き前の値を写したもの＝訂正 */
.ne-body p{font-size:var(--bz-fs-l3);line-height:2.05;letter-spacing:.03em;color:var(--c-text-sub);margin:0 0 var(--sp-3);}
.ne-body h2,.ne-body h3{margin:var(--sp-4) 0 var(--sp-2);}
/* 2026-10-01 スタッフ指示「クリックできるとわかりやすく」＝本文のリンクは地の文より明るい色＋下線、hoverでアクセント色 */
.ne-body a{color:var(--c-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s;}
.ne-body a:hover,.ne-body a:focus-visible{color:var(--c-accent);}
.ne-body img{max-width:100%;height:auto;}
.ne-back{margin-top:var(--sp-5);text-align:center;}

/* ==========================================================================
   2026-10-02 詳細ページ B案（スタッフ決定「サイト全体の統一感は必ず保つ」）
   - 見出し帯は biz 全ページ共通の中央型（page-hero--compact）のまま。記事タイトルは長くなりがちなので
     余白を1段（sp-5→sp-4）、h1 を級数1段（h1→L1）下げた「記事用」の版にする。値はすべて既存トークン。
   - 本文の文字・行間・色は施工事例詳細の本文（.wd-story__body／.txt＝L3 16px・2.05・text-sub）と同じ。
   ========================================================================== */
/* 共通CSS（biz-c1-dark.css の .page-hero h1／.page-hero--compact）より後に読まれる保証がないため詳細度を1段上げる */
.page-hero.page-hero--article{padding-top:var(--sp-4);padding-bottom:var(--sp-4);}
.page-hero.page-hero--article h1{font-size:var(--bz-fs-l1);line-height:1.6;max-width:880px;margin-left:auto;margin-right:auto;}
/* 2026-10-02c スタッフ指示「決まった文字サイズ（40）で・冒頭の形はほかのページと同じに・罫線は全幅」＝
   中央の見出し帯と全幅の下線（biz 共通の .page-hero）はそのまま。タイトルは級数 L1（PC 40／SP 26）・最大幅 880px（720px だと40pxで3行になり帯が高くなるため）。
   「大きいタイトルと本文が離れて見える」対策として、帯の下線→本文の間だけ詰める（共通 sp-5→sp-4・本文側の上余白なし）。 */
.page-hero.page-hero--article + .section--tight.ne-article{padding-top:var(--sp-4);}
.ne-article .section__inner > .ne-body:first-child{margin-top:0;}
.ne-meta__date{font-family:var(--ff-en);font-size:var(--bz-fs-l4);letter-spacing:.08em;color:var(--c-text-note);}

/* 本文の要素（ブロックエディタで入る見出し・リスト・画像・ギャラリー・引用・区切り線） */
.ne-body h2{font-size:var(--bz-fs-l2);line-height:1.7;letter-spacing:.06em;color:var(--c-text);margin:var(--sp-5) 0 var(--sp-3);padding-bottom:12px;border-bottom:1px solid var(--c-line);}
.ne-body h3{font-size:var(--bz-fs-l3);line-height:1.8;letter-spacing:.06em;color:var(--c-text);margin:var(--sp-4) 0 var(--sp-2);}
.ne-body h2:first-child,.ne-body h3:first-child{margin-top:0;}
.ne-body ul,.ne-body ol{margin:0 0 var(--sp-3);padding-left:1.5em;}
.ne-body li{font-size:var(--bz-fs-l3);line-height:2.05;letter-spacing:.03em;color:var(--c-text-sub);}
.ne-body li + li{margin-top:4px;}
.ne-body figure{margin:var(--sp-4) 0;}
.ne-body figure img{display:block;width:100%;height:auto;border-radius:var(--radius);}
.ne-body figcaption,.ne-body .wp-element-caption{margin-top:8px;font-size:12px;line-height:1.6;letter-spacing:.08em;color:var(--c-text-note);text-align:left;}
.ne-body .wp-block-gallery{margin:var(--sp-4) 0;gap:var(--grid-gap);}
.ne-body .wp-block-gallery figure{margin:0;}
.ne-body blockquote{margin:var(--sp-4) 0;padding:4px 0 4px var(--sp-3);border-left:2px solid var(--c-line-dark);}
.ne-body blockquote p{margin-bottom:0;}
.ne-body hr{border:0;border-top:1px solid var(--c-line);margin:var(--sp-5) 0;}
.ne-body strong{color:var(--c-text);font-weight:500;}

/* 末尾ナビ「← 前の記事｜一覧に戻る｜次の記事 →」（parts/article-nav.php）。
   一覧ボタンは施工事例詳細「施工事例一覧に戻る」（.wd-back＝上56px・中央・.btn--ghost）と同じ */
.ne-nav{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"prev next" "back back";gap:var(--sp-3) 16px;align-items:center;margin-top:56px;padding-top:var(--sp-4);border-top:1px solid var(--c-line);}
.ne-nav__link{font-size:var(--bz-fs-l4);letter-spacing:.06em;line-height:1.6;color:var(--c-text-sub);text-decoration:none;transition:color .2s;}
.ne-nav__link:hover,.ne-nav__link:focus-visible{color:var(--c-text);text-decoration:underline;text-underline-offset:4px;}
.ne-nav__link--prev{grid-area:prev;justify-self:start;}
.ne-nav__link--next{grid-area:next;justify-self:end;}
.ne-nav__back{grid-area:back;justify-self:center;}
@media(min-width:768px){
  .ne-nav{grid-template-columns:1fr auto 1fr;grid-template-areas:"prev back next";}
}
.ev-data{max-width:640px;margin-left:auto;margin-right:auto;width:100%;border-collapse:collapse;font-size:var(--bz-fs-l3);}
.ev-data th,.ev-data td{border-bottom:1px solid var(--c-line);padding:14px 8px;text-align:left;vertical-align:top;line-height:1.9;color:var(--c-text-sub);}
.ev-data th{width:28%;font-weight:400;color:var(--c-text-note);white-space:nowrap;}
.ev-data tr:first-child th,.ev-data tr:first-child td{border-top:1px solid var(--c-line);}

/* ---- お知らせのカテゴリタブ（2026-10-01）。横並び・折り返し可。.chip（works-archive）と同じ丸ピルの見た目 ---- */
.news-tabs{list-style:none;margin:0 0 var(--sp-4);padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;}  /* 20261020q 左寄せ・8px（共通の .bz-filter） */
.news-tabs li{margin:0;min-width:0;}
.news-tabs__link{display:inline-block;font-size:13px;letter-spacing:.06em;line-height:1.6;color:var(--c-text-sub);background:transparent;border:1px solid var(--c-line-dark);padding:8px 18px;border-radius:999px;text-decoration:none;transition:all .18s;}
.news-tabs__link:hover{border-color:var(--c-text);color:var(--c-text);}
.news-tabs__link.is-current{background:var(--c-accent);color:var(--c-primary-ink);border-color:var(--c-accent);}

/* ---- イベント詳細: 写真ギャラリー（2026-10-01）。施工事例詳細 .wd-gallery--natural と同じ考え方：
   縦横比のまま・横長どうし/縦長どうしの2枚組・余り1枚(.is-solo)は中央に半分の幅。works-detail.css とのクラス衝突を避け .ev-gallery で独立定義 ---- */
.ev-gallery{display:grid;gap:var(--grid-gap);grid-template-columns:1fr;align-items:start;margin-top:var(--sp-4);}
.ev-gallery__item{margin:0;min-width:0;}
.ev-gallery__item img{display:block;width:100%;height:auto;border-radius:var(--radius);}
.ev-gallery__caption{display:block;margin-top:8px;font-size:12px;line-height:1.6;letter-spacing:.08em;color:var(--c-text-note);text-align:left;}
@media(min-width:768px){
  .ev-gallery{grid-template-columns:1fr 1fr;}
  .ev-gallery__item.is-solo{grid-column:1 / -1;justify-self:center;width:calc((100% - var(--grid-gap)) / 2);}
}


/* ---- 2026-10-02 イベント詳細：予約／施工事例ボタン・全幅ギャラリー・一覧ボタン ---- */
.ev-cta{margin:var(--sp-4) 0 0;text-align:center;}
.ev-cta--hero{margin-top:var(--sp-3);}
.ev-cta + .ne-body{margin-top:var(--sp-5);}
/* ギャラリーは本文幅の外（.section__inner＝施工事例詳細の写真と同じ最大幅）。上の本文との間は話題の切替＝sp-6、下余白なし */
.page-hero ~ .section--tight.ev-photo{padding-top:var(--sp-6);padding-bottom:0;}
.ev-photo .ev-gallery{margin-top:0;}
.page-hero ~ .section--tight.ev-back{padding-top:var(--sp-6);}
.ev-back .wd-back{margin-top:0;text-align:center;}
/* 本文の欄の下余白は0＝次の欄（ギャラリー／一覧ボタン）の上余白 sp-6 だけを間にする（余白の二重化を防ぐ） */
.page-hero ~ .section--tight.ne-article.ev-article{padding-bottom:0;}
.ne-body > *:last-child{margin-bottom:0;}

/* 2026-10-02 並び替え（本文→ギャラリー→開催概要＋ボタン）とギャラリー幅 1080px（.wd-photo--before と同じ既存の幅） */
/* 写真（アイキャッチ・ギャラリー）は 1080px・文章は 720px（.measure） */
.ev-wide{max-width:calc(1080px + var(--pad-side)*2);}
.ev-article .ev-wide .ne-eyecatch{margin-bottom:var(--sp-5);}
.page-hero ~ .section--tight.ev-overview{padding-top:var(--sp-6);padding-bottom:0;}
.ev-overview .ev-cta{margin-top:var(--sp-4);}
/* 予約／施工事例ボタンがあるときは「イベント一覧に戻る」をすぐ下に寄せる（2026-10-02 スタッフ指示「ボタン二つを近づけて」）＝sp-3（24px） */
.page-hero ~ .section--tight.ev-overview--cta + .section--tight.ev-back{padding-top:var(--sp-3);}
/* 2026-10-02 見出し帯の「日程｜会場」一行（住宅 .ev-fv__meta と同じ役割）。L4（14px）・補足色 */
.ev-hero-meta{margin:0 auto;max-width:880px;font-size:var(--bz-fs-l4);line-height:1.8;letter-spacing:.06em;color:var(--c-text-sub);}
.ev-hero-meta__sep{margin:0 .5em;color:var(--c-text-note);}
.page-hero--article .ev-hero-meta + .ne-meta{margin-top:var(--sp-2);}
/* お知らせ（施工事例更新）の該当する施工事例＝施工事例一覧のカード（.work-card）を本文幅で大きく（2026-10-02）。
   1件＝本文幅いっぱい／複数＝2列（SPは1列）。カードの見た目（写真・札・事例名・hover）は一覧の CSS をそのまま使う */
.ne-works-cards{display:grid;gap:var(--sp-4) var(--grid-gap);grid-template-columns:1fr;margin-top:var(--sp-5);}  /* 本文との間＝sp-5（64px＝同じ記事内のまとまりの切り替え。説明文→3点セット・アイキャッチ→本文と同じ。2026-10-02 一度 sp-4 を試して戻した） */
@media(min-width:768px){ .ne-works-cards.is-multi{grid-template-columns:1fr 1fr;} }
.ne-works-cards .work-card__t{font-size:var(--bz-fs-l2);}
/* 2026-10-02 開催レポート（イベント詳細）。告知の本文→（sp-6）→Report 見出し＋本文（720px）→写真（1080px） */
.page-hero ~ .section--tight.ev-report{padding-top:var(--sp-6);padding-bottom:0;text-align:left;}
/* 2026-10-02 ディレクター「開催レポートの部分の背景色を変える」＝告知（開催前の本文）と開催後の報告を帯で分ける。
   色はセクション交互帯と同じ --c-bg-sub（新色は作らない）。本文→帯の間＝sp-6（従来の上余白と同値）を外側に、帯の内側も上下 sp-6.
   控え＝_backup_20261002zj（帯なし） */
.page-hero ~ .section--tight.ev-report{background:var(--c-bg-sub);margin-top:var(--sp-6);padding-bottom:var(--sp-6);}
/* 同日「詰めてください」＝SPのみ、帯の外（本文→帯・帯→開催概要）と内側の上下を 120px → sp-5（64px）に揃えて詰める */
@media(max-width:767px){
  .page-hero ~ .section--tight.ev-report{margin-top:var(--sp-5);padding-top:var(--sp-5);padding-bottom:var(--sp-5);}
  .page-hero ~ .section--tight.ev-report + .section--tight{padding-top:var(--sp-5);}  /* 帯の直後（20261016zb 以降＝イベント一覧に戻る） */
}
.ev-report .eyebrow,.ev-report .h-sec{text-align:center;}
.ev-report__body{margin-top:var(--sp-3);}
.ev-report__photos{margin-top:var(--sp-5);}
/* 2026-10-02 状況の札の横に「開催レポート」の札（白の実線枠＝状況の札より一段はっきり）。札の並びは折り返し可 */
.event-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;}
.event-card__tags .ev-tag{margin-top:0;}
.ev-tag.ev-tag--report{border-color:var(--c-text);color:var(--c-text);}

/* ==========================================================
   2026-11-05 イベントの記事内予約フォーム（tag 20261105d・住宅 event-detail.css の .ev-reserve／.ev-cal を非住宅の色で）
   inc/event-booking.php の「ご予約」節と assets/js/event-booking.js のカレンダー。入力欄そのものは biz-base／biz-c1-dark の .field__* と forms.css。
   色はすべて既存の変数（新色は作らない）＝選んだ日・時刻は主ボタンと同じ白地（--c-primary）＋濃い文字（--c-primary-ink）。
   ========================================================== */
.page-hero ~ .section--tight.ev-reserve{padding-top:var(--sp-6);padding-bottom:0;}
.ev-reserve{text-align:left;}
.ev-reserve .h-sec{margin-bottom:var(--sp-3);}
.ev-reserve__open{margin-top:var(--sp-3);}
.ev-reserve__open[hidden],.ev-reserve__body[hidden]{display:none;}
.ev-reserve__lead{margin:0 0 var(--sp-3);font-size:var(--bz-fs-l4);line-height:1.9;color:var(--c-text-sub);}
.ev-reserve__note{margin:0;padding:var(--sp-3) var(--sp-2);border:1px solid var(--c-line);border-radius:var(--radius);text-align:center;line-height:2;font-size:var(--bz-fs-l4);}
.ev-reserve__note a{color:var(--c-text);text-decoration:underline;text-underline-offset:3px;}
.ev-reserve .wpcf7 .form{max-width:none;margin-top:0;}
/* 人数・お車＝2列 */
.ev-reserve .ev-party > *{flex:1 1 140px;}
.ev-reserve .ev-party .field__hint{display:block;margin:0 0 6px;}

/* カレンダー */
.ev-cal{border:1px solid var(--c-line);border-radius:var(--radius);padding:16px 12px 14px;background:var(--c-bg-sub);}
@media(min-width:768px){.ev-cal{padding:20px 24px 18px;}}
.ev-cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.ev-cal__month{margin:0;font-size:var(--bz-fs-l3);letter-spacing:.08em;}
.ev-cal__nav{width:40px;height:40px;border:1px solid var(--c-line-dark);border-radius:var(--radius);background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--c-text);}
.ev-cal__nav:disabled{opacity:.3;cursor:default;}
.ev-cal__grid{width:100%;border-collapse:collapse;table-layout:fixed;}
.ev-cal__grid th{font-size:12px;font-weight:400;color:var(--c-text-note);padding:6px 0;text-align:center;}
.ev-cal__grid td{height:56px;text-align:center;vertical-align:middle;border-top:1px solid var(--c-line);padding:2px;}
.ev-cal__num{display:block;font-size:var(--bz-fs-l4);line-height:1.4;}
.ev-cal__mark{display:block;font-size:12px;line-height:1.4;}
.ev-cal__day.is-none .ev-cal__num{opacity:.4;}
.ev-cal__day.is-full{color:var(--c-text-note);}
.ev-cal__day.is-open button{display:block;width:100%;height:100%;min-height:50px;border:1px solid transparent;border-radius:var(--radius);background:none;font:inherit;color:inherit;cursor:pointer;}
.ev-cal__day.is-open button:hover{border-color:var(--c-line-dark);}
.ev-cal__day.is-picked button,.ev-cal__day.is-picked{background:var(--c-primary);color:var(--c-primary-ink);}
.ev-cal__legend{display:flex;gap:16px;justify-content:flex-end;margin:10px 0 0;font-size:12px;color:var(--c-text-note);}
.ev-cal__times{margin-top:16px;padding-top:16px;border-top:1px solid var(--c-line);}
.ev-cal__times[hidden]{display:none;}
.ev-cal__times-title{margin:0 0 10px;font-size:var(--bz-fs-l4);}
.ev-cal__times-list{display:flex;flex-wrap:wrap;gap:10px;}
.ev-cal__time{display:flex;flex-direction:column;align-items:center;min-width:104px;padding:10px 14px;border:1px solid var(--c-line-dark);border-radius:var(--radius);background:transparent;font:inherit;font-size:var(--bz-fs-l3);color:var(--c-text);cursor:pointer;}
.ev-cal__time.is-picked{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-ink);}
.ev-cal__time:disabled{opacity:.4;cursor:default;}
.ev-cal__left{font-size:12px;margin-top:2px;}
/* 選んだ日時は文字で示す。送信用のセレクトは、カレンダーが動いているときだけ見えなくする（読み上げ・エラー表示は残す） */
.ev-cal__picked{display:none;margin:14px 0 0;padding:12px 14px;border:1px solid var(--c-line);border-radius:var(--radius);font-size:var(--bz-fs-l4);color:var(--c-text-note);}
.ev-cal-ready .ev-cal__picked{display:block;}
.ev-cal__picked.is-set{border-color:var(--c-text);color:var(--c-text);}
.ev-slot-select .field__hint{display:block;margin:14px 0 6px;}
.ev-cal-ready .ev-slot-select select,
.ev-cal-ready .ev-slot-select label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;}
/* 2026-11-05 tag 20261105e：受付中の回はフォームだけを開催概要のすぐ下に（開くボタン＝開催概要の「このイベントを予約する」）。
   閉じているあいだは余白を持たない＝「イベント一覧に戻る」との間はボタンがあるときの sp-3 のまま。開いたら一覧ボタンとの間は sp-6 */
.ev-reserve--inline .ev-reserve__body{padding-top:var(--sp-5);}
.ev-overview--cta + .ev-reserve--inline + .section--tight.ev-back{padding-top:var(--sp-3);}
.ev-reserve--inline:has(.ev-reserve__body:not([hidden])) + .section--tight.ev-back{padding-top:var(--sp-6);}
/* 2026-11-05 tag 20261105i：満席・締切後の案内は開催概要の表の下（予約ボタンの位置）に。見出し付きの別ブロックは作らない */
.ev-overview .ev-reserve__note{margin-top:var(--sp-4);}


/* 2026-11-05 tag 20261105l：ディレクター指示「上の罫線と同じ幅に」＝送信後の完了の枠と、満席・締切後の案内の枠を、開催概要の表（.ev-data＝640px）と同じ幅にそろえる */
.ev-reserve .wpcf7 form[data-idw-step="done"] .idw-done,
.ev-overview .ev-reserve__note{max-width:640px;margin-left:auto;margin-right:auto;}