/* 共通: ジャンルボタンのアイコンサイズルールを一元管理 */

/* デフォルト: 高さ24px、比率維持 */
.genreIcon-24::before { height: 24px !important; background-size: auto 24px !important; }

/* ちょい拡大 */
.genreIcon-18::before { height: 18px !important; background-size: auto 18px !important; }
.genreIcon-28::before { height: 28px !important; background-size: auto 28px !important; }
.genreIcon-30::before { height: 30px !important; background-size: auto 30px !important; }
.genreIcon-36::before { height: 36px !important; background-size: auto 36px !important; }

/* ラベル小さめ */
.genreLabel-8 span { font-size: 8px; }
.genreLabel-9 span { font-size: 9px; }

/* ラベル位置調整（ボタン内の余白） */
.genrePadTop-32 { padding-top: 32px !important; }

/* 位置微調整 */
.genreTop-3::before { top: 3px; }

/* ===== ジャンル → パターン割当（3画面共通） ===== */

/* ラーメン */
.genreItem.ramen a:before,
.genreButton.ramen a:before { height: 28px !important; background-size: auto 28px !important; }

/* ファッション */
.genreItem.fashion a:before,
.genreButton.fashion a:before { height: 28px !important; background-size: auto 28px !important; }
.genreItem.fashion a span,
.genreButton.fashion a span { font-size: 8px; }

/* ディーラー */
.genreItem.dealer a:before,
.genreButton.dealer a:before { height: 26px !important; background-size: auto 26px !important; }

/* 道の駅 */
.genreItem.roadStation a:before,
.genreButton.roadStation a:before { height: 30px !important; background-size: auto 30px !important; }

/* 居酒屋・バー */
.genreItem.izakaya a:before,
.genreButton.izakaya a:before { height: 18px !important; background-size: auto 18px !important; }
.genreItem.izakaya a,
.genreButton.izakaya a { padding-top: 32px !important; }
.genreItem.izakaya a span,
.genreButton.izakaya a span { font-size: 9px; }

/* カフェ / 映画館 / 美術館 / 図書館 / 郵便局 */
.genreItem.cafe a:before, .genreButton.cafe a:before,
.genreItem.movieTheater a:before, .genreButton.movieTheater a:before,
.genreItem.artMuseum a:before, .genreButton.artMuseum a:before,
.genreItem.library a:before, .genreButton.library a:before,
.genreItem.Post a:before, .genreButton.Post a:before { height: 24px !important; background-size: auto 24px !important; }

/* ファミレス / ファーストフード */
.genreItem.famires a:before, .genreButton.famires a:before,
.genreItem.fastFood a:before, .genreButton.fastFood a:before { height: 24px !important; background-size: auto 24px !important; }

/* ===== 1行ラベルの位置調整（全画面共通） ===== */
/* :has()に依存しない一行判定用クラス */
.genreItem a span.oneLine,
.genreButton a span.oneLine {
  margin-top: 4px !important;
}

/* アンカー自体の上余白も増やしてラベル位置を確実に下げる */
.genreItem a.labelOneLine,
.genreButton a.labelOneLine {
  padding-top: 32px !important; /* 既定28px +4px */
}