<!-- tpcms-form: {
  "label": "04_★#section4 ＝ ギャラリー用。メニュー設定のスラッグをこれと合わせる",
  "category": "03_コンテンツ",
  "fields": [
    { "key":"H2", "type":"text", "label":"大見出し"},
    { "key":"H3", "type":"text", "label":"中見出し"},
    { "key":"TEXT", "type":"textarea", "label":"説明テキスト。"},
    { "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": "TITLE", "type": "text", "label": "見出し" },
        { "key": "FILE", "type": "file", "label": "画像", "image_max_width": 1000, "image_quality": 82 }
      ]
    }
  ]
} -->

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

<section id="section4" class="section">

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

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

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

<div class="list-grid-trimming">

{{#ROWS}}

<div class="list">
<a href="./uploads/{{FILE}}" data-lightbox="group1" data-title="{{TITLE}}">
<img src="./uploads/{{FILE}}" alt="">
</a>
</div>

{{/ROWS}}

</div>

</section>

