テンプレート:飲食店のソースを表示

{{#vardefine:aria|
{{#switch: {{{郵便番号}}}
| 6660148 =  赤松 
| 6660156 =  石道 
| 6660146 =  芋生 
| 6660007 =  鴬が丘 
| 6660133 =  鴬台 
| 6660001 =  鴬の森町 
| 6660014 =  小戸 
| 6660015 =  小花 
| 6660031 =  霞ケ丘 
| 6660025 =  加茂 
| 6660012 =  絹延町 
| 6660135 =  錦松台 
| 6660024 =  久代 
| 6660103 =  国崎 
| 6660101 =  黒川 
| 6660145 =  けやき坂 
| 6660107 =  下財町 
| 6660115 =  向陽台 
| 6660033 =  栄町 
| 6660021 =  栄根 
| 6660104 =  笹部 
| 6660022 =  下加茂 
| 6660125 =  新田 
| 6660116 =  水明台 
| 6660158 =  清流台 
| 6660143 =  清和台西 
| 6660142 =  清和台東 
| 6660002 =  滝山町 
| 6660126 =  多田院 
| 6660127 =  多田院多田所町 
| 6660128 =  多田院西 
| 6660124 =  多田桜木 
| 6660112 =  大和西 
| 6660111 =  大和東 
| 6660016 =  中央町 
| 6660123 =  鼓が滝 
| 6660034 =  寺畑 
| 6660011 =  出在家町 
| 6660113 =  長尾町 
| 6660155 =  西畦野 
| 6660138 =  西多田 
| 6660004 =  萩原 
| 6660006 =  萩原台西 
| 6660134 =  萩原台西 
| 6660005 =  萩原台東 
| 6660035 =  花屋敷 
| 6660036 =  花屋敷山手町 
| 6660017 =  火打 
| 6660117 =  東畦野 
| 6660114 =  東畦野山手 
| 6660023 =  東久代 
| 6660122 =  東多田 
| 6660032 =  日高町 
| 6660153 =  一庫 
| 6660121 =  平野 
| 6660037 =  松が丘町 
| 6660003 =  丸の内町 
| 6660152 =  丸山台 
| 6650891 =  満願寺町 
| 6660013 =  美園町 
| 6660157 =  緑が丘 
| 6660129 =  緑台 
| 6660136 =  南野坂 
| 6660026 =  南花屋敷 
| 6660105 =  見野 
| 6660151 =  美山台 
| 6660141 =  虫生 
| 6660131 =  矢問 
| 6660132 =  矢問東町 
| 6660144 =  柳谷 
| 6660106 =  山下町 
| 6660154 =  山原 
| 6660137 =  湯山台 
| 6660102 =  横路 
| 6660147 =  若宮 
}}}}
======  ======
<div class="template-tenpo">
  <!-- 店舗/飲食店テンプレート -->
</div>

<div class="img-crop">
{{#if: {{{画像|}}} 
  | [[File:{{{画像}}}|middle|class=crop-img]]
  | {{#if: {{{ストリートビューURL|}}}
        | <div class="streetview-placeholder" data-url="{{{ストリートビューURL}}}" style="width: 100%; height: 100%;"></div>
        | <div class="streetview-api-placeholder" data-name="{{{座標}}}" style="width: 100%; height: 100%;"></div>
    }}
}}
</div>

