テンプレート:検索結果カードのソースを表示

<pre>
{{{_pageName|_pageName}}}
{{{店名|店名}}}
{{{画像|画像}}}
{{{ジャンル|ジャンル}}}
{{{郵便番号|郵便番号}}}
{{{住所|住所}}}
{{{座標|座標}}}
{{{ストリートビューURL|ストリートビューURL}}}
{{{最寄り|最寄り}}}
{{{営業時間_月|営業時間_月}}}
{{{営業時間_火|営業時間_火}}}
{{{営業時間_水|営業時間_水}}}
{{{営業時間_木|営業時間_木}}}
{{{営業時間_金|営業時間_金}}}
{{{営業時間_土|営業時間_土}}}
{{{営業時間_日|営業時間_日}}}
{{{営業時間_祝日|営業時間_祝日}}}
{{{定休日|定休日}}}
{{{電話番号|電話番号}}}
{{{メニュー1|メニュー1}}}
{{{メニュー1_価格|メニュー1_価格}}}
{{{メニュー2|メニュー2}}}
{{{メニュー2_価格|メニュー2_価格}}}
{{{メニュー3|メニュー3}}}
{{{メニュー3_価格|メニュー3_価格}}}
{{{メニュー4|メニュー4}}}
{{{メニュー4_価格|メニュー4_価格}}}
{{{メニュー5|メニュー5}}}
{{{メニュー5_価格|メニュー5_価格}}}
{{{予算_昼_下限|予算_昼_下限}}}
{{{予算_昼_上限|予算_昼_上限}}}
{{{予算_夜_下限|予算_夜_下限}}}
{{{予算_夜_上限|予算_夜_上限}}}
{{{支払い方法_現金|支払い方法_現金}}}
{{{支払い方法_カード|支払い方法_カード}}}
{{{支払い方法_電子マネー|支払い方法_電子マネー}}}
{{{支払い方法_QR|支払い方法_QR}}}
{{{支払い方法_その他|支払い方法_その他}}}
{{{料金備考|料金備考}}}
{{{Instagram|Instagram}}}
{{{X|X}}}
{{{TicTok|TicTok}}}
{{{Facebook|Facebook}}}
{{{公式HP|公式HP}}}
{{{食べログURL|食べログURL}}}
{{{ホットペッパーURL|ホットペッパーURL}}}
{{{予約|予約}}}
{{{テイクアウト|テイクアウト}}}
{{{備考|備考}}}
{{{禁煙喫煙|禁煙喫煙}}}
{{{喫煙専用室|喫煙専用室}}}
{{{総席数|総席数}}}
{{{個室|個室}}}
{{{貸切|貸切}}}
{{{WiFi|WiFi}}}
{{{バリアフリー|バリアフリー}}}
{{{駐車場|駐車場}}}
{{{その他設備|その他設備}}}
{{{飲み放題|飲み放題}}}
{{{食べ放題|食べ放題}}}
{{{お子様連れ|お子様連れ}}}
</pre>

<div class="search-card">
<div class="card-header">
    <h3 class="card-title">[[{{{_pageName}}}|{{{店名}}}]]</h3>
    <p class="card-genre">{{{最寄り|}}} {{{ジャンル|}}}</p>
</div>
{{#if: {{{画像|}}} |
<div class="card-images">
  [[File:{{{画像|NoImage.jpg}}}|130x130px|link=]]
</div>
}}
  <div class="card-info">
<p class="card-cost">
昼：
{{#ifexpr: {{{予算_昼_下限|0}}} > 0
 | ￥{{{予算_昼_下限}}}
 | -
}}
～
{{#ifexpr: {{{予算_昼_上限|0}}} > 0
 | ￥{{{予算_昼_上限}}}
 | -
}}
　夜：{{#if: {{{予算_夜_下限|}}} | ￥{{{予算_夜_下限}}} | - }}～{{#if: {{{予算_夜_上限|}}} | ￥{{{予算_夜_上限}}} | - }}
</p>
    {{#if: {{{住所|}}} | <p class="card-address">{{{住所}}}</p> }}
    {{#if: {{{電話番号|}}} | <p class="card-tel">{{{電話番号}}}</p> }}
    {{#if: {{{営業時間|}}} | <p class="card-hours">{{{営業時間}}}</p> }}
  </div>
</div>

<html>
<style>
.search-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
  max-width: 600px;
  transition: box-shadow 0.2s;
}
.search-card:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.card-link {
  color: inherit;
  text-decoration: none;
  display: block;
}
.card-header {
  margin-bottom: 8px;
}
.card-title {
  margin: 0;
  font-size: 1.2em;
}
.card-genre {
  margin: 0;
  font-size: 0.9em;
  color: #666;
}
.card-images img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 4px;
  display: inline-block;
  margin-right: 2px;
}
.card-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 4px;
}
.card-info p {
  margin: 2px 0;
  font-size: 0.9em;
}
</style>
</html>