<!-- tpcms-form: {
  "label": "05_★横長",
  "category": "03_コンテンツ",
  "fields": [
    { "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": "POSITION", "type": "select", "label": "画像の配置場所", "options": [["","右に配置"],["reverse","左に配置"]], "allow_empty":false },
        { "key": "IMG_SIZE", "type": "select", "label": "画像のサイズ", "options": [["","小さめ"],["small-box-large","大きめ"]], "allow_empty":false },
        { "key": "TITLE", "type": "text", "label": "タイトル" },
        { "key": "TEXT", "type": "textarea","label": "説明" },
        { "key": "FILE", "type": "file", "label": "画像", "image_max_width": 800, "image_quality": 82 }
      ]
    }
  ]
} -->

<section>

{{#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_H2_TEXT}}<p>{{H2_TEXT}}</p>{{/IF_H2_TEXT}}

{{#ROWS}}

<div class="c2 {{#IF_POSITION}}reverse{{/IF_POSITION}}">

<div class="large-box">
{{#IF_TITLE}}<h3>{{TITLE}}</h3>{{/IF_TITLE}}
{{#IF_TEXT}}<p>{{TEXT}}</p>{{/IF_TEXT}}
</div>

{{#IF_IMAGE}}
<div class="small-box {{#IF_IMG_SIZE}}small-box-large{{/IF_IMG_SIZE}}">
<p class="box-shadow-inset"><img src="./uploads/{{FILE}}" alt=""></p>
</div>
{{/IF_IMAGE}}

</div>

{{/ROWS}}

</section>
