「飲食店ジャンル一覧」の版間の差分

← 古い編集

ビジュアルウィキテキスト

2026年1月23日 (金) 12:47時点における最新版

川西市内の飲食店をジャンル別にまとめました。

気になるジャンルをタップすると、該当する飲食店一覧をご覧いただけます。

ジャンルごとの一覧ページでは、営業時間・アクセス・写真・地図などの情報をまとめて掲載しています。

ランチ・ディナー・テイクアウト対応のお店探しにもご活用ください。

@@ 1行目: / 1行目: @@
+<metadesc>川西市の飲食店をジャンル別に一覧でご紹介。居酒屋、ラーメン、カフェ・スイーツ、焼肉、和食など、目的に合わせてお店を探せます。川西市内で気になる飲食店をジャンルから簡単に見つけられる地域密着型の飲食店図鑑です。</metadesc>
+<templatestyles src="ジャンル一覧/styles.css" />
 川西市内の飲食店をジャンル別にまとめました。
 気になるジャンルをタップすると、該当する飲食店一覧をご覧いただけます。
-<div class="genre-list">
+<div class="list">
-* [[居酒屋|居酒屋一覧]]
+* [[居酒屋|居酒屋一覧　{{飲食店件数取得|column=ジャンル|detail=居酒屋}}件]]
-* [[カフェ・スイーツ|カフェ・スイーツ一覧]]
+* [[ダイニングバー・バル|ダイニングバー・バル一覧　{{飲食店件数取得|column=ジャンル|detail=ダイニングバー・バル}}件]]
-* [[ラーメン|ラーメン一覧]]
+* [[創作料理|創作料理一覧　{{飲食店件数取得|column=ジャンル|detail=創作料理}}件]]
-* [[焼肉・ホルモン|焼肉・ホルモン一覧]]
+* [[和食|和食一覧　{{飲食店件数取得|column=ジャンル|detail=和食}}件]]
-* [[和食|和食一覧]]
+* [[洋食|洋食一覧　{{飲食店件数取得|column=ジャンル|detail=洋食}}件]]
-* [[洋食|洋食一覧]]
+* [[イタリアン・フレンチ|イタリアン・フレンチ一覧　{{飲食店件数取得|column=ジャンル|detail=イタリアン・フレンチ}}件]]
-* [[中華|中華一覧]]
+* [[中華|中華一覧　{{飲食店件数取得|column=ジャンル|detail=中華}}件]]
-* [[イタリアン・フレンチ|イタリアン・フレンチ一覧]]
+* [[焼肉・ホルモン|焼肉・ホルモン一覧　{{飲食店件数取得|column=ジャンル|detail=焼肉・ホルモン}}件]]
-* [[ダイニングバー・バル|ダイニングバー・バル一覧]]
+* [[韓国料理|韓国料理一覧　{{飲食店件数取得|column=ジャンル|detail=韓国料理}}件]]
-* [[バー・カクテル|バー・カクテル一覧]]
+* [[アジア・エスニック料理|アジア・エスニック料理一覧　{{飲食店件数取得|column=ジャンル|detail=アジア・エスニック料理}}件]]
-* [[韓国料理|韓国料理一覧]]
+* [[各国料理|各国料理一覧　{{飲食店件数取得|column=ジャンル|detail=各国料理}}件]]
-* [[アジア・エスニック料理|アジア・エスニック料理一覧]]
+* [[カラオケ・パーティ|カラオケ・パーティ一覧　{{飲食店件数取得|column=ジャンル|detail=カラオケ・パーティ}}件]]
-* [[各国料理|各国料理一覧]]
+* [[バー・カクテル|バー・カクテル一覧　{{飲食店件数取得|column=ジャンル|detail=バー・カクテル}}件]]
-* [[創作料理|創作料理一覧]]
+* [[ラーメン|ラーメン一覧　{{飲食店件数取得|column=ジャンル|detail=ラーメン}}件]]
-* [[カラオケ・パーティ|カラオケ・パーティ一覧]]
+* [[お好み焼き・もんじゃ|お好み焼き・もんじゃ一覧　{{飲食店件数取得|column=ジャンル|detail=お好み焼き・もんじゃ}}件]]
-* [[その他グルメ|その他グルメ一覧]]
+* [[カフェ・スイーツ|カフェ・スイーツ一覧　{{飲食店件数取得|column=ジャンル|detail=カフェ・スイーツ}}件]]
+* [[その他グルメ|その他グルメ一覧　{{飲食店件数取得|column=ジャンル|detail=その他グルメ}}件]]
 </div>
@@ 30行目: / 33行目: @@
 ランチ・ディナー・テイクアウト対応のお店探しにもご活用ください。
 <html>
-<style>
+<script>
-.genre-list a,
+// ジャンルごとのアイコンを設定
-.genre-list a:link,
+document.addEventListener('DOMContentLoaded', function() {
-.genre-list a:visited,
+  const genreIcons = {
-.genre-list a:hover,
+    '居酒屋': '🍺',
-.genre-list a:active {
+    'ダイニングバー・バル': '🍷',
-  color: inherit;
+    '創作料理': '👨‍🍳',
-  text-decoration: none;
+    '和食': '🍱',
-}
+    '洋食': '🍽️',
+    'イタリアン・フレンチ': '🍝',
-.genre-list ul {
+    '中華': '🥟',
-  list-style: none;
+    '焼肉・ホルモン': '🥩',
-  padding: 0;
+    '韓国料理': '🌶️',
-  margin: 1em 0;
+    'アジア・エスニック料理': '🍜',
-}
+    '各国料理': '🌍',
+    'カラオケ・パーティ': '🎤',
-.genre-list li {
+    'バー・カクテル': '🍸',
-  margin-bottom: 0.6em;
+    'ラーメン': '🍜',
-}
+    'お好み焼き・もんじゃ': '🥞',
+    'カフェ・スイーツ': '☕',
-.genre-list a {
+    'その他グルメ': '🍴'
-  display: block;
+   };
-  padding: 1em 1.1em;
-  border-radius: 16px;
+   const genreLinks = document.querySelectorAll('.list a');
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  background: #f8f9fa;
+  genreLinks.forEach(link => {
-   text-decoration: none;
+    const text = link.textContent.trim();
-   font-weight: 600;
-   transition: background 0.15s ease, transform 0.15s ease;
+    // ジャンル名を抽出（「一覧」の前まで）
-}
+    for (const [genre, icon] of Object.entries(genreIcons)) {
+      if (text.includes(genre)) {
-.genre-list a:hover {
+        link.setAttribute('data-icon', icon);
-  background: #f1f3f5;
+        break;
-  transform: translateY(-1px);
+      }
-}
+     }
+   });
-/* ダークモード（OS or Citizen自動） */
+});
-@media (prefers-color-scheme: dark) {
+</script>
- .skin-theme-clientpref-night .genre-list a,
- .skin-theme-clientpref-os .genre-list a {
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    background: #1e1e1e;
-  }
- .skin-theme-clientpref-night  .genre-list a:hover,
- .skin-theme-clientpref-os  .genre-list a:hover  {
-     background: #2a2a2a;
-   }
-}
-</style>
 </html>