


	




































































































































































































































































































	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	

<!-- brandCode ==== AA360-->
<!-- subBrandCode ==== -->




































		
		<!-- brandName ==== カリスマ　POPUP-->
		<!-- brandKana ==== カリスマ　POPUP-->
		<!-- brandPage ==== /charisma/-->
		



		
		<!-- brandName ==== カリスマ-->
		<!-- brandKana ==== カリスマ-->
		<!-- brandPage ==== /ap/s/v?fq=-stnum:0&amp;fq=scls:n_*&amp;sort=fsdt+desc%2Crk+desc&amp;fq=bd:AA360-->
		









































































































































































































































































































































































































































































































































































































































































































































































































































































































































































<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">

<title>カリスマ　POPUP（カリスマ　POPUP）｜グッズ通販｜A-AREA（エーエリア）</title>
<meta name="description" content="大人気カリスマ　POPUPのグッズ通販、イベントや限定コンテンツ、オリジナル特典など多数展開。日本発祥のカルチャー（アニメ、ゲーム、映画、マンガ）を世界に発信する最大級のプラットフォームA-AREA（エーエリア）。">
<meta name="keywords" content="カリスマ　POPUP（カリスマ　POPUP）｜グッズ通販｜A-AREA（エーエリア）,アニメ,ゲーム,映画,マンガ,コミック,声優,グッズ,通販,イベント,限定グッズ,コラボグッズ,特典,A-AREA,エーエリア">

<meta property="og:title" content="カリスマ　POPUP（カリスマ　POPUP）｜グッズ通販｜A-AREA（エーエリア）" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://a-area.com/charisma/" />
<meta property="og:image" content="/static/common/ogp/161115_ogp.jpg" />
<meta property="og:site_name" content="A-AREA" />
<meta property="og:description" content="大人気カリスマ　POPUPのグッズ通販、イベントや限定コンテンツ、オリジナル特典など多数展開。日本発祥のカルチャー（アニメ、ゲーム、映画、マンガ）を世界に発信する最大級のプラットフォームA-AREA（エーエリア）。" />

<link rel='icon' type='image/x-icon' href="/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon.png" />
<link rel="mask-icon" href="/static/common/favicon/safari-pinned-tab.svg" color="#000000" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT" />
<meta name="Copyright" content="A-area" />
<meta name="Slurp" content="NOYDIR" />
<meta name="robots" content="all">
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="viewport" content="width=1300, user-scalable=yes">


<link rel="alternate" media="handheld" href="//a-area.com/" />
<link rel="canonical" href="https://a-area.com/charisma/" />


<script type="text/javascript">
	window.WebFontConfig = {
		google: { families: [ 'Inter:400,700','Montserrat:400,700' ] },
		active: function() {
			sessionStorage.fonts = true;
		}
	};
	
	(function() {
		var wf = document.createElement('script');
		wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
		wf.type = 'text/javascript';
		wf.async = 'true';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(wf, s);
	})();
</script>

<link rel="preload" href="/static/full/css/common.css?20210816154141" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="/static/full/css/layout.css?20211112112622" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="/static/full/css/header.css?20210802173005" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="/static/full/css/footer.css?20211013102120" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="/static/full/css/side.css?20210802164328" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<link rel="preload" href="/static/full/css/jQuery/slick.css?20210312151555" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/common.css"/></noscript>
<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/layout.css"/></noscript>
<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/header.css"/></noscript>
<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/footer.css"/></noscript>
<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/side.css"/></noscript>
<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/jQuery/slick.css" /></noscript>


	<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"  href="/static/lite/css/lib/nouislider_modified.css">	
	<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"  href="/static/full/css/page/page-brandtop.css"/>
	<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"  href="/static/full/css/page/page-list.css"/>
	

	<noscript><link rel="stylesheet" type="text/css" href="/static/lite/css/lib/nouislider_modified.css"></noscript>	
	<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/page/page-brandtop.css"/></noscript>
	<noscript><link rel="stylesheet" type="text/css" href="/static/full/css/page/page-list.css"/></noscript>
	



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//a-area.com/adss/css/jquery-ui-1.10.3.custom.css"></link>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.string/2.3.3/underscore.string.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script>
  // CDN fallback
  (window.jQuery)
    || document.write('<script src="//a-area.com/adss/js/lib/jquery-1.10.2.js">\x3C/script>');
  (window.jQuery && window.jQuery.ui)
    || document.write('<script src="//a-area.com/adss/js/lib/jquery-ui-1.10.3.js">\x3C/script>');
  (window._)
    || document.write('<script src="//a-area.com/adss/js/lib/underscore-1.5.1.js">\x3C/script>');
  (window._ && window._.string)
    || document.write('<script src="//a-area.com/adss/js/lib/underscore.string-2.3.3.js">\x3C/script>');
  (window.JSON && window.JSON.stringify && window.JSON.parse)
    || document.write('<script src="//a-area.com/adss/js/lib/json2.js">\x3C/script>');
  (window.moment)
    || document.write('<script src="//a-area.com/adss/js/lib/moment-2.8.3.js">\x3C/script>');
  (window.moment)
    || document.write('<script src="//a-area.com/adss/js/lib/numeral-1.4.5.js">\x3C/script>');
  (window.Backbone)
    || document.write('<script src="//a-area.com/adss/js/lib/backbone-1.0.0.js">\x3C/script>');
