The cheers's discuss from iemong

backup

{block:NotLoadItemsPage}
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="ja"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="ja"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="ja"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="ja"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta name="copyright" content="BASE">
	<title>{PageTitle}</title>
	<meta property="og:image" content="https://user-images.githubusercontent.com/6258669/80305062-65084700-87f5-11ea-92e7-ed54046c98b0.jpg">
	{FaviconTag}
	{JQueryTag}
	{CanonicalTag}

	<meta name="BASE-Theme-Name" content="shop_101">

	<meta name="BASE-Theme-Version" content="18">

	{block:Hidden}
	<!-- meta tag -->
	{/block:Hidden}

	{block:IndexPage}
	{HeadLinkNextPrevTag}
	{/block:IndexPage}

	{block:ItemPage}
	{MetaItemInfoTag}
	<link rel="stylesheet" type="text/css" href="{BASEURL}/css/colorbox.css">
	<link rel="stylesheet" href="{BASEURL}/css/bootstrap.min.css">
	<link rel="stylesheet" href="{BASEURL}/css/bootstrap-select.min.css">
	{/block:ItemPage}

	{block:NotItemPage}
	<meta http-equiv="X-UA-Compatible" content="IE=8 ; IE=9">
	{MetaShopInfoTag}
	{/block:NotItemPage}

	{block:AppsSearch}
	<link rel="stylesheet" type="text/css" href="{BASEURL}/search/css/shopTemplate/search.css?{UpdateTime}">
	{/block:AppsSearch}

	{block:AppsItemLabel}
	<link rel="stylesheet" type="text/css" href="{BASEURL}/item_label/css/ShopTemplate/style.css?{UpdateTime}">
	<script type="text/javascript" src="{BASEURL}/item_label/js/ShopTemplate/labelpostion.js?{UpdateTime}"></script>
	{/block:AppsItemLabel}

	{block:AppsBlog}
	<link href="{BlogFeedPageURL}" rel="alternate" type="application/rss+xml" title="Blog | {ShopName}">
	{/block:AppsBlog}

	<!--[if IE]>
	<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<!--[if lt IE 8 ]>
	<script src="https://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
	<script>window.attachEvent('onload', function(){CFInstall.check({mode:'overlay'});});</script>
	<![endif]-->

	<script type="text/javascript" src="{BASEURL}/js/jquery.bottom-1.0.js"></script>
	<script type="text/javascript" src="{BASEURL}/js/change_status.js?{UpdateTime}"></script>
	<script type="text/javascript" src="{BASEURL}/js/modernizr-2.7.1.min.js"></script>

	<link rel="stylesheet" href="/css/shopTemplate/v2/common.css?{UpdateTime}">
	
	<link rel="stylesheet" href="{BASEURL}/css/shopTemplate/v3/shop_101.css?{UpdateTime}">

	{BackgroundTag}
	<style type="text/css">
		{block:NavColor}
		.childCategoryList01_child,
		.childCategoryList01_link,
		.mainHeaderNavColor,
		.tempTop .categoryTitle01,
		.footerNav {
			color: {NavColor};
		}
		{/block:NavColor}
		.lead-box {
		    margin: 18px auto 36px;
		    color: #221815;
		}
		.lead {
		    line-height: 2.25;
		    font-size: 16px;
		}
		.small {
		    margin: 10px auto;
		    font-size: 10px;
		}
		.hashtag {
		    position: relative;
		    display: inline-block;
		    margin-bottom: 10px;
		    letter-spacing: 0.5em;
		    font-size: 28px;
		    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		    font-weight: 600;
		}
		.hashtag:after {
		    position: absolute;
		    left: 0;
		    bottom: -10px;
		    content: '';
		    width: 100%;
		    border-bottom: 1px solid #000;
		}
		.header_container {
		    background-image: url('https://user-images.githubusercontent.com/6258669/80303874-e78d0880-87ed-11ea-865d-f14242e2a8f1.png');
		    background-size: 5281px 741px;
		    background-position: center top;
		    background-repeat: no-repeat;
		    padding: 121px 0 117px;
		}
		#header {
		    padding: 40px 0 32px;
		}
		.item-container > a.item-img {
		    width: 400px;
		    height: 400px;
		}
		.item-container > a.item-img > img {
		    max-width: 400px;
		    max-height: 400px;
		}
		.item-detail {
		    width: 400px;
		}
		.item-detail .item-detail__button {
		    width: 400px;
		}
		.bnr-wrapper {
		    display: flex;
		    max-width: 1020px;
		    margin: 40px auto 18px;
		    padding: 16px;
		    justify-content: space-between;
		}
		.bnr {
		    flex-basis: 48%;
		}
		.bnr-item {
		    width: 100%;
		}
		.header_container #header h1 a#logo {
		    width: 478px;
		}
		.header_container #header h1 a#logo img {
		    width: 100%;
		}
		.header_container #header nav {
		    margin: 40px auto 0;
		}
	</style>

	{GoogleAnalyticsTag}
	<meta name="twitter:image" content="https://user-images.githubusercontent.com/6258669/80305062-65084700-87f5-11ea-92e7-ed54046c98b0.jpg">