<div style="font-size: calc(1em - 3px);">
{{#if: {{{最寄り|}}} | {{{最寄り}}} }}
{{#if: {{{ジャンル|}}} | {{{ジャンル}}} }}
<br />
昼：
{{#if: {{{予算昼下限|}}} | ￥{{{予算昼下限}}} | - }}
～{{#if: {{{予算昼上限|}}} | ￥{{{予算昼上限}}} | - }}
　夜：
{{#if: {{{予算夜下限|}}} | ￥{{{予算夜下限}}} | - }}
～{{#if: {{{予算夜上限|}}} | ￥{{{予算夜上限}}} | - }}
</div>

<div>
{{#vardefine:description|
{{#var:aria | 川西市}}にある{{{店名|}}}は、{{{ジャンル|}}}のお店です。
{{#ifeq: {{{個室|}}} | 1 | 個室あり。}}{{#ifeq: {{{貸切|}}} | 1 | 貸切あり。}}{{#if:{{{禁煙喫煙|}}}|{{{禁煙喫煙}}}。}}{{#ifeq: {{{駐車場|}}} | 1 | 駐車場あり。}}{{#ifeq: {{{予約|}}} | 1 |予約{{#if:{{{予約方法|}}}|は{{{予約方法}}}}}が可能です。}}{{#ifeq: {{{テイクアウ|}}} | 1 | テイクアウト対応。}}
}}
{{#var:description|}}
</div>
{{#tag:metadesc|{{#var:description}}}}
====基本情報====
<div class="flex-box">
<div class="flex-left">
{| class="wikitable"
|-
! 店名
| {{{店名|不明}}}
|-
! ジャンル
| {{{ジャンル|不明}}}
|-
! 郵便番号
| {{{郵便番号|不明}}}
|-
! 住所
| {{{住所|不明}}}
{{#if: {{{最寄り|}}} 
  | {{!}}-
    ! 最寄り
     {{!}} {{{最寄り}}}
}}
|-
! 営業時間
| {{#if: {{{営業時間月|}}} | 月　{{{営業時間月}}}<br />}}
{{#if: {{{営業時間火|}}} | 火　{{{営業時間火}}}<br />}}
{{#if: {{{営業時間水|}}} | 水　{{{営業時間水}}}<br />}}
{{#if: {{{営業時間木|}}} | 木　{{{営業時間木}}}<br />}}
{{#if: {{{営業時間金|}}} | 金　{{{営業時間金}}}<br />}}
{{#if: {{{営業時間土|}}} | 土　{{{営業時間土}}}<br />}}
{{#if: {{{営業時間日|}}} | 日　{{{営業時間日}}}<br />}}
{{#if: {{{営業時間祝日|}}} | 祝日　{{{営業時間祝日}}}}}
{{#if: {{{定休日|}}} 
  | {{!}}-
    ! 定休日
     {{!}} {{{定休日}}}
}}
{{#if: {{{電話番号|}}} 
  | {{!}}-
    ! 電話番号
     {{!}} {{{電話番号}}}
}}
{{#if: {{{メニュー1|}}} 
  | {{!}}-
    ! おすすめメニュー
 {{!}} {{{メニュー1}}}　{{#if: {{{メニュー1価格|}}}|￥{{{メニュー1価格}}}}}
{{#if: {{{メニュー2|}}} | {{{メニュー2}}}　{{#if: {{{メニュー2価格|}}} | ￥{{{メニュー2価格}}}}}}}<br />
{{#if: {{{メニュー3|}}} | {{{メニュー3}}}　{{#if: {{{メニュー3価格|}}} | ￥{{{メニュー3価格}}}}}}}<br />
{{#if: {{{メニュー4|}}} | {{{メニュー4}}}　{{#if: {{{メニュー4価格|}}} | ￥{{{メニュー4価格}}}}}}}<br />
{{#if: {{{メニュー5|}}} | {{{メニュー5}}}　{{#if: {{{メニュー5価格|}}} | ￥{{{メニュー5価格}}}}}}}
}}
|-
! 平均予算
| 昼：{{#if: {{{予算昼下限|}}} |￥{{{予算昼下限}}}| -}}～{{#if: {{{予算昼上限|}}}|￥{{{予算昼上限}}}| -}}
夜：{{#if: {{{予算夜下限|}}} |￥{{{予算夜下限}}}| -}}～{{#if: {{{予算夜上限|}}} |￥{{{予算夜上限}}}| -}}
|-
! 支払い方法
| カード {{#ifeq: {{{支払い方法カード}}} | 1 | 利用可<br>{{{支払い方法カード種類|}}} | {{#ifeq: {{{支払い方法カード}}} | 0 | 利用不可 | 不明 }} }}
電子マネー {{#ifeq: {{{支払い方法電子マネー}}} | 1 | 利用可<br>{{{支払い方法電子マネー種類|}}} | {{#ifeq: {{{支払い方法電子マネー}}} | 0 | 利用不可 | 不明 }} }}<br><br>
QR決済 {{#ifeq: {{{支払い方法QR}}} | 1 | 利用可<br>{{{支払い方法QR種類|}}} | {{#ifeq: {{{支払い方法QR}}} | 0 | 利用不可 | 不明 }} }}<br><br>
その他 {{{支払い方法その他|なし}}}
{{#if: {{{料金備考|}}} 
  | {{!}}-
    ! 料金備考
     {{!}} {{{料金備考}}}
}}
{{#ifeq: {{{テイクアウト}}} | 1 |
  | {{!}}-
    ! テイクアウト
     {{!}} あり
}}
|-
! SNS
| <div class="twitter-id" style="display:none;">{{{X|}}}</div><br>
<div class="instagram-id" style="display:none;">{{{Instagram|}}}</div>
<div class="tiktok-id" style="display:none;">{{{TikTok|}}}</div>
<div class="facebook-id" style="display:none;">{{{Facebook|}}}</div>
|-
! リンク
|<div>{{#if: {{{公式HP|}}} | 公式HP {{{公式HP}}}}}{{#if: {{{食べログURL|}}} | <br> 食べログ {{{食べログURL}}}}}{{#if: {{{ホットペッパーURL|}}} | <br> ホトペッパー {{{ホットペッパーURL}}} }}</div>
{{#if: {{{予約|}}} 
  | {{!}}-
    ! 予約
     {{!}} {{#ifeq: {{{予約}}} | 1 | 予約可<br>{{{予約方法|}}} | {{#ifeq: {{{予約}}} | 0 | 利用不可 | 不明 }} }}
}}
{{#if: {{{備考|}}} 
  | {{!}}-
    ! 備考
     {{!}} {{{備考}}}
}}
|}
</div>
<div class="flex-right">
<div class="img-crop">
{{#if: {{{画像|}}} 
  | [[File:{{{画像}}}|middle|class=crop-img]]
}}
</div>
</div>
</div>

<div class="map-embed" data-name="{{{店名}}}" style="width:100%;max-width:800px;height:400px;margin:0 auto;">
</div>

====たばこ====
{| class="wikitable"
|-
! 禁煙・喫煙
| {{{禁煙喫煙|不明}}}<br>{{{禁煙喫煙備考|}}}
|-
! 喫煙専用室
| {{{喫煙専用室|不明}}}
|}
====お席====
{| class="wikitable"
|-
! 総席数
| {{{総席数|不明}}}
|-
! 個室
| {{#ifeq: {{{個室}}} | 1 |あり | {{#ifeq: {{{個室}}} | 0 |なし | 不明 }}}}
|-
! 貸切
| {{#ifeq: {{{貸切}}} | 1 |あり | {{#ifeq: {{{貸切}}} | 0 |なし | 不明 }}}}
|}
====設備====
{| class="wikitable"
|-
! Wi-Fi
| {{#ifeq: {{{WiFi}}} | 1 |あり | {{#ifeq: {{{WiFi}}} | 0 |なし | 不明 }}}}
|-
! バリアフリー
| {{#ifeq: {{{バリアフリー}}} | 1 |あり | {{#ifeq: {{{バリアフリー}}} | 0 |なし | 不明 }}}}
|-
! 駐車場
| {{#ifeq: {{{駐車場}}} | 1 |あり | {{#ifeq: {{{駐車場}}} | 0 |なし | 不明 }}}}
|-
! その他設備
| {{{その他設備|不明}}}
|}
====その他====
{| class="wikitable"
|-
! 飲み放題
| {{#ifeq: {{{飲み放題}}} | 1 |あり | {{#ifeq: {{{飲み放題}}} | 0 |なし | 不明 }}}}
|-
! 食べ放題
| {{#ifeq: {{{食べ放題}}} | 1 |あり | {{#ifeq: {{{食べ放題}}} | 0 |なし | 不明 }}}}
|-
! お子様連れ
| {{#ifeq: {{{お子様連れ}}} | 1 |OK}}
|}


=== お店のオーナー様へ ===

情報の修正や、写真・メニューの追加、公式図鑑ページとしての掲載が可能です。
<div class="cta">
[[事業者の方へ|公式掲載・掲載内容のご案内を見る]]
</div>


===== 市民の皆さんへ 情報提供のお願い =====
営業時間や定休日の変更、新店舗情報など、市民の皆さんからの情報提供を受け付けています。
<div class="cta">
[[情報提供：飲食店|情報を提供・修正する]]
</div>

<html><style>
/* ========================================
   無料版図鑑ページ 全体スタイル
======================================== */

/* 基本リセット */
.template-tenpo * {
  box-sizing: border-box;
}

/* ========================================
   上部メインビジュアル
======================================== */
.img-crop {
  width: 100%;
  max-width: 800px;
  height: 400px;
  overflow: hidden;
  position: relative;
  margin: 0 auto 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.img-crop p,
.img-crop span,
.img-crop a {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  line-height: 0 !important;
}

.crop-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ========================================
   基本情報ヘッダー（最寄り・ジャンル・予算）
======================================== */
.info-header {
  background: linear-gradient(135deg, #e8f5e9 0%, #f1f8f4 100%);
  padding: 20px 25px;
  border-radius: 12px;
  margin-bottom: 30px;
  border-left: 4px solid #4CAF50;
}

.info-header > div {
  font-size: 0.95rem;
  line-height: 1.8;
  color: #333;
}

.info-header strong {
  color: #2e7d32;
  font-weight: 600;
}

/* ========================================
   説明文エリア
======================================== */
.description-text {
  background: #fff;
  padding: 20px 25px;
  border-radius: 12px;
  margin-bottom: 30px;
  line-height: 1.8;
  color: #555;
  border: 1px solid #e0e0e0;
}

/* ========================================
   セクション見出し
======================================== */
h4 {
  font-size: 1.4rem;
  color: #2e7d32;
  margin: 40px 0 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #4CAF50;
  font-weight: 600;
}

/* ========================================
   テーブルスタイル（基本情報）
======================================== */
.wikitable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  margin-bottom: 30px;
}

.wikitable th {
  background: #f5f5f5;
  color: #333;
  font-weight: 600;
  text-align: left;
  padding: 15px 20px;
  min-width: 120px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 0.95rem;
}

.wikitable td {
  padding: 15px 20px;
  border-bottom: 1px solid #f0f0f0;
  color: #555;
  line-height: 1.7;
}

.wikitable tr:last-child th,
.wikitable tr:last-child td {
  border-bottom: none;
}

/* ========================================
   2カラムレイアウト（画像＋テーブル）
======================================== */
.flex-box {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 30px;
}

.flex-left {
  flex: 1;
  order: 1;
  max-width: 100%;
}

.flex-right {
  flex: 0 0 400px;
  order: 2;
}

.flex-right .img-crop {
  width: 100%;
  height: 280px;
  margin: 0;
}

/* スマホ表示では縦並び＆画像を上へ */
@media screen and (max-width: 768px) {
  .flex-box {
    flex-direction: column;
  }
  .flex-left {
    order: 2;
  }
  .flex-right {
    order: 1;
    flex: 1;
    width: 100%;
    display: none; /* スマホでは画像非表示 */
  }
}

/* ========================================
   マップ埋め込みエリア
======================================== */
.map-embed {
  position: relative;
  background: #dfe3e8;
  border-radius: 12px;
  overflow: hidden;
  margin: 30px auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* 読み込み中のアニメーション */
.map-embed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    #dfe3e8 0%,
    #f5f5f5 50%,
    #dfe3e8 100%
  );
  animation: shimmer 1.6s infinite;
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.map-embed.loaded {
  background: none;
}

.map-embed.loaded::before {
  display: none;
}

/* ========================================
   CTAボタン
======================================== */
.cta {
  margin: 30px 0;
  text-align: center;
}

.cta a {
  display: inline-block;
  padding: 14px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  background: #4CAF50;
  color: #fff;
  transition: all 0.3s;
  box-shadow: 0 3px 10px rgba(76, 175, 80, 0.3);
  font-size: 0.95rem;
}

.cta a:hover {
  background: #45a049;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(76, 175, 80, 0.4);
}

.cta a:visited {
  color: #fff;
}

/* ========================================
   セクション別スタイル
======================================== */

/* たばこ・お席・設備・その他のテーブル */
.section-table {
  margin-bottom: 20px;
}

/* SNSアイコンエリア */
.sns-links {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.sns-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #f5f5f5;
  border-radius: 20px;
  text-decoration: none;
  color: #333;
  font-size: 0.9rem;
  transition: background 0.3s;
}

.sns-links a:hover {
  background: #e0e0e0;
}

/* リンクエリア */
.external-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.external-links a {
  color: #4CAF50;
  text-decoration: none;
  font-weight: 500;
}

.external-links a:hover {
  text-decoration: underline;
}

/* ========================================
   レスポンシブ調整
======================================== */
@media screen and (max-width: 768px) {
  .img-crop {
    height: 250px;
  }
  
  .wikitable th {
    min-width: 90px;
    font-size: 0.9rem;
    padding: 12px 15px;
  }
  
  .wikitable td {
    padding: 12px 15px;
    font-size: 0.9rem;
  }
  
  h4 {
    font-size: 1.2rem;
  }
  
  .info-header {
    padding: 15px 20px;
  }
}

/* ========================================
   StreetView / Placeholder
======================================== */
.streetview-placeholder,
.streetview-api-placeholder {
  background: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 0.9rem;
}

</style></html>
<noinclude>{{#cargo_declare:
_table = 飲食店情報
| 店名 = String
| 画像 = String
| ジャンル = String
| 郵便番号 = String
| 住所 = String
| 座標 = String
| ストリートビューURL = String
| 最寄り = String
| 営業時間月 = String
| 営業時間火 = String
| 営業時間水 = String
| 営業時間木 = String
| 営業時間金 = String
| 営業時間土 = String
| 営業時間日 = String
| 営業時間祝日 = String
| 定休日 = String
| 電話番号 = String
| メニュー1 = String
| メニュー1価格 = Integer
| メニュー2 = String
| メニュー2価格 = Integer
| メニュー3 = String
| メニュー3価格 = Integer
| メニュー4 = String
| メニュー4価格 = Integer
| メニュー5 = String
| メニュー5価格 = Integer
| 予算昼下限 = Integer
| 予算昼上限 = Integer
| 予算夜下限 = Integer
| 予算夜上限 = Integer
| 支払い方法カード = Boolean
| 支払い方法カード種類 = String
| 支払い方法電子マネー = Boolean
| 支払い方法電子マネー種類 = String
| 支払い方法QR = Boolean
| 支払い方法QR種類 = String
| 支払い方法その他 = String
| 料金備考 = String
| Instagram = String
| X = String
| TikTok = String
| Facebook = String
| 公式HP = String
| 食べログURL = String
| ホットペッパーURL = String
| 予約 = Boolean
| 予約方法 = String
| テイクアウト = Boolean
| 備考 = String
| 禁煙喫煙 = String
| 禁煙喫煙備考 = String
| 喫煙専用室 = String
| 総席数 = String
| 個室 = Boolean
| 貸切 = Boolean
| WiFi = Boolean
| バリアフリー = Boolean
| 駐車場 = Boolean
| その他設備 = String
| 飲み放題 = Boolean
| 食べ放題 = Boolean
| お子様連れ = Boolean
| score = Integer
| score_updated = Datetime
}}</noinclude>
<includeonly>{{#cargo_store:}}</includeonly>
[[Category:飲食店]]
{{#arraymap: {{{ジャンル|}}} | , | @@ | [[Category:@@]] | }}
{{#if: {{{最寄り|}}} | [[Category:{{{最寄り}}}]] }}
{{#if: {{#var:aria|}} | [[Category:{{#var:aria|}}]] }}
{{#ifeq: {{{予約|}}} | 1 | [[Category:予約可]] }}
{{#if: {{{テイクアウト|}}} | [[Category:テイクアウトあり]] }}
{{#if: {{{禁煙喫煙|}}} | [[Category:{{{禁煙喫煙}}}]] }}
{{#ifeq: {{{喫煙専用室|}}} | あり | [[Category:喫煙専用室あり]] }}
{{#ifeq: {{{個室|}}} | 1 | [[Category:個室]] }}
{{#ifeq: {{{貸切|}}} | 1 | [[Category:貸切]] }}
{{#ifeq: {{{Wi-Fi|}}} | 1 | [[Category:Wi-Fi]] }}
{{#ifeq: {{{バリアフリー|}}} | 1 | [[Category:バリアフリー]] }}
{{#ifeq: {{{駐車場|}}} | 1 | [[Category:駐車場あり]] }}
{{#ifeq: {{{飲み放題|}}} | 1 | [[Category:飲み放題]] }}
{{#ifeq: {{{食べ放題|}}} | 1 | [[Category:食べ放題]] }}
{{#ifeq: {{{お子様連れ|}}} | 1 | [[Category:お子様連れOK]] }}