{% set ItemCategories = [7,14,113,115,137] %}
{% set ListCategories = repository('Eccube\\Entity\\Category').getList() %}
<div class="logo">
<a href="/">
<img src="/html/template/raspia/img/common/logo_header_02.webp" alt="RASPIA Jewelry" width="270">
</a>
</div>
<p id="btn_menu"><a class="nav-trigger nav-trigger01" data-cateId="mainMenu">Menu<span></span></a></p>
<div class="nav-bg sp"></div>
<!-- ↓↓メインメニュー↓↓ -->
<div id="mainMenu" class="menuBox">
<div class="spNavOption sp">
<p id="btn_menu"><a class="nav-trigger nav-trigger02 active">Menu<span></span></a></p>
</div>
{% if is_granted('ROLE_USER') %}
<div class="menuBlock" id="member">
<ul>
<li class="blockTtl">
<span class="member">
{{ '%last_name% %first_name% 様'|trans({ '%last_name%': app.user.name01, '%first_name%': app.user.name02 }) }}
<span class="point">(保有ポイント <span class="red">{{ app.user.point }} </span>)</span>
</span>
</li>
<li><a href="/mypage/">マイページ</a></li>
<li><a href="/mypage/favorite">お気に入り</a></li>
<li><a href="/logout">ログアウト</a></li>
</ul>
</div>
{% else %}
<div class="menuBlock">
<ul>
<li><a href="/">トップページ</a></li>
</ul>
</div>
<div class="menuBlock" id="guest">
<ul>
<li class="blockTtl"><span class="guest">ゲスト</span></li>
<li><a href="/entry">新規会員登録</a></li>
<li><a href="/mypage/login">ログイン</a></li>
</ul>
</div>
{% endif %}
<div class="menuBlock">
<ul>
<li class="blockTtl"><span class="search">アイテムから探す</span></li>
<li><a href="/products/list">商品一覧</a></li>
{% for Category in ListCategories %}
{% if Category.id in ItemCategories %}
<li><a class="menuTrigger01" data-cateId="menu_{{ Category.id }}">{{ Category.name }}から探す</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="menuBlock">
<ul>
<li class="blockTtl"><span class="search">カテゴリから探す</span></li>
{% for Category in ListCategories %}
{% if Category.id in ItemCategories %}
{% else %}
<li><a class="menuTrigger01" data-cateId="menu_{{ Category.id }}">{{ Category.name }}から探す</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="menuBlock" id="member">
<ul>
<li class="blockTtl"><span class="guide">ガイド</span></li>
<li><a href="/guide">はじめてご利用の方へ</a></li>
<li><a href="/user_data/shop">大阪・南堀江 店舗のご案内</a></li>
<li><a href="/user_data/event">期間限定ショップ情報</a></li>
<li><a href="/user_data/help_order">ご注文について</a></li>
<li><a href="/user_data/help_send">配送・送料について</a></li>
<li><a href="/user_data/help_gift">梱包・ギフトについて</a></li>
<li><a href="/user_data/help_product">商品について</a></li>
<li><a href="/user_data/help_care">お手入れ方法について</a></li>
<li><a href="/user_data/help_returns">返品・交換・修理</a></li>
<li><a href="/user_data/help_member">会員登録について</a></li>
</ul>
</div>
<div class="menuBlock" id="aboutraspia">
<ul>
<li class="blockTtl"><span class="guide">ラスピアについて</span></li>
<li><a href="{{ url('help_about') }}">運営会社</a></li>
<li><a href="/magazine" target="_blank">ラスピアマガジン</a></li>
<li><a href="{{ url('help_tradelaw') }}">特定商取引法に基づく表記</a></li>
<li><a href="{{ url('help_privacy') }}">プライバシーポリシー</a></li>
<li><a href="{{ url('help_agreement') }}">会員様利用規約</a></li>
<li><a href="/user_data/recruit">ジュエリーデザイナー求人募集</a></li>
<li><a href="/user_data/rental">ジュエリーの衣装協力・貸し出し</a></li>
</ul>
</div>
<div class="menuBlock" id="contact">
<ul>
<li class="blockTtl"><span class="guide">お問い合わせ</span></li>
<li><a href="https://lin.ee/qJTCKzZ" onclick="gtag('event', 'tap', {'event_category': 'entry','event_label': 'line'});">LINEで問い合わせ</a></li>
<li><a href="/contact">メールフォームで問い合わせ</a></li>
</ul>
</div>
{{ include('Block/menu_sns.twig') }}
</div>
<!-- ↓↓カテゴリーから探す↓↓ -->
<div id="menu_all" class="menuBox">
<div class="spNavOption">
<a class="prevTrigger"><img src="/html/template/raspia/img/common/ico_l_gray.webp" alt=""></a>
<p id="btn_menu"><a class="nav-trigger nav-trigger02 active">Menu<span></span></a></p>
</div>
{% for Category in ListCategories %}
{% if Category.id in ItemCategories %}
<div class="menuBlock" id="pierce">
<ul>
<li class="blockTtl"><span class="brand">{{ Category.name }}</span></li>
<li><a href="/products/list?category_id={{ Category.id }}">{{ Category.name }}</a></li>
{% for Child in Category.Children %}
<li><a href="/products/list?category_id={{ Child.id }}">{{ Child.name }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
{% endfor %}
{{ include('Block/menu_sns.twig') }}
</div>
<!-- ↓↓シリーズから探す↓↓ -->
<div id="menu_6" class="menuBox">
<div class="spNavOption">
<a class="prevTrigger"><img src="/html/template/raspia/img/common/ico_l_gray.webp" alt=""></a>
<p id="btn_menu"><a class="nav-trigger nav-trigger02 active">Menu<span></span></a></p>
</div>
<div class="menuBlock" id="pierce">
<ul>
<li class="blockTtl"><span class="brand">シリーズから探す</span></li>
</ul>
<div class="imgTxtList01">
<a href="/series/valoa">
<img src="/html/template/raspia/img/menu/img_series_valoa.webp?2022" alt="VALOA">
<span class="txt05">VALOA</span>
</a>
<a href="/products/list?category_id=147">
<img src="/html/template/raspia/img/menu/img_series11.webp" alt="MUOT">
<span class="txt05">MUOT</span>
</a>
<a href="/products/list?category_id=151">
<img src="/html/template/raspia/img/menu/img_series_petela.webp" alt="Petela">
<span class="txt05">Petela</span>
</a>
<a href="/products/list?category_id=141">
<img src="/html/template/raspia/img/menu/img_series_ello_may.webp?202204" alt="Ello May">
<span class="txt05">Ello May</span>
</a>
<a href="/products/list?category_id=144">
<img src="/html/template/raspia/img/menu/img_series06.webp" alt="">
<span class="txt05">Ello Ulmia</span>
</a>
<a href="/products/list?category_id=143">
<img src="/html/template/raspia/img/menu/img_series07.webp" alt="">
<span class="txt05">Ello Lily</span>
</a>
<a href="/products/list?category_id=140">
<img src="/html/template/raspia/img/menu/img_series09.webp" alt="">
<span class="txt05">Ello Luculia</span>
</a>
<a href="/products/list?category_id=142">
<img src="/html/template/raspia/img/menu/img_series08.webp" alt="">
<span class="txt05">Ello lilas</span>
</a>
<a href="/products/list?category_id=139">
<img src="/html/template/raspia/img/menu/img_series10.webp" alt="">
<span class="txt05">Ello Fiol</span>
</a>
<a href="/products/list?category_id=82">
<img src="/html/template/raspia/img/menu/img_series05.webp" alt="">
<span class="txt05">BOURGEON</span>
</a>
<a href="/products/list?category_id=81">
<img src="/html/template/raspia/img/menu/img_series04.webp" alt="">
<span class="txt05">ESPOIR</span>
</a>
<a href="/products/list?category_id=80">
<img src="/html/template/raspia/img/menu/img_series03.webp" alt="">
<span class="txt05">MONTBRETIA</span>
</a>
<a href="/products/list?category_id=69">
<img src="/html/template/raspia/img/menu/img_series01.webp" alt="">
<span class="txt05">RADIANT<br>MOMENTS</span>
</a>
<a href="/products/list?category_id=68">
<img src="/html/template/raspia/img/menu/img_series02.webp" alt="">
<span class="txt05">CRASPEDIA<br>GLOBOSA</span>
</a>
<a href="/products/list?category_id=146">
<img src="/html/template/raspia/img/menu/img_series_diamond.webp" alt="">
<span class="txt05">Diamond<br>collection</span>
</a>
</div>
</div>
{{ include('Block/menu_sns.twig') }}
</div>
{% for Category in ListCategories %}
{% if Category.id == 6 %}
{% else %}
<div id="menu_{{ Category.id }}" class="menuBox">
<div class="spNavOption">
<a class="prevTrigger"><img src="/html/template/raspia/img/common/ico_l_gray.webp" alt=""></a>
<p id="btn_menu"><a class="nav-trigger nav-trigger02 active">Menu<span></span></a></p>
</div>
<div class="menuBlock" id="pierce">
<div class="menuBlock" id="pierce">
<ul>
<li class="blockTtl"><span class="brand">{{ Category.name }}</span></li>
<li><a href="/products/list?category_id={{ Category.id }}">全ての{{ Category.name }}</a></li>
{% for Child in Category.Children %}
<li><a href="/products/list?category_id={{ Child.id }}">{{ Child.name }}</a></li>
{% endfor %}
</ul>
</div>
</div>
{{ include('Block/menu_sns.twig') }}
</div>
{% endif %}
{% endfor %}