<script type="text/javascript">
$(function() {
$('#gnavi1btn').click(function(){
if($(this).is(".selected")){
$(this).removeClass("selected");
}else {
$(this).addClass("selected");
$('#gnavi2btn').removeClass("selected");
}
$('#gnavi1').slideToggle();
$('#gnavi2').hide();
return false;
});
$('#gnavi2btn').click(function(){
if($(this).is(".selected")){
$(this).removeClass("selected");
}else {
$(this).addClass("selected");
$('#gnavi1btn').removeClass("selected");
}
$('#gnavi2').slideToggle();
$('#gnavi1').hide();
return false;
});
$('body').click(function(){
$('#gnavi1,#gnavi2').slideUp();
$('#gnavi1btn,#gnavi2btn').removeClass("selected");
});
$('#cgnavi2btn').click(function(){
if($(this).is(".selected")){
$(this).removeClass("selected");
}else {
$(this).addClass("selected");
$('#gnavi1btn').removeClass("selected");
}
$('#gnavi2').slideToggle();
$('#gnavi1').hide();
return false;
});
$('body').click(function(){
$('#gnavi1,#gnavi2').slideUp();
$('#gnavi1btn,#cgnavi2btn').removeClass("selected");
});
});
</script>
<!-- ▼HEADER▼ -->
<div id="header">
<div id="header_contents" class="clearfix">
<div class="h_logo">
<a href="{{ url('bookcart') }}"><img src="{{ asset('common_img/h_logo_bookcart.png', 'user_data') }}" alt="ベースボール・マガジン社のスポーツ総合サイト" /></a>
</div>
<!--▼ HNAVI ▼-->
<ul id="hnavi">
<li id="gnavi1btn"> </li>
<li id="gnavi2btn"> </li>
<li><a href="https://www.bbm-japan.com/page/subscribe"><img src="{{ asset('common_img/gnavi01_03.jpg', 'user_data') }}" alt="定期購読申し込み" /></a></li>
</ul>
<!--▲ HNAVI ▲-->
<!--▼ HEADER RIGHT ▼-->
<div id="h_right" style="padding-top:0px;">
<div class="clearfix mb5">
</div>
<div class="align_r">
<table>
<tr>
<td style="text-align:center;">
<div class="block_body clearfix">
<p class="btn">
<a href="{{ url('cart') }}"><img src="{{ asset('common_img/btn_header_cart.jpg', 'user_data') }}" height="20"></a>
</p>
</div>
</td>
<td rowspan="4">
<a href="{{ eccube_config.BBMURL }}" target="_blank"><img src="{{ asset('common_img/bbm_logo.png', 'user_data') }}" alt="ベースボールマガジン社" style="margin-left:20px;" /></a>
</td>
</tr>
<tr>
<td style="text-align:center;">
<div class="block_body clearfix">
{% if is_granted('ROLE_USER') %}
<p class="btn">
<a href="{{ url('logout') }}"><img src="{{ asset('common_img/btn_header_logout2.jpg', 'user_data') }}" alt="ログアウト" height="20" /></a>
</p>
{% else %}
<p class="btn">
<a href="{{ url('mypage_login') }}"><img src="{{ asset('common_img/btn_header_login.jpg', 'user_data') }}" alt="ログイン" height="20" /></a>
</p>
{% endif %}
</div>
</td>
</tr>
<tr>
<td style="text-align:center;">
<div class="block_body clearfix">
{% if is_granted('ROLE_USER') %}
<p class="btn">
<a href="{{ url('mypage') }}"><img src="{{ asset('common_img/btn_header_mypage.jpg', 'user_data') }}" height="20"></a>
</p>
{% else %}
<p class="btn">
<a href="{{ url('entry') }}"><img src="{{ asset('common_img/btn_header_member.jpg', 'user_data') }}" height="20"></a>
</p>
{% endif %}
</div>
</td>
</tr>
</table>
</div>
</div>
<!--▲ HEADER RIGHT ▲-->
</div>
<!--▼ GNAVI ▼-->
<div id="gnavi1" class="panel">
<div id="gnavi1_contents" class="clearfix">
{% if sortedChildren %}
{% set cnt = -1 %}
{% for child_category in sortedChildren %}
{% if child_category.dspfl == 1 %}
{% set cnt = cnt + 1 %}
{% if cnt % 5 == 0 %}
{% if not loop.first %}
</ul>
{% endif %}
<ul class="gnavi2_ul mr40">
{% endif %}
<li><a href="{{ path('product_list', {cateid: child_category.id}) }}">{{ child_category.name }}</a></li>
{% if loop.last %}
</ul>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
<!--▲ GNAVI ▲-->
<div id="gnavi2" class="panel">
<div id="gnavi2_contents" class="clearfix">
<ul class="gnavi2_ul mr40">
</ul>
</div>
</div>
<!--▲ GNAVI ▲-->
</div>
<!-- ▲HEADER▲ -->