|
|
| (同じ利用者による、間の111版が非表示) |
| 1行目: |
1行目: |
| | <templatestyles src="図鑑/styles.css" /> |
| | {{#vardefine:aria| |
| | {{郵便番号→地域 | 郵便番号={{{郵便番号|}}} }} |
| | }} |
| ====== ====== | | ====== ====== |
| | <div class="template-tenpo"> |
| | <!-- 飲食店テンプレート --> |
| | </div> |
| | |
| <div class="img-crop"> | | <div class="img-crop"> |
| {{#if: {{{画像|}}} | | {{#if: {{{画像|}}} |
| | [[File:{{{画像}}}|middle|class=crop-img]] | | | [[File:{{{画像}}}|middle|class=crop-img]] |
| | {{#if: {{{Instagram|}}} | | | {{#if: {{{ストリートビューURL|}}} |
| |<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DRt4I_ZjzHo/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/DRt4I_ZjzHo/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">この投稿をInstagramで見る</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/DRt4I_ZjzHo/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">川西図鑑(@kawanishi_zukan)がシェアした投稿</a></p></div></blockquote>
| | | <div class="streetview-placeholder" data-url="{{{ストリートビューURL}}}" style="width: 100%; height: 100%;"></div> |
| <script async src="//www.instagram.com/embed.js"></script>
| | | <div class="streetview-api-placeholder" data-name="{{{座標}}}" style="width: 100%; height: 100%;"></div> |
| |Instagramなし
| |
| }} | | }} |
| }} | | }} |
| 12行目: |
19行目: |
|
| |
|
| <div style="font-size: calc(1em - 3px);"> | | <div style="font-size: calc(1em - 3px);"> |
| {{#if: {{{最寄り|}}} | {{{最寄り}}} }} | | {{#if: {{{最寄り|}}} | [[{{{最寄り}}}]] }} |
| {{#if: {{{ジャンル|}}} | {{{ジャンル}}} }} | | {{#if: {{{ジャンル|}}} | {{{ジャンル}}} }} |
| <br /> | | <br /> |
| 昼: | | 昼: |
| {{#if: {{{予算_昼_下限|}}} | ¥{{{予算_昼_下限}}} | - }} | | {{#if: {{{予算昼下限|}}} | ¥{{{予算昼下限}}} | - }} |
| ~ | | ~{{#if: {{{予算昼上限|}}} | ¥{{{予算昼上限}}} | - }} |
| {{#if: {{{予算_昼_上限|}}} | ¥{{{予算_昼_上限}}} | - }} | |
| 夜: | | 夜: |
| {{#if: {{{予算_夜_下限|}}} | ¥{{{予算_夜_下限}}} | - }} | | {{#if: {{{予算夜下限|}}} | ¥{{{予算夜下限}}} | - }} |
| ~ | | ~{{#if: {{{予算夜上限|}}} | ¥{{{予算夜上限}}} | - }} |
| {{#if: {{{予算_夜_上限|}}} | ¥{{{予算_夜_上限}}} | - }} | |
| </div> | | </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="basic-table"> |
| <div class="flex-left">
| |
| {| class="wikitable" | | {| class="wikitable" |
| |- | | |- |
| 44行目: |
56行目: |
| | {{!}}- | | | {{!}}- |
| ! 最寄り | | ! 最寄り |
| {{!}} {{{最寄り}}} | | {{!}} [[{{{最寄り}}}]] |
| }} | | }} |
| |- | | |- |
| ! 営業時間 | | ! 営業時間 |
| | {{#if: {{{営業時間_月|}}} | 月 {{{営業時間_月}}}<br />}} | | | {{#if: {{{営業時間月|}}} | 月 {{{営業時間月}}}<br />}}{{#if: {{{営業時間火|}}} | 火 {{{営業時間火}}}<br />}}{{#if: {{{営業時間水|}}} | 水 {{{営業時間水}}}<br />}}{{#if: {{{営業時間木|}}} | 木 {{{営業時間木}}}<br />}}{{#if: {{{営業時間金|}}} | 金 {{{営業時間金}}}<br />}}{{#if: {{{営業時間土|}}} | 土 {{{営業時間土}}}<br />}}{{#if: {{{営業時間日|}}} | 日 {{{営業時間日}}}<br />}}{{#if: {{{営業時間祝日|}}} | 祝日 {{{営業時間祝日}}}}} |
| {{#if: {{{営業時間_火|}}} | 火 {{{営業時間_火}}}<br />}} | |
| {{#if: {{{営業時間_水|}}} | 水 {{{営業時間_水}}}<br />}} | |
| {{#if: {{{営業時間_木|}}} | 木 {{{営業時間_木}}}<br />}} | |
| {{#if: {{{営業時間_金|}}} | 金 {{{営業時間_金}}}<br />}} | |
| {{#if: {{{営業時間_土|}}} | 土 {{{営業時間_土}}}<br />}} | |
| {{#if: {{{営業時間_日|}}} | 日 {{{営業時間_日}}}<br />}} | |
| {{#if: {{{営業時間_祝日|}}} | 祝日 {{{営業時間_祝日}}}}} | |
| {{#if: {{{定休日|}}} | | {{#if: {{{定休日|}}} |
| | {{!}}- | | | {{!}}- |
| 69行目: |
74行目: |
| | {{!}}- | | | {{!}}- |
| ! おすすめメニュー | | ! おすすめメニュー |
| {{!}} {{{メニュー1}}} {{#if: {{{メニュー1_価格|}}}|¥{{{メニュー1_価格}}}}} | | {{!}} {{{メニュー1}}} {{#if: {{{メニュー1価格|}}}|¥{{{メニュー1価格}}}}} |
| {{#if: {{{メニュー2|}}} | {{{メニュー2}}} {{#if: {{{メニュー2_価格|}}} | ¥{{{メニュー2_価格}}}}}}}<br /> | | {{#if: {{{メニュー2|}}} | {{{メニュー2}}} {{#if: {{{メニュー2価格|}}} | ¥{{{メニュー2価格}}}}}}}<br /> |
| {{#if: {{{メニュー3|}}} | {{{メニュー3}}} {{#if: {{{メニュー3_価格|}}} | ¥{{{メニュー3_価格}}}}}}}<br /> | | {{#if: {{{メニュー3|}}} | {{{メニュー3}}} {{#if: {{{メニュー3価格|}}} | ¥{{{メニュー3価格}}}}}}}<br /> |
| {{#if: {{{メニュー4|}}} | {{{メニュー4}}} {{#if: {{{メニュー4_価格|}}} | ¥{{{メニュー4_価格}}}}}}}<br /> | | {{#if: {{{メニュー4|}}} | {{{メニュー4}}} {{#if: {{{メニュー4価格|}}} | ¥{{{メニュー4価格}}}}}}}<br /> |
| {{#if: {{{メニュー5|}}} | {{{メニュー5}}} {{#if: {{{メニュー5_価格|}}} | ¥{{{メニュー5_価格}}}}}}} | | {{#if: {{{メニュー5|}}} | {{{メニュー5}}} {{#if: {{{メニュー5価格|}}} | ¥{{{メニュー5価格}}}}}}} |
| }} | | }} |
| |- | | |- |
| ! 平均予算 | | ! 平均予算 |
| | 昼:{{#if: {{{予算_昼_下限|}}} |¥{{{予算_昼_下限}}}| -}}~{{#if: {{{予算_昼_上限|}}}|¥{{{予算_昼_上限}}}| -}} | | | 昼:{{#if: {{{予算昼下限|}}} |¥{{{予算昼下限}}}| -}}~{{#if: {{{予算昼上限|}}}|¥{{{予算昼上限}}}| -}} |
| 夜:{{#if: {{{予算_夜_下限|}}} |¥{{{予算_夜_下限}}}| -}}~{{#if: {{{予算_夜_上限|}}} |¥{{{予算_夜_上限}}}| -}} | | 夜:{{#if: {{{予算夜下限|}}} |¥{{{予算夜下限}}}| -}}~{{#if: {{{予算夜上限|}}} |¥{{{予算夜上限}}}| -}} |
| |- | | |- |
| ! 支払い方法 | | ! 支払い方法 |
| | 現金 {{{支払い方法_現金|不明}}} | | | カード {{#ifeq: {{{支払い方法カード}}} | 1 | 利用可<br>{{{支払い方法カード種類|}}} | {{#ifeq: {{{支払い方法カード}}} | 0 | 利用不可 | 不明 }} }}<br> |
| カード {{{支払い方法_カード|不明}}}<br>
| | 電子マネー {{#ifeq: {{{支払い方法電子マネー}}} | 1 | 利用可<br>{{{支払い方法電子マネー種類|}}} | {{#ifeq: {{{支払い方法電子マネー}}} | 0 | 利用不可 | 不明 }} }}<br><br> |
| 電子マネー {{{支払い方法_電子マネー|不明}}}<br> | | QR決済 {{#ifeq: {{{支払い方法QR}}} | 1 | 利用可<br>{{{支払い方法QR種類|}}} | {{#ifeq: {{{支払い方法QR}}} | 0 | 利用不可 | 不明 }} }}<br><br> |
| QR決済 {{{支払い方法_QR|不明}}}<br> | | その他 {{{支払い方法その他|なし}}} |
| その他 {{{支払い方法_その他|なし}}} | |
| {{#if: {{{料金備考|}}} | | {{#if: {{{料金備考|}}} |
| | {{!}}- | | | {{!}}- |
| 91行目: |
95行目: |
| {{!}} {{{料金備考}}} | | {{!}} {{{料金備考}}} |
| }} | | }} |
| {{#if: {{{テイクアウト|}}} | | {{#ifeq: {{{テイクアウト|}}} | 1 | |
| | {{!}}- | | {{!}}- |
| ! テイクアウト
| | ! テイクアウト |
| {{!}} {{{テイクアウト}}}
| | {{!}} あり |
| }} | | }} |
| |- | | |- |
| ! SNS | | ! SNS |
| | <div class="twitter-id" style="display:none;">{{{X|}}}</div><br> | | | <div class="twitter-id" style="display:none;">{{{X|}}}</div><br> |
| <div class="instagram-id" style="display:none;">{{{Instagram}}}</div> | | <div class="instagram-id" style="display:none;">{{{Instagram|}}}</div> |
| <div class="tictok-id" style="display:none;">{{{TicTok}}}</div> | | <div class="tiktok-id" style="display:none;">{{{TikTok|}}}</div> |
| <div class="facebook-id" style="display:none;">{{{Facebook}}}</div> | | <div class="facebook-id" style="display:none;">{{{Facebook|}}}</div> |
| |- | | |- |
| ! リンク | | ! リンク |
| | {{#if: {{{公式HP|}}} | | |<div>{{#if: {{{公式HP|}}} | 公式HP {{{公式HP}}}}}{{#if: {{{食べログURL|}}} | <br> 食べログ {{{食べログURL}}}}}{{#if: {{{ホットペッパーURL|}}} | <br> ホトペッパー {{{ホットペッパーURL}}} }}</div> |
| | 公式HP {{{公式HP}}}}}
| |
| {{#if: {{{食べログURL|}}} | |
| | 食べログ {{{食べログURL}}}}}
| |
| {{#if: {{{ホットペッパーURL|}}} | |
| | ホットペッパー {{{ホットペッパーURL}}}}}
| |
| {{#if: {{{予約|}}} | | {{#if: {{{予約|}}} |
| | {{!}}- | | | {{!}}- |
| ! 予約 | | ! 予約 |
| {{!}} {{{予約}}} | | {{!}} {{#ifeq: {{{予約}}} | 1 | 予約可<br>{{{予約方法|}}} | {{#ifeq: {{{予約}}} | 0 | 利用不可 | 不明 }} }} |
| }} | | }} |
| {{#if: {{{備考|}}} | | {{#if: {{{備考|}}} |
| 121行目: |
120行目: |
| }} | | }} |
| |} | | |} |
| </div>
| |
| <div class="flex-right">
| |
| <div class="img-crop">
| |
| {{#if: {{{画像|}}}
| |
| | [[File:{{{画像}}}|middle|class=crop-img]]
| |
| }}
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| 138行目: |
129行目: |
| |- | | |- |
| ! 禁煙・喫煙 | | ! 禁煙・喫煙 |
| | {{{禁煙喫煙|不明}}} | | | {{{禁煙喫煙|不明}}}<br>{{{禁煙喫煙備考|}}} |
| |- | | |- |
| ! 喫煙専用室 | | ! 喫煙専用室 |
| 150行目: |
141行目: |
| |- | | |- |
| ! 個室 | | ! 個室 |
| | {{{個室|不明}}} | | | {{#ifeq: {{{個室}}} | 1 |あり | {{#ifeq: {{{個室}}} | 0 |なし | 不明 }}}} |
| |- | | |- |
| ! 貸切 | | ! 貸切 |
| | {{{貸切|不明}}} | | | {{#ifeq: {{{貸切}}} | 1 |あり | {{#ifeq: {{{貸切}}} | 0 |なし | 不明 }}}} |
| |} | | |} |
| ====設備==== | | ====設備==== |
| 159行目: |
150行目: |
| |- | | |- |
| ! Wi-Fi | | ! Wi-Fi |
| | {{{WiFi|不明}}} | | | {{#ifeq: {{{WiFi}}} | 1 |あり | {{#ifeq: {{{WiFi}}} | 0 |なし | 不明 }}}} |
| |- | | |- |
| ! バリアフリー | | ! バリアフリー |
| | {{{バリアフリー|不明}}} | | | {{#ifeq: {{{バリアフリー}}} | 1 |あり | {{#ifeq: {{{バリアフリー}}} | 0 |なし | 不明 }}}} |
| |- | | |- |
| ! 駐車場 | | ! 駐車場 |
| | {{{駐車場|不明}}} | | | {{#ifeq: {{{駐車場}}} | 1 |あり | {{#ifeq: {{{駐車場}}} | 0 |なし | 不明 }}}} |
| |- | | |- |
| ! その他設備 | | ! その他設備 |
| 174行目: |
165行目: |
| |- | | |- |
| ! 飲み放題 | | ! 飲み放題 |
| | {{{飲み放題|不明}}} | | | {{#ifeq: {{{飲み放題}}} | 1 |あり | {{#ifeq: {{{飲み放題}}} | 0 |なし | 不明 }}}} |
| |- | | |- |
| ! 食べ放題 | | ! 食べ放題 |
| | {{{食べ放題|不明}}} | | | {{#ifeq: {{{食べ放題}}} | 1 |あり | {{#ifeq: {{{食べ放題}}} | 0 |なし | 不明 }}}} |
| |- | | |- |
| ! お子様連れ | | ! お子様連れ |
| | {{{お子様連れ|不明}}} | | | {{#ifeq: {{{お子様連れ}}} | 1 |OK}} |
| |} | | |} |
|
| |
|
| <html>
| |
| <style>
| |
| .img-crop {
| |
| width: 342px;
| |
| height: 272px;
| |
| overflow: hidden;
| |
| position: relative;
| |
| margin: 0 auto; /* 中央寄せ(任意) */
| |
| border-radius: 24px;
| |
| }
| |
|
| |
|
| .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%;
| | <div class="cta"> |
| height: 100%;
| | [https://{{SERVERNAME}}/business/lp/ 無料登録・公式ページの詳細を見る] |
| object-fit: cover; /* ← これが「クロップ風拡大」 */
| | </div> |
| object-position: center; /* 中心に寄せる */
| |
| display: block;
| |
| }
| |
|
| |
|
| .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; /* 画像を上へ */
| |
| display: none;
| |
| }
| |
| }
| |
|
| |
| .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() {
| |
| const twitterdiv = document.querySelector('.twitter-id');
| |
| if(twitterdiv) {
| |
| const username = twitterdiv.textContent.trim();
| |
| if(username) { // 空文字なら生成しない
| |
| const a = document.createElement('a');
| |
| a.href = `https://twitter.com/${username}?ref_src=twsrc%5Etfw`;
| |
| a.className = "twitter-follow-button";
| |
| a.dataset.showCount = "false";
| |
| a.textContent = `Follow @${username}`;
| |
| twitterdiv.parentNode.replaceChild(a, twitterdiv);
| |
|
| |
| const script = document.createElement('script');
| |
| script.async = true;
| |
| script.src = "https://platform.twitter.com/widgets.js";
| |
| script.charset = "utf-8";
| |
| document.body.appendChild(script);
| |
| }
| |
| }
| |
| const instagramdiv = document.querySelector('.instagram-id');
| |
| if(instagramdiv) {
| |
| const username = instagramdiv.textContent.trim();
| |
| if(username) {
| |
| const a = document.createElement('a');
| |
| a.href = `https://instagram.com/${username}/`;
| |
| a.target = "_blank";
| |
| a.rel = "noopener noreferrer";
| |
|
| |
| const img = document.createElement('img');
| |
| img.src = "/images/3/3d/Instagram_Glyph_Gradient.png";
| |
| img.alt = "Instagram";
| |
| img.style.width = "50px";
| |
| img.style.height = "50px";
| |
| img.style.marginRight = "15px";
| |
|
| |
| a.appendChild(img);
| |
| instagramdiv.parentNode.replaceChild(a, instagramdiv);
| |
| }
| |
| }
| |
| const tictokdiv = document.querySelector('.tictok-id');
| |
| if(tictokdiv) {
| |
| const username = tictokdiv.textContent.trim();
| |
| if(username) {
| |
| const a = document.createElement('a');
| |
| a.href = `https://tictok.com/@${username}/`;
| |
| a.target = "_blank";
| |
| a.rel = "noopener noreferrer";
| |
|
| |
| const img = document.createElement('img');
| |
| img.src = "/images/f/fa/TikTok-logo-RGB-Tag.png";
| |
| img.alt = "TicTok";
| |
| img.style.width = "50px";
| |
| img.style.height = "50px";
| |
| img.style.marginRight = "15px";
| |
|
| |
| a.appendChild(img);
| |
| tictokdiv.parentNode.replaceChild(a, tictokdiv);
| |
| }
| |
| }
| |
| const facebookdiv = document.querySelector('.facebook-id');
| |
| if(facebookdiv) {
| |
| const username = facebookdiv.textContent.trim();
| |
| if(username) {
| |
| const a = document.createElement('a');
| |
| a.href = `https://facebook.com/${username}/`;
| |
| a.target = "_blank";
| |
| a.rel = "noopener noreferrer";
| |
|
| |
| const img = document.createElement('img');
| |
| img.src = "/images/8/82/Facebook_Logo_Primary.png";
| |
| img.alt = "Facebook";
| |
| img.style.width = "50px";
| |
| img.style.height = "50px";
| |
|
| |
| a.appendChild(img);
| |
| facebookdiv.parentNode.replaceChild(a, facebookdiv);
| |
| }
| |
| }
| |
| document.querySelectorAll(".wikitable p").forEach(function(p) {
| |
| if (!p.textContent.trim()) {
| |
| p.remove();
| |
| }
| |
| });
| |
| document.querySelectorAll(".wikitable tr").forEach(function(tr) {
| |
| const th = tr.querySelector("th");
| |
| const td = tr.querySelector("td");
| |
|
| |
| if (!th || !td) return;
| |
|
| |
| if (th.textContent.trim() === "郵便番号") {
| |
| // 郵便番号らしい数字のみ抽出
| |
| 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
| |
| | 営業時間_祝日 = 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
| |
| | 支払い方法_現金 = String
| |
| | 支払い方法_カード = String
| |
| | 支払い方法_電子マネー = String
| |
| | 支払い方法_QR = String
| |
| | 支払い方法_その他 = String
| |
| | 料金備考 = String
| |
| | Instagram = String
| |
| | X = String
| |
| | TicTok = 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>
| |
|
| |
|
| | ===== 市民の皆さんへ 情報提供のお願い ===== |
| | 営業時間や定休日の変更、新店舗情報など、市民の皆さんからの情報提供を受け付けています。 |
| | <div class="cta"> |
| | [[情報提供:飲食店|情報を提供・修正する]] |
| | </div> |
| | <noinclude> |
| | {{#cargo_attach: |
| | _table = 図鑑情報 |
| | }} |
| | </noinclude> |
| <includeonly>{{#cargo_store:}}</includeonly> | | <includeonly>{{#cargo_store:}}</includeonly> |
| | | [[Category:飲食店]]{{#if: {{{最寄り|}}} | [[Category:{{{最寄り}}}]] }}{{#if: {{#var:aria|}} | [[Category:{{#var:aria|}}]] }}[[Category:図鑑]] |
| [[Category:飲食店]] | |
| {{#arraymap: {{{ジャンル|}}} | , | @@ | [[Category:@@]] | }}
| |
| | |
| {{#if: {{{最寄り|}}} | [[Category:{{{最寄り}}}]] }} | |
| {{#if: {{{テイクアウト|}}} | [[Category:テイクアウト{{{テイクアウト}}}]] }} | |
| {{#if: {{{禁煙喫煙|}}} | [[Category:{{{禁煙喫煙}}}]] }} | |
| {{#ifeq: {{{喫煙専用室|}}} | あり | [[Category:喫煙専用室あり]] }} | |
| {{#ifeq: {{{個室|}}} | あり | [[Category:個室]] }}
| |
| {{#ifeq: {{{貸切|}}} | あり | [[Category:貸切]] }}
| |
| {{#ifeq: {{{Wi-Fi|}}} | あり | [[Category:Wi-Fi]] }}
| |
| {{#ifeq: {{{バリアフリー|}}} | あり | [[Category:バリアフリー]] }}
| |
| {{#ifeq: {{{駐車場|}}} | あり | [[Category:駐車場あり]] }}
| |
| {{#ifeq: {{{飲み放題|}}} | あり | [[Category:飲み放題]] }}
| |
| {{#ifeq: {{{食べ放題|}}} | あり | [[Category:食べ放題]] }}
| |
| {{#ifeq: {{{お子様連れ|}}} | あり | [[Category:お子様連れOK]] }}
| |
| | |
| {{#switch: {{{郵便番号}}}
| |
| | 6660148 = [[Category:赤松]]
| |
| | 6660156 = [[Category:石道]]
| |
| | 6660146 = [[Category:芋生]]
| |
| | 6660007 = [[Category:鴬が丘]]
| |
| | 6660133 = [[Category:鴬台]]
| |
| | 6660001 = [[Category:鴬の森町]]
| |
| | 6660014 = [[Category:小戸]]
| |
| | 6660015 = [[Category:小花]]
| |
| | 6660031 = [[Category:霞ケ丘]]
| |
| | 6660025 = [[Category:加茂]]
| |
| | 6660012 = [[Category:絹延町]]
| |
| | 6660135 = [[Category:錦松台]]
| |
| | 6660024 = [[Category:久代]]
| |
| | 6660103 = [[Category:国崎]]
| |
| | 6660101 = [[Category:黒川]]
| |
| | 6660145 = [[Category:けやき坂]]
| |
| | 6660107 = [[Category:下財町]]
| |
| | 6660115 = [[Category:向陽台]]
| |
| | 6660033 = [[Category:栄町]]
| |
| | 6660021 = [[Category:栄根]]
| |
| | 6660104 = [[Category:笹部]]
| |
| | 6660022 = [[Category:下加茂]]
| |
| | 6660125 = [[Category:新田]]
| |
| | 6660116 = [[Category:水明台]]
| |
| | 6660158 = [[Category:清流台]]
| |
| | 6660143 = [[Category:清和台西]]
| |
| | 6660142 = [[Category:清和台東]]
| |
| | 6660002 = [[Category:滝山町]]
| |
| | 6660126 = [[Category:多田院]]
| |
| | 6660127 = [[Category:多田院多田所町]]
| |
| | 6660128 = [[Category:多田院西]]
| |
| | 6660124 = [[Category:多田桜木]]
| |
| | 6660112 = [[Category:大和西]]
| |
| | 6660111 = [[Category:大和東]]
| |
| | 6660016 = [[Category:中央町]]
| |
| | 6660123 = [[Category:鼓が滝]]
| |
| | 6660034 = [[Category:寺畑]]
| |
| | 6660011 = [[Category:出在家町]]
| |
| | 6660113 = [[Category:長尾町]]
| |
| | 6660155 = [[Category:西畦野]]
| |
| | 6660138 = [[Category:西多田]]
| |
| | 6660004 = [[Category:萩原]]
| |
| | 6660006 = [[Category:萩原台西]]
| |
| | 6660134 = [[Category:萩原台西]]
| |
| | 6660005 = [[Category:萩原台東]]
| |
| | 6660035 = [[Category:花屋敷]]
| |
| | 6660036 = [[Category:花屋敷山手町]]
| |
| | 6660017 = [[Category:火打]]
| |
| | 6660117 = [[Category:東畦野]]
| |
| | 6660114 = [[Category:東畦野山手]]
| |
| | 6660023 = [[Category:東久代]]
| |
| | 6660122 = [[Category:東多田]]
| |
| | 6660032 = [[Category:日高町]]
| |
| | 6660153 = [[Category:一庫]]
| |
| | 6660121 = [[Category:平野]]
| |
| | 6660037 = [[Category:松が丘町]]
| |
| | 6660003 = [[Category:丸の内町]]
| |
| | 6660152 = [[Category:丸山台]]
| |
| | 6650891 = [[Category:満願寺町]]
| |
| | 6660013 = [[Category:美園町]]
| |
| | 6660157 = [[Category:緑が丘]]
| |
| | 6660129 = [[Category:緑台]]
| |
| | 6660136 = [[Category:南野坂]]
| |
| | 6660026 = [[Category:南花屋敷]]
| |
| | 6660105 = [[Category:見野]]
| |
| | 6660151 = [[Category:美山台]]
| |
| | 6660141 = [[Category:虫生]]
| |
| | 6660131 = [[Category:矢問]]
| |
| | 6660132 = [[Category:矢問東町]]
| |
| | 6660144 = [[Category:柳谷]]
| |
| | 6660106 = [[Category:山下町]]
| |
| | 6660154 = [[Category:山原]]
| |
| | 6660137 = [[Category:湯山台]]
| |
| | 6660102 = [[Category:横路]]
| |
| | 6660147 = [[Category:若宮]]
| |
| }}
| |