{block:NotLoadItemsPage}
<!DOCTYPE html>
<html class="no-js" lang="ja-JP">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{block:NotItemPage}
{MetaShopInfoTag}
{/block:NotItemPage}
{block:ItemPage}
{MetaItemInfoTag}
{/block:ItemPage}
{HeadLinkNextPrevTag}
{FaviconTag}
<link href="https://fonts.googleapis.com/css?family=Noto+Serif|Open+Sans|Oswald|Roboto|Lato|Quicksand" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<link href="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/583f8a64a818a/jquery.bxslider.css" rel="stylesheet" type="text/css">
<link href="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/58510741bb41c/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="https://git.bagooon.com/root/d-shop/pages/style.css" rel="stylesheet" type="text/css">
<!--[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]-->
{JQueryTag}
<script src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/5820422e63c1b/jquery.bottom-1.0.js"></script>
<script src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/5820428d9cd3a/modernizr-2.8.3.min.js"></script>
<title>{PageTitle}</title>
{block:Hidden}
<!-- デザイン設定 ここから -->
<meta name="select:Layout" content="non" title="使用しない" label="＜背景＞サンプル">
<meta name="select:Layout" content="maru" title="maru" label="＜背景＞サンプル">
<meta name="select:Layout" content="sikaku" title="sikaku" label="＜背景＞サンプル">
<meta name="select:Layout" content="sima" title="sima" label="＜背景＞サンプル">
<meta name="select:LogoLayout" content="-center" title="中央に配置" label="＜ロゴ＞配置">
<meta name="select:LogoLayout" content="-float" title="左に配置" label="＜ロゴ＞配置">
<meta name="select:logoFont" content="Georgia" title="Georgia" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Roboto" title="Roboto" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="'Gill sans', 'Gill sans MT', 'Lato'" title="Gill sans" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Quicksand" title="Quicksand" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Open Sans" title="Open Sans" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Oswald" title="Oswald" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Noto Serif" title="Noto Serif" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="YuGothic" title="YuGothic" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="AXIS Std" title="AXIS Std" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Hiragino Kaku Gothic Pro" title="Hiragino Kaku Gothic Pro" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Hiragino Mincho Pro" title="Hiragino Mincho Pro" label="＜ロゴ＞フォント">
<meta name="select:logoFont" content="Meiryo" title="Meiryo" label="＜ロゴ＞フォント">
<meta name="select:logoFont-weight" content="normal" title="ノーマル" label="＜ロゴ＞フォント - 太さ">
<meta name="select:logoFont-weight" content="bold" title="太字" label="＜ロゴ＞フォント - 太さ">
<meta name="select:logoFont-size" content="36px" title="ノーマル" label="＜ロゴ＞フォント - サイズ">
<meta name="select:logoFont-size" content="45px" title="少し大きめ" label="＜ロゴ＞フォント - サイズ">
<meta name="select:bodyfont" content="Roboto" title="Roboto" label="＜メイン＞フォント">
<meta name="select:bodyfont" content="MSMincho" title="ＭＳ Ｐ明朝" label="＜メイン＞フォント">
<meta name="select:bodyfont" content="HiraKaku" title="ヒラギノ角ゴシック" label="＜メイン＞フォント">
<meta name="select:bodyfont" content="MSGothic" title="ＭＳ ゴシック" label="＜メイン＞フォント">
<meta name="color:navigaton" content="#222222" label="＜メニュー＞文字色">
<meta name="text:home-text" content="home" label="＜home＞テキスト">
<meta name="text:about-text" content="about" label="＜about＞テキスト">
<meta name="text:contact-text" content="contact" label="＜contact＞テキスト">
<meta name="text:blog-text" content="blog" label="＜blog＞テキスト＊Blog App利用時">
<meta name="text:coin-text" content="COIN" label="＜COIN＞テキスト＊ショップコイン App利用時">
<meta name="text:category-text" content="category" label="＜category＞テキスト">
<meta name="if:showHP" content="1" label="＜メニュー＞外部リンクON/OFF">
<meta name="text:HP-text" content="official site" label="＜メニュー＞外部リンクテキスト">
<meta name="text:HP-URL" content="" label="＜メニュー＞外部リンクURL">
<meta name="select:menuLayout" content="w250" title="まる -カテゴリ5個までにおすすめ" label="＜メニューカテゴリ表示枠＞">
<meta name="select:menuLayout" content="w300" title="まる -カテゴリ10個までにおすすめ" label="＜メニューカテゴリ表示枠＞">
<meta name="select:menuLayout" content="wSikaku" title="しかく -カテゴリ11個以上におすすめ" label="＜メニューカテゴリ表示枠＞">
<meta name="color:category-list" content="#ff7d7d" label="＜メニューカテゴリ背景色＞">
<meta name="if:showSlideImage" content="1" label="＜スライド画像＞ON/OFF">
<meta name="select:SlideLayout" content="w1140" title="幅：1140px" label="＜スライド画像＞サイズ">
<meta name="select:SlideLayout" content="w1070" title="幅：1070px" label="＜スライド画像＞サイズ">
<meta name="select:SlideLayout" content="full" title="幅：100%" label="＜スライド画像＞サイズ">
<meta name="image:SlideImage01" content="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/584258a97997f/slideSample.jpg" label="＜スライド画像＞1">
<meta name="if:showSlideURL01" content="0" label="＜スライド画像＞1 - リンクON/OFF">
<meta name="text:SlideURL01" content="" label="＜スライド画像＞1 - リンク">
<meta name="if:showSlideImage02" content="0" label="＜スライド画像＞2 - ON/OFF">
<meta name="image:SlideImage02" content="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/584258a97997f/slideSample.jpg" label="＜スライド画像＞2">
<meta name="if:showSlideURL02" content="0" label="＜スライド画像＞2 - リンクON/OFF">
<meta name="text:SlideURL02" content="" label="＜スライド画像＞2 - リンク">
<meta name="if:showSlideImage03" content="0" label="＜スライド画像＞3 - ON/OFF">
<meta name="image:SlideImage03" content="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/584258a97997f/slideSample.jpg" label="＜スライド画像＞3">
<meta name="if:showSlideURL03" content="0" label="＜スライド画像＞3 - リンクON/OFF">
<meta name="text:SlideURL03" content="" label="＜スライド画像＞3 - リンク">
<meta name="if:showSlideImage04" content="0" label="＜スライド画像＞4 - ON/OFF">
<meta name="image:SlideImage04" content="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/584258a97997f/slideSample.jpg" label="＜スライド画像＞4">
<meta name="if:showSlideURL04" content="0" label="＜スライド画像＞4 - リンクON/OFF">
<meta name="text:SlideURL04" content="" label="＜スライド画像＞4 - リンク">
<meta name="select:SlidePage" content="true" title="表示" label="＜スライドページャー＞">
<meta name="select:SlidePage" content="false" title="非表示" label="＜スライドページャー＞">
<meta name="if:showInformation" content="1" label="＜メモ＞ON/OFF">
<meta name="text:informationTitle" content="memo" label="＜メモ＞タイトル">
<meta name="text:information" content="テキスト" label="＜メモ＞テキスト">
<meta name="select:information-textAline" content="center" title="センター" label="＜メモ＞テキスト位置">
<meta name="select:information-textAline" content="left" title="左寄せ" label="＜メモ＞テキスト位置">
<meta name="color:memocolor" content="#333" label="＜メモ＞文字色">
<meta name="if:showInformationSub" content="1" label="＜メモ 2＞ON/OFF">
<meta name="text:informationTitleSub" content="news" label="＜メモ 2＞タイトル">
<meta name="text:informationSub" content="テキスト" label="＜メモ 2＞テキスト">
<meta name="select:informationSub-textAline" content="center" title="センター" label="＜メモ 2＞テキスト位置">
<meta name="select:informationSub-textAline" content="left" title="左寄せ" label="＜メモ 2＞テキスト位置">
<meta name="color:memocolorSub" content="#333" label="＜メモ 2＞文字色">
<meta name="if:showMovie" content="1" label="＜MOVIE＞ON/OFF">
<meta name="text:MovieTitle" content="MOVIE" label="＜MOVIE＞タイトル">
<meta name="text:MovieText" content="ムービー" label="＜MOVIE＞テキスト">
<meta name="color:Moviecolor" content="#333" label="＜MOVIE＞文字色">
<meta name="select:MovieStyle" content="onT" title="ボタン" label="＜MOVIE＞再生ボタン選択">
<meta name="select:MovieStyle" content="onI" title="画像ボタン" label="＜MOVIE＞再生ボタン選択">
<meta name="text:MovieButton" content="movie Play" label="＜MOVIE＞テキスト ＊ボタン選択時">
<meta name="image:MovieImage" content="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/58425ca89c3ed/movieSample.jpg" label="＜MOVIE＞画像 ＊画像ボタン選択時">
<meta name="text:YoutubeID" content="YoutubeID" label="＜MOVIE＞Youtube ID">
<meta name="select:WakuLayout" content="maruWaku" title="まる" label="＜商品サムネイル＞カタチ">
<meta name="select:WakuLayout" content="sikakuWaku" title="しかく" label="＜商品サムネイル＞カタチ">
<meta name="text:itemTitle" content="ITEM" label="＜商品＞タイトル">
<meta name="color:itemcolor" content="#333" label="＜商品＞タイトル文字色">
<meta name="if:showHeaderImage" content="1" label="＜ありがとう＞ON/OFF">
<meta name="select:ThanksLayout" content="full" title="幅：100%" label="＜ありがとう＞サイズ">
<meta name="select:ThanksLayout" content="w1140" title="幅：1140px" label="＜ありがとう＞サイズ">
<meta name="select:ThanksLayout" content="w1070" title="幅：1070px" label="＜ありがとう＞サイズ">
<meta name="image:headerImage" content="" label="＜ありがとう＞画像">
<meta name="color:background-memo" content="#ffffff" label="＜ありがとう＞背景色 - ＊画像未使用時">
<meta name="if:showInformation02" content="1" label="＜ありがとう＞コメントON/OFF">
<meta name="text:informationTitle02" content="a day" label="＜ありがとう＞タイトル">
<meta name="text:information02" content="素敵な日々を" label="＜ありがとう＞テキスト">
<meta name="color:memocolor02" content="#333" label="＜ありがとう＞文字色">
<meta name="color:snsiconcolor" content="#d8d8d8" label="＜SNS＞アイコン色">
<meta name="select:iineBtn" content="onT" title="表示" label="＜いいね！ボタン＞">
<meta name="select:iineBtn" content="onI" title="非表示" label="＜いいね！ボタン＞">
<meta name="select:tweetBtn" content="onT" title="表示" label="＜ツイートボタン＞">
<meta name="select:tweetBtn" content="onI" title="非表示" label="＜ツイートボタン＞">
<meta name="color:footer" content="#a2a2a2" label="＜フッター＞文字色">
<meta name="text:copy" content="125naroom" label="＜フッター＞コピーライト">
<meta name="color:btn--addToCart" content="#ff7d7d" label="＜商品ページ＞カートに入れるボタンの背景色">
<meta name="if:showAboutImage" content="0" label="＜aboutページ＞画像 - ON/OFF">
<meta name="image:AboutImage" content="" label="＜aboutページ＞画像 ">
<meta name="color:about" content="#333" label="＜aboutページ＞文字色">
<meta name="select:about-textAline" content="center" title="センター" label="＜aboutページ＞テキスト位置">
<meta name="select:about-textAline" content="left" title="左寄せ" label="＜aboutページ＞テキスト位置">
<meta name="color:search" content="#fff" label="＜検索＞背景色 - ＊商品検索App利用時">
<meta name="color:searchTxt" content="#555" label="＜検索＞文字色 - ＊商品検索App利用時">
<meta name="text:searchPlaceholder" content="search" label="＜検索＞テキスト - ＊商品検索App利用時">
<meta name="color:pankuzu" content="#333" label="＜パンくず＞枠色 - ＊カテゴリ管理App利用時">
<meta name="if:showRelated" content="1" label="＜関連商品＞ON/OFF">
<meta name="text:relatedTitle" content="関連商品" label="＜関連商品＞テキスト">
<!-- デザイン設定 ここまで -->
{/block:Hidden}
{BackgroundTag}
<style type="text/css" media="screen">
.shopLogo>span .logoText {
font-size: {select:logoFont-size};
font-weight: {select:logoFont-weight};
font-family: {select:logoFont}, sans-serif, serif;
}
.on .category-list #appsItemCategoryTag {
background-color: {color:category-list};
}
.headerWrapper {
background-color: {color:background-memo};
}
.contentHeader {
background-image: url({image:headerImage});
}
.infoBlock__title {
color: {color:memocolor};
}
.infoBlock__content {
color: {color:memocolor};
}
.infoBlock__content a {
color: {color:memocolor};
border-bottom: 1px dotted {color:memocolor} !important;
}
.infoBlock__titleSub {
color: {color:memocolorSub};
}
.infoBlock__contentSub {
color: {color:memocolorSub};
}
.infoBlock__contentSub a {
color: {color:memocolorSub};
border-bottom: 1px dotted {color:memocolorSub} !important;
}
#movie h3 {
color: {color:Moviecolor};
}
#movie .sub {
color: {color:Moviecolor};
}
.itemBlock__title {
color: {color:itemcolor};
}
.infoBlock__title02 {
color: {color:memocolor02};
}
.infoBlock__content02 {
color: {color:memocolor02};
}
.footerMenu__item a, .footer .copy {
color: {color:footer};
}
@media screen and (min-width : 1025px) {
.topHeaderBlock a, .topHeaderBlock a:link, .topHeaderBlock a:visited, .topHeaderBlock a:hover, .topHeaderBlock a:active {
color:{color:navigaton};
}
.menuList__item a.offiS {
border-bottom: 1px dotted {color:navigaton};
}
.mainHeaderNavColor {
color:{color:navigaton};
}
}
.shopSNSList__link {
background-color:{color:snsiconcolor};
}
/* for search apps */
#searchBox input {
background-color:{color:search};
}
#searchBox input {
color:{color:searchTxt};
}
#searchBox input:placeholder-shown {
color:{color:searchTxt};
}
#searchBox input::-webkit-input-placeholder {
color:{color:searchTxt};
}
#searchBox input:-moz-placeholder {
color:{color:searchTxt};
opacity: 1;
}
#searchBox input::-moz-placeholder {
color:{color:searchTxt};
opacity: 1;
}
#searchBox input:-ms-input-placeholder {
color:{color:searchTxt};
}
/* for breadcrumbs */
.breadcrumb__child {
color:{color:pankuzu};
}
.breadcrumb__child a {
color:{color:pankuzu};
}
.childrenList__li {
background-color:{color:pankuzu};
}
.childrenList__li a {
color:#fff;
}
.aboutBlock h1, .aboutBlock p {
color: {color:about};
}
.aboutBlock a, .aboutBlock a:active .aboutBlock a:link, .aboutBlock a:visited {
color: {color:about};
border-bottom: 1px dotted {color:about} !important;
}
@font-face {
font-family: 'icomoon';
src:url('/font/sns/ico.eot?-31ou1c');
src:url('/font/sns/ico.eot?#iefix-31ou1c') format('embedded-opentype'),
url('/font/sns/ico.ttf?-31ou1c') format('truetype'),
url('/font/sns/ico.woff?-31ou1c') format('woff'),
url('/font/sns/ico.svg?-31ou1c#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
content: "\e600";
}
.icon-instagram:before {
content: "\e601";
}
.icon-ameba:before {
content: "\e602";
}
.icon-twitter:before {
content: "\e603";
}
.itemInfoBlock .purchaseButton__btn.purchaseButton__btn--addToCart {
background-color:{color:btn--addToCart};
}
.msg_startButton {
background-color: #666!important;
}
.msg_startButton span {
color: #fff!important;
}
</style>
</head>
<body class="{select:Layout} {select:bodyfont}">
<a name="pagetop" id="pagetop"></a>
<!-- 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>
<div class="headerFixed">
{block:NoAppsBaseEraser}
{BASEMenuTag}
{/block:NoAppsBaseEraser}
{block:AppsBaseEraser}
<style>.headerFixed #baseMenu li.base {display: none;}</style>
{BASEMenuTag}
{/block:AppsBaseEraser}
{block:AppsSearch}
<!-- 検索App -->
<div id="searchBox" class="onlyPC">
<form class="searchForm" action="{SearchPageURL}" method="get">
<input type="text" name="q" placeholder="{text:searchPlaceholder}" value="{IndexPageSearch}" />
<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div><!-- /#searchBox -->
{/block:AppsSearch}
</div><!-- /.headerFixed -->
<!-- 公開ここから -->
<div id="wrapper" class="container">
<nav id="spNav" class="onlySP">
<a id="spNav__btn">
<span></span>
<span></span>
<span></span>
</a>
</nav><!-- /. #spNav-->
<header class="topHeaderBlock" id="topHeaderBlock">
<div class="topHeader__wrapper {select:SlideLayout}">
<h1 class="shopName{select:LogoLayout}">
<a class="shopName__link" href="{IndexPageURL}">
<figure class="shopLogo">
<span>{LogoTag}</span>
</figure>
</a>
</h1><!-- /.shopLogo -->
<div class="sp_menu{select:LogoLayout}">
<nav class="menus">
<div class="menus_sp">
{block:AppsSearch}
<!-- 検索App -->
<div id="searchBox" class="onlySP">
<form class="searchForm" action="{SearchPageURL}" method="get">
<input type="text" name="q" placeholder="{text:searchPlaceholder}" value="{IndexPageSearch}" />
<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div><!-- /#searchBox -->
{/block:AppsSearch}
<ul class="menuList">
<li class="menuList__item"><a href="{IndexPageURL}">{text:home-text}</a></li>
<li class="menuList__item"><a href="{AboutPageURL}">{text:about-text}</a></li>
{block:AppsItemCategory}
<li class="menuList__item cateMenu" data-hoge-hoge="block">
<div id="cateMenu">
<span class="mainHeaderNavColor" data-hoge-hoge="button">{text:category-text}</span>
<div class="category-list {select:menuLayout}" data-hoge-hoge="button">
<ul id="appsItemCategoryTag">
{block:AppsItemCategoryCategories}
<li class="category__item"><a href="{AppsItemCategoryCategoryPageURL}">・{AppsItemCategoryCategoryName}</a>
<ul class="category__list category__list--medium">
{block:AppsItemCategoryMediumCategories}
<li class="category__item"><a href="{AppsItemCategoryMediumCategoryPageURL}">--- {AppsItemCategoryMediumCategoryName}</a></li>
{/block:AppsItemCategoryMediumCategories}
</ul>
</li>
{/block:AppsItemCategoryCategories}
</ul>
</div><!-- /.category-list -->
</div><!-- /#cateMenu -->
</li>
{/block:AppsItemCategory}
{block:AppsBlog}
<li class="menuList__item"><a href="{BlogPageURL}">{text:blog-text}</a></li>
{/block:AppsBlog}
{block:AppsCoinFunding}
<li class="menuList__item"><a href="{CoinFundingPageURL}">{text:coin-text}</a></li>
{/block:AppsCoinFunding}
<li class="menuList__item"><a href="{ContactPageURL}">{text:contact-text}</a></li>
{block:if-showHP}
<li class="menuList__item"><a href="{text:HP-URL}" target="_blank" class="offiS">{text:HP-text}</a></li>
{/block:if-showHP}
</ul>
</div><!-- /.menus_sp -->
</nav>
</div><!-- /.sp_menu -->
<div class="black" id="mask"></div>
</div><!-- /.topHeader__wrapper -->
</header><!-- /.topHeaderBlock -->
<!-- ------------------------------------------------------------------------------------------------------------ -->
<!-- ------------------------------------------------------------------------------------------------------------ -->
<!-- ------------------------------------------------------------------------------------------------------------ -->
<div class="mainBLock" id="mainBLock">
<!-- ヘッダーイメージ： -->
{block:NotItemPage}
{block:NotAboutPage}
{block:NotContactPage}
{block:NotPrivacyPage}
{block:NotLawPage}
{block:NotBlogPage}
{block:NoIndexPageCategory}
{block:NoIndexPageSearch}
{block:if-showSlideImage}
<div class="mainImage {select:SlideLayout}">
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
pause: 5500,
speed: 1000,
autoControls: false,
mode: 'fade',
controls: false,
pager: {select:SlidePage}
});
});
</script>
<ul class="bxslider">
<li>{block:if-showSlideURL01}<a href="{text:SlideURL01}">{/block:if-showSlideURL01}<img src="{image:SlideImage01}">{block:if-showSlideURL01}</a>{/block:if-showSlideURL01}</li>
{block:if-showSlideImage02}
<li>{block:if-showSlideURL02}<a href="{text:SlideURL02}">{/block:if-showSlideURL02}<img src="{image:SlideImage02}">{block:if-showSlideURL02}</a>{/block:if-showSlideURL02}</li>
{/block:if-showSlideImage02}
{block:if-showSlideImage03}
<li>{block:if-showSlideURL03}<a href="{text:SlideURL03}">{/block:if-showSlideURL03}<img src="{image:SlideImage03}">{block:if-showSlideURL03}</a>{/block:if-showSlideURL03}</li>
{/block:if-showSlideImage03}
{block:if-showSlideImage04}
<li>{block:if-showSlideURL04}<a href="{text:SlideURL04}">{/block:if-showSlideURL04}<img src="{image:SlideImage04}">{block:if-showSlideURL04}</a>{/block:if-showSlideURL04}</li>
{/block:if-showSlideImage04}
</ul>
</div>
{/block:if-showSlideImage}
{block:if-showInformation}
<div class="memoBlock {select:information-textAline} {select:SlideLayout}">
<h3 class="infoBlock__title">{text:informationTitle}</h3>
<p class="infoBlock__content">
{block:text-information}
{text:information}
{/block:text-information}
</p>
</div><!-- /.memoBlock -->
{/block:if-showInformation}
{block:if-showInformationSub}
<div class="memoBlock {select:informationSub-textAline} {select:SlideLayout}">
<h3 class="infoBlock__titleSub">{text:informationTitleSub}</h3>
<p class="infoBlock__contentSub">
{block:text-informationSub}
{text:informationSub}
{/block:text-informationSub}
</p>
</div><!-- /.memoBlock -->
{/block:if-showInformationSub}
{block:if-showMovie}
<script src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/5840259f84095/jquery.magnific-popup.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$('.play').magnificPopup({
type: 'iframe',
});
$('.popup-image').magnificPopup({
type: 'image'
});
});
</script>
<div id="movie" class="{select:SlideLayout}">
<h3>{text:MovieTitle}</h3>
<p class="sub">{text:MovieText}</p>
<p class="movie {select:MovieStyle}"><a href="https://www.youtube.com/watch?v={text:YoutubeID}" class="play btn" target=""><span class="waku">{text:MovieButton}</span></a></p>
<div class="thumb sel{select:MovieStyle}">
<a href="https://www.youtube.com/watch?v={text:YoutubeID}" class="play"><img src="{image:MovieImage}"></a>
</div>
</div>
{/block:if-showMovie}
{/block:NoIndexPageSearch}
{/block:NoIndexPageCategory}
{/block:NotBlogPage}
{/block:NotAboutPage}
{/block:NotContactPage}
{/block:NotPrivacyPage}
{/block:NotLawPage}
{/block:NotItemPage}
<!-- トップページ ここから -->
{block:IndexPage}
{block:ShopPublic}
<div class="itemBlock {select:SlideLayout}">
<h3 class="itemBlock__title">{text:itemTitle}</h3>
{block:IndexPageSearch}
<p class="searchResult">{lang:ItemSearchResult}</p>
{/block:IndexPageSearch}
{block:HasItems}
{block:AppsItemCategory}
{block:IndexPageCategory}
<!-- カテゴリページ -->
<div class="itemCat">
{BreadcrumbTag}
<div class="itemCat__children">
<ul class="childrenList">
{block:AppsItemCategoryChildCategories}
<li class="childrenList__li"><a href="{AppsItemCategoryChildCategoryPageURL}">{AppsItemCategoryChildCategoryName}</a></li>
{/block:AppsItemCategoryChildCategories}
</ul>
</div><!-- /.itemCat__children -->
</div><!-- /.itemCat -->
{/block:AppsItemCategory}
{/block:IndexPageCategory}
<ul id="itemIndex" data-max-page="{MaxPageNumber}" data-next-page="{NextPageNumber}" class="itemList">
{block:Items}
<li class="itemList__item">
<a href="{ItemPageURL}" class="blockLink itemList__link">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<figure class="itemList__imgbox {select:WakuLayout}">
{block:ItemImage1}
<img src="{ItemImage1URL-640}" alt="{ItemTitle}" />
{/block:ItemImage1}
{block:NoItemImage1}
<img src="{ItemNoImageURL}" alt="{ItemTitle}" />
{/block:NoItemImage1}
{block:HasItemStock}
{block:ItemWatingForSale}<p class="waitingForSale">COMING SOON</p>{/block:ItemWatingForSale}
{block:ItemNowOnSale}
{block:ItemPreOrder}<p class="waitingForSale">予約商品</p>{/block:ItemPreOrder}
{/block:ItemNowOnSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemWatingForSale}<p class="waitingForSale">COMING SOON</p>{/block:ItemWatingForSale}
{/block:NoItemStock}
</figure>
<div class="itemInfo">
<h2 class="itemInfo__title">{ItemTitle}</h2>
{block:NoItemProperPrice}
<div class="itemInfo__price">
{block:HasItemStock}
{block:ItemEndOfSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemNowOnSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemNowOnSale}
{block:ItemEndOfSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemEndOfSale}
{/block:NoItemStock}
<span>{ItemPrice}</span></div>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<div class="sale">
<div class="itemInfo__price"><span>{ItemPrice}</span></div>
<div class="off-text">{ItemDiscountRate}</div>
</div>
{/block:HasItemProperPrice}
</div><!-- /.itemInfo-->
</a>
</li><!-- /.itemList__list -->
{/block:Items}
<div id="loading" style="display: none;width: 100%;text-align:center;"><img src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/58457a8a745b6/Preloader_7.gif" style="width: 64px;padding: 50px 0;" /></div>
</ul><!-- /.itemList -->
<script type="text/javascript">
var process_flg = false;
var end_flg = false;
$(window).bottom({proximity: 0.1});
$(window).on('bottom', function() {
if (process_flg == false && end_flg == false) {
var max_page = $("#itemIndex").attr('data-max-page');
var next_page = $("#itemIndex").attr('data-next-page');
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) {
$('#itemIndex').append(data);
next_page = eval(next_page) + 1;
$("#itemIndex").attr('data-next-page', next_page);
},
complete: function () {
process_flg = false;
$('#loading').css('display', 'none');
}
});
} else {
end_flg = true;
}
}
});
</script>
{/block:HasItems}
{block:NoItems}
{block:AppsItemCategory}
{block:IndexPageCategory}
<!-- カテゴリページ -->
<div class="itemCat">
{BreadcrumbTag}
<div class="itemCat__children">
<ul class="childrenList">
{block:AppsItemCategoryChildCategories}
<li class="childrenList__li"><a href="{AppsItemCategoryChildCategoryPageURL}">{AppsItemCategoryChildCategoryName}</a></li>
{/block:AppsItemCategoryChildCategories}
</ul>
</div><!-- /.itemCat__children -->
</div><!-- /.itemCat -->
{/block:AppsItemCategory}
{/block:IndexPageCategory}
<div class="center">
<p class="topNotice">{lang:NoItemsMessage}</p>
</div>
{block:NotShopPublic}
<div class="center">
<p class="topNotice">{lang:NotShopPublicMessage}</p>
</div>
{/block:NotShopPublic}
{/block:NoItems}
</div><!-- /.itemBlock -->
{/block:ShopPublic}
{/block:IndexPage}
<!-- トップページ ここまで -->
<!-- 商品ページ ここから -->
{block:ItemPage}
<div class="whiteArea-item {select:SlideLayout}">
<div class="mainBLockWrapper">
<div class="itemBLock">
<div class="itemDetailCol">
<div class="itemDetailCol__box itemPhotoBlock">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<div class="itemSlideWrapper">
<ul id="itemSlide" class="mainImg">
{block:NoItemImage1}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemNoImageURL}" alt="{ItemTitle}" /></a></li>
{/block:NoItemImage1}
{block:ItemImage1}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage1URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage1}
{block:ItemImage2}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage2URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage2}
{block:ItemImage3}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage3URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage3}
{block:ItemImage4}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage4URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage4}
{block:ItemImage5}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage5URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage5}
{block:ItemImage6}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage6URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage6}
{block:ItemImage7}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage7URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage7}
{block:ItemImage8}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage8URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage8}
{block:ItemImage9}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage9URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage9}
{block:ItemImage10}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage10URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage10}
{block:ItemImage11}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage11URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage11}
{block:ItemImage12}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage12URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage12}
{block:ItemImage13}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage13URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage13}
{block:ItemImage14}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage14URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage14}
{block:ItemImage15}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage15URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage15}
{block:ItemImage16}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage16URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage16}
{block:ItemImage17}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage17URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage17}
{block:ItemImage18}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage18URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage18}
{block:ItemImage19}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage19URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage19}
{block:ItemImage20}
<li class="mainImg__item"><a class="imgCtl" href="javascript:void(0);"><img src="{ItemImage20URL-origin}" alt="{ItemTitle}" /></a></li>
{/block:ItemImage20}
</ul><!-- /#itemSlide -->
</div><!-- /.itemSlideWrapper -->
<div id="itemSlidePager">
<a class="blockLink" data-slide-index="{Counter}" href="">
<img src="{block:ItemImage1}{ItemImage1URL-146}{/block:ItemImage1}{block:NoItemImage1}{ItemNoImageURL}{/block:NoItemImage1}" />
</a>
{block:ItemImage2}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage2URL-146}" /></a>{/block:ItemImage2}
{block:ItemImage3}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage3URL-146}" /></a>{/block:ItemImage3}
{block:ItemImage4}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage4URL-146}" /></a>{/block:ItemImage4}
{block:ItemImage5}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage5URL-146}" /></a>{/block:ItemImage5}
{block:ItemImage6}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage6URL-146}" /></a>{/block:ItemImage6}
{block:ItemImage7}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage7URL-146}" /></a>{/block:ItemImage7}
{block:ItemImage8}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage8URL-146}" /></a>{/block:ItemImage8}
{block:ItemImage9}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage9URL-146}" /></a>{/block:ItemImage9}
{block:ItemImage10}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage10URL-146}" /></a>{/block:ItemImage10}
{block:ItemImage11}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage11URL-146}" /></a>{/block:ItemImage11}
{block:ItemImage12}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage12URL-146}" /></a>{/block:ItemImage12}
{block:ItemImage13}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage13URL-146}" /></a>{/block:ItemImage13}
{block:ItemImage14}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage14URL-146}" /></a>{/block:ItemImage14}
{block:ItemImage15}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage15URL-146}" /></a>{/block:ItemImage15}
{block:ItemImage16}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage16URL-146}" /></a>{/block:ItemImage16}
{block:ItemImage17}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage17URL-146}" /></a>{/block:ItemImage17}
{block:ItemImage18}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage18URL-146}" /></a>{/block:ItemImage18}
{block:ItemImage19}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage19URL-146}" /></a>{/block:ItemImage19}
{block:ItemImage20}<a class="blockLink" data-slide-index="{Counter}" href="javascript:void(0);"><img src="{ItemImage20URL-146}" /></a>{/block:ItemImage20}
</div><!-- /#itemSlidePager -->
</div><!-- /.itemDetailCol__box -->
</div><!-- /.itemDetailCol -->
<!-- --------------------------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------------------------- -->
<div class="itemDetailCol">
<div class="itemDetailCol__box itemInfoBlock">
<div class="itemInfoWrapper itemDetail">
<h1 class="itemDetail__title">{ItemTitle}{block:AppsDownload}{block:ItemDigitalContent}({ItemDigitalContent}){/block:ItemDigitalContent}{/block:AppsDownload}</h1>
{block:NoItemProperPrice}
<div class="itemDetail__price">{ItemPrice}</div>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<div class="sale-itemDetail">
<div class="off-text">{ItemDiscountRate}</div>
<div class="itemDetail__price">{ItemPrice}</div>
<div class="normal-price">（通常価格：{ItemProperPrice}）</div>
</div>
{/block:HasItemProperPrice}
{block:NoItemStock}
{block:ItemWatingForSale}<p class="waitingForSale">COMING SOON</p>{/block:ItemWatingForSale}
{block:ItemNowOnSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemNowOnSale}
{block:ItemEndOfSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemEndOfSale}
{/block:NoItemStock}
{block:HasItemStock}
{block:ItemWatingForSale}<p class="waitingForSale">COMING SOON</p>{/block:ItemWatingForSale}
{block:ItemEndOfSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemEndOfSale}
{/block:HasItemStock}
{ItemAttentionTag}
{block:PurchaseForm}
{ItemSelectTag}
{PurchaseButton}
{/block:PurchaseForm}
<div class="itemExplain">
{ItemDetail}
{block:AppsReview}
{AppsReviewTag}
{/block:AppsReview}
</div><!-- /.itemExplain -->
<div class="itemSocial">
<div class="fb-like {select:iineBtn}" data-href="{ShopURL}/items/{ItemId}" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div>
<div class="twitter {select:tweetBtn}"><a href="http://twitter.com/share" data-url="{ItemRedirectUrl}" class="twitter-share-button" data-via="{TwitterDataVia}" data-lang="ja" data-hashtags="{TwitterDataHashtags}"></a></div>
<div class="onlyPC">
{EmbedWidgetTag}
</div>
</div><!-- /.itemSocial -->
<div class="illegalReportBlock">
{IllegalReportTag}
</div><!-- /.illegalReportBlock -->
</div><!-- /.itemInfoWrapper -->
</div><!-- /.itemDetailCol__box -->
</div><!-- /.itemDetailCol -->
</div><!-- /.itemBLock -->
</div><!-- /.mainBLockWrapper -->
</div><!-- /.whiteArea-item -->
{block:if-showRelated}
<!-- 関連商品 ここから-->
{block:HasRelatedItems}
<div class="itemBlock">
<h3 class="itemBlock__title">{text:relatedTitle}</h3>
<ul class="itemList">
{block:RelatedItems}
<li class="itemList__item">
<a href="{RelatedItemPageURL}" class="blockLink itemList__link">
<figure class="itemList__imgbox {select:WakuLayout}">
<img src="{RelatedItemImageURL-640}" alt="{RelatedItemTitle}" />
</figure>
<div class="itemInfo">
<h2 class="itemInfo__title">{RelatedItemTitle}</h2>
<div class="itemInfo__price"><span>{RelatedItemPrice}</span></div>
</div><!-- /.itemInfo-->
</a>
</li><!-- /.itemList__list -->
{/block:RelatedItems}
</ul><!-- /.itemList -->
</div><!-- /.itemBlock -->
{/block:HasRelatedItems}
<!-- 関連商品 ここまで-->
{/block:if-showRelated}
{/block:ItemPage}
<!-- 商品ページ ここまで-->
<!-- aboutページ ここから -->
{block:AboutPage}
<div class="mainBLockWrapper staticWrapper {select:SlideLayout}">
{block:if-showAboutImage}
<div class="aboutImage {select:SlideLayout}">
<img src="{image:AboutImage}">
</div>
{/block:if-showAboutImage}
<div class="staticContainer">
<div class="sBlock aboutBlock">
<h1 class="sBlock__title">{text:about-text}</h1>
<p class="{select:about-textAline}">{ShopIntroduction}</p>
</div><!-- /.sBlock -->
<div class="shopSNS">
<ul class="shopSNSList">
{block:ShopFacebookId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="https://www.facebook.com/{ShopFacebookId}" target="_blank"><span class="shopSNSList__icon icon-facebook"></span></a></li>
{/block:ShopFacebookId}
{block:ShopTwitterId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="https://twitter.com/{ShopTwitterId}" target="_blank"><span class="shopSNSList__icon icon-twitter"></span></a></li>
{/block:ShopTwitterId}
{block:ShopInstagramId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="https://instagram.com/{ShopInstagramId}/" target="_blank"><span class="shopSNSList__icon icon-instagram"></span></a></li>
{/block:ShopInstagramId}
{block:ShopAmebaId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="http://ameblo.jp/{ShopAmebaId}" target="_blank"><span class="shopSNSList__icon icon-ameba"></span></a></li>
{/block:ShopAmebaId}
</ul>
</div><!-- /.shopFollow -->
</div><!-- /.staticContainer -->
</div><!-- /.mainBLockWrapper -->
{/block:AboutPage}
<!-- aboutページ ここまで -->
<!-- お問い合わせページ ここから -->
{block:ContactPage}
<div class="mainBLockWrapper staticWrapper {select:SlideLayout}">
<div class="staticContainer">
<div class="sBlock contactBlock">
{ContactContentsTag}
</div><!-- /.sBlock -->
</div><!-- /.staticContainer -->
</div><!-- /.mainBLockWrapper -->
{/block:ContactPage}
<!-- お問い合わせページ ここまで -->
<!-- プライバシーポリシーページ ここから -->
{block:PrivacyPage}
<div class="mainBLockWrapper staticWrapper {select:SlideLayout}">
<div class="staticContainer">
<div class="sBlock privacyBlock">
{PrivacyContentsTag}
</div><!-- /.sBlock -->
</div><!-- /.staticContainer -->
</div><!-- /.mainBLockWrapper -->
{/block:PrivacyPage}
<!-- プライバシーポリシーページ ここまで -->
<!-- 特商法ページ ここから -->
{block:LawPage}
<div class="mainBLockWrapper staticWrapper {select:SlideLayout}">
<div class="staticContainer">
<div class="sBlock lawBlock">
{LawContentsTag}
</div><!-- /.sBlock -->
</div><!-- /.staticContainer -->
</div><!-- /.mainBLockWrapper -->
{/block:LawPage}
<!-- 特商法ページ ここまで -->
<!-- blogページ ここから -->
{block:BlogPage}
<div class="mainBLockWrapper staticWrapper {select:SlideLayout}">
<div class="staticContainer">
<div class="sBlock blogBlock">
{BlogContentsTag}
</div>
</div><!-- /.staticContainer -->
</div><!-- /.mainBLockWrapper -->
{/block:BlogPage}
<!-- blogページ ここまで -->
<!-- フッターイメージ： -->
{block:if-showHeaderImage}
<script>
jQuery(function($){
var ua = navigator.userAgent;
if ( ua.indexOf( 'iPhone' ) > 0 || ua.indexOf( 'iPad' ) > 0) {
$('.contentHeader').css({
'background-attachment': 'scroll',
});
}
});
</script>
<div class="headerWrapper {select:ThanksLayout}">
<header id="contentHeader" class="contentHeader">
{block:if-showInformation02}
<div class="infoBlock">
<h3 class="infoBlock__title02">{text:informationTitle02}</h3>
<p class="infoBlock__content02">{text:information02}</p>
</div><!-- /.infoBlock -->
{/block:if-showInformation02}
</header><!-- /.contentHeader -->
</div><!-- /.headerWrapper -->
{/block:if-showHeaderImage}
<!-- /フッターイメージ： -->
</div><!-- /.mainBLock -->
<!-- ------------------------------------------------------------------------------------------------------------ -->
<!-- ------------------------------------------------------------------------------------------------------------ -->
<!-- ------------------------------------------------------------------------------------------------------------ -->
<p id="page-top"><a href="#pagetop"><img src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/5823f3b1d43ed/pagetop.png"></a></p>
<footer class="footer">
<div class="footerWrapper">
{block:NotAboutPage}
<div class="shopSNS">
<ul class="shopSNSList">
{block:ShopFacebookId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="https://www.facebook.com/{ShopFacebookId}" target="_blank"><span class="shopSNSList__icon icon-facebook"></span></a></li>
{/block:ShopFacebookId}
{block:ShopTwitterId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="https://twitter.com/{ShopTwitterId}" target="_blank"><span class="shopSNSList__icon icon-twitter"></span></a></li>
{/block:ShopTwitterId}
{block:ShopInstagramId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="https://instagram.com/{ShopInstagramId}/" target="_blank"><span class="shopSNSList__icon icon-instagram"></span></a></li>
{/block:ShopInstagramId}
{block:ShopAmebaId}
<li class="shopSNSList__item"><a class="shopSNSList__link" href="http://ameblo.jp/{ShopAmebaId}" target="_blank"><span class="shopSNSList__icon icon-ameba"></span></a></li>
{/block:ShopAmebaId}
</ul>
</div><!-- /.shopFollow -->
{/block:NotAboutPage}
<div class="footerMain clearfix">
<div class="rBlock">
<ul class="footerMenu">
<li class="footerMenu__item"><a href="{PrivacyPageURL}">{lang:Privacy}</a></li>
<li class="footerMenu__item"><a href="{LawPageURL}">{lang:Law}</a></li>
<li class="footerMenu__item">{block:AppsI18n}{AppsI18nTag}{/block:AppsI18n}</li>
</ul>
</div><!-- /.rBlock" -->
<div class="rBlock">
<div class="footerSocial">
<div class="facebook {select:iineBtn}">
<div class="fb-like" data-href="{ShopURL}/" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div>
</div><!-- /.facebook -->
<div class="twitter {select:tweetBtn}">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="{ShopRedirectUrl}" data-lang="ja" data-text="{ShopName}" data-hashtags="BASEec" data-via="{block:ShopTwitterId}{ShopTwitterId}{/block:ShopTwitterId}{block:NoShopTwitterId}BASEec{/block:NoShopTwitterId}"></a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs'); </script>
</div><!-- /.twitter -->
</div><!-- /.social -->
</div><!-- /.rBlock" -->
</div>
<p class="copy">© {text:copy}</p>
</div><!-- /.footerWrapper -->
</footer><!-- /.footer -->
</div><!-- /#wrapper -->
<script src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/5820437e8764a/jquery.bxslider.js"></script>
<script src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/5820436bbe051/imagesloaded.pkgd.min.js"></script>
<script src="https://basefile.s3.amazonaws.com/125naroom-theshop-jp/582043d42075c/plugins.js"></script>
<script src="https://basefile.akamaized.net/125naroom-theshop-jp/59c37b0decb53/ofi.min.js"></script>
<script src="https://basefile.akamaized.net/125naroom-theshop-jp/59d6f8af189a7/script.js"></script>
<script>
objectFitImages();
</script>
<!-- 公開ここまで -->
<!-- 全ページ必須 -->
{GoogleAnalyticsTag}
</body>
</html>
{/block:NotLoadItemsPage}
<!-- ajax商品ロード用 ここから -->
{block:LoadItemsPage}
{block:Items}
<li class="itemList__item">
<a href="{ItemPageURL}" class="blockLink itemList__link">
{block:AppsItemLabel}
{AppsItemLabelTag}
{/block:AppsItemLabel}
<figure class="itemList__imgbox {select:WakuLayout}">
{block:ItemImage1}
<img src="{ItemImage1URL-640}" alt="{ItemTitle}" />
{/block:ItemImage1}
{block:NoItemImage1}
<img src="{ItemNoImageURL}" alt="{ItemTitle}" />
{/block:NoItemImage1}
{block:HasItemStock}
{block:ItemWatingForSale}<p class="waitingForSale">COMING SOON</p>{/block:ItemWatingForSale}
{block:ItemNowOnSale}
{block:ItemPreOrder}<p class="waitingForSale">予約商品</p>{/block:ItemPreOrder}
{/block:ItemNowOnSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemWatingForSale}<p class="waitingForSale">COMING SOON</p>{/block:ItemWatingForSale}
{/block:NoItemStock}
</figure>
<div class="itemInfo">
<h2 class="itemInfo__title">{ItemTitle}</h2>
{block:NoItemProperPrice}
<div class="itemInfo__price">
{block:HasItemStock}
{block:ItemEndOfSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
{block:ItemNowOnSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemNowOnSale}
{block:ItemEndOfSale}<p class="endOfSale">SOLD OUT</p>{/block:ItemEndOfSale}
{/block:NoItemStock}
<span>{ItemPrice}</span></div>
{/block:NoItemProperPrice}
{block:HasItemProperPrice}
<div class="sale">
<div class="itemInfo__price"><span>{ItemPrice}</span></div>
<div class="off-text">{ItemDiscountRate}</div>
</div>
{/block:HasItemProperPrice}
</div><!-- /.itemInfo-->
</a>
</li><!-- /.itemList__list -->
{/block:Items}
{/block:LoadItemsPage}
<!-- ajax商品ロード用 ここまで -->
