<div class="ec-headerNav float-left">
<ul class="ec-headerNav_navi">
<li class="ec-headerNav__item">
<a href="{{ url('help_guide') }}">
<img class="ec-headerNav__itemImg" src="{{ asset('assets/img/new/img_headerNavi_01.png') }}" alt="初めての方へ" width="150" height="50">
</a>
</li>
<li class="ec-headerNav__item">
<a href="{{ url('contact') }}">
<img class="ec-headerNav__itemImg" src="{{ asset('assets/img/new/img_headerNavi_02.png') }}" alt="お問い合わせ" width="150" height="50">
</a>
</li>
<li class="ec-headerNav__item">
<a href="{{ url('mypage') }}">
<img class="ec-headerNav__itemImg" src="{{ asset('assets/img/new/img_headerNavi_04.png') }}" alt="マイページ" width="150" height="50">
</a>
</li>
</ul>
{% if is_granted('ROLE_USER') %}
<div style="margin: auto; color: black;">
<p>{{ 'ようこそ' |trans }}<br>
{{ '%last_name% %first_name%さん'|trans({ '%last_name%': app.user.name01, '%first_name%': app.user.name02 }) }}
</p>
</div>
{% endif %}
<ul class="ec-headerNav_login">
{% if is_granted('ROLE_USER') %}
<li class="ec-headerNav__item">
<a href="{{ url('mypage_favorite') }}">
<img src="{{ asset('assets/img/new/img_favorite-button.png') }}" alt="お気に入り" width="55" height="55" />
</a>
</li>
<li class="ec-headerNav__item">
<a href="{{ url('logout') }}">
<img src="{{ asset('assets/img/new/img_logout-button.png') }}" alt="ログアウト" width="55" height="55" />
</a>
</li>
{% else %}
<li class="ec-headerNav__item login-box">
<a href="{{ url('mypage_login') }}">
<img src="{{ asset('assets/img/new/img_login-button.png') }}" alt="ログイン" width="55" height="55" />
</a>
</li>
<li class="ec-headerNav__item">
<a href="{{ url('entry') }}">
<img src="{{ asset('assets/img/new/img_register-button.png') }}" alt="会員登録" width="55" height="55" />
</a>
</li>
{% endif %}
</ul>
</div>
<div class="ec-headerNavSP">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>