</head>
<body class="tempTop template{block:ItemPage} tempDetail{/block:ItemPage} theme--1">

	{block:AppsI18n}{AppsI18nTag}{/block:AppsI18n}

	{BASEMenuTag}

	{block:IndexPage}
	<span id="max_page" style="display: none;">{MaxPageNumber}</span>
	<span id="next_page" style="display: none;">{NextPageNumber}</span>
	{/block:IndexPage}

	<!-- script:Facebook -->
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=350947278320210&version=v2.0";
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>

	<!-- script:Twitter -->
	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

	<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

	<div class="header_container">
		<header id="header">
			<h1><a href="{IndexPageURL}" id="logo">{LogoTag}</a></h1>
			<ul class="lead-box">
			    <li>
			        <p class="lead">地域のおつまみで、宅飲みを楽しく！<br>CHEERSはコロナの影響で地域の飲食店の売り上げが低迷し、<br>過剰在庫を抱えてしまった状況を解決するために、地域のみんなと、立ち上げました。</p>
			    </li>
			    <li>
			        <p class="lead small">※只今β版です。</p>
			    </li>
			</ul>
			<p class="hashtag">#食べて地域を応援しよう</p>
			<nav>
				<ul class="menu">
					<li><a class="mainHeaderNavColor" href="{AboutPageURL}">about</a></li>
					{block:AppsBlog}
					<li><a class="mainHeaderNavColor" href="{BlogPageURL}">blog</a></li>
					{/block:AppsBlog}
					{block:AppsCoinFunding}
						<li><a class="mainHeaderNavColor" href="{CoinFundingPageURL}">coin</a></li>
					{/block:AppsCoinFunding}
					{block:AppsItemCategory}
					<li>
						<div id="category-menu">
							<span class="mainHeaderNavColor">category</span>
							<div class="category-list">
								{AppsItemCategoryCategoriesTag}
							</div>
						</div>
					</li>
					{/block:AppsItemCategory}
					<li><a class="mainHeaderNavColor" href="{ContactPageURL}">contact</a></li>
					{block:AppsSearch}
					<li class="column itemSearch">
						<form id="x_itemSearchForm" class="itemSearch__form" action="{SearchPageURL}" method="get">
							<input class="itemSearch__field" type="text" name="q" placeholder="search" value="{IndexPageSearch}">
							<button class="itemSearch__btn" type="submit"><span id="x_iconSearch" class="mainHeaderNavColor si-search"></span></button>
						</form>
					</li>
					{/block:AppsSearch}
				</ul>
			</nav>
		</header>

		{block:AppsItemCategory}
		{block:IndexPageCategory}
		<h2 class="categoryTitle01">{IndexPageCategory}</h2>

		{block:HasAppsItemCategoryChildCategories}
		<ul class="childCategoryList01">
			{block:AppsItemCategoryChildCategories}
			<li class="childCategoryList01_child"><a href="{AppsItemCategoryChildCategoryPageURL}" class="childCategoryList01_link">{AppsItemCategoryChildCategoryName}</a></li>
			{/block:AppsItemCategoryChildCategories}
		</ul>
		{/block:HasAppsItemCategoryChildCategories}

		{/block:IndexPageCategory}
		{/block:AppsItemCategory}

		{block:AppsBlogArticleIsPinned}
		{block:NoIndexPageCategory}
		{block:NoIndexPageSearch}
		<div class="pinnedBlog">
			<p class="pinnedBlog_title mainHeaderNavColor">
				<a href="{AppsBlogArticlePageURL}">{AppsBlogArticleTitle}</a>
			</p>
		</div>
		{/block:NoIndexPageSearch}
		{/block:NoIndexPageCategory}
		{/block:AppsBlogArticleIsPinned}


	</div><!-- /header_container -->

	{block:IndexPage}

	{block:ShopPublic}

	{block:IndexPageSearch}
		<h3 class="titleForSearchResult">{lang:ItemSearchResult}</h3>
	{/block:IndexPageSearch}

	{block:HasItems}
	<div class="bnr-wrapper">
	    <a href="https://beercheers.thebase.in/items/28519820" class="bnr">
	        <img src="https://user-images.githubusercontent.com/6258669/80303495-967c1500-87eb-11ea-9152-01f7c8b2045f.png" alt="10,000 CHEERS set" class="bnr-item" />
	    </a>
	    <a href="https://beercheers.thebase.in/items/28519892" class="bnr">
	        <img src="https://user-images.githubusercontent.com/6258669/80303499-9b40c900-87eb-11ea-9dee-9dbe0ac17834.png" alt="30,000円 CHEERS set"  class="bnr-item" />
	    </a>
	</div>
	<ul id="item_list">
		{block:Items}
		<li class="content">
			<div class="item-container">

				<a href="{ItemPageURL}" title="" class="item-img">
					{block:AppsItemLabel}
					{AppsItemLabelTag}
					{/block:AppsItemLabel}
					<img src="{block:ItemImage1}{ItemImage1URL-500}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}">
				</a>

				<div class="item-detail {block:ItemNowOnSale}{block:NoItemStock}item-detailSoldout{/block:NoItemStock}{/block:ItemNowOnSale} {block:ItemEndOfSale}item-detailSoldout{/block:ItemEndOfSale}">
					<a href="{ItemPageURL}" class="item-detail__link" alt="item-name">
						<h1 class="item-detail__title truncate">{ItemTitle}</h1>
					</a>

					{block:NoItemProperPrice}
					<!-- 定価 -->
					<p class="item-detail__price">{ItemPrice}</p>
					{/block:NoItemProperPrice}

					{block:HasItemProperPrice}
					<!-- 割引 -->
					<p class="item-detail__discountPrice">
						<span class="item-detail__discountPriceRatio">{ItemDiscountRate}</span><span class="item-detail__discountPriceCalcPrice">{ItemPrice}</span>
					</p>
					{/block:HasItemProperPrice}

					{block:HasItemStock}
						{block:ItemWatingForSale}
							<p class="item-detail__comingSoon">COMING SOON</p>
						{/block:ItemWatingForSale}
						{block:ItemNowOnSale}{block:ItemPreOrder}
							<p class="item-detail__preOrder">{lang:PreOrderItem}</p>
						{/block:ItemPreOrder}{block:ItemLottery}
							<p class="item-detail__lottery">{lang:LotteryItem}</p>
						{/block:ItemLottery}{/block:ItemNowOnSale}
						{block:ItemEndOfSale}
							<p class="item-detail__soldout">SOLD OUT</p>
						{/block:ItemEndOfSale}
					{/block:HasItemStock}
					{block:NoItemStock}
						{block:ItemWatingForSale}
							<p class="item-detail__comingSoon">COMING SOON</p>
						{/block:ItemWatingForSale}
						{block:ItemNowOnSale}
							<p class="item-detail__soldout">SOLD OUT</p>
						{/block:ItemNowOnSale}
						{block:ItemEndOfSale}
							<p class="item-detail__soldout">SOLD OUT</p>
						{/block:ItemEndOfSale}
					{/block:NoItemStock}

					<p class="item-detail__description">{ItemDetailNoBr}</p>

					{block:HasItemStock}
						{block:ItemWatingForSale}
						
						<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">MORE</a>
						{/block:ItemWatingForSale}
						{block:ItemNowOnSale}
						
						<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">MORE</a>
						{/block:ItemNowOnSale}
						{block:ItemEndOfSale}
						<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
						{/block:ItemEndOfSale}
					{/block:HasItemStock}
					{block:NoItemStock}
						{block:ItemWatingForSale}
							
							<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">MORE</a>
						{/block:ItemWatingForSale}
						{block:ItemNowOnSale}
							<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
						{/block:ItemNowOnSale}
						{block:ItemEndOfSale}
							<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
						{/block:ItemEndOfSale}
					{/block:NoItemStock}
				</div>

			</div>
		</li>
		{/block:Items}
	</ul>
	<div id="loading" style="display: none;text-align: center;width: 100%;">
		<img src="/img/loading.gif" style="padding: 20px 0;width: 220px;">
	</div>
	{/block:HasItems}
	{block:NoItems}
	<section class="tmpBox">
		<p>{lang:NoItemsMessage}</p>
	</section>
	{/block:NoItems}
	{/block:ShopPublic}

	{block:NotShopPublic}
	<section class="tmpBox">
		<p>{lang:NotShopPublicMessage}</p>
	</section>
	{/block:NotShopPublic}

	<script type="text/javascript">
		var process_flg = false;
		var end_flg = false;
		$(window).bottom({proximity: 0.05});
		$(window).on('bottom', function() {
			if (process_flg == false && end_flg == false) {
				var max_page = $("#max_page").text();
				var next_page = $('#next_page').text();
				if (eval(max_page) >= eval(next_page)) {
					$.ajax({
						url: "{LoadItemsPageURL}" + next_page + "{LoadItemsPageURLParams}",
						dataType: 'html',
						beforeSend: function () {
							process_flg = true;
							$('#loading').css('display', 'block');
						},
						success: function (data) {
							$('#item_list').append(data);
							next_page = eval(next_page) + 1;
							$('#next_page').text(next_page);
						},
						complete: function () {
							process_flg = false;
							$('#loading').css('display', 'none');
						}
					});
				} else {
					end_flg = true;
				}
			}
		});
	</script>
	{/block:IndexPage}

	{block:ItemPage}
	<div id="item_page_wrap">
		{IllegalReportMessageTag}
		<section class="radius_box">
			<div id="first_column">
				<ul class="bxslider">
					<li>
						<div class="img_box">
							<a href="{block:ItemImage1}{ItemImage1URL-origin}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" class="ajax btn grn save" rel="group">
								{block:AppsItemLabel}
								{AppsItemLabelTag}
								{/block:AppsItemLabel}
								<img src="{block:ItemImage1}{ItemImage1URL-500}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="" id="img_large" itemprop="image">
							</a>
						</div>
					</li>
					{block:ItemImage2}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage2URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage2URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage2}
					{block:ItemImage3}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage3URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage3URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage3}
					{block:ItemImage4}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage4URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage4URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage4}
					{block:ItemImage5}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage5URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage5URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage5}
					{block:ItemImage6}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage6URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage6URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage6}
					{block:ItemImage7}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage7URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage7URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage7}
					{block:ItemImage8}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage8URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage8URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage8}
					{block:ItemImage9}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage9URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage9URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage9}
					{block:ItemImage10}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage10URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage10URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage10}
					{block:ItemImage11}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage11URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage11URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage11}
					{block:ItemImage12}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage12URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage12URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage12}
					{block:ItemImage13}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage13URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage13URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage13}
					{block:ItemImage14}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage14URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage14URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage14}
					{block:ItemImage15}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage15URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage15URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage15}
					{block:ItemImage16}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage16URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage16URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage16}
					{block:ItemImage17}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage17URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage17URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage17}
					{block:ItemImage18}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage18URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage18URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage18}
					{block:ItemImage19}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage19URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage19URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage19}
					{block:ItemImage20}
					<li style="display:none;">
						<div class="img_box">
							<a href="{ItemImage20URL-origin}" class="ajax btn grn save" rel="group">
								<img src="{ItemImage20URL-500}" alt="" title="">
							</a>
						</div>
					</li>
					{/block:ItemImage20}
				</ul>
				<div id="bx-pager">
					<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{block:ItemImage1}{ItemImage1URL-76}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="" id="img_large"></div></a>
					{block:ItemImage2}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage2URL-76}" alt="" title=""></div></a>{/block:ItemImage2}
					{block:ItemImage3}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage3URL-76}" alt="" title=""></div></a>{/block:ItemImage3}
					{block:ItemImage4}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage4URL-76}" alt="" title=""></div></a>{/block:ItemImage4}
					{block:ItemImage5}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage5URL-76}" alt="" title=""></div></a>{/block:ItemImage5}
					{block:ItemImage6}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage6URL-76}" alt="" title=""></div></a>{/block:ItemImage6}
					{block:ItemImage7}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage7URL-76}" alt="" title=""></div></a>{/block:ItemImage7}
					{block:ItemImage8}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage8URL-76}" alt="" title=""></div></a>{/block:ItemImage8}
					{block:ItemImage9}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage9URL-76}" alt="" title=""></div></a>{/block:ItemImage9}
					{block:ItemImage10}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage10URL-76}" alt="" title=""></div></a>{/block:ItemImage10}
					{block:ItemImage11}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage11URL-76}" alt="" title=""></div></a>{/block:ItemImage11}
					{block:ItemImage12}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage12URL-76}" alt="" title=""></div></a>{/block:ItemImage12}
					{block:ItemImage13}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage13URL-76}" alt="" title=""></div></a>{/block:ItemImage13}
					{block:ItemImage14}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage14URL-76}" alt="" title=""></div></a>{/block:ItemImage14}
					{block:ItemImage15}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage15URL-76}" alt="" title=""></div></a>{/block:ItemImage15}
					{block:ItemImage16}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage16URL-76}" alt="" title=""></div></a>{/block:ItemImage16}
					{block:ItemImage17}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage17URL-76}" alt="" title=""></div></a>{/block:ItemImage17}
					{block:ItemImage18}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage18URL-76}" alt="" title=""></div></a>{/block:ItemImage18}
					{block:ItemImage19}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage19URL-76}" alt="" title=""></div></a>{/block:ItemImage19}
					{block:ItemImage20}<a data-slide-index="{Counter}" href=""><div class="small_img_box"><img src="{ItemImage20URL-76}" alt="" title=""></div></a>{/block:ItemImage20}
				</div>
			</div>

			<div id="second_column">
				<h1 class="item_title">{ItemTitle}{block:AppsDownload}{block:ItemDigitalContent}({ItemDigitalContent}){/block:ItemDigitalContent}{/block:AppsDownload}</h1>

				<div class="item_priceArea {block:ItemNowOnSale}{block:NoItemStock}item_priceArea--soldOut{/block:NoItemStock}{/block:ItemNowOnSale} {block:ItemEndOfSale}item_priceArea--soldOut{/block:ItemEndOfSale}">
					{block:NoItemProperPrice}
					<!-- 定価 -->
					<span class="itemPrice">{ItemPrice}</span>
					{/block:NoItemProperPrice}
					{block:HasItemProperPrice}
					<!-- 割引 -->
					<span class="discountPriceDefault">{ItemProperPrice}</span><span class="discountPriceRatio">{ItemDiscountRate}</span><br>
					<span class="discountPriceCalcPrice"><span class="discountPriceCalcPrice__text">{ItemPrice}</span></span>
					{/block:HasItemProperPrice}
					{block:ItemNowOnSale}{block:NoItemStock}
						<span class="soldout">SOLD OUT</span>
					{/block:NoItemStock}{/block:ItemNowOnSale}
					{block:ItemEndOfSale}
						<span class="soldout">SOLD OUT</span>
					{/block:ItemEndOfSale}
				</div>

				{block:ItemWatingForSale}
					<div class="comingSoon">COMING SOON</div>
				{/block:ItemWatingForSale}

				{ItemAttentionTag}

				{block:PurchaseForm}
					{ItemSelectTag}
					{PurchaseButton}
				{/block:PurchaseForm}

				<div class="shareButtons">
					{SocialButtonTag}
					<div class="twitter">
						<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ItemRedirectUrl}" data-lang="ja" data-hashtags="{TwitterDataHashtags}" data-via="{TwitterDataVia}">{lang:Tweet}</a>
					</div>
					<div class="facebook">
						<div class="fb-share-button" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u&amp;src=sdkpreparse">シェア</a></div>
					</div>
					{EmbedWidgetTag}
				</div>
				<div id="reportBtn">
					{IllegalReportTag}
				</div>
				<div id="item_detail">
					<p>{ItemDetail}</p>
				</div>
				{block:AppsItemDetailCustom}
					{AdditionalItemDetail}
					{AdditionalItemDetailDefaultCssAndJs}
				{/block:AppsItemDetailCustom}
			</div>
		</section>

		{block:AppsReview}
		{AppsReviewTag}
		{/block:AppsReview}
	</div>

	<script src="{BASEURL}/js/jquery.colorbox-min.js"></script>
	<script src="{BASEURL}/js/jquery.bxslider.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('.bxslider').bxSlider({
				controls: false,
				pagerCustom: '#bx-pager',
				adaptiveHeight: true,
				mode: 'fade'
			});
			$(".ajax").colorbox({className:'itemCb',maxWidth:'1000px',current:false});
		});
	</script>
	{/block:ItemPage}

	{block:AboutPage}
	<div class="main">
		<div id="about">
			<h2>about</h2>
			<p>{ShopIntroduction}</p>
			<div class="social">
				<ul class="clearfix">
					{block:ShopAmebaId}
					<li><a href="http://ameblo.jp/{ShopAmebaId}" target="_blank"><img src="/img/shop/ambicon.png" height="30" width="30"></a></li>
					{/block:ShopAmebaId}
					{block:ShopFacebookId}
					<li><a href="https://www.facebook.com/{ShopFacebookId}" target="_blank"><img src="/img/shop/fbicon.png" height="30" width="30"></a></li>
					{/block:ShopFacebookId}
					{block:ShopTwitterId}
					<li class="tw"><a href="https://twitter.com/{ShopTwitterId}" target="_blank"><img src="/img/shop/twicon.png" height="30" width="30"></a></li>
					{/block:ShopTwitterId}
					{block:ShopLineId}
					<li><a href="https://line.me/R/ti/p/%40{ShopLineId}" target="_blank"><img src="/img/shop/lineicon.png" height="30" width="30"></a></li>
					{/block:ShopLineId}
					{block:ShopInstagramId}
					<li><a href="http://instagram.com/{ShopInstagramId}" target="_blank"><img src="/img/shop/igicon.png" height="30" width="30"></a></li>
					{/block:ShopInstagramId}
				</ul>
			</div>
		</div>
	</div>
	{/block:AboutPage}

	{block:ContactPage}
	{ContactContentsTag}
	{/block:ContactPage}

	{block:PrivacyPage}
	{PrivacyContentsTag}
	{/block:PrivacyPage}

	{block:LawPage}
	{LawContentsTag}
	{/block:LawPage}

	{block:BlogPage}
	{BlogContentsTag}
	{/block:BlogPage}

	<div class="footer_container">
		<footer id="mainFooter">
			<ul class="clearfix">
				<li><a class="footerNav" href="{PrivacyPageURL}">{lang:Privacy}</a></li>
				<li><a class="footerNav" href="{LawPageURL}">{lang:Law}</a></li>
				<li class="boxRight">
					<div class="socialBtnList clearfix">
						<div class="fb sns">
							<div class="fb-share-button" data-href="{ShopURL}/" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse">シェア</a></div>
						</div>
						<div class="tw sns">
							<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShopRedirectUrl}" data-lang="ja" data-hashtags="{TwitterDataHashtags}" data-via="{TwitterDataVia}" data-text="{ShopName}">{lang:Tweet}</a>
						</div>
					</div>
				</li>
			</ul>
		</footer>
	</div>

	<input id="base_url" type="hidden" value="{ShopURL}">
