{#
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-category">
<h2 class="b-category__title c-animation-fade js-animation-fade">
<span class="b-category__title--main">{{ 'Categories'|trans }}</span>
{#<span class="b-category__title--sub">{{ ''|trans }}</span>#}
</h2>
<div class="b-category__contents c-animation-fade js-animation-fade">
<div class="b-category__slide" id="js-category__slide">
<div class="b-category__slide-contents swiper-wrapper">
<div class="b-category__item swiper-slide">
<a class="b-category__item-link" href="/products/list?category_id=13">
<figure class="b-category__item-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/category/13.png">
<img class="b-category__item-image-pic" src="/html/user_data/assets/img/category/13.png" alt="{{ 'PORTRUNKS'|trans }}">
</picture>
</figure>
<p class="b-category__item-name">
<span class="b-category__item-name--ja">{{ 'PORTRUNKS'|trans }}</span>
{#<span class="b-category__item-name--en">{{ 'トップス'|trans|raw }}</span>#}
</p>
</a>
</div>
<div class="b-category__item swiper-slide">
<a class="b-category__item-link" href="/products/list?category_id=7">
<figure class="b-category__item-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/category/7.png">
<img class="b-category__item-image-pic" src="/html/user_data/assets/img/category/7.png" alt="{{ 'WEAR トップス'|trans }}">
</picture>
</figure>
<p class="b-category__item-name">
<span class="b-category__item-name--ja">{{ 'WEAR'|trans }}</span>
<span class="b-category__item-name--en">{{ 'トップス'|trans|raw }}</span>
</p>
</a>
</div>
<div class="b-category__item swiper-slide">
<a class="b-category__item-link" href="/products/list?category_id=8">
<figure class="b-category__item-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/category/8.png">
<img class="b-category__item-image-pic" src="/html/user_data/assets/img/category/8.png" alt="{{ 'WEAR ボトムス'|trans }}">
</picture>
</figure>
<p class="b-category__item-name">
<span class="b-category__item-name--ja">{{ 'WEAR'|trans }}</span>
<span class="b-category__item-name--en">{{ 'ボトムス'|trans|raw }}</span>
</p>
</a>
</div>
<div class="b-category__item swiper-slide">
<a class="b-category__item-link" href="/products/list?category_id=9">
<figure class="b-category__item-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/category/9.png">
<img class="b-category__item-image-pic" src="/html/user_data/assets/img/category/9.png" alt="{{ 'WEAR ワンピース'|trans }}">
</picture>
</figure>
<p class="b-category__item-name">
<span class="b-category__item-name--ja">{{ 'WEAR'|trans }}</span>
<span class="b-category__item-name--en">{{ 'ワンピース'|trans|raw }}</span>
</p>
</a>
</div>
<div class="b-category__item swiper-slide">
<a class="b-category__item-link" href="/products/list?category_id=10">
<figure class="b-category__item-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/category/10.png">
<img class="b-category__item-image-pic" src="/html/user_data/assets/img/category/10.png" alt="{{ 'WEAR その他'|trans }}">
</picture>
</figure>
<p class="b-category__item-name">
<span class="b-category__item-name--ja">{{ 'WEAR'|trans }}</span>
<span class="b-category__item-name--en">{{ 'その他'|trans|raw }}</span>
</p>
</a>
</div>
<div class="b-category__item swiper-slide">
<a class="b-category__item-link" href="/products/list?category_id=11">
<figure class="b-category__item-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/category/11.png">
<img class="b-category__item-image-pic" src="/html/user_data/assets/img/category/11.png" alt="{{ 'GOODS バッグ'|trans }}">
</picture>
</figure>
<p class="b-category__item-name">
<span class="b-category__item-name--ja">{{ 'GOODS'|trans }}</span>
<span class="b-category__item-name--en">{{ 'バッグ'|trans|raw }}</span>
</p>
</a>
</div>
<div class="b-category__item swiper-slide">
<a class="b-category__item-link" href="/products/list?category_id=12">
<figure class="b-category__item-image">
<picture>
<source media="(max-width: 839px)" srcset="/html/user_data/assets/img/category/12.png">
<img class="b-category__item-image-pic" src="/html/user_data/assets/img/category/12.png" alt="{{ 'GOODS その他'|trans }}">
</picture>
</figure>
<p class="b-category__item-name">
<span class="b-category__item-name--ja">{{ 'GOODS'|trans }}</span>
<span class="b-category__item-name--en">{{ 'その他'|trans|raw }}</span>
</p>
</a>
</div>
</div>
<div class="b-category__slide-scrollbar swiper-scrollbar" id="js-category__slide-scrollbar"></div>
</div>
</div>
</section>
{# scrollのjavascriptはindex.twigに記載 #}
{# 背景画像のCSSはindex.twigに記載 #}