/* ===================== v25：審査員（?jd=j1〜j3）。小道具（食卓）をやめ、名簿として見せる ===================== */
/* 文法：地は明るいグレー（白の本選の一日と交互）／番号と公開数は虹色の数字／名前は明朝／細い線 */
.jd{background:#f3f4f1;--iris2:linear-gradient(100deg,#0c6b47 0%,#14936b 30%,#2a7fc4 62%,#7253c9 100%)}
.jd__hd{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.jd__r .lead{margin:0}
br.pc{display:none}@media (min-width:901px){br.pc{display:inline}}
.jd__count{margin-top:18px;display:flex;align-items:baseline;gap:10px}
.jd__count b{font-family:var(--f-en);font-weight:600;font-size:56px;line-height:1;letter-spacing:-.03em;background:var(--iris2);-webkit-background-clip:text;background-clip:text;color:transparent}
.jd__count span{font-size:14px;font-weight:700;color:var(--v6-ink2)}
.jd__count em{font-style:normal;font-family:var(--f-en);font-weight:600;color:var(--v6-ink)}
.jd__body{margin-top:56px}
.jd__prev{margin:0}
.jd__prev img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}
.jd__prev figcaption{margin-top:10px;font-size:13px;color:var(--v6-ink2)}
.jd__list{list-style:none}
.jd__ph{margin:0;position:relative;overflow:hidden}
.jd__ph img{display:block;width:100%;height:100%;object-fit:cover}
.jd__no{font-family:var(--f-en);font-weight:600;letter-spacing:-.02em;line-height:1}
.jd__nm{font-family:"Shippori Mincho B1",serif;font-weight:700;letter-spacing:.06em;color:var(--v6-ink)}
.jd__or{font-size:13px;line-height:1.6;color:var(--v6-ink2)}
.jd__or b{display:block;font-weight:700;color:var(--v6-ink)}
.jd__it:not(.set) .jd__nm{color:rgba(20,30,24,.38)}

/* ---------- j1 顔写真の名簿：7席を4列のカードで。未定の席は番号だけの空き枠。決まると写真・名前・所属が入る ---------- */
html[data-jd="j1"] .jd__prev{display:none}
html[data-jd="j1"] .jd__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
html[data-jd="j1"] .jd__it{position:relative;opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html[data-jd="j1"] .jd__it.in{opacity:1;transform:none}
html[data-jd="j1"] .jd__it:nth-child(4n+2){transition-delay:.08s}html[data-jd="j1"] .jd__it:nth-child(4n+3){transition-delay:.16s}html[data-jd="j1"] .jd__it:nth-child(4n){transition-delay:.24s}
html[data-jd="j1"] .jd__ph{aspect-ratio:4/5;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,30,24,.08)}
html[data-jd="j1"] .jd__it:not(.set) .jd__ph{background:repeating-linear-gradient(135deg,#fff 0 14px,#f7f8f6 14px 28px);box-shadow:inset 0 0 0 1px rgba(20,30,24,.1)}
html[data-jd="j1"] .jd__no{position:absolute;left:16px;top:14px;z-index:1;font-size:15px;color:var(--v6-ink2)}
html[data-jd="j1"] .jd__it.set .jd__no{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4)}
html[data-jd="j1"] .jd__nm{margin-top:16px;font-size:clamp(18px,1.5vw,21px)}
html[data-jd="j1"] .jd__or{margin-top:6px}
/* 最後の空きマス：「6〜7名」の補足 */
html[data-jd="j1"] .jd__list::after{content:"食の業界の経営者を中心に、ほかの業界からも。";display:flex;align-items:flex-end;padding:0 0 64px;font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(17px,1.4vw,20px);line-height:1.7;color:var(--v6-ink)}

@media (max-width:900px){
  .jd__hd{grid-template-columns:1fr;gap:16px}
  .jd__body{margin-top:32px}
  html[data-jd="j1"] .jd__list{grid-template-columns:1fr 1fr;gap:24px 14px}
  html[data-jd="j1"] .jd__list::after{display:none}
}
/* j1 見直し1：7席を1列に（前回の審査員の並びのように）／繰り返しの文を外す／公開数は1人目が決まってから */
html[data-jd="j1"] .jd__list{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
html[data-jd="j1"] .jd__list::after{content:none}
html[data-jd="j1"] .jd__ph{aspect-ratio:3/4}
html[data-jd="j1"] .jd__it{transition-delay:calc(var(--k,0) * .07s)!important}
html[data-jd="j1"] .jd__nm{margin-top:12px;font-size:clamp(14px,1.15vw,17px);letter-spacing:.04em}
html[data-jd="j1"] .jd__or{font-size:12px}
html[data-jd="j1"] .jd__no{left:12px;top:10px;font-size:13px}
.jd__count.zero{display:none}
@media (max-width:900px){
  html[data-jd="j1"] .jd__list{grid-template-columns:repeat(7,42vw);overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut) * -1);padding:0 var(--gut) 8px;scroll-padding-left:var(--gut);scrollbar-width:none}
  html[data-jd="j1"] .jd__it{scroll-snap-align:start}
}
html[data-jd="j1"] .jd__it.set:not(.hasph) .jd__no{color:var(--v6-ink2);text-shadow:none}

/* ---------- j2 前回の写真＋名簿の表：左に前回の審査員の実写、右に7行の名簿（番号｜名前｜肩書き・所属） ---------- */
html[data-jd="j2"] .jd__body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start}
html[data-jd="j2"] .jd__prev{position:sticky;top:calc(var(--hd) + 32px)}
html[data-jd="j2"] .jd__prev img{aspect-ratio:4/3;object-position:50% 40%}
html[data-jd="j2"] .jd__list{border-top:2px solid var(--v6-ink)}
html[data-jd="j2"] .jd__it{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--v6-hair);
  opacity:0;transform:translateX(-12px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--k,0) * .06s)}
