<!-- tpcms-form: {
  "label": "ショップ情報",
  "category": "03_コンテンツ",
  "fields": [
    { "key": "LINK", "type": "text", "label": "アンカーリンク（メニュー設定のスラッグと合わせる。もし変更した場合、元々の見た目が一部反映されない場合があります。）" },
    { "key": "H2", "type": "text", "label": "大見出し" },
    { "key": "H2_HOSOKU", "type": "text", "label": "大見出しの補足・英語表記など" },
    { "key": "SHOP_BG", "type": "file", "label": "ショップデータブロックの背景画像" },
    { "key": "BG", "type": "file", "label": "背景画像（大きな画面で見た場合に両サイドに見える画像）" },
    { "key": "GOOGLE_MAP", "type": "textarea", "label": "地図１：GoogleMapのiframeコード（※下の「地図２」かどちらかを使う）" },
    { "key": "IMAGE_MAP", "type": "file", "label": "地図２：画像の地図をアップ（※上の「地図１」かどちらかを使う）" }
  ],
  "repeaters": [
    {
      "key": "ROWS",
      "label": "繰り返しブロック",
      "sort": true,
      "fields": [
        { "key": "DT", "type": "text", "label": "左側見出し" },
        { "key": "DD", "type": "textarea", "label": "右側内容" }
      ]
    }
  ]
}
 -->

<style>
#{{LINK}}::before {
	background: url('./uploads/{{BG}}') no-repeat center center / cover;
}
#shop .shop-data {
	background: url('./uploads/{{SHOP_BG}}') no-repeat center center / cover;
}

</style>

<section id="{{LINK}}" class="section">
<div class="contents">

<div class="shop-data">

{{#IF_H2}}
<h2>{{#IF_H2_HOSOKU}}<span class="hosoku">{{H2_HOSOKU}}</span>{{/IF_H2_HOSOKU}}<span class="fade-in-text">{{H2}}</span></h2>
{{/IF_H2}}

<dl class="table">

{{#ROWS}}
<dt>{{DT}}</dt>
<dd>{{DD}}</dd>
{{/ROWS}}

</dl>

{{#IF_GOOGLE_MAP}}
{{GOOGLE_MAP}}
{{/IF_GOOGLE_MAP}}

{{#IF_IMAGE IMAGE_MAP}}
<img src="./uploads/{{IMAGE_MAP}}" alt="">
{{/IF_IMAGE}}

</div>
<!--/.shop-data-->

</div>
</section>
