{#
This file is part of EC-CUBE
Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
http://www.lockon.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
<section class="b-new-item">
<div class="b-new-item__body">
<h2 class="b-new-item__title c-animation-fade js-animation-fade">
<span class="b-new-item__title--main">{{ 'Line up'|trans }}</span>
<span class="b-new-item__title--sub">{{ '商品一覧'|trans }}</span>
</h2>
<div class="b-new-item__contents c-animation-fade js-animation-fade">
<ul class="b-new-item__list">
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '11'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/1.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/1.png" alt="{{ 'PARASOL(巾着)'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'PARASOL(巾着)'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥2,420'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '19'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/2.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/2.png" alt="{{ 'MARINE(マルシェバッグMサイズLサイズ)'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'MARINE(マルシェバッグMサイズLサイズ)'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥6,490'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '20'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/3.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/3.png" alt="{{ 'BELT FISH(アタッチメントベルト)'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'BELT FISH(アタッチメントベルト)'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥3,190'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '21'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/4.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/4.png" alt="{{ 'SUSTee'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'SUSTee'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥9,680'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '22'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/5.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/5.png" alt="{{ 'COSTA NOVA dress'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'COSTA NOVA dress'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥16,280'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '23'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/6.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/6.png" alt="{{ 'totown /1DAY M(トートバッグ)'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'totown /1DAY M(トートバッグ)'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥16,280'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '24'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/7.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/7.png" alt="{{ 'totown /PICNIC L(トートバッグ)'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'totown /PICNIC L(トートバッグ)'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥17,380'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
<li class="b-new-item__list-item">
<section class="b-new-item__product">
<a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '25'}) }}">
<figure class="b-new-item__product-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/8.png">
<img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/8.png" alt="{{ 'totown /TRUNK(トートバッグXL)'|trans }}">
</picture>
</figure>
<div class="b-new-item__product-contents">
<h3 class="b-new-item__product-name">{{ 'totown /TRUNK(トートバッグXL)'|trans }}</h3>
<p class="b-new-item__product-price">
<span class="b-new-item__product-price--number">{{ '¥26,180'|trans }}</span>
<span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
</p>
</div>
</a>
</section>
</li>
</ul>
<div class="b-new-item__actions">
<div class="b-new-item__actions-item">
<a class="c-button is-secondary c-button--unelevated mdc-button mdc-button--unelevated" href="{{ url('product_list') }}">
<span class="c-button__label mdc-button__label">{{ 'All Items'|trans }}</span>
</a>
</div>
</div>
</div>
</div>
</section>
{# スライダーに必要なscriptはindex.twigに記載 #}