<!-- tpcms-form: {
  "label": "06_サムネイル切り替え",
  "category": "03_コンテンツ",
  "fields": [
    { "key":"H2", "type":"text", "label":"大見出し"},
    { "key":"H2_HOSOKU", "type":"text", "label":"大見出しの補足・英語表記など"},
    { "type": "file", "key": "FILE1", "label": "１枚目画像", "image_max_width": 2500, "image_quality": 82 },
    { "type": "file", "key": "FILE2", "label": "２枚目画像", "image_max_width": 2500, "image_quality": 82 },
    { "type": "file", "key": "FILE3", "label": "３枚目画像", "image_max_width": 2500, "image_quality": 82 },
    { "key":"TEXT1", "type":"textarea", "label":"お客様コメント"},
    { "type": "file", "key": "FILE", "label": "お客様写真", "image_max_width": 1000, "image_quality": 82 },
    { "key":"TEXT2", "type":"textarea", "label":"メーカー側コメント"}
  ]
} -->

<section>

<h2 class="c">
{{H2}}
{{#IF_H2_HOSOKU}}<span>{{H2_HOSOKU}}</span>{{/IF_H2_HOSOKU}}
</h2>

<div class="thumbnail-view"></div>

<!--サムネイルブロック-->
<div class="thumbnail mb5rem">
<img src="./uploads/{{FILE1}}" alt="">
{{#IF_IMAGE FILE2}}<img src="./uploads/{{FILE2}}" alt="">{{/IF_IMAGE}}
{{#IF_IMAGE FILE3}}<img src="./uploads/{{FILE3}}" alt="">{{/IF_IMAGE}}
</div>

<div class="list-half">

<div class="list">

{{#IF_TEXT1}}<div class="text"><p>{{TEXT1}}</p></div>{{/IF_TEXT1}}

{{#IF_IMAGE FILE}}
<div class="image-r">
<figure><img src="./uploads/{{FILE}}" alt=""></figure>
</div>
{{/IF_IMAGE}}

</div>

{{#IF_TEXT2}}
<div class="list-re">
{{TEXT2}}
</div>
{{/IF_TEXT2}}

</div>

<p class="back"><a href="javascript:history.back()">前のページに戻る</a></p>

</section>