</script>
<script src="//a-area.com/adss/js/lib/jquery-ui-i18n.js?1.0"></script>
<script src="//a-area.com/adss/js/lib/jquery.form.js?1.0"></script>
<!-- Basics -->
<script src="//a-area.com/adss/js/adss/namespace.js?1.0"></script>
<script src="//a-area.com/adss/js/adss/console.js?1.0"></script>
<script src="//a-area.com/adss/js/adss/resource.js?1.0"></script>
<script src="//a-area.com/adss/js/adss/util.js?1.0"></script>
<script src="//a-area.com/adss/js/adss/promotion.js?1.0"></script>
<script src="//a-area.com/adss/js/adss/cartAddItems.js?1.0"></script>
<script>
ADSS.Config.lang = 'ja';
ADSS.Config.appBaseUrl = '//a-area.com/ap/';
ADSS.Config.console.activate(false);
moment.locale('ja', {
  weekdays: ['日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '金曜日', '土曜日'],
  weekdaysShort: ['日', '月', '火', '水', '木', '金', '土']
});
</script>
<script src="//a-area.com/adss/js/adss/bootstrap.js?1.0"></script>
<script src="//a-area.com/adss/js/adss/app.js?1.0"></script>
<script src="//a-area.com/ap/api/mem.js?1657036302408"></script>
<script type="text/javascript" src="/static/full/js/vendor.js?20210513103047"></script>
<script type="text/javascript" src="/static/common/js/common.js?20210312151553"></script>
<script type="text/javascript" src="/static/full/js/common.js?20211102155340"></script>
<script type="text/javascript" src="/static/lite/js/jquery.easing.min.js?20210415184554"></script>
<script type="text/javascript" src="/static/full/js/lib/slick.min.js?20210312151556"></script>

	<script type="text/javascript" src="/static/lite/js/lib/nouislider.js"></script>
	<script type="text/javascript" src="/static/full/js/page/page-list.js"></script>
	

<script>
!function(t){"use strict";t.loadCSS||(t.loadCSS=function(){});var e=loadCSS.relpreload={};if(e.support=function(){var e;try{e=t.document.createElement("link").relList.supports("preload")}catch(a){e=!1}return function(){return e}}(),e.bindMediaToggle=function(t){function e(){t.addEventListener?t.removeEventListener("load",e):t.attachEvent&&t.detachEvent("onload",e),t.setAttribute("onload",null),t.media=a}var a=t.media||"all";t.addEventListener?t.addEventListener("load",e):t.attachEvent&&t.attachEvent("onload",e),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(e,3e3)},e.poly=function(){if(!e.support())for(var a=t.document.getElementsByTagName("link"),n=0;n<a.length;n++){var o=a[n];"preload"!==o.rel||"style"!==o.getAttribute("as")||o.getAttribute("data-loadcss")||(o.setAttribute("data-loadcss",!0),e.bindMediaToggle(o))}},!e.support()){e.poly();var a=t.setInterval(e.poly,500);t.addEventListener?t.addEventListener("load",function(){e.poly(),t.clearInterval(a)}):t.attachEvent&&t.attachEvent("onload",function(){e.poly(),t.clearInterval(a)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:t.loadCSS=loadCSS}("undefined"!=typeof global?global:this);
</script>

	<!-- google analytics ON -->
		<!-- 新タグ(gtag.js) -->
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-196930650-1"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'UA-196930650-1');
		</script>
		<!-- /新タグ(gtag.js) -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TNRB2FK');</script>
<!-- End Google Tag Manager -->


</head>


<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TNRB2FK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->









	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	
	

	

<!-- brandCode ==== AA360-->
<!-- subBrandCode ==== -->




































		
		<!-- brandName ==== カリスマ　POPUP-->
		<!-- brandKana ==== カリスマ　POPUP-->
		<!-- brandPage ==== /charisma/-->
		



		
		<!-- brandName ==== カリスマ-->
		<!-- brandKana ==== カリスマ-->
		<!-- brandPage ==== /ap/s/v?fq=-stnum:0&amp;fq=scls:n_*&amp;sort=fsdt+desc%2Crk+desc&amp;fq=bd:AA360-->
		





















































































































































































































































































































































































































































































































































<!--false-->
<div id="site_body">
	<div id="site_container">
		<div id="site_main">
<div class="drawer_main"><!-- drawer_main Start -->
	<div class="drawer_bg"></div>
	<div class="drawer_menu">
		<div class="drawer_wrapper">
			<div class="drawer_inner">
				<div id="drawerBody" class="drawer_body">
					<div id="drawerContent" class="drawer_content">
						<div class="drawer_header">
							<div class="drawer_header_logo">
								<a href="https://a-area.com/"><img src="/static/lite/images/header/header_logo.gif" width="50" height="40"  alt="A-AREA [ エーエリア ] 公式サイト"/></a>
							</div>
							<div class="drawer_close">
								<span></span>
								<span></span>
							</div>
							
						</div>


		<nav class="menu_item_nav"><!-- menu_item_nav Start -->
			<ul>
								<li><a href="https://a-area.com/ap/s/v?rows=40&sort=fsdt+desc,rk+desc&fq=scls:n_*&fq=-stnum:0&link=all">全ての商品を見る</a></li>
				<li><a href="https://a-area.com/ranking/">ランキング</a></li>
			</ul>
		</nav>
		<!-- nav End -->
		<div class="menu_member"><!-- menu_member Start --> 
			<script>document.write(adss_name ? adss_name : adss_isAuthorized ? '会員' : 'ゲスト');</script></a>　さま
					</div>
		<!-- menu_member End -->
		<nav class="menu_member_nav"><!-- menu_member_nav Start -->
			<ul>
								<li class="member_nav_mypage"><a href="https://a-area.com/ap/member/account/register/policy">新規会員登録</a></li>
				<li class="member_nav_logout"><a href="https://a-area.com/ap/member/login">ログイン</a></li>
				<li class="member_nav_favorite"><a href="https://a-area.com/ap/member/favorite/list">お気に入り</a></li>
			</ul>
		</nav>
		<!-- nav End -->


<script type="text/javascript" src="/static/full/js/event/menu_event.js"></script>
<link rel="stylesheet" type="text/css" href="/static/lite/css/event/event.css?1657036302414"/>

<nav class="menu_event">
	<h3 class="common_title">イベントカレンダー</h3>

	<div class="drawerInner">
		<div class="scheduleColumn" id="calendar">
			<form name="fym">
				<h4>
					<span class="prev"><a href="javascript:void(0);" data-ch="-1">&lt;</a></span>
					<div class="year_month_wrap">
						<select name="year_month" class="year_month" onChange="change_cal()"></select>
					</div>
					<span class="next"><a href="javascript:void(0);" data-ch="1">&gt;</a></span>
				</h4>
			</form>
			<div class="cal"></div>
		</div>
	</div>

	<div class="section_menu_eventbnr">
		<div class="menu_event_list">
		
		</div>
	</div>
</nav><div class="menu_checkitem"><!-- menu_checkitem Start -->
	<h3 class="common_title">チェックしたアイテム</h3>
	<div class="common_btn"><a href="https://a-area.com/checkeditem/">すべて見る</a></div>	
	<ul id="menu_recently_container" class="menu_recently_list"></ul>
</div><!-- menu_checkitem End -->
<script id="menu_recently_list_template" type="text/template">
	{{ data.linkUrl = ADSS.Config.appBaseUrl + 'item/i/' + data.doc.cd; }}
	{{ data.imageUrl = '//itemimg-aar.adss-sys.com/itemimg/' + data.doc.bd + '/' + data.doc.cd + '/01_001-120.jpg'; }}

	<li class="menu_recently_item">
		<a class="menu_recently_link" href="{{= data.linkUrl }}">
			<div class="menu_recently_photo"><img src="{{= data.imageUrl }}" class="menu_recently_image" width="60" height="70" alt="{{- ADSS.Util.cutStringOffByMaxCharWidth(data.doc.name, 40, '…') }}"></div>
		</a>
	</li>

</script>
<script type="text/javascript">
	$(function() {
		// 最近見た商品のコンテナ
		var $container = $('#menu_recently_container');
		// 最近見た商品を取得
		var recentlyViewedItems = ADSS.Promotion.getRecentlyViewedItems();
		// 最近見た商品の保存数
		var myLimit = 21;
		// 最近見た商品を描画
		if (recentlyViewedItems.length > 0) {
			var template = _.template($('#menu_recently_list_template').html());
			var query = 'wt=json&rows=' + (myLimit - 1) + '&dfq=scls:*&fq=';
			var isFirst = true;
			
			_.each(recentlyViewedItems, function(solrId) {
					query += ((isFirst ? '' : ' OR ') + 'ID:' + solrId);
					isFirst = false;
			});
			$.ajax({
					url: '/ise/select',
					data: query,
					async: true,
					dataType: "json",
			}).done(function(data, status, xhr) {
				var docs = data.response.docs;
				var count = 0;
				$container.html("");
				_.each(recentlyViewedItems, function(solrId) {
					var doc = _.findWhere(docs, { ID: solrId });
					if (doc && (count < 10) ) {
						$container.append(template({ doc: doc }));
						count++;
					}
				});

			});
		} else {
			$(".menu_checkitem").remove();
		}
	});
</script>

		<nav class="menu_sub_nav"><!-- nav Start -->
			<ul>
				<li><a href="https://a-area.com/beginner.html">初めての方へ</a></li>
				<li><a href="https://a-area.com/company.html">会社概要</a></li>
				<li><a href="https://a-area.com/faq.html">よくある質問</a></li>
				<li><a href="https://a-area.com/agreement.html">利用規約</a></li>
					<li><a href="https://a-area.com/ap/mag/">メルマガ登録</a></li>
				<li><a href="https://a-area.com/deal.html">特定商取引法</a></li>
				<li><a href="https://a-area.com/ap/contact/">お問い合わせ</a></li>
				<li><a href="https://a-area.com/privacy.html">プライバシーポリシー</a></li>
			</ul>
		</nav>
		<!-- nav End --> 
					</div>
				</div>
			</div>
		</div>
	</div>
</div><!-- drawer_main END -->
			<div id="pagetop" class="wrapper"><!-- wrapper Start -->
				<div class="section_main"><!-- section_main Start -->
				<header id="header"><!-- header Start -->
					<div class="header_box"><!-- header_box Start -->
						<div class="header_box_inner stuck">
							<div class="header_inner_wrap">
								<h1 class="header_logo">
									<a href="https://a-area.com/"><img src="/static/lite/images/header/header_logo.gif" width="50" height="40"  alt="カリスマ　POPUP（カリスマ　POPUP）｜グッズ通販｜A-AREA（エーエリア）"/></a>
								</h1>
								<div class="header_menu">
									<span></span>
									<span></span>
								</div>
								<nav class="header_member_nav"><!-- nav Start -->
									<ul>
										<li class="shopcart">
											<script type="text/javascript">
												if ( adss_cart['amount'] != 0 ) {
													document.write('<span class="no">' + adss_cart['piece'] + '</span>');
												} else {
													document.write('<span class="no">0</span>');
												}
											</script>
											<a href="https://a-area.com/ap/cart/show" class="amount">カート</a>
										</li>
										<li class="header_btn_fav">
											<a href="https://a-area.com/ap/member/favorite/list">お気に入り</a>
										</li>
									</ul>
								</nav><!-- nav End -->
								<div class="header_search">
									<script type="text/javascript">
										var searchBaseUrl = 'https://a-area.com/ap/s/v';
										var toFullWidth = function(value) {
											if (!value) return value;
											return String(value).replace(/[!-~]/g, function(all) {
												return String.fromCharCode(all.charCodeAt(0) + 0xFEE0);
											});
										};
										function isHanEisu(str){
										  str = (str==null)?"":str;
										  if(str.match(/^[A-Za-z0-9]*$/)){
											return true;
										  }else{
											return false;
										  }
										}
										function headerKwSearch() {
											var kw = $('#headerKw').val();
											var chkkw = kw;
											if ( kw == "キーワードを入力してください" ) {
												kw = "";
											}else{

												if (kw.length  == 1 && !isHanEisu(chkkw)){
													kw = toFullWidth(kw);
													kw = "&fq=text:" + ADSS.Util.asSolrSafeString(kw) + "&search=" + ADSS.Util.asSolrSafeString(kw);
												}else if (kw.length != ""){
													kw = "&fq=text:" + ADSS.Util.asSolrSafeString(kw) + "&search=" + ADSS.Util.asSolrSafeString(kw);
												}
											}
											location.href = searchBaseUrl + '?rows=40&sort=fsdt+desc,rk+desc&fq=scls:n_*' + kw.replace(/%5C/g, "");
										}
									</script>
									<form class="header_search_form" name="headSearchForm" method="get" onSubmit="headerKwSearch();return false;">
										<div class="form_row">
											<div class="col_form_12">
												<div class="header_serach_group">
													<input type="search" id="headerKw" class="header_search_input" placeholder="A-AREAで何かお探しですか？" class="js-placeholder" />
													<input type="submit" class="header_serach_submit" value="送信" onclick="headerKwSearch();">
												</div>
											</div>
										</div>
									</form>
								</div>
								<div class="header_nav">
									<ul>
										<li class="header_nav_brand">
	        <a href="/title/">作品名から探す</a>
	        <ul>
				<li>
					<a href="/tokyo_revengers/">
						
						東京リベンジャーズ
					</a>
				</li>
				<li>
					<a href="/shaman_king/">
						
						シャーマンキング
					</a>
				</li>
				<li>
					<a href="/shingekinokyozin/">
						
						進撃の巨人
					</a>
				</li>
				<li>
					<a href="/edens_zero/">
						
						EDENS ZERO
					</a>
				</li>
				<li>
					<a href="/kanozyomokanozyo/">
						
						カノジョも彼女
					</a>
				</li>
				<li>
					<a href="/gotoubunnohanayome/">
						
						五等分の花嫁
					</a>
				</li>
				<li>
					<a href="/bluelock/">
						
						ブルーロック
					</a>
				</li>
				<li>
					<a href="/blue_period/">
						
						ブルーピリオド
					</a>
				</li>
				<li>
					<a href="/kanozyookarishimasu/">
						
						彼女、お借りします
					</a>
				</li>
				<li class="go_list"><a href="/title/">作品一覧へ</a></li>
			</ul>
										</li>
										<li class="header_nav_category">
<a href="/category/">カテゴリーから探す<span></span></a>
<ul id="menu_nav_container">
</ul>

<script type="text/template" id="template-menu-category">
	<li>
		<a href="{{=data.category.link}}">{{=data.category.name}}</a>
	</li>
</script>

<script type="text/javascript">
	$(function() {
		var params = new Array();
		params.push('wt=json');
		params.push('facet=true');
		params.push('facet.limit=1000');
		params.push('facet.field=cf1');
		params.push('facet.field=cf2');
		params.push('facet.field=cf3');
		params.push('facet.sort=false');
		params.push('facet.mincount=1');
		params.push('fq=-stnum:0');

		var dataParam = params.join('&');
		dataParam = dataParam.replace("&&","&");
		$.ajax({
				'url'      : '/vse/select',
			'data'     : dataParam,
			'dataType' : "json"
		}).done(function(data) {
			var largeCts = data.facet_counts.facet_fields.cf1;
			var middleCts = data.facet_counts.facet_fields.cf2;
			var smallCts = data.facet_counts.facet_fields.cf3;
			var selectedCc1 = "";
			var selectedCc2 = "";

			var cc = "";

			var holder = new Array();
			for (var i = 0; i < largeCts.length; i+= 2) {
				var _codeName = largeCts[i].split("__");
				var _code = _codeName[0];
				var _name = _codeName[1]
				var _count = largeCts[i+1];

				if ( _count > 0 ) {
					var map = {'code' : _code, 'name' : _name, 'count' : _count};
					if ( selectedCc1 == _code ) {
						map.active = true;
					}
					map.link = "https://a-area.com/ap/s/v?sort=fsdt+desc,rk+desc&fq=-stnum:0&fq=scls:n_*&fq=cc1:" + _code ;

					var holderM = new Array();
					for (var k = 0; k < middleCts.length; k+= 2) {
						var _McodeName = middleCts[k].split("__");
						var _Mcode = _McodeName[0];
						var _Mname = _McodeName[1];
						var _Mcount = middleCts[k+1];

						if (_code != _Mcode.substr(0, 1)) {
							continue;
						}

						if (parseInt(_Mcount, 10) < 1) {
							continue;
						}

						var mid = {'code' : _Mcode, 'name' : _Mname, 'count' : _Mcount};
						mid.link = "https://a-area.com/ap/s/v?sort=fsdt+desc,rk+desc&fq=-stnum:0&fq=scls:n_*&fq=cc2:" + _Mcode ;

						var holderS = new Array();
						for (var p = 0; p < smallCts.length; p+= 2) {
							var _ScodeName = smallCts[p].split("__");
							var _Scode = _ScodeName[0];
							var _Sname = _ScodeName[1];
							var _Scount = smallCts[p+1];
							
							if (_Mcode != _Scode.substr(0, 2)) {
								continue;
							}

							if (parseInt(_Scount, 10) < 1) {
								continue;
							}

							var sml = {'code' : _Scode, 'name' : _Sname, 'count' : _Scount};
							if ( cc == _Scode ) {
								sml.active = true;
							}
							sml.link = "https://a-area.com/ap/s/v?sort=fsdt+desc,rk+desc&fq=-stnum:0&fq=scls:n_*&fq=cc3:" + _Scode;

							
							holderS.push(sml);
						}
						mid.small = holderS;
						holderM.push(mid);
					}
					map.medium = holderM;

					holder.push(map);
				}
			}

			$container = $("#menu_nav_container");
			$container.html("");
			_.each(holder, function(category, index) {
					$container.append(_.template(jQuery("#template-menu-category").html())({ "category": category }));
			});
			$container.append('<li class="go_list"><a href="/category/">カテゴリー一覧</a></li>');

	

	
	$('.menu_brand_level01 > ul').hide();
	$('.menu_brand_level01 > li > a').click(function(){
		if($(this).hasClass('selected')){
			$(this).next('ul').slideUp();
			$(this).removeClass('selected');
		}else{
			$(this).next('ul').slideDown();
			$(this).addClass('selected');
		}
		return false;
	});
	
	$('.footer_nav_level01 > a').click(function(){
		if($(this).hasClass('selected')){
			$(this).next('ul').slideUp();
			$(this).removeClass('selected');
		}else{
			$(this).next('ul').slideDown();
			$(this).addClass('selected');
		}
		return false;
	});
	


		});
	});

</script>										</li>
										<li><a href="https://a-area.com/ap/s/q">こだわり条件から探す</a></li>
										<li class="header_nav_top_btn">
<div class="section_top_btn">
	<ul>
		<li><a href="/ap/s/v?sort=fsdt+desc,rk+desc&rows=40&amp;fq=bd:AA360&link=new">新着商品</a></li>
	</ul>
</div>										</li>
									</ul>
								</div>

							</div>
						</div><!-- header_box End -->
					</div>	
				</header><!-- header End -->


	<!-- section_brandbnr Start -->
	<div class="brand_banner">
		<div class="brandbnr_item" >
			<a class="brandbnr_link" href="javascript:void(0);" tabindex="-1">
				<img class="brandbnr_image lazy" data-original="//cdn.a-area.com/cms/html/img/bnr_20220614171733248.jpg" alt="カリスマ　公式サイト">
			</a>
		</div>


	<!-- -->
    </div>
	<script>
		$(function(){
			$('.brandbnr_item .lazy').lazyload({
				effect: 'fadeIn',
				effectspeed: 500,
				threshold : 0
			});

			$('.more_txt').click(function() {
				$(".author_comment p").addClass("open");
				$(".more_txt").hide();
			});
		});
	</script>
	<!-- section_brandbnr End -->


























<div class="section_news"><!-- section_news Start -->
	<h3 class="common_title">ニュース</h3>
	<div class="common_btn"><a href="/news/?bd=AA360,AA004">すべて見る</a></div>	
	<ul class="news_list">
		<li class="news_item">
			<a href="/ap/member/account/register/policy">

				<div class="news_photo"><img src="//cdn.a-area.com/cms/html/img/bnr_20220526161150744.jpg" width="172" height="214" alt="会員登録で購入金額（税抜き）から３％付与！" class="news_image"></div>
				<div class="news_date">
					2022.05.26
				</div>
				<div class="news_info">
					<p class="news_title">会員登録で購入金額（税抜き）から３％付与！</p>			
				</div>

			</a>
		</li>
	</ul>

</div><!-- section_news End -->




<!--
_brandContent.display_brand
_brandContent.display_category
_brandContent.sort
_brandContent.rows_sp
-->


	<style>
		.searchInfo {
			display: none;
		}
	</style>
<div id="search_result"><!-- search_result Start -->
	<div class="search_box">
		<div class="switching">
			<div class="switching_tab_item more">
				<span class="switching_tab_text">さらに絞り込む</span></div>
				<div class="tab_float change_more">
					<div class="tab_inner">
						<form action="" method="post" name="PCProductListForm" onsubmit="return false;">
							<ul class="detail_search_list">
								<li class="detail_search_item">
									<dl class="detail_search_form kw_search">
										<dt class="detail_search_heading">キーワード</dt>
										<dd class="detail_search_data">
											<input type="text" id="kw" class="detail_search_input kw" name="kw" placeholder="なにかお探しですか？" value="">
										</dd>
								</dl>
							</li>


						<li class="detail_search_item">
							<dl class="detail_search_form search_category">
								<dt class="detail_search_heading">カテゴリ</dt>
								<dd class="detail_search_data arrow">
									<select name="cc1" id="cc1" class="detail_search_select" onchange="javascript:onChangeLargeCategory(this);" style="color: rgb(204, 204, 204);">
										<option value="">すべて</option>
									</select>
								</dd>
							</dl>
						</li>
						<li id="category-middle" class="detail_search_item search_subcategory" style="display:none;">
							<dl class="detail_search_form">
								<dt class="detail_search_heading">サブカテゴリ</dt>
								<dd class="detail_search_data arrow">
									<select name="cc2" id="cc2" class="detail_search_select" style="color: rgb(204, 204, 204);">
									</select>
									<select name="cc2_hidden" id="cc2_hidden" class="middle-category" style="display: none; color: rgb(204, 204, 204);">
									</select>
								</dd>
							</dl>
						</li>
							</ul>
							<ul class="detail_search_list">
								<li class="detail_search_item">
									<dl class="detail_search_form">
										<dt class="detail_search_heading vcbg">カラー</dt>
										<dd class="detail_search_data">
											<ul class="search_color_list">

												<li class="search_color_item color01">
													<div class="detail_search_color color01">
														<input type="checkbox" id="WHT" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="WHT">
														<label class="detail_search_checkbox_color" for="WHT"></label>
													</div>
												</li>

												<li class="search_color_item color02">
													<div class="detail_search_color color02">
														<input type="checkbox" id="GRY" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="GRY">
														<label class="detail_search_checkbox_color" for="GRY"></label>
													</div>
												</li>

												<li class="search_color_item color03">
													<div class="detail_search_color color03">
														<input type="checkbox" id="BLK" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="BLK">
														<label class="detail_search_checkbox_color" for="BLK"></label>
													</div>
												</li>

												<li class="search_color_item color04">
													<div class="detail_search_color color04">
														<input type="checkbox" id="BEG" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="BEG">
														<label class="detail_search_checkbox_color" for="BEG"></label>
													</div>
												</li>

												<li class="search_color_item color05">
													<div class="detail_search_color color05">
														<input type="checkbox" id="BLE" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="BLE">
														<label class="detail_search_checkbox_color" for="BLE"></label>
													</div>
												</li>

												<li class="search_color_item color06">
													<div class="detail_search_color color06">
														<input type="checkbox" id="YEL" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="YEL">
														<label class="detail_search_checkbox_color" for="YEL"></label>
													</div>
												</li>

												<li class="search_color_item color07">
													<div class="detail_search_color color07">
														<input type="checkbox" id="RED" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="RED">
														<label class="detail_search_checkbox_color" for="RED"></label>
													</div>
												</li>

												<li class="search_color_item color08">
													<div class="detail_search_color color08">
														<input type="checkbox" id="ORG" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="ORG">
														<label class="detail_search_checkbox_color" for="ORG"></label>
													</div>
												</li>

												<li class="search_color_item color09">
													<div class="detail_search_color color09">
														<input type="checkbox" id="BRN" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="BRN">
														<label class="detail_search_checkbox_color" for="BRN"></label>
													</div>
												</li>

												<li class="search_color_item color10">
													<div class="detail_search_color color10">
														<input type="checkbox" id="GRN" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="GRN">
														<label class="detail_search_checkbox_color" for="GRN"></label>
													</div>
												</li>

												<li class="search_color_item color11">
													<div class="detail_search_color color11">
														<input type="checkbox" id="PUR" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="PUR">
														<label class="detail_search_checkbox_color" for="PUR"></label>
													</div>
												</li>

												<li class="search_color_item color12">
													<div class="detail_search_color color12">
														<input type="checkbox" id="PNK" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="PNK">
														<label class="detail_search_checkbox_color" for="PNK"></label>
													</div>
												</li>

												<li class="search_color_item color13">
													<div class="detail_search_color color13">
														<input type="checkbox" id="SLV" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="SLV">
														<label class="detail_search_checkbox_color" for="SLV"></label>
													</div>
												</li>

												<li class="search_color_item color14">
													<div class="detail_search_color color14">
														<input type="checkbox" id="GLD" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="GLD">
														<label class="detail_search_checkbox_color" for="GLD"></label>
													</div>
												</li>

												<li class="search_color_item color15">
													<div class="detail_search_color color15">
														<input type="checkbox" id="MLT" name="change_search_color" class="shrinking_change_choise_vcbg detail_search_form_color" value="MLT">
														<label class="detail_search_checkbox_color" for="MLT"></label>
													</div>
												</li>
											</ul>
										</dd>
									</dl>
								</li>
							</ul>
							<ul class="detail_search_list">
								<li class="detail_search_item">
									<dl class="detail_search_form">
										<dt class="detail_search_heading">価格帯</dt>
										<dd class="detail_search_data price">
											<div class="search_form_row detail_search_price">
												<div class="col_search col_6">

												<input type="text" id="change_search_low_price" class="detail_search_input" name="price1" placeholder="" value="">
												<div class="detail_search_text">
													<span class="search_price_en">円</span>
												</div>
												</div>
												<span class="search_price_allow">〜</span>
												<div class="col_search col_6">
													<input type="text" id="change_search_high_price" class="detail_search_input" name="price2" placeholder="" value="">
													<div class="detail_search_text">
														<span class="search_price_en">円</span>
													</div>
												</div>
											</div>
											<div class="search_form_range">
												<div class="search_range">
													<div id="range_slider"></div>
												</div>
											</div>
										</dd>
									</dl>
								</li>


								<li class="detail_search_item">
									<dl class="detail_search_form">
										<dt class="detail_search_heading">在庫</dt>
										<dd class="detail_search_data">
											<select name="stnum" id="stnum" class="detail_search_select" style="color: rgb(204, 204, 204);">
												<option value="" class="not-select">指定しない</option>
												<option value="&amp;fq=-stnum:0">在庫ありのみ</option>
											</select>
										</dd>
									</dl>
								</li>
								<li class="detail_search_item">
									<dl class="detail_search_form">
										<dt class="detail_search_heading">商品ステータス</dt>
										<dd class="detail_search_data">
											<select name="icon" id="icon" class="detail_search_select" style="color: rgb(204, 204, 204);">
												<option value="" class="not-select">指定しない</option>
												<option value="&amp;fq=icon:coming_soon">販売間近</option>
												<option value="&amp;fq=icon:new">新着</option>
												<option value="&amp;fq=scls:n_sale">セール</option>
												<option value="&amp;fq=icon:reserve">予約</option>
												<option value="&amp;fq=icon:restock">再入荷</option>
											</select>
										</dd>
									</dl>
								</li>
							</ul>
							<div class="search_form_row search_button_list">
								<div class="col_search col_6">
									<button type="button" class="btn_change_search reset_btn">リセット</button>
								</div>
								<div class="col_search col_6">
									<button type="button" class="btn_change_search" onclick="refineSearch();">絞り込む</button>
								</div>
							</div>
						</form>
					</div>
				</div>
				<ul class="search_switch_list">
					<li class="search_switch_item">
						<div class="search_switch_box">
							<select id="sort" class="search_switch_select" data-search-condition>
								<option value="&amp;sort=rk+desc,fsdt+desc" selected="selected">おすすめ順</option>
								<option value="&amp;sort=fsdt+desc,rk+desc">新着順</option>
								<option value="&amp;sort=salesCD+desc,rk+desc">売れ筋順</option>
								<option value="&amp;sort=price+asc,rk+desc">価格の低い順</option>
								<option value="&amp;sort=price+desc,rk+desc">価格の高い順</option>
							</select>
						</div>
						<div class="searchInfo">
							<span class="filterUrl">https://a-area.com/ap/s/v?sort=fsdt+desc,rk+desc</span>
							<span class="beforeAdd">&rows=</span>
						</div>						
					</li>					
					<li class="search_switch_item">
						<div class="search_switch_box">
							<h5 class="search_switch_heading">表示件数</h5>
							<select id="rows" class="search_switch_select" data-search-condition>
									<option value="48" selected="selected">48件</option>
								<option value="40">40件</option>
								<option value="80">80件</option>
								<option value="120">120件</option>
							</select>
							<div class="searchInfo">
								<span class="filterUrl">https://a-area.com/ap/s/v?sort=fsdt+desc,rk+desc</span>
								<span class="beforeAdd">&rows=</span>
							</div>
						</div>
					</li>
					<li class="search_switch_item">
						<ul class="layout_btn">
							<li class="line04"><a href="javascript:void(0);" value="style01">4列表示</a></li>
							<li class="line06"><a href="javascript:void(0);" value="style02">6列表示</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div><!-- /switching -->
	<div class="item_list">
		<ul id="item_container" class="goods_list goods_list__column4"></ul>
		<div class="about_page">
			<ol class="pager">
			</ol>
		</div>
	</div>


</div>


<script type="text/javascript">
		$(".item_list .goods_list").removeClass("goods_list__column4");
		$(".item_list .goods_list").removeClass("goods_list__column6");
		$('.line06 a').removeClass("selected");
		$('.line04 a').removeClass("selected");
				var layout = jQuery.cookie("layout_pc");
		if (layout != undefined) {
			if ( layout == "style01" ) {
				$(".item_list .goods_list").addClass("goods_list__column4");
				$('.line04 a').addClass("selected");
			} else if ( layout == "style02" ) {
				$(".item_list .goods_list").addClass("goods_list__column6");
				$('.line06 a').addClass("selected");
			}
		} else {
			$(".item_list .goods_list").addClass("goods_list__column4");
			$('.line04 a').addClass("selected");
		}
	$(function() {

		var range_all_sliders = {
			'min': [ 0, 100 ],
			'1%':  [ 100,  100 ],
			'12.5%': [ 1000,  500 ],
			'25%': [ 5000,  500 ],
			'37.5%': [ 7500,  500 ],
			'50%': [ 10000, 500 ],
			'75%': [ 15000, 500 ],
			'max': [ 20000 ]
		};

		var slider = document.getElementById('range_slider');
		noUiSlider.create(slider, {
			start: [ 0, 20000],
			connect: true,
			format: {
				to: function ( value ) {
					return (value>0)?Math.floor(value):Math.ceil(value);
				},
				from: function ( value ) {
					return (value>0)?Math.floor(value):Math.ceil(value);
				}
			},
			range: range_all_sliders
		});

		/*-- ID1196 --*/
		var touchStart = "touchstart";
		var touchMove = "touchmove";
		var touchEnd = "touchend";

		$('.search_range').on(touchStart ,function(e) {
			slider.noUiSlider.on('update', function( values, handle ) {
				if ( handle == 0 ) {
					$("#change_search_low_price").val(values[handle]);
				} else {
					$("#change_search_high_price").val(values[handle]);
				}
			});
		});
		$('.search_range').on(touchMove ,function(e) {
			slider.noUiSlider.on('update', function( values, handle ) {
				if ( handle == 0 ) {
					$("#change_search_low_price").val(values[handle]);
				} else {
					$("#change_search_high_price").val(values[handle]);
				}
			});
		});
		$('.search_range').on(touchEnd ,function(e) {
			slider.noUiSlider.on('update', function( values, handle ) {
				if ( handle == 0 ) {
					$("#change_search_low_price").val(values[handle]);
				} else {
					$("#change_search_high_price").val(values[handle]);
				}
			});
		});

	});
	function selectColor() {
		if($('.tab_inner select').find('option:selected').hasClass('not-select')) {
			$('.tab_inner select').css({'color': '#ccc'});
		}
		$('.tab_inner select').on('change', function(){
			if($(this).find('option:selected').hasClass('not-select')) {
				$(this).css({'color': '#727272'});
		    } else {
				$(this).css({'color': '#fff'});
			}
		});
	}

	<!-- 反映確認 -->
	selectColor();
</script>

<script id="pagingTemplate" type="text/template">
	{{ data.linkBaseUrl = 'https://a-area.com/ap/s/v?' }}
	{{ data.linkBaseUrl = data.linkBaseUrl + '&fq=bd:AA360'; }}

	{{ data.linkBaseUrl = data.linkBaseUrl + '&sort=rk+desc,fsdt+desc'; }}

	{{ data.linkBaseUrl = urlDecode(data.linkBaseUrl); }}

	{{ data.pageCount = Math.ceil(data.numFound / data.rows); }}
	{{ if (data.pageCount > 0) { }}
	{{ if ((data.rows * data.pageCount) < data.numFound) { ++data.pageCount; } }}
	{{ data.page = Math.ceil((data.start + 1) / data.rows); data.page = data.page || 1; }}
	{{ var z=2; }}
	{{ min = data.page - 1 - z; }}
	{{ if (min < 0) {min = 0;} }}
	{{ var max = min + (z*2);  }}
	{{ if (max > data.pageCount -1) { }}
	{{     max = data.pageCount; }}
	{{     min = max - ((z*2) + 1); }}
	{{ } }}

		{{ if (data.page > 1) { }}
			{{ if (data.pageCount > 2) { }}
				{{ if ((data.pageCount == 3) && (data.page == 2)) {} else { }}
					<li class="pager_first">
						<a href="{{= data.linkBaseUrl }}&start=0&rows={{= data.rows }}">最初へ</a>
					</li>
				{{ } }}
			{{ } }}
			<li class="pager_prev">
				<a href="{{= data.linkBaseUrl }}&start={{= data.start - data.rows }}&rows={{= data.rows }}">前へ</a>
			</li>
		{{ } }}
		{{ if(data.page == data.pageCount){ }}
		<li class="pager_number">{{= data.numFound}}/{{= data.numFound}}</li>
		{{ }else{ }}
		<li class="pager_number">{{= data.page * data.rows }}/{{=data.numFound}}</li>
		{{ } }}
		
		{{ if (data.page < data.pageCount) { }}
			<li class="pager_next">
				<a href="{{= data.linkBaseUrl }}&start={{= data.start + data.rows }}&rows={{= data.rows }}">次へ</a>
			</li>
			{{ if (data.pageCount > 2) { }}
				{{ if ((data.pageCount == 3) && (data.page == 2)) {} else { }}
					<li class="pager_last">
						<a href="{{= data.linkBaseUrl }}&start={{= (data.pageCount - 1) * data.rows }}&rows={{= data.rows }}">最後へ</a>
					</li>
				{{ } }}
			{{ } }}
		{{ } }}
	{{ } }}
</script>

<script id="template" type="text/template">
	{{ if ( data.doc.vcb ) { }}
	{{ data.linkUrl = ADSS.Config.appBaseUrl + 'item/i/' + data.doc.cd + '?colvar=' + data.doc.vcb; }}
	{{ } else { }}
	{{ data.linkUrl = ADSS.Config.appBaseUrl + 'item/i/' + data.doc.cd; }}
	{{ } }}
	{{ data.imageUrl = '//itemimg-aar.adss-sys.com/itemimg/' + data.doc.bd + '/' + data.doc.cd + '/02_' + data.doc.vcb + '-750.jpg'; }}


	{{ data.iconImageBaseUrl = '//a-area.com/static/common/icon/'; }}
	
	{{var layout = jQuery.cookie("layout_pc");}}
{{ if(layout == "style01"){ }}
	{{ if ((data.index + 1) % 6 == 1 || (data.index + 1) % 6 == 0) { }}
	<li class="goods_item wide_item">
	{{ }else{ }}
	<li class="goods_item">	
	{{ } }}
{{ }else if(layout == "style02"){ }}
	{{ if ((data.index + 2) % 9 == 0 || (data.index + 2) % 9 == 1 || (data.index + 2) % 9 == 2) { }}
	<li class="goods_item wide_item">
	{{ }else{ }}
	<li class="goods_item">	
	{{ } }}
{{ }else{ }}
	{{ if ((data.index + 1) % 6 == 1 || (data.index + 1) % 6 == 0) { }}
	<li class="goods_item wide_item">
	{{ }else{ }}
	<li class="goods_item">	
	{{ } }}
{{ } }}
		<a class="goods_link" href="{{= data.linkUrl }}">
			<div class="goods_photo">
				<img src="/static/lite/images/common/spacer.gif" class="goods_image lazy" data-original="{{= data.imageUrl }}" width="240" height="320" alt="{{- ADSS.Util.cutStringOffByMaxCharWidth(data.doc.name, 40, '…') }}">
			{{ if ((data.doc.stnum == 0 || data.doc.stnum === undefined) && data.doc.sst == 2 ) { }}
				<span class="item_photo_soldout"><span>SOLD OUT</span></span>
			{{ }else if ((data.doc.sst === undefined || data.doc.sst == 1) && !(data.doc.stnum + data.doc.streqnum > 0) && data.doc.sellout) { }}
				<span class="item_photo_soldout"><span>SOLD OUT</span></span>
				<span class="restockmail">
					<span href="javascript:void(0);" onclick="return openMailDialog('https://a-area.com/ap/item/restockMail/entry/{{= data.doc.cd}}')">再入荷受付</span>
				</span>
			{{ }else if(data.doc.stnum + data.doc.streqnum == 0){ }}
				<span class="item_photo_soldout"><span>SOLD OUT</span></a></span>
			{{ } }}

			</div>
			<ul class="goods_icon_list">
				{{ var restockFlg = false; }}
				{{ var myIcons = {}; }}
				{{ if (data.doc.discount && data.doc.basicPrice) { }}
					{{ myIcons[20] = 'sale'; }}
				{{ } }}
				{{ if (data.doc.scls =="n_sale") { }}
					{{ myIcons[20] = 'sale'; }}
				{{ } }}
				{{ if (data.doc.scls == "n_ltp") { }}
					{{ myIcons[70] = 'lot_production'; }}
				{{ } }}
				{{ _.each(data.doc.icon, function(icon, i) { }}
					{{ if (icon == 'reserve'              ) { myIcons[30] = icon; }}
					{{ } else if (icon == 'new'           ) { myIcons[10] = icon; }}
					{{ } else if (icon == 'sale'          ) { myIcons[20] = icon; }}
					{{ } else if (icon == 'reserve'       ) { myIcons[30] = icon; }}
					{{ } else if (icon == 'restock'       ) { myIcons[40] = icon;restockFlg = true; }}
					{{ } else if (icon == 'coming_soon'   ) { myIcons[50] = icon; }}
					{{ } else if (icon == 'magazine'      ) { myIcons[60] = icon; }}
					{{ } else if (icon == 'lot_production') { myIcons[70] = icon; }}
					{{ } }}
				{{ }); }}
				{{ myIcons = _.compact(myIcons); }}
				{{ if (_.size(myIcons) > 0 ) { }}
					{{ for (var i = 0; i < 2; i++) { }}
						{{ var icon = myIcons[i]; }}
						{{ if (icon == "new") { }}
						<li class="goods_icon_item"><span class="goods_icon goods_icon_new">NEW</span></li>
						{{ } }}
						{{ if (icon == "sale") { }}
						<li class="goods_icon_item"><span class="goods_icon goods_icon_sale">SALE</span></li>
						{{ } }}

						{{ if (icon == "reserve") { }}
						<li class="goods_icon_item"><span class="goods_icon goods_icon_reserve">予約</span></li>
						{{ } }}

						{{ if (icon == "restock") { }}
						<li class="goods_icon_item"><span class="goods_icon goods_icon_rearrival">再入荷</span></li>
							{{ restockFlg = true; }}
						{{ } }}

						{{ if (icon == "coming_soon") { }}
						<li class="goods_icon_item"><span class="goods_icon goods_icon_comingsoon">COMING SOON</span></li>
						{{ } }}

						{{ if (icon == "magazine") { }}
						<li class="goods_icon_item"><span class="goods_icon goods_icon_magazine">雑誌掲載</span></li>
						{{ } }}

						{{ if (icon == "lot_production") { }}
						<li class="goods_icon_item"><span class="goods_icon goods_icon_lot_production">ORDER</span></li>
						{{ } }}
					{{ } }}
				{{ } }}
			</ul>
			<p class="goods_name">{{= data.doc.name}}</p>
			<h4 class="goods_brandname">{{= data.doc.bdName }}</h4>
			<div class="goods_price">
				{{ if (data.doc.discount && data.doc.basicPrice) { }}
					<p class="goods_price_sale">￥{{- numeral(data.doc.price).format('0,0') }}<span class="goods_price_tax">(税込)</span><span class="goods_price_off">{{- data.doc.discount }}%OFF</span></p>
				{{ } else { }}
					<p class="goods_price_proper">￥{{- numeral(data.doc.price).format('0,0') }}<span class="goods_price_tax">(税込)</span></p>
				{{ } }}
			</div>
		</a>

	</li>
</script>
<script type="text/javascript">
	
function dataLoad(){		
		var params = new Array();
		params.push('wt=json');
		params.push('rows=48');

		params.push('sort=rk+desc,fsdt+desc');
		
		params.push("&fq=bd:AA360");


		var pagingTemplate = _.template($('#pagingTemplate').html());
		var template = _.template($('#template').html());
		var $container = $('#item_container');
		var dataParam = urlDecode(params.join('&'));

		$.ajax({
			url: '/vse/select',
			data : dataParam,
			dataType : "json",
		}).done(function(data, status, xhr) {
			var numFound = data.response.numFound;
			var rows     = 1 * data.responseHeader.params.rows;
			var start    = 1 * data.responseHeader.params.start;
			var page     = Math.ceil((start + 1) / rows);
			numFound = numFound ||  0;
			rows     = rows     || 10;
			start    = start    ||  0;
			page     = page     ||  1;
			var pageCount = Math.ceil(numFound / rows);
			if (pageCount == 0) pageCount = 1;
			if (numFound > 0) {
				$(".about_page").show();
				$(".pager").append(pagingTemplate({ numFound: 1 * numFound, rows: 1 * rows, start: 1 * start }));
				$("#result_zero").remove();
				
				$(".result_totalnumber").html(numFound);
				$(".pager").html("");
				$(".pager").append(pagingTemplate({ numFound: 1 * numFound, rows: 1 * rows, start: 1 * start }));
				var itemCount = 0;
				$container.html("");
				_.each(data.response.docs, function(doc) {
					$('#item_container').append(template({ doc: doc, index: ++itemCount }));
				});

				$('.goods_list .lazy').lazyload({
					effect: 'fadeIn',
					effectspeed: 500,
					threshold : 0,
				});
			
				var layout = jQuery.cookie("layout_pc");
				if(layout == "style02"){ 
						$('.goods_list> .goods_item:not(.wide_item) .goods_icon_list').tile(6);
						$('.goods_list> .goods_item.wide_item').tile(3);
						$('.listbnr_item').each(function(index, element) {
							$('#item_container .goods_item').eq((index+1) * 9 -1 ).after($(element).clone());
						})
				}else{
						$('.goods_list> .goods_item:not(.wide_item) .goods_icon_list').tile(4);
						$('.goods_list> .goods_item.wide_item').tile(2);
						
						$('.listbnr_item').each(function(index, element) {
							$('#item_container .goods_item').eq((index+1) * 6 -1).after($(element).clone());
						})
				}

				$('.goods_item').hover(function(){
					$(this).addClass('js_active');
				},function(){
					$(this).removeClass('js_active');
				});
				
			} else {
				//$container.append('<div id="cannot_find" style="text-align: center;">条件に一致する商品は見つかりませんでした。お手数ですが、検索条件を変更してください。</div>');
				$("#result_ranking").remove();
				$("#result_zero").show();
				ga("send", "event", "searchNotFound");
			
			}
		});
	}

</script>


<script type="text/template" id="template-large-category">
	{{ if ( data.category.active == true ) { }}
	<option value="{{=data.category.code}}" selected="selected">{{=data.category.name}}</option>
	{{ } else { }}
	<option value="{{=data.category.code}}">{{=data.category.name}}</option>
	{{ } }}
</script>

<script type="text/template" id="template-middle-category">
	{{ _.each(data.category.medium ,function(category) { }}
		{{ if ( category.active == true ) { }}
			<option class="cc2_{{=data.category.code}}" value="{{=category.code}}" selected="selected">{{=category.name}}</option>
		{{ } else { }}
			<option class="cc2_{{=data.category.code}}"value="{{=category.code}}">{{=category.name}}</option>
		{{ } }}
	{{ }); }}
</script>

<script type="text/javascript">
	$(function() {
		var params = new Array();
		params.push('wt=json');
		params.push('facet=true');
		params.push('facet.limit=1000');
		params.push('facet.field=cf1');
		params.push('facet.field=cf2');
		params.push('facet.field=cf3');
		params.push('facet.sort=false');
		params.push('facet.mincount=1');

		params.push('fq=bd:AA360');

		var dataParam = params.join('&');

		$.ajax({
			'url'      : '/vse/select',
			'data'     : dataParam,
			'dataType' : "json"
		}).done(function(data) {
			var largeCts = data.facet_counts.facet_fields.cf1;
			var mediumCts = data.facet_counts.facet_fields.cf2;
			var smallCts = data.facet_counts.facet_fields.cf3;

			var holder = new Array();
			for (var i = 0; i < largeCts.length; i+= 2) {
				var _codeName = largeCts[i].split("__");
				var _code = _codeName[0];
				var _name = _codeName[1]
				var _count = largeCts[i+1];

				if ( _count > 0 ) {
					var map = {'code' : _code, 'name' : _name, 'count' : _count};

					var holderM = new Array();
					for (var k = 0; k < mediumCts.length; k+= 2) {
						var _McodeName = mediumCts[k].split("__");
						var _Mcode = _McodeName[0];
						var _Mname = _McodeName[1];
						var _Mcount = mediumCts[k+1];

						if (_code != _Mcode.substr(0, 1)) {
							continue;
						}

						if (parseInt(_Mcount, 10) < 1) {
							continue;
						}

						var mid = {'code' : _Mcode, 'name' : _Mname, 'count' : _Mcount};

			          	var holderS = new Array();
			    		for (var p = 0; p < smallCts.length; p+= 2) {
			       			var _ScodeName = smallCts[p].split("__");
			       			var _Scode = _ScodeName[0];
			       			var _Sname = _ScodeName[1];
			       			var _Scount = smallCts[p+1];

			       			if (_Mcode != _Scode.substr(0, 2)) {
								continue;
							}

			        		if (parseInt(_Scount, 10) < 1) {
			        			continue;
			        		}

			       			var sml = {'code' : _Scode, 'name' : _Sname, 'count' : _Scount};

				          	holderS.push(sml);
			          	}
			          	mid.small = holderS;

						holderM.push(mid);
					}
					map.medium = holderM;

					holder.push(map);
				}
			}


			$large_container = $("#cc1");
			$middle_container = $("#cc2_hidden");
			_.each(holder, function(category, index) {
				$large_container.append(_.template(jQuery("#template-large-category").html())({ "category": category }));
				$middle_container.append(_.template(jQuery("#template-middle-category").html())({ "category": category }));
			});
		});
	});

	function setMiddleCategory(selectedValue){
		var divMid = $("#category-middle");
		$('select#cc2 option').remove();
		$('select#cc2').append('<option class="all" value="">すべて</option>');
		$('select#cc2_hidden option').each(function() {
			if ( $(this).val().substr(0,1) == selectedValue ) {
		    	$('select#cc2').append('<option value="' + $(this).val() + '">' + $(this).text() + '</option>');
		    }
		});

		if (selectedValue != "0" && selectedValue != "") {
			if (!divMid.hasClass("active")) {
				divMid.slideDown();
				divMid.addClass("active");
			} else {
				$("select#cc2").val("");
			}
		} else {
			if (divMid.hasClass("active")) {
				divMid.slideUp();
				divMid.removeClass("active");
			}
		}
	}

	function onChangeLargeCategory(s) {
		var selectedValue = s.options[s.selectedIndex].value;
		setMiddleCategory(selectedValue);
	}
</script>

<script type="text/javascript">
$(function(){
	dataLoad();
	$("#lowprice").blur(function(){
		charChange($(this));
	});

	$("#highprice").blur(function(){
		charChange($(this));
	});

	charChange = function(e){
		var val = e.val();
		var str = val.replace(/[０-９]/g,function(s){return String.fromCharCode(s.charCodeAt(0)-0xFEE0)});
		str = str.replace(/,/g, "");
		str = str.replace(/，/g, "");
		str = str.replace(/、/g, "");
		$(e).val(str);
	}
});

	function onChangePriceLow() {
		var lowValue = $("#lowprice").val();
		var number_LowValue = parseInt(lowValue, 10);
		var highValue = $("#highprice").val();
		$("#highprice option:nth-child(n+2)").remove();
		$("#hidden_highprice option").each(function() {
			if ( (parseInt($(this).val(), 10) > number_LowValue) || lowValue == "" ) {
				$("#highprice").append("<option value='" + $(this).val() + "'>" + $(this).text() + "</option>");
			}
		});
		$("#highprice").val(highValue);
	}

	function onChangePriceHigh() {
		var lowValue = $("#lowprice").val();
		var highValue = $("#highprice").val();
		var number_HighValue = parseInt(highValue, 10);

		$("#lowprice option:nth-child(n+2)").remove();
		$("#hidden_lowprice option").each(function() {
			if ( (parseInt($(this).val(), 10) < number_HighValue) || highValue == "" ) {
				$("#lowprice").append("<option value='" + $(this).val() + "'>" + $(this).text() + "</option>");
			}
		});
		$("#lowprice").val(lowValue);
	}

	$('.reset_btn').click(function() {
		$("#kw").val("");
		$("#cc1").val("");
		$("#cc2").val("");
		$("#bd").val("");
		$("#category-middle").slideUp();
		$("#category-middle").removeClass("active");
		$("#vcbg").val("");
		$("#tags").val("");
		$("#stnum").val("");
		$("#icon").val("");
		change_search_resetMultiParam(".shrinking_change_choise_vcbg");
		change_search_resetMultiParam(".shrinking_change_choise_tags");

		var slider = document.getElementById('range_slider');
		slider.noUiSlider.set([0, 20000]);
		//slider.noUiSlider.reset();

		$("#change_search_low_price").val("");
		$("#change_search_high_price").val("");
	});

	function refineSearch() {
		var params = new Array();

		var url = 'https://a-area.com/ap/s/v?';

		var kw = $("#kw.kw").val();
		var cc1 = $("#cc1").val()||'';
		var cc2 = $("#cc2").val()||'';
		var cc3 = $("#cc3").val()||'';
		var bd = '&fq=bd:AA360';
		var vcbg = change_search_makeMultiParam(".shrinking_change_choise_vcbg", "vcbg");
		var tags = change_search_makeMultiParam(".shrinking_change_choise_tags", "tags");
		var stnum = $("[name='stnum']").val();
		var icon = $("[name='icon']").val();

		url = url.replace("fq=-stnum:0","");
		url = url.replace("fq=-icon:coming_soon","");

		// var price1 = $("#lowprice").val();
		// var price2 = $("#highprice").val();

		params.push("&rows=48");

		params.push('&sort=rk+desc,fsdt+desc');

		if ( kw != "" ) {
		params.push("&fq=text:"+kw);
		}

		if ( cc2 != null && cc2 != "" && cc2 != "0" ) {
			params.push("&fq=cc2:"+cc2);
		} else {
			if ( cc1 != null && cc1 != "" && cc1 != "0" ) {
				params.push("&fq=cc1:"+cc1);
			}
		}

		if ( bd != "" ) {
			params.push(bd);
		}


		if ( stnum != "" ) {
			params.push(stnum);
		}

		if ( icon != "" ) {
			params.push(icon);
		}
		
		if ( vcbg != "" ) {
			params.push(vcbg);
		}
		if ( tags != "" ) {
			params.push(tags);
		}

		var price1 = $("#change_search_low_price").val();
		var price2 = $("#change_search_high_price").val();
		var price = "";
		var priceRange = chkPriceRange(price1, price2);
			price1 = priceRange.from;
			price2 = priceRange.to;
		if ( price1 != "" || price2 != "" ) {
			if ( String(price1) == "" ) {
				price1 = "*";
			}

			if ( String(price2) == "" ) {
				price2 = "*";
			}

			price = "&fq=price:[" + price1 + "+TO+" + price2 + "]";
		}
		if ( price != "" ) {
			params.push(price);
		}

		if ( params.length > 0 ) {
			url = url + params.join('');
		}

		location.href = urlDecode(url);
	}


	function dispChange() {
		var params = new Array();
		var url = '';
		var color = $("[name='color']:checked").val();

		var sort = $("[name='sort']").val();
		var rowCount = $("[name='rows']").val();

		var layout = $("[name='layout']:checked").val();

		if ( layout=="" ) {
			jQuery.cookie("layout_sp", "", {path: '/'});
		} else {
			jQuery.cookie("layout_sp", "layoutchange", {path: '/'});
		}

		if ( color=="single" ) {
			if ( icon == "") {
				url = 'https://a-area.com/ap/s/s?';
			} else {
				url = 'https://a-area.com/ap/s/s?';
			}
		} else {
			if ( icon == "") {
				url = 'https://a-area.com/ap/s/v?';
			} else {
				url = 'https://a-area.com/ap/s/v?';
			}
		}


		if ( sort != "" ) {
			params.push(sort);
		}

		if ( rowCount != "" ) {
			params.push("&rows="+rowCount);
		}

		params.push('&fq=bd:AA360');

		if ( params.length > 0 ) {
			url = url + params.join('');
		}

		location.href = urlDecode(url);
	}
</script>




	<!-- section_category Start -->
	<div class="section_category">
		<h3 class="common_title">カテゴリー</h3>
		<ul id="contents_category_container" class="category_list">
		</ul>
	</div>
	<!-- section_category End -->

<script type="text/template" id="template-contents-category">
	<li class="contents_category_item"><a href="{{=data.category.linkUrl}}">{{=data.category.name}}</a></li>
</script>

<script type="text/javascript">
	$(function() {
		var params = new Array();
		params.push('wt=json');
		params.push('facet=true');
		params.push('facet.limit=1000');
		params.push('facet.field=cf1');
		params.push('facet.field=cf2');
		params.push('facet.field=cf3');
		params.push('facet.sort=false');
		params.push('facet.mincount=1');
			params.push('fq=bd:AA360');

		var dataParam = params.join('&');

		$.ajax({
			'url'      : '/vse/select',
			'data'     : dataParam,
			'dataType' : "json"
		}).done(function(data) {
			var largeCts = data.facet_counts.facet_fields.cf1;
			var mediumCts = data.facet_counts.facet_fields.cf2;
			var smallCts = data.facet_counts.facet_fields.cf3;

			var holder = new Array();
			for (var i = 0; i < largeCts.length; i+= 2) {
				var _codeName = largeCts[i].split("__");
				var _code = _codeName[0];
				var _name = _codeName[1]
				var _count = largeCts[i+1];

				if ( _count > 0 ) {
					var map = {'code' : _code, 'name' : _name, 'count' : _count};
					map.linkUrl = "/ap/s/s?rows=40&sort=fsdt+desc,rk+desc&fq=bd:AA360&fq=cc1:" + _code;

					var holderM = new Array();
					for (var k = 0; k < mediumCts.length; k+= 2) {
						var _McodeName = mediumCts[k].split("__");
						var _Mcode = _McodeName[0];
						var _Mname = _McodeName[1];
						var _Mcount = mediumCts[k+1];

						if (_code != _Mcode.substr(0, 1)) {
							continue;
						}

						if (parseInt(_Mcount, 10) < 1) {
							continue;
						}

						var mid = {'code' : _Mcode, 'name' : _Mname, 'count' : _Mcount};
						mid.linkUrl = "/ap/s/s?rows=40&sort=fsdt+desc,rk+desc&fq=bd:AA360&fq=cc2:" + _Mcode;

			          	var holderS = new Array();
			    		for (var p = 0; p < smallCts.length; p+= 2) {
			       			var _ScodeName = smallCts[p].split("__");
			       			var _Scode = _ScodeName[0];
			       			var _Sname = _ScodeName[1];
			       			var _Scount = smallCts[p+1];

			       			if (_Mcode != _Scode.substr(0, 2)) {
								continue;
							}

			        		if (parseInt(_Scount, 10) < 1) {
			        			continue;
			        		}

			       			var sml = {'code' : _Scode, 'name' : _Sname, 'count' : _Scount};

				          	holderS.push(sml);
			          	}
			          	mid.small = holderS;

						holderM.push(mid);
					}
					map.medium = holderM;

					holder.push(map);
				}
			}


			$contents_category_container = $("#contents_category_container");
			_.each(holder, function(category, index) {
				$contents_category_container.append(_.template(jQuery("#template-contents-category").html())({ "category": category }));
			});

			$("#contents_category_container > li:nth-child(n + 5)").remove();
			if ( $("#contents_category_container > li").length == 0 ) {
				$(".section_category").remove();
			}

		});
	});

</script>













































					<footer id="footer"><!-- footer Start -->

						<div class="footer_gotop"> <a href="#pagetop" class="js-scroll">PAGE TOP</a> </div>
						<nav class="footer_sub_nav"><!-- nav Start -->
							<ul>
								<li><a href="https://a-area.com/beginner.html">初めての方へ</a></li>
								<li><a href="https://a-area.com/company.html">会社概要</a></li>
								<li><a href="https://a-area.com/faq.html">よくある質問</a></li>
								<li><a href="https://a-area.com/agreement.html">利用規約</a></li>
									<li><a href="https://a-area.com/ap/mag/">メルマガ登録</a></li>
								<li><a href="https://a-area.com/deal.html">特定商取引法</a></li>
								<li><a href="https://a-area.com/ap/contact/">お問い合わせ</a></li>
								<li><a href="https://a-area.com/privacy.html">プライバシーポリシー</a></li>
							</ul>
						</nav>
						<!-- nav End -->
						<small class="footer_copyright">© A-area</small>
					</footer>
					<!-- footer End -->
				</div>
				<!-- section_main END -->
			</div>
			<!-- wrapper END-->
		</div>
		<!-- site_main END-->
	</div>
	<!-- site_container END-->
</div>
<!-- site_body END-->

<div id="pcmode" style="display:none;"></div>
<script type="text/javascript">
var $viewTypeChanger = $("div#pcmode");
function toggleViewTypeChanger() {
  if (ADSS.Util.getAppCookie('vt') === 'lite' || ADSS.Util.useLiteMode(true, true, 1080)) {
  $viewTypeChanger
    .html("<a class=\"smart-ancar\" href=\"javascript:ADSS.Util.setAppCookie('vt','lite');location.reload(true);\"><span id=\"pcmode1\">SMART PHONE版で表示</span></a>")
    .css('display', 'block');
  } else {
  $viewTypeChanger
    .css('display', 'none');
  }
}

toggleViewTypeChanger();

var timer = false;
$(window).resize(function() {
  if (timer !== false) {
    clearTimeout(timer);
  }
  timer = setTimeout(function() {
    toggleViewTypeChanger();
  }, 200);
});
</script>



<script id="goods_list_template" type="text/template">
	{{ data.linkUrl = ADSS.Config.appBaseUrl + 'item/i/' + data.doc.cd; }}
	{{ data.imageUrl = '//itemimg-aar.adss-sys.com/itemimg/' + data.doc.bd + '/' + data.doc.cd + '/01_001-240.jpg'; }}

	<li class="goods_item">
		<a class="goods_link" href="{{= data.linkUrl }}">
			{{ if ( data.rank != undefined ) { }}
			<span class="goods_rank rank_0{{= data.rank }}">{{= data.rank }}</span>
			{{ } }}
			<div class="goods_photo"><img src="/static/lite/images/common/spacer.gif" class="goods_image lazy" data-original="{{= data.imageUrl }}" width="240" height="320" alt="{{- ADSS.Util.cutStringOffByMaxCharWidth(data.doc.name, 40, '…') }}"></div>
			<ul class="goods_icon_list">
			{{ var restockFlg = false; }}
			{{ var myIcons = {}; }}
			{{ if (data.doc.discount && data.doc.basicPrice) { }}
				{{ myIcons[20] = 'sale'; }}
			{{ } }}
			{{ if (data.doc.scls =="n_sale") { }}
				{{ myIcons[20] = 'sale'; }}
			{{ } }}
			{{ if (data.doc.scls == "n_ltp") { }}
				{{ myIcons[70] = 'lot_production'; }}
			{{ } }}
			{{ _.each(data.doc.icon, function(icon, i) { }}
				{{ if (icon == 'reserve'              ) { myIcons[30] = icon; }}
				{{ } else if (icon == 'new'           ) { myIcons[10] = icon; }}
				{{ } else if (icon == 'sale'          ) { myIcons[20] = icon; }}
				{{ } else if (icon == 'reserve'       ) { myIcons[30] = icon; }}
				{{ } else if (icon == 'restock'       ) { myIcons[40] = icon;restockFlg = true; }}
				{{ } else if (icon == 'coming_soon'   ) { myIcons[50] = icon; }}
				{{ } else if (icon == 'magazine'      ) { myIcons[60] = icon; }}
				{{ } else if (icon == 'lot_production') { myIcons[70] = icon; }}
				{{ } }}
			{{ }); }}
			{{ myIcons = _.compact(myIcons); }}
			{{ if (_.size(myIcons) > 0 ) { }}
				{{ for (var i = 0; i < 2; i++) { }}
					{{ var icon = myIcons[i]; }}
					{{ if (icon == "new") { }}
					<li class="goods_icon_item"><span class="goods_icon goods_icon_new">NEW</span></li>
					{{ } }}
					{{ if (icon == "sale") { }}
					<li class="goods_icon_item"><span class="goods_icon goods_icon_sale">SALE</span></li>
					{{ } }}

					{{ if (icon == "reserve") { }}
					<li class="goods_icon_item"><span class="goods_icon goods_icon_reserve">予約</span></li>
					{{ } }}

					{{ if (icon == "restock") { }}
					<li class="goods_icon_item"><span class="goods_icon goods_icon_rearrival">再入荷</span></li>
						{{ restockFlg = true; }}
					{{ } }}

					{{ if (icon == "coming_soon") { }}
					<li class="goods_icon_item"><span class="goods_icon goods_icon_comingsoon">COMING SOON</span></li>
					{{ } }}

					{{ if (icon == "magazine") { }}
					<li class="goods_icon_item"><span class="goods_icon goods_icon_magazine">雑誌掲載</span></li>
					{{ } }}

					{{ if (icon == "lot_production") { }}
					<li class="goods_icon_item"><span class="goods_icon goods_icon_lot_production">ORDER</span></li>
					{{ } }}
				{{ } }}
			{{ } }}
			</ul>
			<p class="goods_name">{{= data.doc.name}}</p>
			<h4 class="goods_brandname">{{= data.doc.bdName }}</h4>
			<div class="goods_price">
				{{ if (data.doc.discount && data.doc.basicPrice) { }}
					<p class="goods_price_sale">￥{{- numeral(data.doc.price).format('0,0') }}<span class="goods_price_tax">(税込)</span><span class="goods_price_off">{{- data.doc.discount }}%OFF</span></p>
				{{ } else { }}
					<p class="goods_price_proper">￥{{- numeral(data.doc.price).format('0,0') }}<span class="goods_price_tax">(税込)</span></p>
				{{ } }}
			</div>
		</a>
	</li>

</script>
<script type="text/javascript">
	$(function() {
		$('#footerChange').show();
	});
</script>
</body>
</html>