<!-- tpcms-form: {
  "label": "01_index ＝ メニュー設定のスラッグをこれと合わせる",
  "category": "03_コンテンツ",
  "once": true,
  "fields": [
    { "key": "BG_L", "type":"file", "label":"背景画像（※横向き端末用）", "image_max_width": 2000, "image_quality": 82 },
    { "key": "BG_P", "type":"file", "label":"背景画像（※盾向き端末用）", "image_max_width": 1000, "image_quality": 82 },
    { "key":"BG_COLOR", "type":"text", "label":"ボックス背景色" }
  ],
  "repeaters": [
    {
      "key": "ROWS",
      "label": "繰り返しブロック",
      "sort": true,
      "fields": [
        { "key":"H2", "type":"text", "label":"大見出し"},
        { "key":"H3", "type":"text", "label":"中見出し"},
        { "key": "FILE1", "type": "file", "label": "画像（説明の前に入れる場合）", "image_max_width": 2000, "image_quality": 82 },
        { "key": "TEXT", "type": "textarea","label": "説明" },
        { "key": "FILE2", "type": "file", "label": "画像（説明の後に入れる場合）", "image_max_width": 2000, "image_quality": 82 }
      ]
    }
  ]
} -->

<style>
#section1 {background-color: {{BG_COLOR}};}
#section1::before {background: url('./uploads/{{BG_L}}') no-repeat center center / cover;}
	/*縦向き端末の場合*/
	@media (orientation: portrait) {
    #section1::before {background: url('./uploads/{{BG_P}}') no-repeat center center / cover;}
	}
</style>

<section id="section1" class="section">

{{#ROWS}}

{{#IF_H2}}
<h2>{{H2}}</h2>
{{/IF_H2}}

{{#IF_H3}}
<h3>{{H3}}</h3>
{{/IF_H3}}

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

{{/ROWS}}

</section>
