検索を切り替える
メニューを切り替える
781
20
2
5460
川西図鑑
個人設定メニューを切り替える
個人メニューを切り替える
ログインしていません
編集を行うと、IPアドレスが公開されます。

「メインページ」の版間の差分

提供: 川西図鑑
その他の操作
← 古い編集
ビジュアルウィキテキスト
編集の要約なし
編集の要約なし
 
(同じ利用者による、間の24版が非表示)
18行目: 18行目:
       </p>
       </p>
       <div class="hero-actions">
       <div class="hero-actions">
         <a class="kz-btn primary kz-with-icon" role='button' href="/wiki/カテゴリーでさがす">
         <a class="kz-btn secondary kz-with-icon" role='button' href="/wiki/カテゴリーでさがす">
           <span class="kz-icon">📖</span>
           <span class="kz-icon">📂</span>
           <span class="kz-label">カテゴリーでさがす</span>
           <span class="kz-label">カテゴリーでさがす</span>
</a>
</a>
         <a class="kz-btn secondary" role='button' href="/wiki/場所でさがす">
         <a class="kz-btn secondary kz-with-icon" role='button' href="/wiki/場所でさがす">
           <span class="kz-icon">📍</span>
           <span class="kz-icon">📍</span>
           <span class="kz-label">場所でさがす</span>
           <span class="kz-label">場所でさがす</span>
32行目: 32行目:
<!-- How to use -->
<!-- How to use -->
<section class="kz-section">
<section class="kz-section">
   <h2>川西図鑑の使い方</h2>
   <h2>図鑑</h2>
   <p class="section-lead">
   <p class="section-lead">
     川西図鑑では、探し方を選ぶことができます。
     川西図鑑では、探し方を選ぶことができます。
39行目: 39行目:
   <div class="card-grid">
   <div class="card-grid">
     <div class="card">
     <div class="card">
       <a href="/wiki/カテゴリーで探す" class="card-box card-main">
       <a href="/wiki/カテゴリーでさがす" class="card-box card-main">
         <span class="icon">📂</span>
         <span class="icon">📂</span>
         <span class="title">カテゴリーで探す</span>
         <span class="title">カテゴリーでさがす</span>
         <span class="desc">
         <span class="desc">
           飲食店・美容・施設・地域の活動など、<br>
           飲食店・美容・施設・地域の活動など、<br>
           ジャンルごとに情報を探せます。
           カテゴリーごとに情報を探せます。
         </span>
         </span>
       </a>
       </a>
50行目: 50行目:


     <div class="card">
     <div class="card">
       <a href="/wiki/場所から探す" class="card-box card-main">
       <a href="/wiki/場所でさがす" class="card-box card-main">
         <span class="icon">📍</span>
         <span class="icon">📍</span>
         <span class="title">場所で探す</span>
         <span class="title">場所でさがす</span>
         <span class="desc">
         <span class="desc">
           最寄り駅やエリアから、<br>
           最寄り駅やエリアから、<br>
125行目: 125行目:
   <!-- Random -->
   <!-- Random -->
   <div class="kz-section">
   <div class="kz-section">
    <h2>今日の川西</h2>
=== 今日の川西 ===
    <p class="kz-section-lead">
