<!-- tpcms-form: {
  "label": "01_★大見出しセット",
  "category": "01_基本セット",
  "fields": [
    { "key": "BG", "type": "select", "label": "背景色", "options": [["","つけない（メイン画像の横の色のまま）"],["bg1","つける"]], "allow_empty":false },
    { "key": "H2_LAYOUT", "type": "select", "label": "上下の境界線（※上の「背景色」を「つける」にしないと境界線は見えません）", "options": [["","ななめにする"],["no","しない（通常の横一直線）"]], "allow_empty":false }
  ],
  "repeaters": [
    {
      "key": "ROWS",
      "label": "繰り返しブロック",
      "sort": true,
      "fields": [
        { "key":"H2", "type":"text", "label":"大見出し"},
        { "key": "H2_HOSOKU", "type":"text", "label":"大見出しの補足・英語表記など"},
        { "key": "FILE1", "type": "file", "label": "画像（説明の前に入れる場合）", "image_max_width": 2500, "image_quality": 82 },
        { "key": "TEXT", "type": "textarea","label": "説明文が必要ならここに入力して下さい。" },
        { "key": "FILE2", "type": "file", "label": "画像（説明の後に入れる場合）", "image_max_width": 2500, "image_quality": 82 },
        { "key": "BTN_TITLE", "type": "text","label": "リンクボタンを使う（ボタンの上に載せるテキストを入力）" },
        { "key": "LINK_URL", "type": "text", "label": "リンク先URL", "link_picker": true }
      ]
    }
  ]
} -->

<section class="{{#IF_BG}}bg1{{/IF_BG}} {{#IF_H2_LAYOUT}}no{{/IF_H2_LAYOUT}}">

{{#ROWS}}

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

{{#IF_IMAGE FILE1}}<p><img src="./uploads/{{FILE1}}" alt=""></p>{{/IF_IMAGE}}
{{#IF_TEXT}}<p>{{TEXT}}</p>{{/IF_TEXT}}
{{#IF_IMAGE FILE2}}<p><img src="./uploads/{{FILE2}}" alt=""></p>{{/IF_IMAGE}}

{{#IF_BTN_TITLE}}
<div>
<p class="animation-btn">
<a href="{{LINK_URL}}" class="animation-btn-inner">{{BTN_TITLE}}<i class="fas fa-angle-right"></i></a>
</p>
</div>
{{/IF_BTN_TITLE}}

{{/ROWS}}

</section>
