<section class="pickUpContents"> <div class="section-heading"> <h4>{{ 'common.entry.pickup_contents.title'|trans }}</h4> <p>{{ 'common.entry.pickup_contents.sub'|trans }}</p> </div> <div class="pickUpContents-inner"> <div class="pickUpContents-inner__content"> {% for item in pickup %} {% if item.image %} <div> <img src="{{ path('entry_image', {filename: item.image}) }}" alt="{{ item.title }}"> <h4>{{ item.trans('title') }}</h4> <p>{{ item.trans('caption') }}</p> </div> {% endif %} {% endfor %} </div> <p class="pickUpContents-text"> {{ entry.pickupContentsDescriptionTrans() }} </p> {% if images|length > 1 %} <div class="pickUpContents-all"> {% for img in images %} {% if img.image and loop.index <= 5 %} <img src="{{ path('entry_image', {filename: img.image}) }}" alt="{{ entry.title }}"{% if loop.last %} class="viewAll"{% endif %}> {% if loop.first %} <div> {% endif %} {% if loop.last or loop.index >= 5 %} <div class="btnBox modalOpen"> <a class="whitebtn">{{ 'components.detail.all'|trans }}</a> </div> {% endif %} {% endif %} {% endfor %} <!--モーダル内のループ--> <div class="modal easyModal"> <div class="modal-header"> <div class="modal-header__modalClose"></div> </div> <div class="modal-img"> {% for img in images %} {% if img.image %} <a class="grid-item" > <img src="{{ path('entry_image', {filename: img.image}) }}" alt="{{ entry.title }}"> </a> {% endif %} {% endfor %} </div> </div> </div> </div> {% endif %} </div></section>