<p class="kz-section-lead">
       ランダムに1件表示しています。
       ランダムに1件表示しています。
     </p>
     </p>
   {{#cargo_query:
   {{#cargo_query:
       tables=飲食店情報
       tables=図鑑情報
       |fields=飲食店情報._pageName,飲食店情報.店名,飲食店情報.画像,飲食店情報.ジャンル,飲食店情報.郵便番号,飲食店情報.住所,飲食店情報.最寄り,飲食店情報.営業時間月,飲食店情報.定休日,飲食店情報.電話番号,飲食店情報.予算昼下限,飲食店情報.予算昼上限,飲食店情報.予算夜下限,飲食店情報.予算夜上限,飲食店情報.ストリートビューURL,飲食店情報.座標
       |fields=図鑑情報._pageName,図鑑情報.店名,図鑑情報.画像,図鑑情報.ジャンル,図鑑情報.郵便番号,図鑑情報.住所,図鑑情報.最寄り,図鑑情報.営業時間月,図鑑情報.定休日,図鑑情報.電話番号,図鑑情報.予算昼下限,図鑑情報.予算昼上限,図鑑情報.予算夜下限,図鑑情報.予算夜上限,図鑑情報.ストリートビューURL,図鑑情報.座標
       |format=template
       |format=template
       |template=検索結果カード
       |template=検索結果カード
137行目: 137行目:
       |order by=_rowID DESC
       |order by=_rowID DESC
       |limit=1
       |limit=1
       |offset={{#expr: {{#time:U}} mod 424 }}
       |offset={{#expr: {{#time:U}} mod 489 }}
       |more results text=
       |more results text=
     }}
     }}
145行目: 145行目:
===== お店のオーナー様へ =====
===== お店のオーナー様へ =====


情報の修正や、写真・メニューの追加、公式図鑑ページとしての掲載が可能です。
情報の修正・写真の追加は無料でできます。メニューの掲載や公式バッジ付きページも対応可能です。
<div class="cta">
<div class="cta">
[[事業者の方へ|公式掲載・掲載内容のご案内を見る]]
[https://{{SERVERNAME}}/business/lp/ 無料登録・公式ページの詳細を見る]
</div>
</div>


157行目: 157行目:
</div>
</div>
</div>
</div>
<html>
<html>
   <!-- Footer Message -->
   <!-- Footer Message -->
295行目: 294行目:


.kz-btn.secondary {
.kz-btn.secondary {
   background: rgba(255, 255, 255, 0.95);
   background: #3b82f6;
   color: #374151;
   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0.2);
   border: 1px solid rgba(255, 255, 255, 0.2);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}
}


.kz-btn.secondary:hover {
.kz-btn.secondary:hover {
   background: #fff;
   background: #2563eb;
   transform: translateY(-2px);
   transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);
}
.kz-btn.secondary .kz-icon {
  filter: grayscale(0) brightness(1.1);
}
}


326行目: 330行目:
.kz-section {
.kz-section {
   background: #f9fafb;
   background: #f9fafb;
   padding: 50px 20px;
   padding: 10px 50px 20px;
   border-radius: 16px;
   border-radius: 16px;
   margin-top: 40px;
   margin-top: 40px;
334行目: 338行目:
   font-size: 28px;
   font-size: 28px;
   font-weight: 700;
   font-weight: 700;
  margin-top: 12px;
   margin-bottom: 12px;
   margin-bottom: 12px;
   color: #111827;
   color: #111827;
351行目: 356行目:
.card-grid {
.card-grid {
   display: grid;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
   gap: 24px;
  margin: 0 auto;
  max-width: 800px;
}
}


/* ========================================
  カード
======================================== */
.card {
.card {
  background: #fff;
  border-radius: 16px;
  border: 2px solid #e5e7eb;
  padding: 28px;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  cursor: pointer;
   position: relative;
   position: relative;
  overflow: hidden;
}
}


.card::before {
.card-box {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #f59e0b, #d97706);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
 
.card:hover:not(.disabled) {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(245, 158, 11, 0.2);
  border-color: #f59e0b;
}
 
.card:hover:not(.disabled)::before {
  transform: scaleX(1);
}
 
.card:active:not(.disabled) {
  transform: translateY(-2px);
}
 
.card .icon {
  font-size: 48px;
  margin-bottom: 20px;
  line-height: 1;
}
 
.card .title {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
 
.card .desc {
  font-size: 14px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
 
.card-main {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   padding: 24px;
  align-items: center;
   border-bottom: 1px solid #e5e7eb;
  text-align: center;
   margin-bottom: 20px;
   padding: 32px 24px;
  background: #fff;
   border: 2px solid #e5e7eb;
   border-radius: 16px;
   text-decoration: none;
   text-decoration: none;
   color: inherit;
   transition: all 0.3s ease;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.06);
   transition: all 0.2s;
   height: 100%;
   cursor: pointer;
   gap: 16px;
}
}


.card-main:hover {
.card-box:hover {
   background: #f9fafb;
   border-color: #f59e0b;
   transform: translateX(2px);
  box-shadow: 0 4px 16px rgba(245, 158, 11, 0.15);
   transform: translateY(-4px);
}
}


.card-main .icon {
/* ========================================
  カード内要素
======================================== */
.card-box .icon {
   font-size: 48px;
   font-size: 48px;
  margin-bottom: 16px;
   line-height: 1;
   line-height: 1;
  display: block;
  margin-bottom: 8px;
  filter: brightness(1.1);
}
}


.card-main .title {
.card-box .title {
   font-size: 18px;
   font-size: 20px;
   font-weight: 700;
   font-weight: 700;
   color: #111827;
   color: #111827;
   margin-bottom: 8px;
   display: block;
  white-space: nowrap;
   line-height: 1.3;
  overflow: hidden;
   text-overflow: ellipsis;
}
}


.card-main .desc {
.card-box .desc {
   font-size: 14px;
   font-size: 14px;
   color: #6b7280;
   color: #6b7280;
   white-space: nowrap;
   display: block;
  overflow: hidden;
   line-height: 1.6;
   text-overflow: ellipsis;
}
}


.card-links {
.card-box:hover .title {
   display: grid;
   color: #d97706;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
}


.card-box {
.card-box:hover .desc {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 12px;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
   color: #374151;
   color: #374151;
  background: #fff;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-box:hover {
  background: #fef3c7;
  border-color: #f59e0b;
  color: #d97706;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
}
.card-box:active {
  transform: translateY(0);
}
.card.disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: not-allowed;
}
.card a,
.card a:visited,
.card a:hover,
.card a:active {
  color: inherit;
}
}


517行目: 430行目:
.kz-section.alt {
.kz-section.alt {
   position: relative;
   position: relative;
  background: #f9fafb;
  padding: 50px 20px;
  border-radius: 16px;
   overflow: hidden;
   overflow: hidden;
}
}
599行目: 509行目:
}
}


.skin-theme-clientpref-night div.kz-section,
.skin-theme-clientpref-night .kz-section,
.skin-theme-clientpref-night .kz-section.alt {
.skin-theme-clientpref-night .kz-section.alt {
   background: #1e1e1e;
   background: #1e1e1e;
657行目: 567行目:


.skin-theme-clientpref-night .kz-btn.secondary {
.skin-theme-clientpref-night .kz-btn.secondary {
   background: #2a2a2a;
   background: #3b82f6;
   color: #f9fafb;
   color: #fff;
   border-color: #3a3a3a;
   border-color: rgba(255, 255, 255, 0.2);
}
}


.skin-theme-clientpref-night .kz-btn.secondary:hover {
.skin-theme-clientpref-night .kz-btn.secondary:hover {
   background: #374151;
   background: #2563eb;
}
}


674行目: 584行目:
   }
   }
    
    
   .skin-theme-clientpref-os div.kz-section,
   .skin-theme-clientpref-os .kz-section,
   .skin-theme-clientpref-os .kz-section.alt {
   .skin-theme-clientpref-os .kz-section.alt {
     background: #1e1e1e;
     background: #1e1e1e;
715行目: 625行目:
    
    
   .skin-theme-clientpref-os .kz-btn.secondary {
   .skin-theme-clientpref-os .kz-btn.secondary {
     background: #2a2a2a;
     background: #3b82f6;
     color: #f9fafb;
     color: #fff;
     border-color: #3a3a3a;
     border-color: rgba(255, 255, 255, 0.2);
   }
   }
    
    
   .skin-theme-clientpref-os .kz-btn.secondary:hover {
   .skin-theme-clientpref-os .kz-btn.secondary:hover {
     background: #374151;
     background: #2563eb;
   }
   }
}
}
752行目: 662行目:
    
    
   .card-grid {
   .card-grid {
     grid-template-columns: 1fr;
     gap: 16px;
  }
 
  .card-box {
    padding: 24px 20px;
   }
   }
    
    
   .kz-section {
   .card-box .icon {
     padding: 40px 0;
     font-size: 40px;
  }
 
  .card-box .title {
    font-size: 18px;
  }
 
  .card-box .desc {
    display: none;
   }
   }
    
    
   div.kz-section {
   .kz-section {
     padding: 40px 16px;
     padding: 20px 15px;
    margin-top: 30px;
   }
   }
    
    

2026年2月18日 (水) 09:29時点における最新版

川西図鑑

川西の「お店・人・場所」を集めた地域図鑑

飲食店から地域の活動まで。
川西市にある情報を、誰でも書き、誰でも探せます。

📂 カテゴリーでさがす 📍 場所でさがす

図鑑

川西図鑑では、探し方を選ぶことができます。

📂 カテゴリーでさがす 飲食店・美容・施設・地域の活動など、
カテゴリーごとに情報を探せます。
📍 場所でさがす 最寄り駅やエリアから、
近くのお店や施設を探せます。
準備中

記事

川西のさまざまな図鑑ページに関連する、
ユーザーが書いた記事を紹介します。

川西能勢口で見つけた小さな名店
昔の川西と今を比べてみる
川西で活動する人たち
記事一覧を見る 記事を書く

今日の川西

ランダムに1件表示しています。

靴下屋 アステ川西店

川西能勢口駅 衣料品店

昼： - ～- 　夜： - ～-

兵庫県川西市栄町25−1 アステ川西 1F

お店のオーナー様へ

情報の修正・写真の追加は無料でできます。メニューの掲載や公式バッジ付きページも対応可能です。

無料登録・公式ページの詳細を見る


市民の皆さんへ 情報提供のお願い

営業時間や定休日の変更、新店舗情報など、市民の皆さんからの情報提供を受け付けています。

情報を提供・修正する

川西図鑑は、川西の情報を少しずつ集めていく
オープンな地域Wikiです。

「https://testzukan.zebralion.co.jp/index.php?title=メインページ&oldid=5136」から取得
最終更新
このページの最終更新日時は 2026年2月18日 (水) 09:29 です。