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

====基本情報====
<div class="flex-box">
<div class="flex-left">
{| class="wikitable"
|-
! 店名
| {{{店名|不明}}}
|-
! ジャンル
| {{{ジャンル|不明}}}
|-
! 郵便番号
| {{{郵便番号|不明}}}
|-
! 住所
| {{{住所|不明}}}
{{#if: {{{最寄り|}}} 
  | {{!}}-
    ! 最寄り
     {{!}} {{{最寄り}}}
}}
{{#if: {{{営業時間|}}} 
  | {{!}}-
    ! 営業時間
     {{!}} {{{営業時間}}}
}}
{{#if: {{{定休日|}}} 
  | {{!}}-
    ! 定休日
     {{!}} {{{定休日}}}
}}
{{#if: {{{電話番号|}}} 
  | {{!}}-
    ! 電話番号
     {{!}} {{{電話番号}}}
}}
{{#if: {{{メニュー|}}} 
  | {{!}}-
    ! メニュー
     {{!}} {{{メニュー}}}
}}
{{#if: {{{平均予算|}}} 
  | {{!}}-
    ! 平均予算
     {{!}} {{{平均予算}}}
}}
{{#if: {{{支払い方法|}}} 
  | {{!}}-
    ! 支払い方法
     {{!}} {{{支払い方法}}}
}}
{{#if: {{{料金備考|}}} 
  | {{!}}-
    ! 料金備考
     {{!}} {{{料金備考}}}
}}
{{#if: {{{テイクアウト|}}} 
  | {{!}}-
    ! テイクアウト
     {{!}} {{{テイクアウト}}}
}}
{{#if: {{{Instagram|}}} 
  | {{!}}-
    ! Instagram
     {{!}} {{{Instagram}}}
}}
{{#if: {{{X|}}} 
  | {{!}}-
    ! X
     {{!}} {{{X}}}
}}
{{#if: {{{Facebook|}}} 
  | {{!}}-
    ! Facebook
     {{!}} {{{Facebook}}}
}}
{{#if: {{{備考|}}} 
  | {{!}}-
    ! 備考
     {{!}} {{{備考}}}
}}
|}
</div>
<div class="flex-right">
{{#if: {{{画像|}}} 
  | [[File:{{{画像}}}|300px]]
}}
</div>
</div>

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

====たばこ====
{| class="wikitable"
|-
! 禁煙・喫煙
| {{{禁煙喫煙|不明}}}
|-
! 喫煙専用室
| {{{喫煙専用室|不明}}}
|}
====お席====
{| class="wikitable"
|-
! 総席数
| {{{総席数|不明}}}
|-
! 個室
| {{{個室|不明}}}
|-
! 貸切
| {{{貸切|不明}}}
|}
====設備====
{| class="wikitable"
|-
! Wi-Fi
| {{{WiFi|不明}}}
|-
! バリアフリー
| {{{バリアフリー|不明}}}
|-
! 駐車場
| {{{駐車場|不明}}}
|-
! その他設備
| {{{その他設備|不明}}}
|}
====その他====
{| class="wikitable"
|-
! 飲み放題
| {{{飲み放題|不明}}}
|-
! 食べ放題
| {{{食べ放題|不明}}}
|-
! お子様連れ
| {{{お子様連れ|不明}}}
|}

<html>
<style>
.flex-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

/* 左がテーブル、右が画像 */
.flex-left {
  flex: 1;
  order: 1;
}
.flex-right {
  flex: 1;
  order: 2;
}

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

.map-embed {
    position: relative;
    background: #dfe3e8;     /* これが読み込み中の背景 */
    border-radius: 8px;
    overflow: hidden;
}

/* 読み込み中のアニメーション */
.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%); }
}

/* iframe が入ったら Skeleton 非表示 */
.map-embed.loaded {
    background: none;
}

.map-embed.loaded::before {
    display: none;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll(".wikitable p").forEach(function(p) {
        if (!p.textContent.trim()) {
            p.remove();
        }
    });
    document.querySelectorAll(".wikitable td").forEach(function(td) {
        if (td.textContent) {
            // 郵便番号らしい数字のみ抽出
            const match = td.textContent.replace(/\D/g, "").match(/^(\d{3})(\d{4})$/);
            if (match) {
                td.textContent = match[1] + "-" + match[2];
            }
        }
    });
});
//# sourceURL=foobar.js
</script>
</html>

<noinclude>{{#cargo_declare:
_table = 飲食店情報
| 店名 = String
| 画像 = String
| ジャンル = String
| 郵便番号 = String
| 住所 = String
| 座標 = String
| 最寄り = String
| 営業時間 = String
| 定休日 = String
| 電話番号 = String
| メニュー例 = String
| 平均予算 = String
| 支払い方法 = String
| 料金備考 = String
| Instagram = String
| X = String
| TikTok = String
| Facebook = String
| 公式HP = String
| 食べログURL = String
| ホットペッパーURL = String
| 予約 = String
| テイクアウト = String
| 備考 = String
| 禁煙喫煙 = String
| 喫煙専用室 = String
| 総席数 = String
| 個室 = String
| 貸切 = String
| WiFi = String
| バリアフリー = String
| 駐車場 = String
| その他設備 = String
| 飲み放題 = String
| 食べ放題 = String
| お子様連れ = String
}}</noinclude>

<includeonly>{{#cargo_store:}}</includeonly>

[[Category:飲食店]]
{{#arraymap: {{{ジャンル|}}} | , | @@ | [[Category:@@]] | }}
[[Category:{{{住所|川西市}}}]]
{{#if: {{{最寄り|}}} | [[Category:{{{最寄り}}}]] }}
{{#if: {{{テイクアウト|}}} | [[Category:テイクアウト{{{テイクアウト}}}]] }}
{{#if: {{{禁煙喫煙|}}} | [[Category:{{{禁煙喫煙}}}]] }}
{{#ifeq: {{{駐車場|}}} | あり | [[Category:駐車場あり]] }}
{{#ifeq: {{{飲み放題|}}} | あり | [[Category:飲み放題あり]] }}
{{#ifeq: {{{食べ放題|}}} | あり | [[Category:食べ放題]] }}
{{#ifeq: {{{個室|}}} | あり | [[Category:個室]] }}
{{#ifeq: {{{貸切|}}} | あり | [[Category:貸切]] }}