@charset "UTF-8";
/* =============================================================
   ab.css — B案（採用済み）のレイアウト差分
   ・.ab-b 配下の指定だけが効く。旧A（.ab-a・`?ab=a`）には一切影響しない。
   ・2026-07-30 に B を採用したので常時読み込みに変更した。
   ============================================================= */

/* ---------- B：お品書きの各コースに写真を添える ---------- */
.ab-b .menu__item{
  grid-template-columns:1fr clamp(88px,11vw,132px);
  align-items:center;
  column-gap:clamp(14px,2vw,26px);
}
.ab-b .menu__figure{
  grid-column:2; grid-row:1 / span 2; align-self:center;
  overflow:hidden; background:var(--paper-2);
  box-shadow:0 1px 0 rgba(26,24,21,.06);
}
.ab-b .menu__figure img{
  width:100%; aspect-ratio:4/3; object-fit:cover; display:block;
  transition:transform 1.1s var(--ease);
}
.ab-b .menu__item:hover .menu__figure img{ transform:scale(1.06); }

@media (prefers-reduced-motion: reduce){
  .ab-b .menu__figure img{ transition:none; }
  .ab-b .menu__item:hover .menu__figure img{ transform:none; }
}

/* 右下の「A | B」切替リンクのスタイルは 2026-07-30 に削除した（B採用で出力自体を廃止）。 */