html[data-jd="j2"] .jd__it.in{opacity:1;transform:none}
html[data-jd="j2"] .jd__ph{display:none}
html[data-jd="j2"] .jd__no{font-size:15px;background:var(--iris2);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-jd="j2"] .jd__nm{font-size:clamp(17px,1.4vw,20px)}
html[data-jd="j2"] .jd__or{font-size:13px}
html[data-jd="j2"] .jd__or b{display:inline;margin-right:.6em}
@media (max-width:900px){
  html[data-jd="j2"] .jd__body{grid-template-columns:1fr}
  html[data-jd="j2"] .jd__prev{position:relative;top:0}
  html[data-jd="j2"] .jd__it{grid-template-columns:36px 1fr;row-gap:2px}
  html[data-jd="j2"] .jd__or{grid-column:2}
}

/* ---------- j3 クレジット：写真を使わず、名前を明朝で大きく2列に。未定の席は細い線だけ。上に前回の写真を横長で薄く ---------- */
html[data-jd="j3"] .jd__body{position:relative}
html[data-jd="j3"] .jd__prev{position:relative;height:clamp(220px,24vw,320px);border-radius:10px;overflow:hidden}
html[data-jd="j3"] .jd__prev img{border-radius:0;object-position:50% 38%;filter:grayscale(.15)}
html[data-jd="j3"] .jd__prev::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(243,244,241,0) 40%,rgba(243,244,241,.95) 100%)}
html[data-jd="j3"] .jd__prev figcaption{position:absolute;left:20px;bottom:16px;z-index:1;margin:0;color:var(--v6-ink)}
html[data-jd="j3"] .jd__list{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,6vw,96px)}
html[data-jd="j3"] .jd__it{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--v6-hair);
  opacity:0;transition:opacity .8s var(--ease);transition-delay:calc(var(--k,0) * .08s)}
html[data-jd="j3"] .jd__it.in{opacity:1}
html[data-jd="j3"] .jd__ph{display:none}
html[data-jd="j3"] .jd__no{grid-row:1/3;font-size:14px;color:var(--v6-ink2)}
html[data-jd="j3"] .jd__nm{font-size:clamp(24px,2.2vw,32px);letter-spacing:.1em}
html[data-jd="j3"] .jd__it:not(.set) .jd__nm{font-size:clamp(18px,1.5vw,21px);letter-spacing:.06em}
html[data-jd="j3"] .jd__or{grid-column:2;margin-top:4px}
html[data-jd="j3"] .jd__or b{display:inline;margin-right:.6em}
@media (max-width:900px){html[data-jd="j3"] .jd__list{grid-template-columns:1fr;margin-top:24px}html[data-jd="j3"] .jd__nm{font-size:22px}}
html[data-jd="j3"] .jd__it{min-height:118px;align-content:center}html[data-jd="j3"] .jd__it:not(.set) .jd__nm{font-size:clamp(24px,2.2vw,32px);letter-spacing:.1em} /* j3 見直し1：2列の行の高さをそろえる */
@media (max-width:900px){html[data-jd="j3"] .jd__it{min-height:0}html[data-jd="j3"] .jd__it:not(.set) .jd__nm{font-size:22px}}
html[data-jd="j1"] .jd__or{font-size:13px}