<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>