<!-- tpcms-form: {
  "label": "04_★横並びブロック",
  "category": "03_コンテンツ",
  "fields": [
    { "key": "POSITION", "type": "select", "label": "見出しの場所", "options": [["","通常"],["position","左に配置"]], "allow_empty":false },
    { "key": "BG", "type": "select", "label": "背景色を", "options": [["","つけない"],["bg","つける"]], "allow_empty":false },
    { "key":"H2", "type":"text", "label":"大見出し"},
    { "key":"H2_HOSOKU", "type":"text", "label":"大見出しの補足・英語表記など"}
  ],
  "repeaters": [
    {
      "key": "ROWS",
      "label": "繰り返しブロック",
      "sort": true,
      "fields": [
        { "key": "ICONS", "type": "select", "label": "アイコン選択", "options": [["newicon", "おすすめ"], ["newicon2", "人気"]]},
        { "key": "TITLE", "type": "text", "label": "見出し" },
        { "key": "PRICE", "type": "text", "label": "価格" },
        { "key": "TEXT", "type": "textarea","label": "説明" },
        { "key": "FILE", "type": "file", "label": "画像", "image_max_width": 800, "image_quality": 82 }
      ]
    }
  ]
} -->

{{#IF_BG}}
<div class="bg1">
<div class="bg1-inner">
{{/IF_BG}}

<section{{#IF_POSITION}} class="list-side-title"{{/IF_POSITION}}>

{{#IF_H2}}
<h2{{#IF_POSITION}} class="type1"{{/IF_POSITION}}>
{{H2}}
{{#IF_H2_HOSOKU}}<span>{{H2_HOSOKU}}</span>{{/IF_H2_HOSOKU}}
</h2>
{{/IF_H2}}

<div class="list-grid">

{{#ROWS}}

<div class="list">
{{#IF_IMAGE}}<figure><img src="./uploads/{{FILE}}" alt=""></figure>{{/IF_IMAGE}}
<div class="text">
{{#IF_TITLE}}<h4>{{TITLE}}{{#IF_PRICE}}<span class="price">{{PRICE}}</span>{{/IF_PRICE}}</h4>{{/IF_TITLE}}
{{#IF_TEXT}}<p>{{TEXT}}</p>{{/IF_TEXT}}
</div>
{{#IF_ICONS}}{{ICONS_SPANS_HTML}}{{/IF_ICONS}}
</div>

{{/ROWS}}

</div>

</section>

{{#IF_BG}}
</div>
</div>
{{/IF_BG}}
