<!-- tpcms-form: {
  "label": "04_★横並びブロック（３カラム）",
  "category": "03_コンテンツ",
  "fields": [
    { "key": "LINK", "type":"text", "label": "メニューのリンク先にする場合（メニューのスラッグを入力）" },
    { "key": "BG", "type": "select", "label": "背景色を", "options": [["", "つけない"], ["bg1", "つける"]], "allow_empty":false},
    { "key": "KADO_MARU", "type": "select", "label": "上部の両サイドの角", "options": [["", "そのまま"], ["kado-maru", "丸くする"]], "allow_empty":false},
    { "key": "BG_IMAGE", "type": "file", "label": "背景画像", "image_max_width": 2500, "image_quality": 82 },
    { "key":"H2", "type":"text", "label":"大見出し"},
    { "key":"H2_HOSOKU", "type":"text", "label":"大見出しの補足・英語表記など"},
    { "key":"H2_TEXT", "type":"textarea", "label":"説明文が必要ならここに入力して下さい。"}
  ],
  "repeaters": [
    {
      "key": "ROWS",
      "label": "繰り返しブロック",
      "sort": true,
      "fields": [
        { "key": "RANKING", "type": "select", "label": "ランキング", "options": [["rank-flag rank1", "1位"], ["rank-flag rank2", "2位"], ["rank-flag rank3", "3位"], ["rank-flag4", "4位"], ["rank-flag5", "5位"], ["rank-flag6", "6位"]]},
        { "key": "TITLE", "type": "text", "label": "見出し" },
        { "key": "TEXT", "type": "textarea","label": "説明" },
        { "key": "FILE", "type": "file", "label": "画像", "image_max_width": 800, "image_quality": 82 },
        { "key": "LINK_URL", "type": "text", "label": "リンク先URL（空ならリンクなし）", "link_picker": true }
      ]
    }
  ]
} -->

{{#IF_IMAGE BG_IMAGE}}
<style>
.kazari2 {
	background-image: url('./uploads/{{BG_IMAGE}}');
}
</style>
{{/IF_IMAGE}} 

<section class="{{#IF_BG}}bg1{{/IF_BG}} {{#IF_IMAGE BG_IMAGE}}kazari2{{/IF_IMAGE}} {{#IF_KADO_MARU}}kado-maru{{/IF_KADO_MARU}}" id="{{LINK}}">

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

{{#IF_H2_TEXT}}<p>{{H2_TEXT}}</p>{{/IF_H2_TEXT}}

<div class="list-grid">

{{#ROWS}}

<div class="list up">
{{#IF_IMAGE}}<figure>{{#IF_LINK_URL}}<a href="{{LINK_URL}}">{{/IF_LINK_URL}}<img src="./uploads/{{FILE}}" alt="">{{#IF_LINK_URL}}</a>{{/IF_LINK_URL}}</figure>{{/IF_IMAGE}}
<div class="text">
{{#IF_TITLE}}<h4>{{#IF_LINK_URL}}<a href="{{LINK_URL}}">{{/IF_LINK_URL}}{{TITLE}}{{#IF_LINK_URL}}</a>{{/IF_LINK_URL}}</h4>{{/IF_TITLE}}
{{#IF_TEXT}}<p>{{TEXT}}</p>{{/IF_TEXT}}
</div>
{{RANKING_SPANS_HTML}}
</div>

{{/ROWS}}

</div>

</section>
