<!-- シリーズ(4カラム) -->
{% if goodsSeriesList is defined %}
{% if goodsSeriesList[4] is defined %}
{% for goodsSeries in goodsSeriesList[4] %}
<div class="goods-series col4">
{% if goodsSeries['gs_title'] is defined or goodsSeries['gs_sub_title'] is defined %}
<header>
<div class="itempage-line">
<p>
{% if goodsSeries['gs_title'] is defined %}
<span class="heading heading-large">{{ goodsSeries['gs_title'] | display_text }}</span>
{% endif %}
{% if goodsSeries['gs_sub_title'] is defined %}
<span class="heading heading-small ja">{{ goodsSeries['gs_sub_title'] | display_text }}</span>
{% endif %}
</p>
</div>
</header>
{% endif %}
<article>
{% for goods in goodsSeries['goods_list'] %}
{% set itemName = goods['goods_name'] %}
{% if goods['goods_new_name'] is defined %}
{% set itemName = goods['goods_new_name'] %}
{% endif %}
{% set itemId = goods['goods_id'] %}
{% if goods['goods_canonical_hinban'] is defined %}
{% set itemId = goods['goods_canonical_hinban'] %}
{% endif %}
<div class="goods-box-wrapper{% if data.goods_id == goods['goods_id'] %} nolink {% endif %}">
<a class="goods-box" href="/item/{{ itemId }}.html">
<div class="goods-body">
<div class="img-box">
{% if data.goods_id == goods['goods_id'] %}
<div class="overlay">
<div class="overlay-text">
この商品の<br>
ページを<br>
見ています
</div>
</div>
{% endif %}
<img src="{{ goods['goods_image'] }}">
</div>
<div class="color-box">
<div class="color-tip-list">
{% for color in goods['color_list'] %}
<div class="color-tip" style="background-color:#{{ color['color_rgb'] | display_text }}"></div>
{% endfor %}
</div>
</div>
<div class="caption-box">{{ itemName | display_text }}</div>
<div class="price-box">
{{('<span class="get-price-ajax formed" data-item-id="' ~ goods['goods_id'] ~ '"></span><span
class="yen">円</span><span class="zei">(税込)</span>') | raw}}
</div>
</div>
</a>
</div>
{% endfor %}
</article>
</div>
{% endfor %}
{% endif %}
{% endif %}
<!-- シリーズ(4カラム) -->