</body>
</html>
{/block:NotLoadItemsPage}
{block:LoadItemsPage}
{block:Items}
<li class="content">
	<div class="item-container">

		<a href="{ItemPageURL}" title="" class="item-img">
			{block:AppsItemLabel}
			{AppsItemLabelTag}
			{/block:AppsItemLabel}
			<img src="{block:ItemImage1}{ItemImage1URL-300}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" alt="{ItemTitle}" title="{ItemTitle}">
		</a>

		<div class="item-detail {block:ItemNowOnSale}{block:NoItemStock}item-detailSoldout{/block:NoItemStock}{/block:ItemNowOnSale} {block:ItemEndOfSale}item-detailSoldout{/block:ItemEndOfSale}">
			<a href="{ItemPageURL}" class="item-detail__link" alt="item-name">
				<h1 class="item-detail__title truncate">{ItemTitle}</h1>
			</a>

			{block:NoItemProperPrice}
			<!-- 定価 -->
			<p class="item-detail__price">{ItemPrice}</p>
			{/block:NoItemProperPrice}

			{block:HasItemProperPrice}
			<!-- 割引 -->
			<p class="item-detail__discountPrice">
				<span class="item-detail__discountPriceRatio">{ItemDiscountRate}</span><span class="item-detail__discountPriceCalcPrice">{ItemPrice}</span>
			</p>
			{/block:HasItemProperPrice}

			{block:HasItemStock}
				{block:ItemWatingForSale}
					<p class="item-detail__comingSoon">COMING SOON</p>
				{/block:ItemWatingForSale}
				{block:ItemNowOnSale}{block:ItemPreOrder}
					<p class="item-detail__preOrder">{lang:PreOrderItem}</p>
				{/block:ItemPreOrder}{block:ItemLottery}
					<p class="item-detail__lottery">{lang:LotteryItem}</p>
				{/block:ItemLottery}{/block:ItemNowOnSale}
				{block:ItemEndOfSale}
					<p class="item-detail__soldout">SOLD OUT</p>
				{/block:ItemEndOfSale}
			{/block:HasItemStock}
			{block:NoItemStock}
				{block:ItemWatingForSale}
					<p class="item-detail__comingSoon">COMING SOON</p>
				{/block:ItemWatingForSale}
				{block:ItemNowOnSale}{block:ItemPreOrder}
					<p class="item-detail__soldout">SOLD OUT</p>
				{/block:ItemPreOrder}{/block:ItemNowOnSale}
				{block:ItemEndOfSale}
					<p class="item-detail__soldout">SOLD OUT</p>
				{/block:ItemEndOfSale}
			{/block:NoItemStock}

			<p class="item-detail__description">{ItemDetailNoBr}</p>

			{block:HasItemStock}
				{block:ItemWatingForSale}
					<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">&gt;  MORE</a>
				{/block:ItemWatingForSale}
				{block:ItemNowOnSale}
					<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">&gt;  MORE</a>
				{/block:ItemNowOnSale}
				{block:ItemEndOfSale}
					<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
				{/block:ItemEndOfSale}
			{/block:HasItemStock}
			{block:NoItemStock}
				{block:ItemWatingForSale}
					<a href="{ItemPageURL}" class="item-detail__button item-detail__button--buy">&gt;  MORE</a>
				{/block:ItemWatingForSale}
				{block:ItemNowOnSale}
					<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
				{/block:ItemNowOnSale}
				{block:ItemEndOfSale}
					<a href="{ItemPageURL}" class="item-detail__button item-detail__button--soldout">SOLD OUT</a>
				{/block:ItemEndOfSale}
			{/block:NoItemStock}
		</div>

	</div>
</li>
{/block:Items}
{/block:LoadItemsPage}

{block:AppsSearch}
<script>
	$(function(){
		var _color = $('#x_iconSearch').css('color');
		$('#x_itemSearchForm').css('border-color' , _color);
	});
</script>
{/block:AppsSearch}
iemong / cheers Goto Github PK

cheers's Issues

Cheers画像管理

バナー画像

10000円

30000円

背景画像

OGP

backup

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent
