<!-- tpcms-form: {
  "label": "05_★横長2",
  "category": "03_コンテンツ",
  "fields": [
    { "key":"H2", "type":"text", "label":"大見出し"},
    { "key":"H2_HOSOKU", "type":"text", "label":"大見出しの補足・英語表記など"},
    { "key":"H2_TEXT", "type":"textarea", "label":"説明文が必要ならここに入力して下さい。"},
    { "key": "BG", "type": "select", "label": "背景画像（サイト基本設定メニューの「共通設定」でアップしている画像が適用されます", "options": [["", "なし"], ["bg1", "背景１"], ["bg2", "背景２"]], "allow_empty":false},
    { "key": "POSITION", "type": "select", "label": "見出しの配置", "options": [["l", "左"], ["center", "中央"], ["r", "右"]], "allow_empty":false}
  ],
  "repeaters": [
    {
      "key": "ROWS",
      "label": "繰り返しブロック",
      "sort": true,
      "fields": [
        { "key": "POSITION", "type": "select", "label": "画像の配置", "options": [["", "右に配置"], ["reverse", "左に配置"]], "allow_empty":false},
        { "key": "IMG_SIZE", "type": "select", "label": "画像サイズ", "options": [["w1", "小さめ"], ["w2", "大きめ"]], "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 },
        { "key": "FILE_TEXT", "type": "textarea","label": "画像の下の小さな説明" },
        { "key": "LINK_URL", "type": "text", "label": "リンク先URL（空ならリンクなし）", "link_picker": true }
      ]
    }
  ]
} -->

{{#IF_BG}}<div class="{{BG}}" style="margin-left: calc(-1 * var(--global-space)); margin-right: calc(-1 * var(--global-space)); margin-bottom: 8vw; padding-top: 5rem;">{{/IF_BG}}

<section {{#IF_BG}}style="margin-left: var(--global-space); margin-right: var(--global-space);"{{/IF_BG}}>

{{#IF_H2}}
<h2 class="{{POSITION}}">
{{H2}}
{{#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}}

{{#ROWS}}
<div class="blur list-free-tpcms {{POSITION}}">

<div class="text">
{{#IF_TITLE}}<h4>{{#IF_LINK_URL}}<a href="{{LINK_URL}}">{{/IF_LINK_URL}}{{TITLE}}</h4>{{#IF_LINK_URL}}</a>{{/IF_LINK_URL}}{{/IF_TITLE}}
{{#IF_TEXT}}<p>{{TEXT}}</p>{{/IF_TEXT}}
</div>

{{#IF_IMAGE}}
<div class="image {{IMG_SIZE}}">
{{#IF_LINK_URL}}<a href="{{LINK_URL}}">{{/IF_LINK_URL}}<img src="./uploads/{{FILE}}" alt="{{TITLE}}">{{#IF_LINK_URL}}</a>{{/IF_LINK_URL}}
{{#IF_FILE_TEXT}}
<div>
<p>{{FILE_TEXT}}</p>
</div>
{{/IF_FILE_TEXT}}
</div>
{{/IF_IMAGE}}

</div>
{{/ROWS}}

</section>

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