<!-- tpcms-form: {
  "label": "02_★背景画像 ＋ テキスト",
  "category": "03_コンテンツ",
  "fields": [
    { "key": "LINK", "type":"text", "label": "アンカーリンク（メニュー設定のスラッグと合わせる）" },
    { "key":"H2", "type":"text", "label":"大見出し" },
    { "key":"H2_HOSOKU", "type":"text", "label":"大見出しの補足・英語表記など" },
    { "key":"FILE_KAZARI", "type":"file", "label":"見出し背後の装飾画像" }
  ],
  "repeaters": [
    {
      "key": "ROWS",
      "label": "繰り返しブロック",
      "sort": true,
      "fields": [
        { "key": "TITLE1", "type": "text", "label": "タイトル（できれば１文字）" },
        { "key": "TITLE2", "type": "text", "label": "タイトルの続きの文字" },
        { "key": "TITLE3", "type": "text", "label": "タイトルの飾り文字" },
        { "key": "TEXT", "type": "textarea","label": "説明" },
        { "key": "FILE", "type": "file", "label": "画像", "image_max_width": 800, "image_quality": 82 },
        { "key": "POSITION", "type":"radio", "label":"画像の配置", "options":[["", "テキストを左に配置"],["reverse","テキストを右に配置"]]},
        { "key": "LINK_URL", "type": "text", "label": "リンク先URL（空ならリンクなし）" }
      ]
    }
  ]
} -->

<section class="padding-lr0" style="{{#IF_IMAGE FILE_KAZARI}}background: url('./uploads/{{FILE_KAZARI}}') no-repeat left top / 70%;{{/IF_IMAGE}}" id="{{LINK}}">

<div class="title-bg blur">
<h2>
<span class="tate order1">{{H2}}</span>
{{#IF_H2_HOSOKU}}<span class="yoko">{{H2_HOSOKU}}</span>{{/IF_H2_HOSOKU}}
</h2>
</div>

{{#ROWS}}
<div class="list1 up" style="background: url('./uploads/{{FILE}}') no-repeat center center / cover;">
<div class="text {{POSITION}}">

<h3>
{{#IF_TITLE1}}<span class="large">{{TITLE1}}</span>{{/IF_TITLE1}}
{{#IF_TITLE2}}{{TITLE2}}{{/IF_TITLE2}}
{{#IF_TITLE3}}<span>{{TITLE3}}</span>{{/IF_TITLE3}}
</h3>

{{#IF_TEXT}}<p>{{TEXT}}</p>{{/IF_TEXT}}

{{#IF_LINK_URL}}<p class="btn2"><a href="{{LINK_URL}}">View More</a></p>{{/IF_LINK_URL}}

</div>
</div>
{{/ROWS}}

</section>