[%- page_title = "ブランドリスト｜$site_name" %]

[%- page_description = "${site_description}" -%]
[%- page_keywords = "${site_keywords}" -%]
[%- page_alternate = "${url_base}${device_base_dir_sp}/" -%]
[%- page_canonical_full = url_base -%]
[%- replace_head_contents = BLOCK %]

<link href="/assets/front/css/brand_list.css" rel="stylesheet" type="text/css" />

<!-- google_analize -->
<script type="text/javascript">
<uri:google_analize />
</script>
<!--end google_analize -->

<!-- アコーディオンメニュー -->
<script>
$(document).ready(function() {

    $('.subtitle').on("click tap", function() {
        $(this).find('.accordion').slideToggle();
        $(this).find('h2').toggleClass('active');
    });
    
});
</script>
<!-- アコーディオンメニュー -->

[% END -%]
[% IF SHOP %]
[%- pankuzu_list = [{'label' => "${SHOP.name}", 'url' => ''}] -%]
[% END %]
[% WRAPPER "template_main.html" -%]

<div id="CrumbsList">
	<div class="bread-crumbs">
		<!-- bread crumbs -->
		<ol class="clearfix">
			<li class="first" itemscope=""><a href="[% url_base %]" itemprop="url"><span itemprop="title">TOP</span></a></li>
			<li class="child leftArrow last"><span itemprop="title">ブランド一覧</span></li>
		</ol>
		<!-- /bread crumbs -->
	</div>
</div>

<!-- Outline -->
<div id="Outline">

	<h1>ブランド一覧<uri:site_name /></h1>

	<!-- Container -->
	<div id="Container">
		<!-- ContentsWrapper -->
		<div id="ContentsWrapper">
		
			<!-- MainContents -->
			<div class="pc-only">
			
				<!-- title -->
				<div class="sectionTitle">
					<p>BRAND LIST</p>
				</div>
				<!-- /title -->

				<!-- main start -->
				<div class="MainContentsGuide">
			
					<div class="mainCenter">
						<div class="brandlist-wrap">
							<div class="brandlist-box">
								<div class="brandlist">
									<p class="brand_title">A-C</p>
									[%- FOREACH brand_info IN loop_ac %]
										<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
									[% END %]
								</div>

								<div class="brandlist">
									<p class="brand_title">D-H</p>
									[%- FOREACH brand_info IN loop_dh %]
										<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
									[% END %]
								</div>
							</div>

							<div class="brandlist-box">
								<div class="brandlist">
									<p class="brand_title">I-L</p>
									[%- FOREACH brand_info IN loop_il %]
										<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
									[% END %]
								</div>

								<div class="brandlist">
									<p class="brand_title">M-P</p>
									[%- FOREACH brand_info IN loop_mp %]
										<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
									[% END %]
								</div>
							</div>

							<div class="brandlist-box">
								<div class="brandlist">
									<p class="brand_title">Q-T</p>
									[%- FOREACH brand_info IN loop_qt %]
										<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
									[% END %]
								</div>

								<div class="brandlist">
									<p class="brand_title">U-XYZ</p>
									[%- FOREACH brand_info IN loop_uz %]
										<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
									[% END %]
								</div>

								<div class="brandlist">
									<p class="brand_title">Others</p>
									[%- FOREACH brand_info IN loop_others %]
										<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
									[% END %]
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- main end -->
			</div>

			<!-- sm main start -->
			<div class="sp-only">
				
				<!-- title -->
				<div class="sectionTitle">
					<p>BRAND LIST</p>
				</div>
				 <!-- /title -->
				<div class="sub-wrap">
					<div class="sub">
						<div class="subtitle">
							<h2 class="active">A-C</h2>
							<div class="accordion">
								[%- FOREACH brand_info IN loop_ac %]
									<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
								[% END %]
							</div>
						</div>
					</div>

					<div class="sub">
						<div class="subtitle">
							<h2 class="active">D-H</h2>
							<div class="accordion">
								[%- FOREACH brand_info IN loop_dh %]
									<p class="brand_item"><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
								[% END %]
							</div>
						</div>
					</div>

					<div class="sub">
						<div class="subtitle">
							<h2 class="active">I-L</h2>
							<div class="accordion">
								[%- FOREACH brand_info IN loop_il %]
									<p class="brand_item" style=""><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
								[% END %]
							</div>
						</div>
					</div>

					<div class="sub">
						<div class="subtitle">
							<h2 class="active">M-P</h2>
							<div class="accordion">
								[%- FOREACH brand_info IN loop_mp %]
									<p class="brand_item" style=""><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
								[% END %]
							</div>
						</div>
					</div>

					<div class="sub">
						<div class="subtitle">
							<h2 class="active">Q-T</h2>
							<div class="accordion">
								[%- FOREACH brand_info IN loop_qt %]
									<p class="brand_item" style=""><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
								[% END %]
							</div>
						</div>
					</div>

					<div class="sub">
						<div class="subtitle">
							<h2 class="active">U-XYZ</h2>
							<div class="accordion">
								[%- FOREACH brand_info IN loop_uz %]
									<p class="brand_item" style=""><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
								[% END %]
							</div>
						</div>
					</div>

					<div class="sub">
						<div class="subtitle">
							<h2 class="active">Others</h2>
							<div class="accordion">
								[%- FOREACH brand_info IN loop_others %]
									<p class="brand_item" style=""><a href="/item/index.cgi?brand_code=[% brand_info.brand_code %]">[% brand_info.brand_name %]</a></p>
								[% END %]
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- sm main start -->
			</div>
			<!-- ContentsWrapper -->
		</div>
		<!-- /Container -->

</div>
<!-- /Outline -->

<!-- footer -->
<uri:html_body_footer />
<!-- /footer -->
<uri:y_tagmanager />
[% END %]