/* =====================
   Menu 追加オプション: .menu-photoless
   -----------------------------------------------------------
   menu.html（.menu-image×5）は無改造のまま、画像枠をブランドカラーの
   グラデーションで塗る。scroll/grid両バリアントで同じmenu.htmlを使い回すため、
   バリアント名を冠さない共通クラス名にしている。menu-imageは#CCCCCCが
   インラインstyleで直接指定されているため、上書きには!importantが必要
===================== */
.menu-photoless {
  --deco-color-1: var(--color-primary);
  --deco-color-2: var(--color-secondary);
}

.menu-photoless .menu-image {
  background: linear-gradient(135deg, var(--deco-color-1) 0%, var(--deco-color-2) 100%) !important;
}