/* BASE
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	/* scroll-behavior: smooth; */
	height: 100%;
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
html.size0 {font-size: 62.5%;}
html.size1 {font-size: 72.5%;}
html.size2 {font-size: 82.5%;}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

*{   -webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}

body {
	height: 100%;
	background: #f8f8f8; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}


a:hover,
a:focus.
a:active {
	outline: 0;
	outline: none;
}

a img {
	border: 0;
}


/* Styles
-------------------------------------------------------------- */
body {
	min-width: 280px;
    font-size: 14px;
    color: #464545;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    background: #ffffff; /*This will be overwritten by BaseCustomizer*/
    position: relative;
    }



a {
    text-decoration: none;
    font-size: 1em;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #444;
    }
	

	a:hover { color: #777; }
	#item_page_wrap p a,
    .static_wrap p a,
	.static_wrap #privacy a,
    .blog_body a {
        border-bottom: solid 1px #666;
        text-decoration: none !important;
        padding: 0 0px 1px 0px;
        }
		#item_page_wrap p a:hover,
    .static_wrap p a:hover,
    .blog_body a:hover { opacity: .6;}


	a.border,
	.main #about .read_more a {
		position: relative;
		display: inline-block;
		text-decoration: none;
		padding-bottom: 7px;
	}
	a.border::after,
	.main #about .read_more a::after {
		position: absolute;
		bottom: 6px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #333;
		transform: scale(1, 1);
		transform-origin: right top;
		transition: transform .5s;
	}
	a.border:hover::after,
	.main #about .read_more a:hover::after {
		transform: scale(0, 1);
	}



	
/* Base structure
-------------------------------------------------------------- */

:root {
    --horizontal-padding: 8vw;
    --vertical-padding: 60px;
	--contentElements-vertical-padding: 100px;
	--contentInner-padding: 50px;
	--discount-color: #ef4f5d;
	--soldout-color: #3b3b3b;
	--salesperiod-color: #11ac9d;
	--mobilenav-border-color: rgba(137, 137, 137, 0.2);
}
	@media only screen and (max-width: 1200px){
		:root {
			--horizontal-padding: 5vw;
			--vertical-padding: 60px;
			--contentElements-vertical-padding: 80px;
			--contentInner-padding: 60px;
			transition-duration: 0.3s;
		}
	}
	@media only screen and (max-width: 767px){
		:root {
			--horizontal-padding: 6vw;
			--vertical-padding: 50px;
			--contentElements-vertical-padding: 60px;
			--contentInner-padding: 40px;
		}
	}
	@media only screen and (max-width: 480px) {
		:root {
			--horizontal-padding: 6vw;
			--vertical-padding: 45px;
			--contentElements-vertical-padding: 40px;
			--contentInner-padding: 30px;
		}
	}


/* Body fade*/
.contentWrapper,
.mobileNav {display: none;}

.contentWrapper,
#mainFooter .widthfix{
	width: 100%;
}


.contentWrapper { position: relative;}
.siteHeader {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);

    padding-top: calc( var(--vertical-padding) - 10px );
	padding-bottom: calc( var(--vertical-padding) - 0px );
	}
	.siteHeader.center { align-items: center; }
	.siteHeader.flex-start { align-items: flex-start; }
	.siteHeader.flex-end { align-items: flex-end; }
	
	.frontpage .siteHeader {
		padding-top: calc( var(--vertical-padding) + 10px );
		padding-bottom: calc( var(--vertical-padding) - 20px );
	}

	.siteHeader .siteTitle {
		/* flex-shrink: 0; */
        margin-right: 10px;
       
	}
    .siteHeader .headnav {
        flex-basis: 40%;
    }
    @media only screen and (min-width: 767px) {
        .siteHeader .headnav {
            flex-basis: 60%;
        }
    }


/* SiteHeader Position Set */
/* ノーマル */
.itemPage.overlap .siteHeader,
.categoryPage.categoryHeaderOn.overlap .siteHeader{
    position: absolute;
    top: 0;
    left: 0;
	z-index: 9999;
}
.itemPage.overlap.MainVisualOff .siteHeader {
    position: relative;
    top: auto;
    left: auto;
	z-index: unset;
    margin-bottom: 10px;
}
/* mixblend */
/* .itemPage.overlap .siteHeader.mbm .headnav,
.itemPage.overlap .siteHeader.mbm .tagline,
.itemPage.overlap .siteHeader.mbm h1 {
	mix-blend-mode: plus-lighter;
	mix-blend-mode: difference;
    z-index: 9999;
	display: block;

} */

/* 独立 */
.itemPage.separate .siteHeader,
.categoryPage.categoryHeaderOn.separate .siteHeader {
    padding-top: calc( var(--vertical-padding) - 30px );
    padding-bottom: calc( var(--vertical-padding) - 30px );
}


.siteHeader.fix {}
.siteHeader.scroll {}



.contentWrapper {
	padding-top: 0px;
}

.flexbox {
	display: flex;
	width: auto;
	}
	.contentLeft { flex-basis: 55%; }
	.contentRight { flex-basis: 45%; margin: 0 0 0 40px;}

	#item-purchase .contentLeft { flex-basis: 60%; }
	#item-purchase .contentRight {  margin: 0 0 0 40px;}

	@media only screen and (max-width: 767px) {
		.flexbox {
			flex-direction: column;
		}
		.contentRight { margin: 30px 0 0 0;}

		#item-purchase .contentLeft { padding-bottom: 30px;}
		#item-purchase .contentRight {
			border-top: 1px solid #e9e8e8;
			padding-top: 30px;
			margin: 0;
		}
	}


.mainArea-inner {
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-bottom: calc(var(--vertical-padding) * 2);
	/* padding-top: var(--vertical-padding); */
	word-break: break-word;

	}
	
	.mainArea-inner+.mainArea-inner {
		padding-top: 0;
	}



/* .notpublic .menu-container {display: none;} */

.notpublicmessage.widthfix,
.communityNotExists {
    width: 100%;
    max-width: 1180px;
    margin: 40px auto;
	padding: 40px 0 30px 0;
    border-radius: 8px;
	background: rgb(255, 255, 255, .9);
	text-align: center;	
}


.notpublicmessage .tmpBox .errormessage,
.communityNotExists { font-size: 1em; font-weight: bold; color: 444;}
.notpublicmessage .tmpBox .errormessage span.material-icons {
	display: block;
	font-size: 1.6em;
	margin-bottom: 10px;
	color: #c8c8c8;
}


/* Font Setting
-------------------------------------------------------------- */
body.BodySansserif p,
body.BodySerif #itemAttention p,
body.BodySerif .communityTerm, body.BodySerif .communityTerms,
body.BodySerif .communityTextNotice,
body.BodySerif .communitySignin p,
body.BodySerif p.appsItemDetailCustomTag_heading,
body.BodySerif .communityMain .communityItemHeader,
body.BodySerif .communityMain .communityUrlHeader,
body.BodySerif .topIntro p.read_more,
body.BodySerif .communityButton {font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }

body.BodySerif p,
body.BodySerif .BlogPinnedArticle,
body.BodySerif #newsbox,
body.BodySerif #rssbox,
body.BodySerif .itemCommon,
body.BodySerif .static_wrap,
body.BodySerif #membership button.logout,
body.BodySerif #membership button.leave,
body.BodySerif .communityMain .openLeaveModal,
body.HeadSerif .footernav,
body.HeadSerif #collections .catcard .card-title,
body.HeadSerif .membership .card {
	/* font-family: 'Noto Serif JP', "Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;	 */
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	}


#rssbox .viewall,
h3#relatedItems-title,
h3#itemDetail-undersection {
	font-family: 'Hind', sans-serif;
}


#item_page_wrap header h1,
.frontpage #main h2,
h2.general,
.notfound h3,
#collections h2,
#newsbox h2,
#rssbox h2,
#instagramfeed h3,
.pagetitle h2,
.BlogAsPage .blog_title h2,
#item_page_wrap h2,
.static_wrap #about h2,
.inquirySection h1,
#privacy h2,
#law h2,
.static_wrap #about h3 {
	font-family: 'Crimson Pro', serif;
	}
	h2 span,#rssbox .viewall { font-weight: normal;}


body.HeadSansserif .headnav li a,
body.HeadSansserif #item_page_wrap header h1,
body.HeadSansserif #instagramfeed h3,
body.HeadSansserif .pagetitle h2,
body.HeadSansserif .BlogAsPage .blog_title h2,
body.HeadSansserif #item_page_wrap h2,
body.HeadSansserif h2.category-title,
body.HeadSansserif .inquirySection h1,
body.HeadSansserif #privacy h2,
body.HeadSansserif #law h2,
body.HeadSansserif .static_wrap #about h2,
body.HeadSansserif .static_wrap #about h3,
body.HeadSansserif h2.general,
body.HeadSansserif .notfound h3,
body.HeadSansserif #collections h2,
body.HeadSansserif #newsbox h2,
body.HeadSansserif.frontpage #main h2,
body.HeadSansserif #rssbox h2,
body.HeadSansserif #instagramfeed h2,
body.HeadSansserif .menu-container .menu > ul > li a,
body.HeadSansserif .menu-container .staticNav > li a,
body .menu-container .staticNav.banner > li a,
body.HeadSansserif .hc-offcanvas-nav a,
body.HeadSansserif .hc-offcanvas-nav .nav-item,
body.HeadSansserif .breadcrumb,
body.HeadSansserif .communityMain .communityTitle,
body.HeadSansserif .membership h2,
body.HeadSansserif .membership h3,
body.HeadSansserif #rssbox .viewall,
body.HeadSansserif .main #about .read_more a,
body.HeadSansserif .blogtop,
body.HeadSansserif #moreItems,
body.HeadSansserif .mailMagazine h3 {
	font-family: 'Hind', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', helvetica, sans-serif;
	letter-spacing: .1em;
	}
body.HeadSerif .headnav a,
body.HeadSerif #item_page_wrap header h1,
body.HeadSerif h3#relatedItems-title,
body.HeadSerif h3#itemDetail-undersection,
body.HeadSerif #item_page_wrap h1.itemTitle,
body.HeadSerif #collections h2,
body.HeadSerif #newsbox h2,
body.HeadSerif.frontpage #main h2,
body.HeadSerif #rssbox h2,
body.HeadSerif #instagramfeed h3,
body.HeadSerif #instagramfeed .linktoinstagram,
body.HeadSerif #instagramfeed .snptwdgt-container .snptwdgt-rtd__fottr .snptwdgt__tagline a,
body.HeadSerif .item-title,
body.HeadSerif .pagetitle h2,
body.HeadSerif .BlogAsPage .blog_title h2,
body.HeadSerif #item_page_wrap h2,
body.HeadSerif h2.category-title,
body.HeadSerif .ChildCategories li a,
body.HeadSerif .static_wrap #about h2,
body.HeadSerif .inquirySection h1,
body.HeadSerif #privacy h2,
body.HeadSerif #law h2,
body.HeadSerif .static_wrap #about h3,
body.HeadSerif .menu-container .menu > ul > li a,
body.HeadSerif .menu-container .staticNav.compact > li a,
body.HeadSerif .hc-offcanvas-nav a,
body.HeadSerif .hc-offcanvas-nav .nav-item,
body.HeadSerif #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading,
body.HeadSerif .communityMain .communityTitle,
body.HeadSerif .communityMain .communityItemTitle,
body.HeadSerif .communityMain .communityItemHeader,
body.HeadSerif .communityMain .communityUrlHeader,
body.HeadSerif .membership h2,
body.HeadSerif .membership h3,
body.HeadSerif .tmpBox,
body.HeadSerif .noItemsMessage,
body.HeadSerif .notfound,
body.HeadSerif #rssbox .viewall,
body.HeadSerif .main #about .read_more a,
body.HeadSerif .blogtop,
body.HeadSerif #moreItems,
body.HeadSerif .mailMagazine h3 {
	font-family: 'Crimson Pro', 'Noto Serif JP',"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: normal !important;
	letter-spacing: .1em;
}
body.HeadSerif #item_page_wrap h2,
body.HeadSerif .item-title,
body.HeadSerif .static_wrap #about h2,
body.HeadSerif .static_wrap #about h3,
body.HeadSerif .ChildCategories li a {font-weight: 600;}


body.HeadNormal #item_page_wrap h1.itemTitle,
body.HeadNormal #item_page_wrap header h1,
body.HeadNormal .frontpage #main h2,
body.HeadNormal h2.general,
body.HeadNormal .notfound h3,
body.HeadNormal #collections h2,
body.HeadNormal #newsbox h2,
body.HeadNormal #rssbox h2,
body.HeadNormal #instagramfeed h3,
body.HeadNormal .pagetitle h2,
body.HeadNormal .BlogAsPage .blog_title h2,
body.HeadNormal #item_page_wrap h2,
body.HeadNormal .static_wrap #about h2,
body.HeadNormal .inquirySection h1,
body.HeadNormal #privacy h2,
body.HeadNormal #law h2,
body.HeadNormal .static_wrap #about h3,
body.HeadNormal #reviews h2.review01__title,
body.HeadNormal h3#relatedItems-title,
body.HeadNormal h3#itemDetail-undersection {
	font-weight: normal !important;
}
body.HeadBold #item_page_wrap h1.itemTitle,
body.HeadBold #item_page_wrap header h1,
body.HeadBold .frontpage #main h2,
body.HeadBold h2.general,
body.HeadBold .notfound h3,
body.HeadBold #collections h2,
body.HeadBold #newsbox h2,
body.HeadBold #rssbox h2,
body.HeadBold #instagramfeed h3,
body.HeadBold .pagetitle h2,
body.HeadBold .BlogAsPage .blog_title h2,
body.HeadBold #item_page_wrap h2,
body.HeadBold .static_wrap #about h2,
body.HeadBold .inquirySection h1,
body.HeadBold #privacy h2,
body.HeadBold #law h2,
body.HeadBold .static_wrap #about h3,
body.HeadBold #reviews h2.review01__title,
body.HeadBold h3#relatedItems-title,
body.HeadBold h3#itemDetail-undersection,
body.HeadSansserif.HeadBold #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading,
body.HeadBold .communityMain .communityItemHeader,
body.HeadBold .communityMain .communityUrlHeader {
		font-weight: bold !important;
	}



#newsbox dl dt,
#rssbox .newsdate,
.item-meta .waitingForSale,
#item-purchase .comingSoon,
.item-meta .soldout span,
.communityItemLabel.soldOutText { font-family: 'Hind', sans-serif !important;}

.item-meta,
.discountrate,
.properprice{   
	font-family: Helvetica,sans-serif;
	}
	.item-title {
		font-weight: bold;
		
	}


.item-meta .item-price, .discountrate,.price_soldout,#item_page_wrap .soldout,
#item_page_wrap #price p, .properprice,
.main #about.blogListMain .blog_publish .publish_date,
#about p.publish_date,
.communityItemPrice,
.membershipPoint__amount {
	font-family: 'Hind', Yu Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
	font-weight: 600;
	}
	.item-meta .item-price { font-weight: normal;}
	#item_page_wrap #price p {
		font-size: 1.8em;
	}

.headnav li a {
	font-size: 1.2rem;
    line-height: 1.1;
	font-weight: 400;
	/* white-space: nowrap; */
	}

#item_page_wrap h1.itemTitle {
	font-size: 2.3rem;
	line-height: 1.3;
	letter-spacing: 1px;
	font-weight: normal;
	position: relative;
	}
	.HeadSerif #item_page_wrap h1.itemTitle {font-size: 3rem;}
	
	#item_page_wrap h1.itemTitle .salesStatus {
		position: absolute;
		top: -20px;
		left: 0;
		
		font-size: 1rem;
		line-height: 1;
		font-weight: bold;
		letter-spacing: 2px;
		padding: 6px 10px;
		border-radius: 3px;
	}

#item_page_wrap #itemAttention {
    font-family: 'Hiragino Sans', 'ヒラギノ角ゴ Pro', sans-serif;
}

#item_page_wrap #purchase_form #buy_button input {
	font-size: 1em;
}

.frontpage #main h2,
h2.general,
.notfound h3,
#collections h2,
#newsbox h2,
#rssbox h2,
#instagramfeed h3 {
	font-size: 2rem;
	}


	
.pagetitle h2,
.BlogAsPage .blog_title h2,
.inquirySection h1 {
	font-size: 2.8rem;
	/* font-weight: normal !important; */
	}
	.inquirySection h1:first-letter {
		text-transform: uppercase;
	}

#privacy h2,
#law h2 {
	font-size: 2em;
	font-weight: normal;
	text-transform: uppercase;
	}
	.communityMain .communityTitle { text-align: left !important;}


.static_wrap #about h3 {
	font-weight: 600;
	font-size: 1.3em;
	letter-spacing: 2px;
	}


#item_page_wrap h2 {
	font-size: 1.4em;
	letter-spacing: 1px;

}

#reviews h2.review01__title,
h3#relatedItems-title,
h3#itemDetail-undersection {
	font-size: 1.4em !important;
	letter-spacing: 1px;
	position: relative;
}

/* #reviews h2.review01__title:after, */
h3#relatedItems-title:after, h3#itemDetail-undersection:after {
content: "";
position: absolute;
bottom: -20px;
left: 0;
border-bottom: 1px solid var(--textColor);
width: 40px;
left: calc(50% - 20px);
}


@font-face {
  font-family: 'base';
  src:  url('https://basedesign.info/asset/fonts/base.eot?iuulx7');
  src:  url('https://basedesign.info/asset/fonts/base.eot?iuulx7#iefix') format('embedded-opentype'),
    url('https://basedesign.info/asset/fonts/base.ttf?iuulx7') format('truetype'),
    url('https://basedesign.info/asset/fonts/base.woff?iuulx7') format('woff'),
    url('https://basedesign.info/asset/fonts/base.svg?iuulx7#base') format('svg');
  font-weight: normal;
  font-style: normal;
}





/* header
-------------------------------------------------------------- */

#shoplogo .tagline { font-size: .95rem;letter-spacing: .4em; }

.taglineOrder {display: flex;}
.taglineOrder.taglineUpper { flex-direction: column; }
.taglineOrder.taglineBottom { flex-direction: column-reverse; }
.taglineOrder.taglineRight {
	flex-direction: row-reverse;
	justify-content: left;
	align-items: center;
	}
.taglineOrder.taglineUpper .tagline { margin: 0px 0 4px 3px;}
.taglineOrder.taglineBottom .tagline { margin: 4px 0 0px 3px; }
.taglineOrder.taglineRight .tagline { margin: 0 0 0 1.5em; line-height: 1;}


#shoplogo a { outline: 0;}
#shoplogo.fontsizeSS h1 a span.logoText { font-size: 18px; line-height: 18px; }
#shoplogo.fontsizeS h1 a span.logoText { font-size: 20px; line-height: 20px; }
#shoplogo.fontsizeR h1 a span.logoText { font-size: 24px; line-height: 24px; }
#shoplogo.fontsizeL h1 a span.logoText { font-size: 28px; line-height: 28px; }
#shoplogo.fontsizeLL h1 a span.logoText { font-size: 32px; line-height: 32px; }
#shoplogo.fontsizeLLL h1 a span.logoText { font-size: 40px; line-height: 40px; }
#shoplogo.fontsizeLLLL h1 a span.logoText { font-size: 50px; line-height: 50px; }

#shoplogo.fontweightNormal h1 a span.logoText,
#logo.fontweightNormal { font-weight: normal; }
#shoplogo.fontweightBold h1 a span.logoText,
#logo.fontweightBold { font-weight: bold; }
#shoplogo.fontweightLight h1 a span.logoText,
#logo.fontweightLight { font-weight: lighter; }

#shoplogo.letterspace0 h1 a span.logoText,
#logo.letterspace0 { letter-spacing: normal; }
#shoplogo.letterspace1 h1 a span.logoText,
#logo.letterspace1 { letter-spacing: 0.1em; }
#shoplogo.letterspace2 h1 a span.logoText,
#logo.letterspace2 { letter-spacing: 0.2em; }
#shoplogo.letterspace3 h1 a span.logoText,
#logo.letterspace3 { letter-spacing: 0.3em; }
#shoplogo.letterspace4 h1 a span.logoText,
#logo.letterspace4 { letter-spacing: -0.05em; }






	
	
	#shoplogo h1{
    /* font-family: 'Helvetica', serif; */
    word-break: break-all;
	}
	#shoplogo h1 a {
		display: inline-block;
		word-wrap: break-word;

		}
		
		#logo,
		#logo span { display: block; }	
		#logo img{
			max-width: 18vmax;
		    max-height: 10vmax;
		    vertical-align: bottom;
			}

#shoplogo h1.nothing, #logo.nothing { }
#shoplogo h1.gothic, #logo.gothic {font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;}
#shoplogo h1.mincho, #logo.mincho {font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif !important;}






/* 

.dropdown:checked + label,
.dropdown:not(:checked) + label{
  position: relative;
  transition: all 200ms linear;
  width: 200px;
  letter-spacing: 1px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  border: none;
  cursor: pointer;

}

.dropdown:checked + label:before,
.dropdown:not(:checked) + label:before{
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: auto;
  pointer-events: none;
}
.dropdown:checked + label:before{
  pointer-events: auto;
}
.dropdown:not(:checked) + label .uil {
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.dropdown:checked + label .uil {
  transform: rotate(180deg);
  font-size: 24px;
  margin-left: 10px;
  transition: transform 200ms linear;
}
.section-dropdown {
  position: absolute;
  padding: 5px;
  background-color: #111;
  top: 40px;
  left: 50px;
  width: 100%;
  display: block;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 200ms linear;
}
.dark-light:checked ~ .sec-center .section-dropdown {
  background-color: #fff;
}
.dropdown:checked ~ .section-dropdown{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.section-dropdown:before {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
  display: block;
  z-index: 1;
}
.section-dropdown:after {
  position: absolute;
  top: -7px;
  left: 30px;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; 
  border-bottom: 8px solid #111;
  content: '';
  display: block;
  z-index: 2;
  transition: all 200ms linear;
}
.dark-light:checked ~ .sec-center .section-dropdown:after {
  border-bottom: 8px solid #fff;
}

.section-dropdown a {
  transition: all 200ms linear;
  padding: 5px 0;
  padding-left: 20px;
  padding-right: 15px;
  margin: 2px 0;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
    -ms-flex-pack: distribute;
}

.section-dropdown a .uil {
  font-size: 22px;
}
.dropdown-sub:checked + label,
.dropdown-sub:not(:checked) + label{
  position: relative;
  color: #fff;
  transition: all 200ms linear;
  padding: 5px 0;
  padding-left: 20px;
  padding-right: 15px;
  text-align: left;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
    -ms-flex-pack: distribute;
    cursor: pointer;
}
.dropdown-sub:checked + label .uil,
.dropdown-sub:not(:checked) + label .uil{
  font-size: 22px;
}
.dropdown-sub:not(:checked) + label .uil {
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label .uil {
  transform: rotate(135deg);
  transition: transform 200ms linear;
}
.dropdown-sub:checked + label:hover,
.dropdown-sub:not(:checked) + label:hover{
  color: #102770;
  background-color: #ffeba7;
}
.dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub{
  color: #102770;
}
.dark-light:checked ~ .sec-center .section-dropdown .for-dropdown-sub:hover{
  color: #ffeba7;
  background-color: #102770;
}

.section-dropdown-sub {
  position: relative;
  display: block;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  max-height: 0;
  padding-left: 10px;
  padding-right: 3px;
  overflow: hidden;
  transition: all 200ms linear;
}
.dropdown-sub:checked ~ .section-dropdown-sub{
  pointer-events: auto;
  opacity: 1;
  max-height: 999px;
}

.section-dropdown-sub a .uil {
  font-size: 20px;
} */


/* .headnav {
    position: fixed;
    right: 20px;
    z-index: 99999;
} */

.headnav ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: right;
	}
.headnav ul li {
	/* flex: 1; */

	color: #fff;
	font-style: normal;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	position: relative;
	font-size: 1.2rem;
	}
	.headnav ul li#basenav,
	.headnav ul li.threeline {
		flex: none;
		min-width: auto;
	}
	
    .headnav li.info,
    .headnav li.contact {
		padding-right: 35px;
	}
	.headnav li.free {
		max-width: 15em;
		min-width: 6em;
        padding-right: 30px;
		word-break: break-all;
    }
	
	.headnav #baseMenu { margin: 0 10px 0 5px; }

	.headnav li.searchicon { padding: 0px 0px 0 0;}
	.headnav li.searchicon .material-icons {
		vertical-align: middle;
		font-size: 20px;
		}
	.headnav li #baseMenu li { padding: 0;}

	.headnav li a {
		display: block;
		}



	.headnav li#basenav {
		vertical-align: middle;
	}
	.headnav #baseMenu .base{ display: none; }
	.headnav #baseMenu > ul > li{
	  display: inline;
	  list-style: none;
	  vertical-align: bottom;
	}


	.headnav li.iconed li.cart a {
		position: relative;
		height: 30px;
	}

	.headnav li.iconed li.cart img {
		visibility: hidden;
		width: 30px;
		
	}
	.headnav li.iconed li.cart a::after {
		font-family: 'Material Symbols Outlined';
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-52%);
		-webkit-transform: translateY(-52%);
		-ms-transform: translateY(-52%);
		}

	.headnav li.iconed.shopping_bag li.cart a::after {
		content: "\f1cc";
		font-size: 22px;
		opacity: .8;
	}
	.headnav li.iconed.local_mall li.cart a::after {
		content: "\e54c";
		font-size: 22px;
		opacity: .8;
	}	.headnav li.iconed.shopping_cart li.cart a::after {
		content: "\e8cc";
		font-size: 23px;
		opacity: .9;
	}
	.headnav li.iconed.shopping_basket li.cart a::after {
		content: "\e8cb";
		font-size: 22px;
		opacity: .8;
	}
	.headnav li.iconed.featured_seasonal_and_gifts li.cart a::after {
		content: "\ef91";
		font-size: 22px;
		opacity: .8;
	}
	
.headnav #appsItemCategoryTag {
	display: none;
}

	
/* Display Cart Badge */

.cart {
    position: relative;
  }
  .cart-badge {
    display: block!important;
  }
  .cart-qty {
    position: absolute;
    z-index: 9;
    top: 4px;
    right: 4px;
    padding: 0px 0 0 1px;
    min-width: 14px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif, sans-serif !important;
    }
     .cartbadgeRed .cart-qty {background: #fa5171; color: #fff;}
     .cartbadgeNone .cart-badge { display: none !important;}

  .shopping_cart .cart-qty { top: -1px; }
  .shopping_bag .cart-qty { top: 2px;}
  .local_mall .cart-qty { top: 1px;}
  .shopping_basket .cart-qty { top: 0px;}
  .featured_seasonal_and_gifts .cart-qty { top: 0px;}

  .footernav .cart-qty {top: -2px;right: -3px; font-size: 9px; min-width: 12px;line-height: 12px;}


  .nav-item.cart { display: inline-block;}
  .nav-item.cart .cart-qty {
        top: 14px;
        right: 23px;
        }
        .nav-item.cart.shopping_cart .cart-qty { top: 10px; }
        .nav-item.cart.shopping_basket .cart-qty { top: 11px; right: 21px; }
        .nav-item.cart.featured_seasonal_and_gifts .cart-qty { top: 10px; }



    
.navicon { text-align: center; margin: 20px 0 0 0; }
.navicon a { display: inline-block;}
.navicon a i {
	font-size: 14px;
	margin: 0 8px;
	color: #555555;
	}




#ItemMainVisual {
	animation: MainVisual-fadein 4s ease-out forwards;
	}
	@keyframes MainVisual-fadein {
		0% {
		opacity: 0;
		}
		100% {
		opacity: 1;
		}
	}

@media only screen and (max-width: 480px){

	#ItemMainVisual.singleSlide span {
		animation: bg_slide 28s ease-in-out forwards;
	}

	@keyframes bg_slide {
		0% {background-position: left center;   opacity: 0;}
		10% { opacity: 1;}
		80% {  opacity:1;}
		87% { background-position: right center; opacity: 0;}
		88% { background-position: center center;opacity: 0;}
		100% { opacity: 1;}
	}

}

#MainVisual,
#ItemMainVisual,
.flexslider {
	position: relative;
	zoom: 1;
	z-index: auto;
	}
#MainVisual img,
#ItemMainVisual img,
.flexslider img {
    max-width: 100%;
    display: block;
    vertical-align: bottom;
    margin: 0 auto 0px auto;
    }
	#ItemMainVisual img:not(#baseMenu img),
	#MainVisual img { width: 100%;}

.hero h2 {
	font-size: 5.5em;
	font-family: serif;
	margin: 0px 0 0px 0;
	overflow-wrap: break-word;
	word-break: keep-all;
}

/* .hero a {
	margin-top: 40px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
	padding: 10px 25px;	
	border-radius: 3px;
	} */

.hero.serif h2 {
	font-family: 'Noto Serif JP',"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; 
	font-family: 'Crimson Pro', 'Noto Serif JP',"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.hero.sansserifNormal h2 {font-family: 'Hind', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', helvetica, sans-serif; font-weight: normal;}
.hero.sansserifBold h2 {font-family: 'Hind', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', helvetica, sans-serif;  font-weight: bold;}
.hero.handwriten h2 {font-family: 'Satisfy';}
.hero.hannari h2 {font-family: 'Hannari'; letter-spacing: -0.1em; }




/* TopPage Contents*/
.topIntroContainer {
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	width: 100%;
	position: relative;
	display: flex;
	height: 65vh;
}

.topIntro {
	padding: 40px 0;
	flex-basis: 50%;
	margin: auto 0;
	font-family: 'Hind', sans-serif;

}
.topIntroImages {
	flex-basis: 50%;
	}
	.topIntroImages .inner {
		position: relative;
		width: 100%;
		height: 100%;
	}

	@media (min-width: 769px) {
		.topIntroImages .inner.heightAjst:after {
			content: "";
			display: block;
			padding-top: 65vh;
		}
	}
	@media (max-width: 768px) {
		.topIntroImages .inner.heightAjst:after {
			content: "";
			display: block;
			padding-top: 35vw;
		}
	}


/* .topIntro,
.topIntroBody,
.topIntroImages { border: 1px solid #000; } */

@media (min-width: 768px) {
	.topIntroImages.grid .inner:before {
		content: "Image Grid / 1 square = 5";
		font-weight: bold;
		position: absolute;
		left: -1px;
		top: -17px;
		font-size: 10px;
	}

	.topIntroImages.grid {
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		background-size: 5% 5%
		background-position: top left;
		background-image:
		repeating-linear-gradient(
		90deg,
		#333 ,
		#333 1px,
		transparent 1px,
		transparent 5%
		),
		repeating-linear-gradient(
		0deg,
		#333 ,
		#333 1px,
		transparent 1px,
		transparent 5%
		);
	}
}

.topIntro h2 {
	letter-spacing: 1px;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 0 0 30px 0;
	line-height: 1.24em;
	word-break: break-word;
}
/* .topIntro h2 em {
	background: linear-gradient(transparent 90%, yellow 90%);
	display: inline-block;	
	} */
	.topIntro h2 em {
		position: relative;
  white-space: nowrap;
	}
	.topIntro h2 em:before {
		z-index: -1;
		opacity: .8;
		border-radius: 1px;
		--deco-height: .6em;
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: calc(var(--deco-height) * 0.3);
		height: var(--deco-height);
		background: #e9f767;
	}
.topIntro p.conceptbody,
.introLink a {
	font-size: 1.2rem;
	line-height: 1.9;
	margin-bottom: 1rem;
}
.introLink {
	letter-spacing: 0.5px;
}

.topIntro p.read_more {
	text-align: right;
	
}
.topIntro .read_more a {
	border-bottom: 1px solid;
    font-size: 1.2em;
    padding: 0 2px 4px 2px;
	font-size: 1.2rem;
	word-break: keep-all;
}



	
	.topIntroImages img {
		position: absolute;	
        /* box-shadow: rgb(0, 0, 0, .2) 0 0 30px; */
        
		}
		.topIntroImages.single img { max-width: 47vw; max-height: 67vh;}
		.topIntroImages.double img { max-width: 30vw;max-width: 360px; max-height: 60vh;} 
	

	.topIntroImages img.IntroImg1,
	.topIntroImages.single img.IntroImg2 {
		z-index: -1;
		}
		.topIntroImages.single img.IntroImg1,
		.topIntroImages.single img.IntroImg2 { top: 0vw; right:10%; }
		.topIntroImages.double img.IntroImg1 { top: 0vw; left:1vw; left:0; }

.topIntroImages.double img.IntroImg2 {
		z-index: -2;
		/* top: 12vw;
		right: -2vw; */
		bottom: -10%;
		right: -5%;
		}
		
		.topIntroImages.fedeHolizontal img.IntroImg1 { animation: ImgFader1 5s ease 0s 1 normal, ImgShifterL 4s ease 0s 1 normal;}
		.topIntroImages.fedeHolizontal img.IntroImg2 { animation: ImgFader2 4s ease 0s 1 normal, ImgShifterR 4s ease 0s 1 normal;}
		.topIntroImages.fedeVertical img.IntroImg1 { animation: ImgFader1 5s ease 0s 1 normal, ImgShifterT 4s ease 0s 1 normal;}
		.topIntroImages.fedeVertical img.IntroImg2 { animation: ImgFader2 4s ease 0s 1 normal, ImgShifterB 4s ease 0s 1 normal;}
		.topIntroImages.fedeStatic img.IntroImg1 { animation: ImgBlur2 4s ease 0s 1 normal;}
		.topIntroImages.fedeStatic img.IntroImg2 { animation: ImgBlur1 3s ease 0s 1 normal;}
	
		@keyframes ImgFader1 {
			0% {opacity: 0; }
			40% {opacity: 0; }
			100% {opacity: 1;}
		}
		@keyframes ImgFader2 {
			0% {opacity: 0;}
			100% {opacity: 1;}
		}
		@keyframes ImgShifterL {
			0% { transform: translateX(-80px);}
			100% { transform: translateX(0px);}
		}
		@keyframes ImgShifterR {
			0% {transform: translateX(80px);}
			100% {transform: translateX(0px);}
		}
		@keyframes ImgShifterT {
			0% { transform: translateY(-80px);}
			100% { transform: translateY(0px);}
		}
		@keyframes ImgShifterB {
			0% {transform: translateY(80px);}
			100% {transform: translateY(0px);}
		}
		@keyframes ImgBlur1 {
			0% {opacity: 0; filter: blur(20px);}
			100% {opacity: 1; filter: blur(0px);}
		}
		@keyframes ImgBlur2 {
			0% {opacity: 0; }
			40% {opacity: 0;filter: blur(20px); }
			100% {opacity: 1;filter: blur(0px); }
		}


/* Intro Layout Control */
		.topIntroContainer.titleLeft { flex-direction: row;}
		.topIntroContainer.titleLeftCenter { flex-direction: row-reverse;}
		.topIntroContainer.titleLeftCenter .topIntroBody { padding-left: 50px;}
		.topIntroContainer.titleRight { flex-direction: row-reverse; text-align: right;}
		
		/* Added ver111 titleCenter Ajust Canceler */
		.topIntroContainer.titleCenter {
			flex-direction: column;
			text-align: center;
			}
			.topIntroContainer.titleCenter .topIntroImages.grid .inner:before { display: none;}
			.topIntroContainer.titleCenter .topIntroImages.grid {
				border: none;
				background: none;
				}
			.topIntroContainer.titleCenter .topIntroImages .inner.heightAjst:after {
					padding-top: 10vh;
				}



			.topIntroContainer.titleCenter + .topIntroScroller { display: none;}
			@media only screen and (min-width: 767px) {
				.topIntroContainer.titleCenter {
					height: 100vh;
					max-width: 800px;
                    padding: 0 50px !important;
					margin: 80px auto;
					height: 100%;
				}
				
			
				.topIntroContainer.titleCenter .topIntro {
					padding: 10px 0 40px 0;
				}
				.topIntroContainer.titleCenter .topIntroBody { padding-left: 0 !important;}
				.topIntroContainer.titleCenter .topIntroImages {
					padding: 0 0 50px 0;
					position: static;
					top: 0px;
					left: 0;
					}
				.topIntroContainer.titleCenter .topIntroImages img {position: static; display: block;}
				.topIntroContainer.titleCenter .topIntroImages.single img { max-width: 85vw; max-height: 90vh; margin: 0 auto; }
				.topIntroContainer.titleCenter .topIntroImages.double img { max-width: 50vw; max-height: 80vh; }
				.topIntroContainer.titleCenter .topIntroImages.double img.IntroImg2 {
					position: absolute;
					right: 0;
					top: 50px;
				}
		
			}


@media only screen and (max-width: 767px){

    .headnav li.info,
    .headnav li.contact,
    .headnav li.blog,
	.headnav li.free {
        display: none;
    }
	.topIntroContainer {
		flex-direction: column !important;
		height: 100%;
		margin-bottom: 80px;
	}
	.topIntro {
		padding: 10px 0 40px 0;
	}
	.topIntroBody { padding-left: 0 !important;}
	.topIntroImages {
		padding: 0 0 100px 0;
		position: static;
		top: 0px;
		left: 0;
		}
	.topIntroImages img {position: static; display: block;}
	.topIntroImages.single img { max-width: 85vw; max-height: 90vh; margin: 0 auto; }
	.topIntroImages.double img { max-width: 50vw; max-height: 80vh; }
	.topIntroImages.double img.IntroImg2 {
		position: absolute;
		right: 0;
		top: 50px;
	}
	
}



.topIntroScroller {
	padding: 120px 0 80px 0;
	text-align: center;
}

.topIntroScroller { display: block; }
.scroll-down {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
    opacity: 1;
}
.scroll-down span { display: block; }

.scroll-down.type00 { display: none; }
@media only screen and (max-width: 767px){.topIntroScroller { display: none;} }

.scroll-down.type01 span {
    width: 1px;
    height: 50px;
    background: #333;
    margin: 0 auto;
	animation: scrollDown1 2s ease infinite;
}
@keyframes scrollDown1{
    0%{
        transform-origin: top;
        transform: scaleY(0);
    }
    45%{
        transform-origin: top;
        transform: scaleY(1);
    }
    55%{
        transform-origin: bottom;
        transform: scaleY(1);
		opacity: 1;
    }
    100%{
        transform-origin: bottom;
        transform: scaleY(0);
		opacity: 0;
    }
}

.scroll-down.type02 span {
	width: 10px;
	height: 50px;
	border: 1px solid #333;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	opacity: .9;
  }
  .scroll-down.type02 span:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 28px;
	width: 2px;
	height: 2px;
	border-radius: 100%;
	transform: translateX(-50%);
	background: #333;
	animation: scrollDown2 2.5s ease infinite;
  }
  .scroll-down.type02 span:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 5px;
	width: 1px;
	height: 26px;
	border-radius: 3px;
	transform: translateX(-50%);
	background: #333;
  }
  
  @keyframes scrollDown2 {
	0% {
	  transform: translate(-50%, 0px);
	  opacity: 0;
	}
	50% {
	  transform: translate(-50%, 8px);
	  opacity: 1;
	}
	100% {
	  transform: translate(-50%, 20px);
	  opacity: 0;
	}
  }

  .scroll-down.type03 span {
	width: 38px;
	height: 38px;
	border-radius: 100%;
	border: 1px solid #333;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	opacity: .4;
  }
  .scroll-down.type03 span::after {
	content: "";
	font-family: 'Material Icons';
	content: "\e5cf";
	font-weight: 100;
	font-size: 23px;
	position: absolute;
	left: 6px;
	top: 5px;
	color: #333;
	animation: scrollDown3 2s ease infinite;
  }
  
  @keyframes scrollDown3 {
	0% {
	  transform: translateY(-0px);
	  opacity: 0;
	}
	.scroll-down3	45% {
	  transform: translateY(-5px);
	  opacity: 1;
	}
	65% {
	  transform: translateY(-0px);
	  opacity: 1;
	}
	100% {
	  transform: translateY(10px);
	  opacity: 0;
	}
  }




h2.general,
#collections h2,
#newsbox h2,
#rssbox h2,
#instagramfeed h3 {
	letter-spacing: 0.1em;
	margin: 0 0 70px 0;
	text-align: center;
    position: relative;
	}

h2.general:after,
#collections h2:after,
#newsbox h2:after,
#rssbox h2:after,
#instagramfeed h3:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    border-bottom: 1px solid #000;
    width: 40px;
    left: calc(50% - 20px);
}



.demoInfo {
	
	margin: 0 auto;
	border-radius: 30px;
	width: 90%;
	color: rgb(117, 117, 117);
	border: 1px dashed rgb(172, 172, 172);
	padding: 30px 30px 10px 30px;
}


/* Top Items */
.topItemNodisp #itemthumbs,
.topItemNodisp #loading,
.topItemNodisp #moreItems { display: none;}
/* .topItemNodisp .mainArea-inner { padding: 0;} */
.topItemNodisp .mainArea-inner { padding-bottom: 0;} 

/* Collections */
#collections {
	position: relative;
	padding: 20px 0 90px 0;
	/* z-index:99999; */
	}
#collections.filled {
	margin: 0px calc(-1 * var(--horizontal-padding)) 0px calc(-1 * var(--horizontal-padding));
	}
	#collections.filled.noTitle { margin-top: -80px;}

#collections.filled h2 { padding: 0 var(--horizontal-padding) var(--vertical-padding) var(--horizontal-padding) ;}
/* .msg_startButton { z-index:99999999 !important;} */


#collections .catcard {
	position: relative;
	overflow: hidden;
	
}
#collections .catcard .card-image {
	height: 100%;
}


#collections .catcard .card-title {
	padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    width: fit-content;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }
    #collections .catcard .card-title span {
		border-radius: 3px;
		display: block;
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 1px;
		text-align: center;
		padding: 0.6rem 1rem 0.6rem 1rem;
		word-break: keep-all;
		}
		#collections.white .catcard .card-title span {background: rgba(255, 255, 255, 0.9); color: #333;}
		#collections.black .catcard .card-title span {background: rgba(0, 0, 0, 0.9); color: #fff !important;}
		#collections.white .catcard:hover span {background: rgba(255, 255, 255, 1);}
		#collections.black .catcard:hover span {background: rgba(0, 0, 0, 1); }

		#collections.mousehover .catcard .card-title { opacity: 0; transition: 0.5s;} 
		#collections.mousehover .catcard:hover .card-title { opacity: 1; transition: 0.5s;}
		#collections.mousehover .catcard .card-image img { opacity: 1;transition: 0.5s}
		#collections.mousehover .catcard:hover .card-image img { opacity: 0;transition: 0.5s}
		#collections.mousehover .catcard .card-title span { font-size: 1.4rem;}
		

	#collections .catcard img {
		width: 100%;
		height: 100%;
		vertical-align: bottom;
		object-fit: cover;
	}


#collections .widthfix {
	display: grid;
	width: 100%;
}
#collections.clm3 .widthfix { grid-template-columns:1fr 1fr 1fr; }
#collections.clm2 .widthfix { grid-template-columns:1fr 1fr; }
#collections.clm4 .widthfix { grid-template-columns:1fr 1fr 1fr 1fr; }

#collections.gap00 .widthfix { gap: 0; }
#collections.gap03 .widthfix { gap: 3px; }
#collections.gap05 .widthfix { gap: 5px; }
#collections.gap10 .widthfix { gap: 10px; }
#collections.gap20 .widthfix { gap: 20px; }
#collections.gap30 .widthfix {gap: 30px;}

@media only screen and (max-width: 767px){
	#collections .catcard .card-title span,
	#collections.mousehover .catcard .card-title span {font-size: 1rem;}
	#collections.clm4 .widthfix,
	#collections.clm3 .widthfix {
		grid-template-columns:1fr 1fr;
	}
}
@media only screen and (max-width: 480px){
	#collections .catcard .card-title span,
	#collections.mousehover .catcard .card-title span {font-size: .8rem;}
}


.BlogPinnedArticle {
	text-align: center;
	margin: 40px 0 70px 0;
	font-size: 1.3rem;
}
	.BlogPinnedArticle a {
		position: relative;
	}
	.BlogPinnedArticle a:before {
				font-size:1.1em;
				font-family: 'Material Icons';
				content: "\e88e";
                font-weight: normal;
				position: absolute;
				top: 0em;
				left: -1.2em;
	}

#newsbox {
	margin-bottom: 60px;
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-bottom: var(--vertical-padding);
	padding-top: var(--vertical-padding);
	}


#rssbox {
	margin-bottom: 80px;
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-top: var(--vertical-padding);
	padding-bottom: var(--vertical-padding);
}

#rssbox ul {
	display: flex;
	justify-content: space-between;
}
#rssbox ul li {
	flex-basis: 32%;
}

#rssbox  ul li a img {
	width: 100%;
	height: 20vw;
	object-fit: cover;
	display: block;
	vertical-align: bottom;
	margin-bottom: 8px;
	}

#rssbox ul li .newstitle a{
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 2%;
}
#rssbox ul li .newsdate a{
	font-size: 1.3rem;
	font-weight: 400;
}
#rssbox.hideDate ul li .newsdate { display: none;}
#rssbox .viewall {
	text-align: right;
}
#rssbox .viewall a {
	font-size: 1.3rem;
	}


	#newsbox dl {
		display: flex;
		padding: 0 0 20px 0;
		max-width: 700px;
		margin: 0 auto;
		font-size: 1.2rem;
	}

	#newsbox dl dt,
	#newsbox dl dd,
	#newsbox dl dd a { line-height: 1.6; }

	#newsbox dl dd a{ transition: border-bottom 1s;}
	#newsbox dl dd a:hover { border-bottom: 1px solid;}

	#newsbox dl dt {
		width: 11rem;
		letter-spacing: 1px;
	}
	#newsbox dl dd {
		padding-left: 0px;
		width: calc(100% - 100px);
	}
	/* #newsbox dl {
		position: relative;
		padding: 0 0 6px 0;
		margin-top: 6px;
		line-height: 1;
		}
		#newsbox dl:last-child { border: none;}
	#newsbox dl dt,
	#newsbox dl dd,
	#newsbox dl dd a { line-height: 1.6; transition: border-bottom 1s;}
	#newsbox dl dd a:hover { border-bottom: 1px solid;}
	#newsbox dl dt {
		position: absolute;
		letter-spacing: 1px;
		left: 0;
		top: 0;
	}
	#newsbox dl dd {
		padding: 0 0 0 8em;
		font-size: .9em;
	} */


#homecatvisual {
	position: relative;
	margin-bottom: -1px;
	min-height: 85vh;
}


#homecatvisual .video {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 85vh;
  }
  #homecatvisual .video iframe  {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 105%;
	min-width: 1920px;
	min-height: 105%;
	transform: translate(-50%, -50%);
	  }
  
  
/* 
  #homecatvisual .video::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
		animation: bodyFadeIn 2s ease 0s 1 normal;
	  -webkit-animation: videoFadeIn 2s ease 0s 1 normal;
	  }
	  @keyframes videoFadeIn {
		  0% {background-color: rgba(0, 0, 0, 0.8);}
		  100% {background-color: rgba(0, 0, 0, 0);}
	  }
	  @-webkit-keyframes videoFadeIn {
		  0% {background-color: rgba(0, 0, 0, 0.8);}
		  100% {background-color: rgba(0, 0, 0, 0);}
	  } */
  


#homecatvisual .hero {
	
	position: absolute;
	top: 48%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	width: 70%;
	}
#homecatvisual .hero h2 {
	font-size: 2.4em;
	line-height: 1.1;
	letter-spacing: .1em;
}
#homecatvisual .hero p {
	margin: 40px 0 0 0;
	font-size: 14px;
	line-height: 1.6;
	font-weight: normal;
}
#homecatvisual .hero a {
	display: block;
	margin-top: 40px;
    border-radius: 2px;
	text-align: center;
	letter-spacing: 2px;
	display: inline-block;
	font-size: .9em;
    height: 30px;
    line-height: 30px;
	cursor: pointer;
	padding: 0 25px;
	}
    #homecatvisual .hero.white {color:#fff;}
    #homecatvisual .hero.black {color: #333;}
    #homecatvisual .hero.white a { background: rgb(255, 255, 255, .7); color: #333 !important;}
    #homecatvisual .hero.black a { background: #333; color: #fff !important;}



	.hero.serif p,
	.hero.serif a {font-family: 'Noto Serif JP',"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }
	.hero.sansserifNormal p,
	.hero.sansserifNormal a,
	.hero.sansserifBold a,
	.hero.sansserifBold p {font-family: 'Hind', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', helvetica, sans-serif; font-weight: normal;}

#instagramfeed {
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-top: var(--vertical-padding);
	padding-bottom: var(--vertical-padding);
	}
.snptwdgt__headng {	margin: 50px 0 30px 0; }
.snptwdgt__subheadng { margin-bottom: 20px;}
.linktoinstagram {
	text-align: center;
	padding: 40px 0 60px 0;
	vertical-align: middle;
	font-size: .8em;
	letter-spacing: 1px;
	}
	
	
	.linktoinstagram img { width: 20px; height: auto; vertical-align: middle; margin-right: 5px;}

#instagramfeed .snptwdgt-container .snptwdgt-rtd__fottr .snptwdgt__tagline a { font-size: 0.76em;}
.snptwdgt-container .snptwdgt-rtd__fottr .snptwdgt__ftr-tglne { right: -20px !important; color: rgba(77,77,77,0.7) !important;}



/* Category Index
-------------------------------------------------------------- */



#category-header {
	background-color: rgba(45, 45, 45, 0.1);
	background-size: cover; background-position: center center;
	animation: fadeIn 1.7s ease 0s 1 normal;
	}
	@keyframes fadeIn {
		0% {opacity: 0; }
		100% {opacity: 1; }
		}

#category-header.boxwidth {
	height: 60vmax;
	border: 0px; 
	overflow: hidden;
}




.catIntro {
	padding: 0px 0 50px 0;
}

.catIntro h2.category-title {
	padding: 0px 0 20px 0;
	font-size: 2.5rem;
	line-height: 1.3;
	letter-spacing: 1px;
	font-weight: normal;
	position: relative;
	}



	.breadcrumb {
		font-size: 1rem;		
		padding: 0 0 20px 0;
		letter-spacing: 1px;
		}
		.breadcrumb li,
		.breadcrumb li a {
			display: inline-block;
			}
			.breadcrumb li a {
				position: relative;
				padding: 0 1.4em 0 0;
				
				}
			.breadcrumb li a:after {
				position: absolute;
				right: 3px;
				top: 0em;
				content: "/";
				}



	.ChildCategories {
		
	}
	.ChildCategories.upper {margin: 0px 0 40px 0;}

	.ChildCategories li {
		display: inline-block;
		margin: 5px 2em 5px 0;
		padding-left: 16px;
		font-size: 0.85em;
		position: relative;
		word-break: break-all;
		}
		.ChildCategories li::before{
			font-size: 14px;
			font-family: 'Material Icons';
			content: "\e15b";
			position: absolute;
			top: 1px;
			left: 0px;
			opacity: .4;
		}
		




/* Footer
-------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
	
    .msg_messenger {
        right: auto;
        left: 25px;
    }
    .msg_startButton {
		
		left: 15px !important;
		bottom: 15px!important;
        
	}
    
	.msg_startButton {
		width: 47px !important;
		height: 47px !important;
		border-radius: 47px !important;

       
	}
	

	#x_startMessenger .msg_startButton__icon {
		line-height: 47px !important;
		font-size: 18px;
        
	}
}


	/* .pagetop {
		display: none;
		position: fixed;
		bottom: 15px;
		right: 12px;
		z-index: 1;
	} */
	/* .pagetop a {
		display: block;
		z-index: 9999999;
		border-radius: 50%;
		text-align: center;
		font-size: 20px;
		text-decoration: none;	
		align-items: center;
		background: transparent;
		color: #fff !important;
		cursor: pointer;
		background: #252525;
		display: flex;
		flex-direction: column;
		justify-content: center;
		letter-spacing: normal;
		line-height: 1;
		opacity: .75;
		overflow: hidden;
		text-align: center;
		transition: all .25s;
		width: 40px;
		height: 40px;
	} */
	.pagetop.navopen {
		display: none;
		position: fixed;
		bottom: 15px;
		right: 30px;
		z-index: 1;
	}
	@media only screen and (max-width: 767px){
		.pagetop.navopen {right: 22px;}
	}
	.pagetop.navopen a {
		display: block;
		z-index: 9999999;
		text-decoration: none;	
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		letter-spacing: normal;
		line-height: 1;
		overflow: hidden;
		text-align: center;
		transition: all .25s;
		width: 40px;
		height: 40px;
	}
	.pagetop a:hover { opacity: 1; }





	

/* CSS_spFloatPurchaseBtn : Hide/Show behavior */
@media only screen and (max-width:480px) {
	body.spFloatPurchaseTrue .msg_startButton {
		bottom: 70px!important;
		transform: translateY(0px);
		transition: all 0.5s ease;
	}
	body.spFloatPurchaseMsgDispNone #x_message {
		display: none;
	}
	
	body.spFloatPurchaseTrue .pagetop {
		bottom: 71px;
		transform: translateY(0px);
		transition: all 0.5s ease;
	}

	.spFloatPurchaseBtn {
		opacity: 1;
		transform: translateY(0px);
		transition: all 0.5s ease;
	}
	body.spFloatPurchaseBtnHidden .spFloatPurchaseBtn {
		transform: translateY(80px);
		opacity: 0;
	}

	body.spFloatPurchaseTrue.spFloatPurchaseBtnHidden .msg_startButton {
		bottom: 15px!important;
	}
	body.spFloatPurchaseTrue.spFloatPurchaseBtnHidden .pagetop {
		bottom: 15px;
	}

}




.alertBanner {
	background-color: #d6d6d6;
	background-image: url('https://basefile.akamaized.net/ymtk/5cd91e27cd3f5/texture.png');
	color: #434040;
	padding: 30px 20px 80px 20px;
	text-align: center;
	}
	.alertBanner strong { display: block; font-size: 1.4em; font-weight: 600; margin: 0 0 5px 0;}
	

	
	
/*  Footer
-------------------------------------------------------------- */


#bannerBox {
	background: rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.2);
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-top: var(--vertical-padding);
	padding-bottom: calc(var(--vertical-padding) - 30px);
	}

#bannerBox .imgbanner img	{
	max-width: 100%;
}


#mainFooter{
    clear: both;
    text-align: left;
	padding: 0;

}
.footerbar {
	/* background: #2f2e2e; */
	padding: 30px 50px 60px 40px;
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
    }
.footernav {
	display: flex;
	justify-content: space-between;
    }
.footernav ul.pagenav li {
    opacity: .9;
	font-size: 0.75em;
	letter-spacing: .05em;
	display: inline-block;
	margin: 0 10px 0 0px;
	}
/* .footernav ul.pagenav li a { color: #d7d7d7 !important;}
.footernav u.pagenav li a:hover { color: #f1f1f1 !important;} */

.footerFunc { flex-basis: 200px; text-align: right;}
.footerFunc #baseMenu ul {
	display: flex;
	flex-direction: row-reverse;
}
.footerFunc #baseMenu li {
	display: inline-block;
	margin: 0 10px;
}
.footerFunc #baseMenu li img {
	width: 20px;
	height: auto;
	vertical-align: bottom;
	filter: invert(100%);
	opacity: 1;
	}
	

address {
	font-size: 8px;
	margin: 20px 0 0 0px;
	/* color: #9e9e9e; */
	letter-spacing: 1px;
	}
    address a {
        /* color: #878787 !important;
        border-bottom: 1px dotted #878787; */
    }
    


/* Staticpages Common
-------------------------------------------------------------- */
.pagetitle.categoryHeaderOn  {
	padding: 0px 0 50px 0px;
}

.pagetitle h2,
.BlogAsPage .main #about.blogDetail .blog_title h2{
	margin: 0px 0 50px 0;
    position: relative;
}
/* 
.pagetitle h2:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    border-bottom: 1px solid #000;
    width: 40px;
}

.pagetitle h2:after {
    left: calc(50% - 20px);
} */


#contact,
#privacy,
#law { margin: 0px 0; }

.static_wrap,
.tmpBox {
    height: auto;
    font-size: 1.3rem;
    line-height: 1.8em;
	}
	
.static_wrap #about h2,
.inquirySection h1,
#privacy h2,
#law h2 {
    letter-spacing: 1.5px;
    line-height: 1;
    margin: 0 0 50px 0;
    padding: 0 0 10px 0;
	}
	.publish_date { text-align: right;}


/* blog
-------------------------------------------------------------- */
#blog.hideDate .blog_publish { display: none;}
.blogListMain {
	display: grid;
	width: 100%;
	grid-template-columns:1fr 1fr;
	gap: 60px 5%;
}
.blogListMain .paginate-wrp {
    grid-column: span 2;
}

.BlogAsBlog .main #about.blogDetail .blog_title h2 {
	font-size: 2.1rem;
	font-weight: normal;
}

.blog_inner {}
.blog_head_image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.blog_body {
	margin: 30px 0;
}
.blog_body iframe.embed.youtube {
	width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.blogtop {
	text-align: right;
    font-size: .9em;
	padding: 50px 0 0 0;
	}
	
	.blogtop a.button {
		border: none;
		background: #c8c8c8;
		padding: 8px 20px;
		color: #ffffff;
		font-size: 1rem;
	}


/* Reset default styles */
.main #about>.blog_inner {
    border-bottom: none !important;
    padding: 0 !important;
    position: relative;
}
.main #about>.blog_inner .blog_contents { height: auto !important;}
.main #about.blogListMain .blog_publish {
    margin: 0 0 10px 0 !important;
	padding: 0 !important;
}


.main #about .blog_body h3 {
	font-size: 1.3em !important;
	font-weight: normal !important;
}


.main #about.blogListMain .blog_publish .publish_date {
    font-size: 1.2rem !important;
	text-align: left;
	opacity: .7;
}
#about .publish_date {opacity: .7;}
.static_wrap #about.blogListMain h2,
.main #about.blogListMain h2 {
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
	font-size: 1.8rem;
	font-weight: normal;
    text-transform: none;
    word-wrap: break-word;
}
.main #about>.blog_inner .blog_contents .read_more {
    background: none !important;
    bottom: auto !important;
    padding-top: 25px;
    position: relative !important;
    width: 100%;
	text-align: right;
}
.main #about .read_more a {
    color: inherit !important;
    font-weight: normal !important;
	border-bottom: none !important;
	font-size: .9em;
	padding-bottom: 7px !important;
}
.paginate-wrp {
    margin-top: 0px !important;
}
ul.paginate {
    justify-content: center !important;
}
.paginate li a { color: #8c8c8c !important;}


.main #about.blogDetail .blog_publish {
    margin: 0px !important;
}
.static_wrap #about p {
    line-height: 1.75em;
	text-align: left !important;
}
/* about
-------------------------------------------------------------- */

#about {
	padding: 0 0 20px 0 ;
}
.static_wrap #about .shopbio a {
	text-decoration: underline;
	word-break: break-all;
	}
	.static_wrap #about .shopbio a:hover {
		opacity: .8;
	}

.static_wrap #about p {
	line-height: 1.75em;
}
.static_wrap #about #AboutHeaderImg img {
	width: 100%;
}
.static_wrap #about .shopbio {
	padding: 0 0 20px 0;
}

.static_wrap #about h3 {
	margin: 80px 0 40px 0;
	padding-left: 35px;
	position: relative;
	line-height: 1;
}

.static_wrap #about h3::before{
	/* font-size: 1em;
	font-family: 'Material Icons';
	content: "\e15b";
	position: absolute;
	top: 40%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%); */
	position: absolute;
		top: 40%;
		left: 0;
		content: '';
		width: 20px;
		height: 1px;
		background: #333;
		transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);

	opacity: .7;
	}


	.mailme {
		font-size: .9em;
		letter-spacing: 0.5px;
	}
/* .mailme {
		position: relative;
		margin-left: 20px;
	}
	.mailme:before {
		font-size: 1.8rem;
		position: absolute;
		top: 0px;
		left: -20px;
		font-family: 'Material Symbols Outlined';
		content: "\e158";
		opacity: .8;
	} */

#shopinfo dl,
#shopinfo dt,
#shopinfo dd {
  box-sizing: border-box;
}
#shopinfo dt,
#shopinfo dd {
  padding: 3px 10px 0 0px;
}
#shopinfo dt {
  width: 6em;
  float: left;
}
#shopinfo dd {
  margin-left: 6em;
  padding-bottom: 3px;
}
#shopinfo dd:after {
  content: '';
  display: block;
  clear: both;
}




.gmap .embedcode {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin: 20px 0 30px 0;
}
.gmap .embedcode iframe {
position: absolute;
left: 0;
top: 0;
height: 100% !important;
width: 100% !important;
}


#about #payment{
	padding: 30px 0;
}
#about #payment ul {
	margin: 20px 0 0 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(232, 232, 232, 0.2);
    
}
#about #payment ul li {
	display: block;
	padding: 18px 0 18px 24px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-top: 1px solid rgba(232, 232, 232, 0.2);

	display: flex;
	align-items: center;
	}

#about #payment ul li span {
	font-weight: 600;
	font-size: .9em;
	padding: 6px 0 0 5px;
	display: block;
	flex-basis: 250px;

	position: relative;
}
#about #payment ul li span:before {
	font-weight: normal;
	font-size: 14px;
	font-family: 'Material Icons';
	content: "\e5ca";
	position: absolute;
	top: 4px;
	left: -17px;
	opacity: .7;
	}
#about #payment ul li img {
	border: none;
	vertical-align: bottom;
	font-size: 0;

	/* White border if its background is dark  */
    opacity: .9;
    background: #fff;
    border-image-outset: 1rem;
    border: 6px solid #fff;
    border-left-width: 12px;
    border-right-width: 12px;
    box-sizing: content-box;
    border-radius: 2px;
	padding: 3px;
	}
#about #payment ul li.credit img { height: 35px; margin-right: 5px;border: 6px solid #fff; padding: 0; }
#about #payment ul li.credit p.textguide { display: none;}
#about #payment ul li.credit.nologo p.textguide {display: block; }
#about #payment ul li.credit.nologo span { padding-top: 0;}
#about #payment ul li.nologo:before { top: 26px;}

#about #payment ul li.payID img { height: 20px;  }
#about #payment ul li.bank img { height: 36px; }
#about #payment ul li.combini img { height: 33px; }
/*
#about #payment ul li.carrier div {display: block;}
#about #payment ul li.carrier div img { height: 30px; margin: 0 0 20px 0; display: block; }
#about #payment ul li.carrier div img:last-child {margin-bottom: 0;}
*/
#about #payment ul li.carrier div img { vertical-align: middle; display: inline-block; margin-right: 15px; }
#about #payment ul li.carrier div img[src*=carrier_docomo] { width: 55px; height: auto;padding: 5px }
#about #payment ul li.carrier div img[src*=carrier_au] { width: 70px; height: auto; }
#about #payment ul li.carrier div img[src*=carrier_softbank] { width: 57px; height: auto; }
#about #payment ul li.amznpay img { height: 20px; border-top-width: 9px;}
#about #payment ul li.paypal img { height: 25px; }
#about #payment ul li.paylater img { width: 420px; height: 100%; }
#about #payment ul li.paypay img { height: 24px; padding: 3px 0;}



@media only screen and (max-width:480px) {
    #about #payment ul li.credit img {
        border: 3px solid #fff;
        height: 30px;
        }
    #about #payment ul li.carrier div img { margin-right: 5px;}
}


#about #shipping {
	padding: 30px 0;
}

 
.sociallinks {
	padding: 30px 0;
}

.sociallinks ul li {
	display: inline-block;
	font-weight: 600;
	margin: 0 6px 0 0;
}
.sociallinks ul li img,
.main #about .blog_contents .social img { width: 20px; height: auto; margin-right: 5px; }
.sociallinks ul li a:hover img { opacity: .7; }
.sociallinks ul li.ig img,
.sociallinks ul li.tt img,
.sociallinks ul li.am img,
.sociallinks ul li.tw img,
.social ul li.tw img {
    padding: 2px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.sociallinks.gray a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter:grayscale(100%)
}



/* law and privacy */
#privacy h3,#privacy dt{
	font-weight: 600;
	margin:40px 0 8px;
	font-size: 1.2em;
}
#privacy .privacy_intro{
	margin:0 0 20px;
}
#law h3{
	font-weight: 600;
	font-size: 1.1em;
	margin: 40px 0 10px;
}


/* contact
-------------------------------------------------------------- */

.inquirySection .error-message {
    color: #e75858;
    padding: 12px;
    }
    .inquirySection .error {
        background-color: #ffe8e8;
        border-radius: 2px;
        width: 80%;
        }
    
/* .inquirySection h1 {
    visibility: hidden;
    position: relative;
}
.inquirySection h1:before {
    visibility: visible;
    font-size: 1.2em;
    content: "お問い合わせ";
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
} */
.inquirySection form {
    margin: 20px 0 0 0;
}
.inquirySection dl {
    text-align: left;
}
.inquirySection dl dt {
    margin-bottom: 0px;
    font-weight: 600;
	font-size: 1.2rem;
	opacity: .8;
}
.inquirySection dl dt span {
    font-size: 11px;
    line-height: 11px;
    margin-left: 10px;
    color: #ee6b7b;
    vertical-align: baseline;
}
.inquirySection dl dd {
    margin-bottom: 40px;
}
.inquirySection dl dd input,
.inquirySection dl dd textarea {
	border-radius: 0 !important;
	background: none;
}
.inquirySection dl dd input {
    width: 80%;
    font-size: 1.5rem;
    padding: 10px 0 5px 3px;
    border: none;
    border-bottom: 1px solid #333;
    outline: none;
}
.inquirySection dl dd textarea {
    width: 80%;
    height: 135px;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #c4c4c4;
    font-size: 1.5rem;
    height: calc(1.5 * 10em);
    line-height: 1.5;
    outline: none;
    }
@-moz-document url-prefix() {
    .inquirySection dl dd textarea {
        font-size: 11px;
    }
}

.control-panel {
	padding: 0 0 30px 0;
	}
.inquirySection .control-panel input#buttonLeave {
	-webkit-appearance: none;
    display: block;
    width: 50%;
    line-height: 1;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    padding: 20px 0;
    text-align: center;
    border: 0;
    border-radius: 5px;
    background: #333;
    -webkit-font-smoothing: antialiased;
    outline: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

}
.inquirySection .control-panel input#buttonLeave:hover {
    opacity: .8;
}
#inquiryConfirmSection p {
    font-size: 12px;
    line-height: 12px;
}
#inquiryConfirmSection form {
    margin: 30px 0 0 0;
}
#inquiryConfirmSection dd {
    padding-left: 15px;
}
#inquiryCompleteSection p {
    margin: 30px 0 0;
    line-height: 1.4em;
}
#inquiryCompleteSection a {
    border: none;
    width: 100%;
    height: 50px;
    margin: 30px 0 0 0;
    line-height: 50px;
    color: #666666;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 15px;
    background-color: #e5e5e5;
    -webkit-font-smoothing: antialiased;
    box-shadow: 2px 2px 1px #b2b2b2;
    -moz-box-shadow: 2px 2px 1px #b2b2b2;
    outline: 0;
    display: block;
}
#inquiryCompleteSection a:hover {
    background-color: #cccccc;
}
#inquiryCompleteSection a:active {
    top: 3px;
    left: 3px;
    background-color: #b2b2b2;
    position: relative;
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, .3) inset;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .3) inset;
}

.grecaptcha-badge {
	z-index: 2;
}


/* item_template
-------------------------------------------------------------- */



#item_page_wrap #item-purchase {
	margin: 0 auto;
	padding: var(--contentInner-padding);
}
#item_page_wrap #item-purchase.bgColor { background-color: #f3f3f3; }
#item_page_wrap #item-purchase.borderColor { border: 1px solid #e7e5e5; }
#item_page_wrap #item-purchase.none { padding: 0; margin: var(--contentInner-padding) 0; }

#item_page_wrap #item-purchase h1.itemTitle {
	padding-right: 0;
	font-size: 2rem;
	}
.HeadSerif #item_page_wrap #item-purchase h1.itemTitle { font-size: 2.5rem;}

#item_page_wrap .itemIntro {
	padding: 0vh 0 var(--contentElements-vertical-padding) 0;
	/* overflow-wrap: normal;
	word-break: normal; */
	}
#item_page_wrap h1.itemTitle {
	padding: 0px 0% 30px 0;
	}
	p.itemDescription {
		font-size: 1.3rem;
		line-height: 1.8em;
	}

#item_page_wrap h2 { margin-bottom: 20px;}
.pswp { z-index: 99999999 !important;}
.pswp__bg { background: rgba(0, 0, 0, 0.9) !important;}
.pswp__caption__center { font-weight: bold !important;}
.pswp__caption__center small { font-size: 0.7em !important; font-weight: normal;}

#item-photos .photoStage,
#item-photos .photoThumbs,
#ItemDetailApp {
	padding-bottom: var(--contentElements-vertical-padding);
}


#item-photos .photoStage img {
	
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
#item-photos .photoStage {
	position: relative;
    text-align: center;
}

.photoThumbs {
	width: 100%;
	margin-top: 12px;
}

.photoThumbs ul {
	display: grid;
	width: 100%;
	gap: 12px;
}
.gap00 .photoThumbs ul { gap: 0; }
.gap03 .photoThumbs ul { gap: 3px; }
.gap05 .photoThumbs ul { gap: 5px; }
.gap10 .photoThumbs ul { gap: 10px; }
.gap20 .photoThumbs ul { gap: 20px; }
.gap30 .photoThumbs ul {gap: 30px;}

.photoThumbs.thumbClm5 ul {grid-template-columns:1fr 1fr 1fr 1fr 1fr; }
.photoThumbs.thumbClm4 ul {grid-template-columns:1fr 1fr 1fr 1fr; }
.photoThumbs.thumbClm3 ul {grid-template-columns:1fr 1fr 1fr; }
.photoThumbs.thumbClm2 ul {grid-template-columns:1fr 1fr; }

.photoThumbs.racio11 ul li img { aspect-ratio: 1 / 1; }
.photoThumbs.racio45 ul li img { aspect-ratio: 4 / 5; }
.photoThumbs.racio23 ul li img { aspect-ratio: 2 / 3; }
.photoThumbs.racio32 ul li img { aspect-ratio: 3 / 2; }
.photoThumbs.racio00 ul li img { aspect-ratio: none; }

	.photoThumbs a {
		display: block;
		height: 100%;
	}
	.photoThumbs a img {
		width: 100%;
        height: 100%;
		vertical-align: bottom;
		object-fit: contain;
        background: rgb(255, 255, 255, .1);
		}

/* Exclude System */
.photoThumbs.ExcldImg02 ul li:nth-child(1),
.photoThumbs.ExcldImg03 ul li:nth-child(2),
.photoThumbs.ExcldImg04 ul li:nth-child(3),
.photoThumbs.ExcldImg05 ul li:nth-child(4) { display: none;}



/* Styles for AdditionalItemDetail App added on March 2020 */
#appsItemDetailCustom {
	clear: both;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading {
	font-size: inherit;
	font-weight: normal;
	font-size: 1.8rem !important;
}
#appsItemDetailCustom #appsItemDetailCustomTag p.appsItemDetailCustomTag_description {
	font-size: inherit;
	font-size: 1.3rem !important;
	line-height: 1.75em;
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_image {
    margin: 0 auto;
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube,
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_vimeo {
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider {
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button-next_1NqAAH22,
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button-prev_1hRzj9o_ {
	background-size: 30%;
}
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button_3MoazwSm {
	width: 30px;
    height: 48px;
}





#item_page_wrap #item_detail{
    font-size: 1.4rem;
    line-height: 1.75em;
    margin: 30px 0 50px;
}

#item_page_wrap #price {
	position: relative;
	font-size: 1.2rem;
	}

	#item_page_wrap #price.price_soldout {
		padding: 2em 0 0 0;
	}
	#item_page_wrap #price.price_soldout span,
	#item_page_wrap .soldout{
	font-weight: bold;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 2px;
	border-radius: 2px;
	background: var(--soldout-color);
	padding: 5px 10px 2px 10px;
	color: #fff;
	}
	#item_page_wrap #price.price_soldout span {
		position: absolute; left: 0; top: -1em;
	}
	#item_page_wrap .soldout { font-size: .9em;}
	
#item_page_wrap #price p {
	margin: 0 0 10px 0;
	padding: 0 0 3px;
	text-align: left;
	word-break: break-word;
    line-height: 1;
    }
    #item_page_wrap #price p .tax {
        font-size: .7em;
        font-weight: normal;
        padding-left: 6px;
        display: none;

    }
    #item_page_wrap #price p:first-letter { font-size: 0.8em; margin-right: 3px;}
    #item_page_wrap #price.price_soldout p {
	    text-decoration: line-through;
    }

#item_page_wrap .discounted {  line-height: 1; padding: 0 0 8px 0; vertical-align: middle;}
#item_page_wrap .properprice { display: inline-block; text-decoration: line-through; font-size: 1.2em; opacity: .8; vertical-align: middle; }
#item_page_wrap .properprice:first-letter { font-size: 0.9em; margin-right: 2px;}


#item_page_wrap .discountrate {
    display: inline-block;
    color: var(--discount-color);
    border: 1px solid var(--discount-color);
    font-size: 0.9em;
    letter-spacing: 1px;
    vertical-align: middle;
    padding: 5px 10px 4px 10px;
    padding: 4px 10px 2px 10px;
    line-height: 1;
    border-radius: 2px;
    margin-left: 1em;

    }

	.item-meta .properprice {
		text-decoration: line-through;
		opacity: .7;
		font-weight: normal;
		display: block;
	}
	
	.item-meta .discountrate,
	.communityMain .communityItems .communityItem .communityItemPrice .discount {
		font-size: .8em !important;
		color: var(--discount-color) !important;
		border: 1px solid var(--discount-color) !important;
		background-color: transparent !important;
		border-radius: 2px;
		padding: 3px 5px 2px 5px !important;
		font-weight: bold !important;
		line-height: 1;
		vertical-align: bottom;
		display: inline-block;
		
	}
	.discountprice { color: var(--discount-color); word-break: break-word;}
	.item-meta .discountprice {
        white-space: normal;
        line-height:1;
        margin-right: .4em;
		display: inline-block;
        /* vertical-align: middle; */
    }
	.item-meta .discountprice:first-letter,
	#item_page_wrap .discountprice:first-letter {font-size: 0.9em; margin-right: 2px;}
	.filename span {
		display: inline-block;
		font-weight: normal;
		font-family: monospace;
		margin: 20px 0;
		font-size: 1.1rem;
		line-height: 1;
		word-break: break-all;
		letter-spacing: 0;
		background: #e6e6e6;
		color: #545757;
		padding: 10px 10px 10px 38px;
		border-radius: 3px;
		position: relative;
		}
		.filename span::before {
			font-size: 1.2em;
			font-family: 'Material Icons';
			content: "\e8a7";
			position: absolute;
			top: 50%;
			left: 12px;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
		}

	#item_page_wrap .stockStatus {
		margin: 0 0 20px 0;
	}
/* #item_page_wrap .price_soldout p { position: relative;}
#item_page_wrap .price_soldout p strong {
	position: absolute;
	top: 6px;
	right: 0px;
	font-size: 10px;
	background: rgba(208, 68, 68, 0.67);
	padding: 2px 8px;
	color: #fff;
	letter-spacing: 1px; 
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	} */
    #item_page_wrap p.sorry a { display: inline; font-weight: bold; color: #ec6666;}


#item_page_wrap p.bnplBanner { margin: 0 0 20px 0;}

#item_page_wrap #itemAttention {
    color: #484747;
    line-height: 1em;
    margin-bottom: 40px;
}
#item_page_wrap #itemAttention p{
	font-size: 0.8em;
	line-height: 1.4;
	margin-bottom: 4px;
}

#item_page_wrap #itemAttention .free{
    color: #ff7676;
}

#item_page_wrap #purchase_form #itemSelect{
    margin: 20px 0 30px;
    text-align: left;
}
#item_page_wrap #purchase_form #itemSelect label {
    font-size: 1.2rem;
	/* font-weight: bold; */
    margin-right: 5px;
}

#item_page_wrap #purchase_form #variationSelectWrap{
    display: block;
    margin-bottom: 8px;
}
#item_page_wrap #purchase_form select { font-weight: bold; }
#item_page_wrap #purchase_form #variationSelectWrap select {
    width: 80%;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space:nowrap;
    margin-bottom: 0 !important;
}

#item_page_wrap #purchase_form #amountSelectWrap select {
    padding: 4px 2px;
    min-width: 100px;
    margin: 0;
    }


/* 202512 Subscription price */
.subscriptionPrice {
    margin-bottom: 20px;
}
.subscriptionPrice .labelBox{
    margin-bottom: 7px;
    font-size: .9em;
    opacity: .7;
}



/* Added for the ageVerificationWarning on Nev 2021 */
.ageVerificationWarning {
	line-height: 1.5 !important;
	font-size: 2.4rem !important;

	}
.si-attentionTriangle:before {
	margin-right: 3px;
	font-size: 0.9em;
}
.purchaseButtonModal__input.ageVerificationModal__input {
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
}


/* Added for the ItemOptionApp on July 2020 */
#item_page_wrap #purchase_form #amountSelectWrap {
	margin: 20px 0 10px 0;
}


#item_page_wrap .itemOption__input {
	width: 100%;
	margin: 8px 0;
	font-size: 1em;
	padding: 10px;
}
#item_page_wrap .itemOption__input[data-dirty="true"][data-has-error="true"] {
    border: #F07F7F 1px solid;
}


#item_page_wrap #purchase_form label.itemOption__name {
    font-size: 1.7rem;
    margin: 15px 0 8px 0;
    line-height: 1.5em;
    display: block;
}

#item_page_wrap #purchase_form .itemOption__caption {
    font-size: 12px;
    margin: 0px 0 8px 0;
    line-height: 1.75em;
    /* display: block;
	border: 2px solid;
	padding: 10px;
	border-radius: 3px; */
}

#item_page_wrap #purchase_form .itemOption__bottomCaptionBlock {
}

#item_page_wrap #purchase_form .itemOption__caption--error {
    float: left;
    font-size: 12px;
    line-height: 1em;
    display: block;
    color: #ed6565;
	border-radius: 2px;

}

#item_page_wrap #purchase_form .itemOption__count {
    float: right;
    font-size: 12px;
    line-height: 1em;
    display: block;
}

#item_page_wrap #purchase_form .itemOption__count--error {
    color: #ed6565;
}

#item_page_wrap select {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: normal !important;
    font-size: 1.1em !important;
}
#item_page_wrap select.itemOption__select {
	width: 100%;
}

#purchase_form .purchaseButton__btn:disabled,
#purchase_form .purchaseButton__btn.purchaseButton__btn--disabled,
#purchase_form .purchaseButton__btn.purchaseButton__btn--comingSoonStay {
	background: #ababab !important; border: none; font-weight: bold !important; cursor: not-allowed !important;
	}
#purchase_form .purchaseButton__btn:disabled:hover,
#purchase_form .purchaseButton__btn.purchaseButton__btn--disabled:hover,
#purchase_form .purchaseButton__btn.purchaseButton__btn--comingSoonStay:hover {
	background: #ababab !important;
	}






/* Added for the New purchase button  */
#item_page_wrap #purchase_form .purchaseButton {
    text-align: center;
}
#item_page_wrap #purchase_form .purchaseButton__btn,
.spFloatPurchaseBtn .purchaseButton__btn {
	-webkit-appearance: none;
    display: block;
    margin: 20px 0;
    width: 99%;
    line-height: 1;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    padding: 20px 0;
    text-align: center;
    border: 0;
	border-radius: 5px;
    background: #333;
    -webkit-font-smoothing: antialiased;
    outline: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	}
	.spFloatPurchaseBtn .purchaseButton__btn {
		margin: 0;
		font-size: .9em;
		padding: 14px 0;
	}

#item_page_wrap #purchase_form .purchaseButton__btn:hover {
    background: #646464;
    color: #fff;
	}

#item_page_wrap #purchase_form .easyOverseasSales .purchaseButton__btn,
.spFloatPurchaseBtn .easyOverseasSales .purchaseButton__btn { margin: 0;}
.easyOverseasSales__label { color: inherit !important;}


.purchaseButton__btn.purchaseButton__btn--addToCart { background: #ec8484; letter-spacing: 2px; }
.purchaseButton__btn.purchaseButton__btn--noItem { background: #ec8484; font-size: 0.9em; letter-spacing: 0 !important; }
.purchaseButton__btn.purchaseButton__btn--comingSoon { background: #ec8484;font-size: 0.9em; }
.purchaseButton__btn.purchaseButton__btn--comingSoonStay { background: #acacac ; font-weight: normal !important; cursor: default !important;}
.purchaseButton__btn.purchaseButton__btn--endOfSale {letter-spacing: 0 !important;font-size: 0.9em;}


	.attention.salesPeriod.salesPeriod--willStart,
	.attention.salesPeriod.salesPeriod--term,
	.attention.salesPeriod.salesPeriod--finish,
	.attention.salesPeriod.salesPeriod--available {
		font-size: 1.5rem;
		line-height: 1.8em !important;
		text-align: center;
		padding: 15px 10px;
		margin: 15px 0 !important;
		font-weight: bold;
		border-radius: 4px;
		font-size: 1.2rem !important;
		border: 2px solid;    
		}

	#item-purchase .comingSoon {
		font-weight: bold;    
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;

        font-weight: bold;
        color: #fff;
        background: #11ac9d;
        border-radius: 2px;
        padding: 5px 10px 2px 10px;
        margin: 5px 0 0 0;
        }
            /* .comingSoon:before {
                position: absolute;
                left: 9px;
                top: 10px;
                font-size: 17px;
                font-family: 'Material Icons';
                content: "\e8b5";
                } */



	#item_page_wrap #itemAttention p.salesPeriod {
		margin-left: 0;
		}
	#item_page_wrap #itemAttention p.salesPeriod:first-letter {
		margin-left: 0;
	}
	/* #item_page_wrap #itemAttention p.salesPeriod.salesPeriod--available {
		margin-left: 1.1em;
		font-size: .9em !important;
		font-weight: bold;
		}
	#item_page_wrap #itemAttention p.salesPeriod.salesPeriod--available:first-letter {
		margin-left: -1.1em;
		} */

		

/* Message if it's Sold out */
.actionbox p.sorry {
		line-height: 1.7;
		font-size: 0.9em;
    text-decoration: none;
    padding: 15px 20px;
    -webkit-font-smoothing: antialiased;
    outline: 0;
		margin: 15px 0 !important;
		background: #f6f6f6;
}

/* salesPeriodModal */
	.purchaseButtonModal__wrapper {
		z-index: 9999999999 !important;
	}
	#salesPeriodModal .salesPeriodModal__container {
	    border-radius: 0px !important;
	    box-shadow: 0 0 30px rgba(56,67,89,.1) !important;
	}
	#salesPeriodModal .salesPeriodModal__inner {
	    padding: 40px !important;
	}
	#salesPeriodModal .salesPeriodModal__container p {
	    box-shadow: none !important;
	}
	#salesPeriodModal p.salesPeriodModal__title {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 16px !important;
	}
	
	#salesPeriodModal .salesPeriodModal__btn--submit {
	    background: #404040 !important;
	}
	#salesPeriodModal .salesPeriodModal__btn {
	    border-radius: 0 !important;
	    color: #fff;
	    font-size: 12px !important;
	    font-weight: normal !important;
	}
	#salesPeriodModal .salesPeriodModal__subText {
		margin-bottom: 20px !important;
	}
	
	

/* Added for PreOrder App on Jun 2019 */
/* Added for Lottery App on Apr 2020 */
/* Added for TakeOut App on Jun 2020 */

.preOrder__label,
.lottery__label,
.takeout__label {
    border: 1px solid #646464;
    color: #646464;
    border-radius: 2px;
    font-weight: bold;    
    line-height: 1.1em;
    letter-spacing: .2em;
    display: inline-block;
    font-size: 12px;
    padding: 10px 10px 10px 33px;
    margin: 10px 0;
    position: relative;
    }
    .preOrder__label:before,
    .lottery__label:before,
    .takeout__label:before {
		position: absolute;
		left: 9px;
		top: 10px;
		font-size: 17px;
		font-family: 'Material Icons';
		opacity: .9;
	    }
	.preOrder__label::before {content: "\e52d";}
	 .lottery__label:before { content: "\ef76"; }
	 .takeout__label:before { content: "\e54c"; }


.lottery__data,
.preOrder__data,
.takeout__data {
	display: block;
	font-size: 1.5rem;
	line-height: 1.8em !important;
	text-align: center;
	padding: 15px 10px;
	margin: 15px 0 !important;
	font-weight: bold;
	border-radius: 4px;
	font-size: 1.2rem !important;
	border: 2px solid;  
}
	
.item-meta .applabels {
    margin: 6px 0 0 0;
	
}
.item-meta .preOrder,
.item-meta .lottery,
.item-meta .takeout,
.item-meta .community {
	background: #333;
	color: #fff;
	border-radius: 2px;
	padding: 4px 7px 3px 7px;
	font-weight: bold;
	font-size: .9rem;
	line-height: 1.2;
	margin-right: 3px;
	letter-spacing: .1em;
}
.item-meta .community {background: #f4bb29;}


#socialbox {
	width: 100%;
}




/* Added for ShippingDetailApp_Uppdate on Oct 2023 */
.shippingModal__overlay { z-index: 9999999 !important;}
.shippingModal { z-index: 10000000 !important;}



/* CSS_spFloatPurchaseBtn : Display Purchase button at the bottom of screen. See also footer area styles */
.spFloatPurchaseBtn {
	display: none;
}
@media only screen and (max-width:480px) {

	.spFloatPurchaseBtn {
		display: none;
		position: fixed;
		bottom: 0;
		z-index: 900;
		width: 100%;
		background: rgba(255, 255, 255, 0.7);
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		height: auto;
		}
		.spFloatPurchaseTrue .spFloatPurchaseBtn {
			display: block;
		}

		.spFloatPurchaseBtn .inner {
			padding: 10px 15px;
			position: relative;
		}

		
	.spFloatPurchaseBtn .inner a.overwrapBtn {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 30px);
		height: calc(100% - 20px);
		margin: 10px 15px;
		display: block;
		cursor: pointer;
	}


	.spFloatPurchaseBtn .communityBox.communityData {display: none;}


        /* かんたん海外販売 海外からのアクセス用のメッセージを非表示 */
    /* メッセージを非表示 */
    .spFloatPurchaseBtn .easyOverseasSales .easyOverseasSales__label,
    .spFloatPurchaseBtn .easyOverseasSales .easyOverseasSalesArea { display: none; }
    /* パディングを0に */
    .spFloatPurchaseBtn .easyOverseasSales { padding: 0 !important;}


}






.reportbtn-wrap {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: top;
	margin: 10px 0 0 0;
	}

	.sharebtn {
		display: flex;
		justify-content: right;
		align-items: center;
		gap: 10px;
		font-size: 1.2rem;
		letter-spacing: 0.1em;
		font-family: 'Hind', sans-serif;
	}
	.sharebtn img {
		margin: -2px 7px 0 0;
		width: 12px;
		vertical-align: middle;
		}
		.sharebtn .twitter img {width: 10px; background: #fff; border: 1px solid #fff; box-sizing: content-box; border-radius: 2px;}
	
	
	#item_page_wrap #embedded_tag p{
		color: #b5b5b5;
		font-size: 0.8em;
	}
	#item_page_wrap #embedded_tag textarea{
		width: 80%;
	}

	
#reportBtn {
	font-family: 'Hind', sans-serif;
	clear: both;
	}

#reportBtn a#openIllegalReport {
	border-radius: 2px;
	padding: 2px 8px 1px 8px;
	background: #eaeaea;
	display: inline;
	color: #6a6a6a !important;
	cursor: pointer;
	font-size: .95rem;
	text-decoration: none;
	white-space: nowrap;
}

#reportBtn a#openIllegalReport:hover {
    background: #f16767 !important;
    color: #fff !important;
}


#reportMessage {
    color: #468847;
    font-size: 14px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 14px;
    margin: 20px;
    width: 80%;
}


/* Styles for Review App added on 22 Jul 2017 */

#reviews {
	margin: 100px 0 80px 0;
    word-wrap: break-word;
	}
	#reviews h2.review01__title {
		padding: 0px 0 40px !important;
		position: relative;
		text-align: center;

		font-size: 0 !important;
		position: relative;
		}    
		#reviews h2.review01__title::before {
			font-size: 2rem;
			position: absolute;
			top: 0;
			transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);

			content: "Reviews";
			letter-spacing: 1px;
		}


	.review01__tabWrap {
		border-bottom:1px dotted var(--textColor) !important;
		border-top: 1px dotted var(--textColor) !important;
		margin-bottom: 10px;
		}
    .review01__trigger:before {border-color: var(--textColor) !important;}

	.review01__listChild + .review01__listChild {
	    border-top: 1px dashed #ddd !important;
	    }	
	.review01__radio + label {font-size: 12px !important;}

	.review01__list {
		height: 400px !important;
		overflow-y: scroll !important;
		}
	.review01__list li {
		width: 100%;
		padding: 25px 0;
		zoom: 1;
		}
		.review01__list li:after {
			content: "";
			display: block;
			clear: both;
			}
		
		.review01__count { font-size: 1.2em;  }
			
	.review01__list li figure.review01__itemInfo {
		width: 22%;
		float: left;
		font-family: Arial, Helvetica,'Hiragino Sans',  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
	}
	.review01__list li p.review01__comment {
		width:76%;
		float: right;
		margin: 0 !important;		
		font-size: 13px !important;
	    line-height: 1.7em !important;
		}
		
		.review01__reply {
			border-radius: 7px !important;
			font-size: 13px !important;
			line-height: 1.7em !important;
			max-width:70%;
			padding: 15px 25px !important;
		}	
		
	img.review01__img {
		border-radius: 50%;
	}
		.review01__imgWrap { width: 88px !important;}
	
	.review01__listLoading {
		background: url(https://basefile.s3.amazonaws.com/ymtk/596f943290ec4/ajax-loader-gray.gif) no-repeat center center !important;
	}

	@media only screen and (max-width: 979px){
		.review01__list li figure.review01__itemInfo { width: 30%; }
		.review01__list li p.review01__comment { width:67%; }
		.review01__list {
		    border-bottom: none !important;
		    }
		}
	@media only screen and (min-width: 480px) and (max-width: 749px) {
		.review01__list li figure.review01__itemInfo { width: 30%; }
		.review01__list li p.review01__comment { width:67%; }
		.review01__imgWrap { width: 60px !important;}
		img.review01__img { max-width: 60px; }
		}
	
	@media only screen and (max-width: 479px) {
		.review01__list li figure.review01__itemInfo,
		.review01__list li p.review01__comment {
			width: 100%;
			float: none;
			}
		.review01__list li figure.review01__itemInfo {  padding-bottom: 20px;}	
	}
	

/* Styles for Related Items functions  */

h3#relatedItems-title {
	margin: 80px 0 50px 0;
	text-align: center;
	}	
	#relatedItems {
		padding: 0 0 0px 0;
	}

	h3#itemDetail-undersection {
		margin: 0px 0 70px 0;
		text-align: center;
		}	
	@media only screen and (max-width: 767px){
		h3#relatedItems-title,
		h3#itemDetail-undersection { margin: 0px 0 40px 0;}	
	}
	


/* View History & SaleItem Swiper */
#saleitemsBox,
#viewhistoryBox {
	margin: 100px 0 0 0;
}
#relatedItems,
#saleitemsBox .itemThumbClm3,
#viewhistoryBox .itemThumbClm3 {
	gap: 20px 10px;
}


#item_page_wrap #saleitemsBox .discountrate,
#item_page_wrap #viewhistoryBox .discountrate { margin-left: 0 !important;}

#saleitemsBox .item-meta .item-price,
#viewhistoryBox .item-meta .item-price { margin-bottom: 3px;}

#saleitemsBox {
	position: relative;
	overflow: hidden;
}

.swiper-button-prev,
.swiper-button-next {
	background: rgba(255,255,255,.3);
	top: 55% !important;
	}
	.swiper-button-prev { left: 0 !important;}
	.swiper-button-next { right: 0 !important;}

	@media only screen and (max-width: 767px){
		.swiper-button-prev,.swiper-button-next { display: none !important;}
	}


.swiper-button-prev::after,
.swiper-button-next::after {display: none;}

.swiper-button-prev::before,.swiper-button-next::before {
	font-size: 11px;
	color:rgba(0, 0, 0, .8);
	line-height: 1;
	font-family: 'Material Icons';

}
.swiper-button-prev::before { content: "\e5e0";  }
.swiper-button-next::before { content: "\e5e1"; }


.swiper-slide.item-box{
	opacity : 1 !important;
	transform : none !important;
	transition : none !important;
	}
.swiper-slide.item-box.effect-scroll {
	opacity : 1;
	transform :none !important;
	}



.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}


#moreItems,
#viewmorebtn {
    clear: both;
    text-align: center;
    padding-top: 40px;
	font-size: 1.2rem;
	}
	#moreItems a,
	#viewmorebtn a {
		/* background: #444;
		font-weight: 600;
		color: #fff;
		padding: 10px 60px;
		display: inline-block;
		margin: 0 auto;
		font-size: 1.2rem; */
		
	}


	

/* Item Thumbnail Grid */
.itemThumbClm2,
.itemThumbClm3,
.itemThumbClm4 {
	display: grid;
	width: 100%;
	grid-auto-flow: dense;
}
.itemThumbClm2 { grid-template-columns:1fr 1fr; }
.itemThumbClm3 { grid-template-columns:1fr 1fr 1fr;}
.itemThumbClm4 { grid-template-columns:1fr 1fr 1fr 1fr; }

@media only screen and (max-width: 767px) {
	.itemThumbClm2,
	.itemThumbClm3,
	.itemThumbClm4 { grid-template-columns: none;}

	.spClm1 { grid-template-columns:1fr; }
	.spClm2 { grid-template-columns:1fr 1fr; }
	.spClm3 { grid-template-columns:1fr 1fr 1fr;}

	#relatedItems.itemThumbClm3,
	#viewhistoryBox .itemThumbClm3 { grid-template-columns:1fr 1fr 1fr; }

	#saleitemsBox,
	#viewhistoryBox {
		margin: 50px 0 0 0;
	}

}
@media only screen and (max-width: 480px) {
	/* SP3Comの際に小さくする*/
	.spClm3 .item-price{ font-size: .85em;}

}


/* Radius Option */
.radius00 .item-thumb-wrap,
.radius00 #collections img,
.radius00 #rssbox  ul li a img,
.radius00 #AboutHeaderImg img,
.radius00 .blog_head_image img,
.radius00 .blog_body img,
.radius00 .communityImageContainer,
.radius00 #item-photos .photoStage img,
.radius00 #item-photo img,
.radius00 #appsItemDetailCustom img,
.radius00 .textbanner,
.radius00 .imgbanner img,
.radius00 .blog_body iframe.embed.youtube,
.radius00 .membership .guide .register,
.radius00 .membership img { border-radius: 0px;}
.radius00 .topIntroImages img { border-radius: 5px;}

.radius05 .item-thumb-wrap,
.radius05 .topIntroImages img,
.radius05 #collections.boxed img,
.radius05 #rssbox  ul li a img,
.radius05 #AboutHeaderImg img,
.radius05 .blog_head_image img,
.radius05 .blog_body img,
.radius05 .communityImageContainer,
.radius05 #item-photos .photoStage img,
.radius05 #item-photo img,
.radius05 #appsItemDetailCustom img,
.radius05 .textbanner,
.radius05 .imgbanner img,
.radius05 #newsletter-popup,
.radius05 .blog_body iframe.embed.youtube,
.radius05 .membership .guide .register,
.radius05 .membership img,
.radius05 img.bannerPopupImg { border-radius: 5px;}
.radius05 .nl-wraper-popup-right { border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
@media only screen and (max-width: 767px) {
    .radius05 .nl-wraper-popup-right {
        border-bottom-right-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
}

.radius10 .item-thumb-wrap,
.radius10 .topIntroImages img,
.radius10 #collections.boxed img,
.radius10 #rssbox  ul li a img,
.radius10 #AboutHeaderImg img,
.radius10 .blog_head_image img,
.radius10 .blog_body img,
.radius10 .communityImageContainer,
.radius10 #item-photos .photoStage img,
.radius10 #item-photo img,
.radius10 #appsItemDetailCustom img,
.radius10 .textbanner,
.radius10 .imgbanner img,
.radius10 #newsletter-popup,
.radius10 .blog_body iframe.embed.youtube,
.radius10 .membership .guide .register,
.radius10 .membership img,
.radius10 img.bannerPopupImg { border-radius: 10px;}
.radius10 .nl-wraper-popup-right { border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
@media only screen and (max-width: 767px) {
    .radius10 .nl-wraper-popup-right {
        border-bottom-right-radius: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}
.radius20 .item-thumb-wrap,
.radius20 .topIntroImages img,
.radius20 #collections.boxed img,
.radius20 #rssbox  ul li a img,
.radius20 #AboutHeaderImg img,
.radius20 .blog_head_image img,
.radius20 .blog_body img,
.radius20 .communityImageContainer,
.radius20 #item-photos .photoStage img,
.radius20 #item-photo img,
.radius20 #appsItemDetailCustom img,
.radius20 .textbanner,
.radius20 .imgbanner img,
.radius20 #newsletter-popup,
.radius20 .blog_body iframe.embed.youtube,
.radius20 .membership .guide .register,
.radius20 .membership img,
.radius20 img.bannerPopupImg { border-radius: 20px;}
.radius20 .nl-wraper-popup-right { border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
@media only screen and (max-width: 767px) {
    .radius20 .nl-wraper-popup-right {
        border-bottom-right-radius: 0px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
}
.radius00 .photoThumbs img  { border-radius: 0px;}
.radius05 .photoThumbs img  { border-radius: 5px;}
.radius10 .photoThumbs img  { border-radius: 5px;}
.radius20 .photoThumbs img  { border-radius: 5px;}




.item-box { position: relative;}
.item-box a {
	display: block;
	padding: 0px;
	position: relative;
	outline : none;
	overflow: hidden;
	}
	.item-box .item-thumb-wrap {
		display: block;
		overflow: hidden;		
		}
.item-img__primary img {
	opacity: 0;
	vertical-align: bottom;
	width: 100%;
	object-fit: cover;
	}
	.communityImageContainer img { object-fit: cover;}

/* Bugfix: Border-radius doesn't work during css transition on Safari*/
.item-box .item-thumb-wrap,
.communityImageContainer {
	position:relative;
	z-index: 1;
	}


		
		
.racio11 .item-img__primary img,
.racio11 .communityImageContainer img { aspect-ratio: 1 / 1; }
.racio45 .item-img__primary img,
.racio45 .communityImageContainer img { aspect-ratio: 4 / 5; }
.racio23 .item-img__primary img,
.racio23 .communityImageContainer img { aspect-ratio: 2 / 3; }
.racio32 .item-img__primary img,
.racio32 .communityImageContainer img { aspect-ratio: 3 / 2; }
.racio00 .item-img__primary img,
.racio00 .communityImageContainer img { aspect-ratio: none; }

.gap00 #itemthumbs { gap: 0; }
.gap03 #itemthumbs { gap: 3px; }
.gap05 #itemthumbs { gap: 5px; }
.gap10 #itemthumbs { gap: 10px; }
.gap20 #itemthumbs { gap: 20px; }
.gap30 #itemthumbs {gap: 30px;}

.item-img__primary {
	display: block;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
/* .item-img__primary:hover {
	opacity: .9;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	cursor: pointer;
	} */


/* ITEM THUMBNAIL LIST for SalesPeriod App */
.item-meta .waitingForSale {
	font-weight: bold;
	color: #fff;
	background: #11ac9d;
	border-radius: 2px;
    margin: 5px 0 0 0;
	letter-spacing: 1px;
    padding: 2px 7px 1px 7px;
    font-size: .9rem;
    line-height: .9;

	}
	@media only screen and (max-width: 480px) {
		.item-meta .waitingForSale {
			font-size: 0.95rem;
		}

	}



/* item-meta display system */
/* .item-box .item-thumb-wrap {
	background:rgba(144, 144, 144, 0.1);
} */
.ItemMeta-normal .item-box .item-meta {
	padding: 6px 0 15px 0;
}


.ItemMeta-mouseover .item-box .item-meta {
	z-index: 1;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	position: absolute;
	width: fit-content;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
	.ItemMeta-mouseover.black .item-box .item-meta { color: #333;}
	.ItemMeta-mouseover.black .item-box .item-meta .soldout span { color: #333; border: 1px solid #333; }
	.ItemMeta-mouseover.white .item-box .item-meta { color: #FFF;}
	.ItemMeta-mouseover.white .item-box .item-meta .soldout span { color: #FFF; border: 1px solid #FFF; }
	.ItemMeta-mouseover.textcolor .item-box .item-meta { color: var(--textColor);}
	.ItemMeta-mouseover.textcolor .item-box .item-meta .soldout span { color: var(--textColor); border: 1px solid var(--textColor); }

	.ItemMeta-mouseover .item-box .item-meta { opacity: 0; transition: 1s;} 
	.ItemMeta-mouseover .item-box:hover .item-meta { opacity: 1; transition: 0.5s;}
	.ItemMeta-mouseover .item-box:hover img,
	.ItemMeta-mouseover .item-box:hover .item-img__primary { opacity: 0;transition: 1s}
	

.ItemMeta-overlay .item-box .item-meta {
	z-index: 1;
	position: absolute;
	left: 12px;
	bottom: 10px;
	vertical-align: bottom;
	}
	.ItemMeta-overlay.black .item-box .item-meta,
	.ItemMeta-overlay.black.ItemMetaPriceDisp .item-meta .discountprice,
	.ItemMeta-overlay.black.ItemMetaPriceDisp .item-meta .discountrate,
	.ItemMeta-overlay.black.ItemMetaPriceDisp .item-meta .soldout span { color: #222 !important; border-color: #222 !important; }
	.ItemMeta-overlay.white .item-box .item-meta,
	.ItemMeta-overlay.white.ItemMetaPriceDisp .item-meta .discountprice,
	.ItemMeta-overlay.white.ItemMetaPriceDisp .item-meta .discountrate,
	.ItemMeta-overlay.white.ItemMetaPriceDisp .item-meta .soldout span { color: #fff !important; border-color: #fff !important;}
	.ItemMeta-overlay .item-box .item-meta .item-title {font-size: 1rem;}
	.ItemMeta-overlay.ItemMetaPriceDisp .item-meta .soldout,
	.ItemMeta-overlay.ItemMetaPriceDisp .item-meta .applabels { display: none;}
	.ItemMeta-overlay .item-meta .item-price,
	.ItemMeta-overlay .item-meta .soldout span { opacity: .7; vertical-align: bottom;}

	.ItemMeta-overlay.ItemMetaPriceDisp .item-box .item-meta .item-price,
	.ItemMeta-overlay.ItemMetaPriceDisp .item-box .item-meta .soldout,
	.ItemMeta-normal.ItemMetaPriceDisp .item-box .item-meta .item-price,
	.ItemMeta-normal.ItemMetaPriceDisp .item-box .item-meta .soldout {
		display: inline-block !important;
		margin-left: 3px;
		vertical-align: bottom;
		line-height: 1;
	}
    .ItemMeta-overlay.ItemMetaPriceDisp .item-box .item-meta .item-price { margin-left: 0;}
    
	.ItemMeta-normal.ItemMetaPriceDisp .item-box .item-meta .soldout span {
		margin-top: 0;
		opacity: .7;
	}


	@media only screen and (max-width: 767px) {
		.ItemMeta-overlay .item-box .item-meta {left: 6px; bottom: 6px;}
		.ItemMeta-overlay .item-box .item-meta .item-title,
		.ItemMeta-overlay .item-box .item-meta .item-price {font-size: .95rem;}

	}



.item-meta .item-title {
    margin: 5px 0 5px 0;
    font-size: 1.3rem;
	font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;    
    }
	#itemthumbs .item-meta .item-title { margin: 0;}

    .item-meta span { vertical-align: baseline; word-break: keep-all; }


/* .item-meta div:not(div.item-title),
.item-meta span { display: none;} */
.item-meta .item-price,
.item-meta .soldout,
.item-meta .applabels { display: none;}

.ItemMetaPriceDisp .item-meta .item-price,
.ItemMetaPriceDisp .item-meta .soldout,
.ItemMetaPriceDisp .item-meta .applabels { display: block;}
/* .ItemMetaPriceDisp .item-meta span:not(span.soldout,span.properprice, span.properprice) { display: inline-block;} */
.ItemMetaPriceDisp #itemthumbs .item-meta .item-title { margin-bottom: 6px; }



.item-meta .item-price {
    line-height: 1.2;
	font-size: 1.2rem;
	vertical-align: middle;
	word-wrap: anywhere;
	word-break: break-word;
	}
	.item-meta .item-price:first-letter {font-size: 0.9em; margin-right: 2px;}

.item-meta .soldout { font-size: 1.2rem;}
.item-meta .soldout span,
.communityMain .communityItems .communityItem .communityItemLabel.soldOutText {
	display: inline-block;
	margin-top: 10px;
	font-size: .75em;
	font-weight: bold;
	line-height: .75em;
	letter-spacing: 1px;
	border: 1px solid;
	border-radius: 2px;
	padding: 5px 6px 3px 6px;
}




/* Label App Img :: on Thunbmails */
.item-box img.label_image {
	position: absolute !important;
	top: 5px;
	left: 5px;
	height:30 px;
	width: 30px;
	z-index: 1000 !important;
	background: transparent !important;
}
@media only screen and (max-width: 767px) {
	.item-box img.label_image {
		height:30px;
		width: 30px;
	}
}
@media only screen and (max-width: 480px) {
	.item-box img.label_image {
		height:28px;
		width: 28px;
	}
}

/* Label App Img :: on Product Detail */
#item-photos img.label_image{
	position:absolute!important;
	top:-12px;
	left:-12px;
	height:55px;
	width:55px;
	z-index:10;
	background:0 0!important;
	}
    #item-photos .photoStage .imgPos {
        position: relative;
        display: inline-block;
    }






/* Mail Magazine App
-------------------------------------------------------------- */


/* Popup */
  .blocker{
	  position:fixed;
	  top:0;right:0;bottom:0;left:0;
	  width:100%;
	  height:100%;
	  overflow:auto;
	  z-index:9999;
	  padding:20px;
	  box-sizing:border-box;
	  background-color:rgba(0,0,0,0.4);
	  text-align:center
	  }
  .blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}
  .modal{
	  display:none;
	  vertical-align:middle;
	  position:relative;
	  z-index:2;
	  max-width:700px;
	  box-sizing:border-box;
	  width:90%;
	  background:#fff;
	  padding:0px;
	  text-align:left;
	  }
	  .modal.bannerPopup{
		display:none;
		vertical-align:middle;
		position:relative;
		z-index:2;
		width:90%;
		max-width: 500px;
		background:transparent;

		}
		img.bannerPopupImg {
			max-width: 100%;
		}
  .modal a.close-modal{
	  position:absolute;
	  top:8px;right:8px;
	  display:block;
	  width:30px;
	  height:30px;
	  text-indent:-9999px;
	  background-size:contain;
	  background-repeat:no-repeat;
	  background-position:center center;
	  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}

  .nl-wraper-popup-inner {
	  display: flex;
	  justify-content: space-between;
  }
  .nl-wraper-popup-left {
	  padding: 30px 35px 60px 35px;
	   flex-basis: 52%;
  }
   .nl-wraper-popup-right {	   
	   flex-basis: 48%;
	   
	   background-size: cover;
	   background-position: center center;
	   background-color: #eaebed;
   }
  .modal.noImage {max-width:450px;}
  .noImage .nl-wraper-popup-inner { display: block;}
  .noImage .nl-wraper-popup-left { flex-basis: auto;}
  .noImage .nl-wraper-popup-right { display: none;}
  
  .nl-wraper-popup-left #logo {
	  display: block;
	  text-align: center;
  }
  .nl-wraper-popup-left #logo span.logoText { color: #444 !important; font-size: 0.9rem;}
  .nl-wraper-popup-left #logo img { max-height: 35px;}

	#newsletter-popup h3 {
		font-size: 1.8rem;
		text-align: center;
		margin: 10px 0 20px 0;
		letter-spacing: 1px;
		}
		/* #newsletter-popup.SerifNormal,
		.mailMagazine.SerifNormal {font-family: 'Crimson Pro', serif;}
		#newsletter-popup.SerifBold,
		.mailMagazine.SerifBold {font-family: 'Crimson Pro', serif; font-weight: bold; }
		#newsletter-popup.SansserifNormal,
		.mailMagazine.SansserifNormal {font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
		#newsletter-popup.SansserifBold,
		.mailMagazine.SansserifBold {font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; font-weight: bold;} */

	#newsletter-popup p {
        font-size: 1.2rem;
		margin: 0 0 20px 0;
	}

	@media only screen and (max-width: 767px) {
		
		.nl-wraper-popup-inner {
		flex-flow: column;
		}
		.nl-wraper-popup-left,
		.nl-wraper-popup-right { flex-basis: auto;}
		.nl-wraper-popup-left {
			padding: 15px 30px 30px 30px;
			order: 2;
		}
		.nl-wraper-popup-right {
			min-height: 40vw;
			order: 1;
			}
		#newsletter-popup h3 {
		margin: 10px 0 10px 0;
		}
		#newsletter-popup h3:before { display: none;}

	}
	 

.mailMagazine.visual { padding: 160px 20vw;}
.mailMagazine.plain { padding: 100px 20vw;}

.mailMagazine.visual {
	background-size: cover;
	background-position: center center;
}
.mailMagazine.plainwhite {
	background-color: rgb(0, 0, 0, .02);
}
.mailMagazine.plaingray {
    background: rgba(255, 255, 255, 0.1);
}
.mailMagazine .inner {
    max-width: 600px;
    margin: 0 auto;
}
.x_mailMagazineSubscribe_field  { text-align: center;}
.x_mailMagazineSubscribe { max-width: 500px; margin: 0 auto;}
@media only screen and (max-width: 767px) {
	.mailMagazine.visual,
	.mailMagazine.plain.white,
	.mailMagazine.plain.black {padding: 80px 8vw 70px 8vw;}
}


.mailMagazine h3 {
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 10px;
	position: relative;
    text-align: center;
}
.mailMagazine p {
    margin-bottom: 40px;
    text-align: center;
}

.mailMagazineSubscribe_form {
	vertical-align: middle;
}
.mailMagazineSubscribe_form input { outline: none;}
.mailMagazine.visual .mailMagazineSubscribe_form { opacity: .9;}


/* Form */
#newsletter-popup .mailMagazineSubscribe_form input {
	margin: 0 !important;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	font-size: 1.3rem;
	line-height: 1;
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 10px !important;
    margin-bottom: 20px !important;
    }
 #newsletter-popup .mailMagazineSubscribe_form input::placeholder,
    .mailMagazine .mailMagazineSubscribe_form input::placeholder {
        font-size: 1.1rem;
        /* text-transform: uppercase; */
        font-family: 'Hind', sans-serif;
        letter-spacing: 1px;
    }

    #newsletter-popup .mailMagazineSubscribe_form button {
	-webkit-appearance: none;
	margin: 0 !important;
	line-height: 1;
	font-size: 1.3rem;
	height: 50px;
	color: #fff;
	font-weight: bold;
	background-color: transparent;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 2px;
	text-align: center;
	border: 0;
	background: #333;
	-webkit-font-smoothing: antialiased;
	outline: 0;
	border-radius: 4px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	}
	.mailMagazineSubscribe_form button:disabled,
	.mailMagazineSubscribe_form button[disabled] {background: #bcbcbc; cursor: wait;}
	.mailMagazine .mailMagazineSubscribe_form button {
		padding: 0 20px;
		vertical-align: top;
	}
	#newsletter-popup .mailMagazineSubscribe_form button {
		display: block;
		width: 100%;
		padding: 13px;
	}
	.x_mailMagazineSubscribe_confirm { color: #f68181; font-weight: bold;}




    /* Form on Footer Visualized */
    .mailMagazine .mailMagazineSubscribe_form input {
        border-radius: 0;
		padding: 15px !important;
		height: 45px;
        font-size: 1.3rem;
		line-height: 45px;
		width: calc(100% - 100px);
        background: transparent;
        border: 1px solid #fff;
        letter-spacing: .1em;
        margin-right: 3px;
	}
   
    .mailMagazine .mailMagazineSubscribe_form button {
        -webkit-appearance: none;
        margin: 0 !important;
        line-height: 1;
        font-size: 1.3rem;
        height: 45px;
        border: 1px solid #fff;
        color: #333;
        font-weight: normal;
        background-color: transparent;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        letter-spacing: 2px;
        text-align: center;
        border: 0;
        background: #fff;
        -webkit-font-smoothing: antialiased;
        outline: 0;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        }

    .mailMagazine.white h3, .mailMagazine.white p { color: #fff !important;}
    .mailMagazine.black h3,.mailMagazine.black p { color: #222 !important;}
    .mailMagazine.white .mailMagazineSubscribe_form input { border-color: #fff; color: #fff;}
    .mailMagazine.white .mailMagazineSubscribe_form input::placeholder { color: #fff; opacity: .8;}
    .mailMagazine.white .mailMagazineSubscribe_form button {border-color: #fff; background: #fff; color: #333;}
    .mailMagazine.black .mailMagazineSubscribe_form input { border-color: #222; color: #222;}
    .mailMagazine.black .mailMagazineSubscribe_form input::placeholder { color: #222;}
    .mailMagazine.black .mailMagazineSubscribe_form button {border-color: #222; background: #222; color: #fff;}
    
/* common
-------------------------------------------------------------- */


.show,
.blog_head_image.hide{
	display: block;
}
.hide{
	display: none;
}


/* clearfix */
.clearfix {
    zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}



/* Blog As Page
-------------------------------------------------------------- */
.BlogAsPage .menu-container .blog,
.BlogAsPage .mobileNavBlog,
.BlogAsPage .blogtitle,
.BlogAsPage .blog_publish,
.BlogAsPage .blogtop,
.BlogAsPage .footernav li.blog { display: none;}


/** 言語対応 
 *************************************/

/* .footernav .footerFunc {
	flex-basis: 170px;
	text-align: right;
} */
.footerFunc li.langSelect { list-style: none;}
.footernav #i18 {
	padding-bottom: 20px;
	opacity: .8;;
}
	.footernav #i18 .lang {
		position: relative;
		display: inline-block;
	}
	.footernav #i18 select {

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: transparent;
		border: 1px solid rgba(204, 204, 204, 0.441);
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		
		color: #fff;
		cursor: pointer;
		font-family: inherit;
		font-size: 11px;
		line-height: 18px;
		min-width: inherit;
		padding: 3px 22px 3px 10px;
		vertical-align: middle;
        height: auto;
	}



	.footernav #i18 .lang:before,
	.footernav #i18 .currency:before {
		font-family: 'Material Icons';
		content: "\e5cf";	
		color: #fff;
		opacity: .7;
		font-size: 16px;
		position: absolute;
		right: 9px;
		top: 6px;
		pointer-events: none;
		}
		.footernav #i18 .lang:hover:before,
		.footernav #i18 .currency:hover:before { opacity: 1; }

	.footernav #i18 .currency {
		position: relative;
		display: inline-block;
	}





/* 商品検索App対応
-------------------------------------------------------------- */
.headnav li.contact.searchtrue { padding-left: 20px;}
    
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	outline: 0;
 }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}


#searchwrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    visibility: hidden;
    display: none;
	animation: fadeIn 0.6s ease 0s 1 normal;
}
#searchwrap.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    display: block;
	animation: fadeIn 0.6s ease 0s 1 normal;
}

.searchbar {
    background-color: #fff;
	padding: 60px 0 60px 0;
	}

#searchwrap input[type="search"] {
	position: relative;
	display: block;
	width: 60%;
	margin-left: 20%;
	color: rgb(255, 255, 255);
	background: #fff;
	border: 0;
	font-size: 20px;
	text-align: left;
	outline: none;
	text-align: center;
	padding: 10px 20px;
	padding-bottom: 5px;
	color: #222;
	border-bottom: 1px solid #333;
	}
	.searchbar input::placeholder { color: #222; opacity: .4;  }
	
	input::-webkit-input-placeholder {
		font-family: 'Crimson Pro', serif;
	}
	input:-moz-placeholder {
		font-family: 'Crimson Pro', serif;
	}
	input::-moz-placeholder {
		font-family: 'Crimson Pro', serif;
	}
	input:-ms-input-placeholder {
		font-family: 'Crimson Pro', serif;
	}
	

 
#searchwrap .close {
    position: fixed;
    top: 60px;
    right: 50px;
	opacity: 1;
	font-size: 30px;
	color: #333;
	}

#searchwrap .close:hover{
  color: #ccc;
  cursor: pointer;
}

li.searchformobile input[type="search"] {
	border: 0;
	border-radius: 0;
  	border-bottom: 1px solid #333;
	background: transparent;
	box-shadow: none;
  	font-size: 12px;
  	text-align: left;
  	padding: 7px 5px 2px 22px;
	width: -webkit-fill-available;
}
li.searchformobile form { position: relative;}
li.searchformobile form::before {
	font-size: 18px;
	position: absolute;
	top: 4px;
	left: 0px;			
	font-family: 'Material Icons';
	content: "\e8b6";
	color: #444;
	z-index: 999;
}

li.searchformobile input::placeholder {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Hind', sans-serif;
}

.errormessage {
	font-weight: 600;
	margin-bottom: 20px;
}

h2.noItemsMessage {
	font-size: 1.7rem;
}
.noItems {
	padding: 0 0px 50px 0px;
}

.searchHelper {
	justify-content: space-between;
}
	
.searchHelper .col-6 { flex-basis: 55%;}
.searchHelper .col-4 { flex-basis: 40%;}
.notfound {
	padding: 0 0 0px 0px;
	}

	.notfound h3 {
		padding: 0 0 0 0px;
		margin-bottom: 30px;
		line-height: 1;
		font-size: 1.5rem;
		position: relative;
	}

/* .searchHelper {
	background-color: #f3f3f3;
padding: var(--contentInner-padding);
} */


	
.notfound #search3 {
	position:relative;
	padding: 0;
	}

.notfound #sinput3 {
	width: 100%;
	font-size: 1.5rem;
	padding: 5px 0px 5px 25px; 
	border: none;
	outline:0;
	background: transparent;
	border-bottom: 1px solid #111;
	}
	.notfound #sinput3:focus { opacity: 1;}
.notfound #sbtn3 {

	position:absolute; 
	left: -6px;
	top: 4px;
	background:none;
	cursor: pointer;
	border:none;
	opacity: .9;
	color: #fff;
	}
	#sbtn3 .material-icons {
		font-size: 20px;
	}


.categoryMap ul { padding: 0 0 0 0px;}
.categoryMap > ul > li {
		list-style: none;
		font-size: 1.1rem;
		padding: 5px 0 15px 15px;
		position: relative;
		}
		.categoryMap > ul > li:before {
			font-size: 12px;
			position: absolute;
			top: .2em;
			left: 0px;			
			font-family: 'Material Icons';
			content: "\e931";
		}
.categoryMap .appsItemCategoryTag_lowerchild {
	margin-top: 10px;
}


	.categoryMap ul li ul { padding: 0;}
	.categoryMap ul li ul li {
		list-style: none;
		font-weight: normal;
		margin-left: 5px;
		padding-right: 1.4em;
		display: inline-block;
		position: relative;
		word-break: break-all;
		line-height: 1.2;
	}

	.categoryMap ul li ul li:after {
		position: absolute;
		right: 0;
		top: 0em;
		content: "/";
		color: rgba(0, 0, 0, 0.1);
		font-weight: bold;
		}
		.categoryMap ul li ul li:last-child:after {display: none;}



/* Wdget Area Search Box*/
#search2{
	position:relative;

	padding-bottom: 30px;
	}

button .material-icons { color: #333;}
#sinput2 {
	height:40px;
	line-height: 40px;
	width: 99%;
	font-size: 1em;
	padding: 0 10px 3px 40px; 
	vertical-align: middle;
	border-radius:5px;
	border: none;
	outline:0;
	background:#fcfcfc;
	border: 1px solid #c3c3c3;
	opacity: .9;
	-webkit-appearance: none;

	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	}
	#sinput2:focus { opacity: 1;}

#sbtn2 {
	height:30px;
	position:absolute; 
	left:3px;
	top:7px;
	background:none;
	cursor: pointer;
	border:none;
	}
	
	@media only screen and (max-width: 480px) {
		#sinput2 {padding: 0 10px 4px 40px; }
		#sbtn2 {left:0px;}

	}

    


/* Media Query
-------------------------------------------------------------- */
.sidenav,
#main {
	transition:all 0.5s ease-in-out; 
	-o-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out; 
	-webkit-transition:all 0.5s ease-in-out;
	}




@media only screen and (max-width: 1365px) {
}



@media only screen and (max-width: 1000px) {

	#logo img{
		max-width: 18vmax;
        max-height: 10vmax;
		vertical-align: bottom;
		}
	
	#shoplogo.fontsizeSS h1 a span.logoText { font-size: 18px; line-height: 20px; }
	#shoplogo.fontsizeS h1 a span.logoText { font-size: 20px; line-height: 22px; }
	#shoplogo.fontsizeR h1 a span.logoText { font-size: 24px; line-height: 24px; }
	#shoplogo.fontsizeL h1 a span.logoText { font-size: 27px; line-height: 26px; }
	#shoplogo.fontsizeLL h1 a span.logoText { font-size: 30px; line-height: 30px; }
	#shoplogo.fontsizeLLL h1 a span.logoText { font-size: 36px; line-height: 36px; }
	#shoplogo.fontsizeLLLL h1 a span.logoText { font-size: 40px; line-height: 36px; }

	.taglineOrder.taglineUpper .tagline { margin: 0px 0 5px 2px;}
	.taglineOrder.taglineBottom .tagline { margin: 5px 0 0px 2px; }


	.headnav li.info,
    .headnav li.contact,
	.headnav li.free {
        padding-right: 25px;
    }
	.headnav #baseMenu { margin: 0 5px 0 15px; }


		

	
		.mainArea,
		.siteTitle {
			-webkit-transition-duration: 0.2s;
			-moz-transition-duration: 0.2s;
			-o-transition-duration: 0.2s;
			transition-duration: 0.2s;
			}
		/*.mainArea { padding: 0 0 20px;}*/
		
		

		.contentWrapper.sidebarScroll {
			display: block;
		}
		.contentWrapper.sidebarScroll .mainArea {
			float: none;
			width:auto;
			}
		.contentWrapper.sidebarFixed .mainArea {
			padding: 0 0 0 0px;
			}
	
	.siteTitle .fontsize26 h1 a span.logoText { font-size: 24px; line-height: 24px; }
	.siteTitle .fontsize30 h1 a span.logoText { font-size: 28px; line-height: 28px; }
	.siteTitle .fontsize34 h1 a span.logoText { font-size: 30px; line-height: 30px; padding-top: 8px; }
	.siteTitle .fontsize38 h1 a span.logoText { font-size: 34px; line-height: 34px; }
	.siteTitle .fontsize42 h1 a span.logoText { font-size: 38px; line-height: 38px; }



}


@media only screen and (max-width: 767px) {

	.frontpage .siteHeader {padding-bottom: calc( var(--vertical-padding) + 20px );}

	#logo img {
		max-width: 15vmax;
        max-height: 10vmax;
		}

	
	#MainVisual,.flexslider{height: 60vh;}

	.hero h2 { font-size: 4.5em; margin: 10px 0 0px 0;}	

	#homecatvisual .hero h2 { font-size: 1.8em;}


	#item_page_wrap,
	.static_wrap,
	.tmpBox { margin: 0px 0;}
	


	.topIntro h2 {
		font-size: 1.5rem;
		line-height: 1.3;
		margin: 0 0 20px 0;
		
	}
	
	.topIntro p.read_more {
		text-align: center;
		font-size: 1.2rem;
	}


	#rssbox ul {
		flex-wrap: wrap;
	}
	#rssbox ul li:first-child {
		flex-basis: 100%;
	}
	#rssbox ul li {
		flex-basis: 48%;
		margin-bottom: 20px;
	}
	#rssbox  ul li a img {
		margin-bottom: 2px;
		height: 30vw;
	}
	#rssbox ul li:first-child a img {height: 50vw;}



	.item-box .item-thumb-wrap {
		line-height: 130px;
		min-height: 130px;	
		}
		

	.breadcrumb  {
		margin: 0;
		font-size: 1rem;
	}


	h2.category-title {padding: 0px 20px;}
		

	.ChildCategories li {	
	display: inline-block;
	}
	.ChildCategories li a {
		font-size: 0.9em;
		}
		.ChildCategories.upper {margin: 15px 0 10px 0;}
		.ChildCategories.bottom {margin: 30px 0 20px 0;}
	
	#item_page_wrap header h1 { 
		font-size: 1.8em;
		text-align: center;
		border-bottom: 0;
		margin: 0 0 20px 0;
		padding: 0px;

		}

	/*  Item Detail */
	#item_page_wrap h1.itemTitle { }
	
	
	#item_page_wrap #item-photos {
		flex-basis: auto;
	}
	
	#item_page_wrap #item-photo { display: none;}

		
		#item_page_wrap h1.itemTitle { margin: 0px 0 0px 0;}
		
		#item-photos img.label_image {
			height:50px;
			width: 50px;
		}
		
		#item_page_wrap .secondview	 { padding: 0px 0 0 0;}			

		#item_page_wrap .itemCommon { margin-left: 20px; margin-right: 20px;}
		#item_page_wrap .itemCommon { margin-top: 30px;}
		#item_page_wrap .itemCommon.border { padding: 25px;}
		
		#item_page_wrap .sharebtn .embed { display: none;}
		
		#reviews {
			padding-top: 20px;
			margin: 40px 0 80px 0;
		}
	
		.static_wrap #about h2,
		#privacy h2,
		#law h2,
        .static.pagetitle h2,
		.BlogAsPage .blog_title h2,
        .pagetitle h2,
        .inquirySection h1,
		h2.category-title {
            font-size: 2rem;
            padding: 0 0 0.3em 0;
		}

		.static_wrap #about h3 {
			margin: 20px 0 40px 0;
		}


		#about #payment ul {
			margin: 20px 0;
		}
		#about #payment ul li {
			display: block;
			position: relative;
			padding: 20px 0 20px 0px;
			display: block;
			}
		#about #payment ul li:before {
			content: none;
			}
		#about #payment ul li span {
			display: none;
		}
		#about #payment ul li.paylater img {
			width: 100%;
			max-width: 400px;
		}

		.footerFunc #baseMenu ul {
			display: block;
			text-align: center;
		}

		.footernav {
			display: block;
			text-align: center;
		}
		.footernav ul {
			margin-bottom: 30px;
		}
		.footernav ul,
		address{ text-align: center;}

		.footernav #i18 { text-align: center;}

		.inquirySection .control-panel input#buttonLeave { width: 99%; }
		.inquirySection dl dd input,
		.inquirySection dl dd textarea { width: 99%;}

	}
	

/* Style for mobile480 */
@media only screen and (max-width: 480px) {
	.siteHeader {
		padding-top: calc( var(--vertical-padding) - 20px );
		padding-bottom: calc( var(--vertical-padding) - 10px );
	}

	.taglineOrder.mobileoff .tagline { display: none;}
	.taglineOrder.taglineRight  {
		flex-direction: column-reverse;
		justify-content: left;
		align-items: normal;
	}
	.taglineOrder.taglineRight .tagline { margin: 6px 0 0px 3px; }


	#logo img {
	    max-width: 13vmax;
        max-height: 8vmax;
		}

		.taglineOrder.taglineUpper .tagline { margin: 0px 0 0px 2px;}
		.taglineOrder.taglineBottom .tagline { margin: 4px 0 0px 2px; }

		#shoplogo.fontsizeXS h1 a span.logoText { font-size: 16px; line-height: 24px; }
		#shoplogo.fontsizeS h1 a span.logoText { font-size: 18px; line-height: 24px; }
		#shoplogo.fontsizeR h1 a span.logoText { font-size: 20px; line-height: 24px; }
		#shoplogo.fontsizeL h1 a span.logoText { font-size: 21px; line-height: 24px; }
		#shoplogo.fontsizeLL h1 a span.logoText { font-size: 22px; line-height: 30px; }
		#shoplogo.fontsizeLLL h1 a span.logoText { font-size: 30px; l6ne-height: 35px; }
		#shoplogo.fontsizeLLLL h1 a span.logoText { font-size: 35px; line-height: 35px; }
	


	
		.headnav li.iconed.cartstyle li.cart a::before {display: none;}

	.headnav #baseMenu { margin: 0 0px 0 10px; }


	#homecatvisual .hero h2 { font-size: 1.5em;}

	/* .topIntro {
		grid-template-columns: 100% 1fr;
		height: auto;
		
	} */

	.topIntroScroller { display: none;}

	.alertBanner {
		padding: 20px;
		text-align: center;
		}
		.alertBanner strong { display: block; font-size: 1.4em; font-weight: 600; margin: 0 0 5px 0;}


	.static_wrap #about h2,
	#privacy h2,
	#law h2,
	.static.pagetitle h2,
	.BlogAsPage .blog_title h2,
	.pagetitle h2,
	.inquirySection h1,
	h2.category-title {
		font-size: 2rem;
	}

	.frontpage #main h2,
    h2.general,
	.notfound h3,
	#collections h2,
	#newsbox h2,
	#rssbox h2,
	#instagramfeed h3 { font-size: 1.7rem;}

	/* #reviews h2.review01__title, */
	#reviews h2.review01__title::before,
	h3#relatedItems-title,
	h3#itemDetail-undersection {
		font-size: 1.6rem !important;
	}

		
	#newsbox { margin-bottom: 0;}
	#newsbox dl {
		display: block;
		padding: 0 0 30px 0;
		width: 100%;
		margin: 0 auto;
	}

	
	#newsbox dl dt {
		width: auto;
		margin-bottom: 5px;
		text-align: left;
	}
	#newsbox dl dd {
		padding-left: 0px;
		width: 100%;
	}


    .item-meta .item-title { font-size: 1.2rem; }


	#itemthumbs { padding: 0;}
	

	#homecatvisual {

		min-height: 65vh;
	}

	/* mobile480 Item Category */


	.breadcrumb  {text-align: center; }
	

	.ChildCategories {
		text-align: center;
		border: none;
		padding: 10px 0 0 0;
		}	
	.ChildCategories li {
		font-size: 0.8em;
		margin: 2px 5px 2px 0;
		}
		.ChildCategories li a {padding: 4px 8px 4px 0;}


	/* mobile480 Static Pages*/
	#contact,
	#privacy,
	#law { margin: 10px 0; }


	.errormessage { padding: 10px 0;}

	.static_wrap #about h2,
	#privacy h2,
	#law h2,
	.static.pagetitle h2,
	.BlogAsPage .blog_title h2,
	.pagetitle h2,
	.inquirySection h1,
	h2.category-title,
	.communityMain .communityTitle {
		text-align: center !important;
		margin: 10px 0 20px 0;
	}

	body:not(.BlogAsPage) .static_wrap #about .blog_title h2 {
		text-align: left !important;
	}
	.blogListMain {
		display: block;
	}
	.main #about>.blog_inner {
		margin-bottom: 40px;
	}

	.publish_date { text-align: left;}
	.blogtop {padding-top: 40px;}
	

	

	

	/* mobile480 Foooter */


	.footerbar {
		padding-bottom: 80px;
	}
	body.spFloatPurchaseTrue .footerbar { padding-bottom: 140px;}
	body.spFloatPurchaseMsgDispNone .footerbar {padding-bottom: 100px;}


	.footernav ul li { font-size: 0.8em;}

}
        
        
        

		
		/* ====================================================================================================================
		 * Flexslider
		 * ====================================================================================================================*/


			.flexslider .slides > li { 
				display: block;
				background-position: center;
				height: 100%;
				width: 100%;
				
				/* Cover SUKIMA when the parallax is anabled*/			
				
				display: none; 
				-webkit-backface-visibility: hidden;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				
				}
	
				#MainVisual > span,
				#ItemMainVisual > span{
				display: block;
				background-position: center;
				height: 100%;
				width: 100%;
				-webkit-backface-visibility: hidden;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				}
				
				.flexslider-container, 
				.flexslider .slides, 
				.flex-viewport {
				height: 100%;
				}
				
				html, 
				body {
				height: 100%;
				min-height: 100%;
				}
				
				body {
				position: relative;
				margin: 0;
				padding: 0;
				}
				
	
				#MainVisual > span,
				#ItemMainVisual > span,
				ul.slides {
				margin: 0;
				padding: 0;		
				}
				
	
	
				.flexslider,
				#MainVisual,
				#ItemMainVisual {
				margin: 0;
				padding: 0; 
				margin-bottom: var(--vertical-padding);
				width: 100%; 
				height: 85vh;
				min-height: 450px;
				border: 0px; 
				overflow: hidden;
				}
	
	
			/* Direction Nav */
			.flex-container a:hover,
			.flex-slider a:hover,
			.flex-container a:focus,
			.flex-slider a:focus {
			  outline: none;
			}
			.slides,
			.slides > li,
			.flex-control-nav,
			.flex-direction-nav {
			  margin: 0;
			  padding: 0;
			  list-style: none;
			  z-index: 999;
			}
			.flex-control-nav,
			.flex-direction-nav { z-index: 999 !important;}
			
			.flex-pauseplay span {
			  text-transform: capitalize;
			}
			
			
			.flex-direction-nav {*height: 0;}
			.flex-direction-nav a {width: 26px; height: 80px; margin: -60px -3px 0 -3px; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
			.flex-direction-nav .flex-next { background: #fff url(https://basefile.s3.amazonaws.com/ymtk/563c8cbbf140c/next402.gif) center center no-repeat; right: 0px; }
			.flex-direction-nav .flex-prev { background: #fff url(https://basefile.s3.amazonaws.com/ymtk/563c8cc72871d/prev402.gif) center center no-repeat; left: 0px;}
			.flex-direction-nav .flex-next,
			.flex-direction-nav .flex-prev { background-size: 100%; z-index: 999;}
			.flexslider:hover .flex-next {opacity: 0.2; right: 0px;}
			.flexslider:hover .flex-prev {opacity: 0.2; left: 0px;}
			.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.4; outline: none;}
			.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
			
			
			.flex-control-nav {
			  width: 100%;
			  position: absolute;
			  bottom: 10px;
			  text-align: center;
			}
			.flex-control-nav li {
			  margin: 0 6px;
			  display: inline-block;
			  zoom: 1;
			  *display: inline;
			}
			.flex-control-paging li a {
				background: rgb(255, 255, 255, .7);
			  width: 60px;
			  height: 1px;
			  display: block;
			  cursor: pointer;
			  text-indent: -9999px;
			}
			.flex-control-paging li a:hover {
			  background: #fff;
			}
			.flex-control-paging li a.flex-active {
			  background: #fff;
			  cursor: default;
			}

			

	
@media only screen and (max-width: 767px) {
	#MainVisual.spContain,
	#ItemMainVisual.spContain,
	.flexslider.spContain { height:75vw; min-height: auto;}
}
@media only screen and (max-width: 480px) {
	/* Disable Parallax on iOS Safari*/
	#MainVisual > span, #ItemMainVisual > span, ul.slides {
	-webkit-transform: translate3d(0, 0, 0) !important;
	}

	#MainVisual.spCover,
	#ItemMainVisual.spCover,
	.flexslider.spCover { height:82vh;}	
}


@media only screen and (max-width: 767px) {
	#ItemMainVisual.spKeep,
	.flexslider.spKeep {
	min-height: 77vh;
}
}

#ItemMainVisual.spKeep .slides > li,
.flexslider.spKeep .slides > li {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}



/*
	MobileNavi
*/

.hc-offcanvas-nav ul.navListContainer {
	padding: 0 20px 20px 20px;
}


/*  ChildCategories Indent */

.nav-container .appsItemCategoryTag_child a.nav-item-link:before,
.nav-container a.nav-item-link.appsItemCategoryTag_lowerLink:before,
.nav-container .membership ul li a:before {
	position: absolute;
	font-family: 'Material Icons';
	content: "\e931";
}
.nav-container .appsItemCategoryTag_child a.nav-item-link:before,
.nav-container .membership ul li a:before {
	top: 2px;
	left: 26px;

	}

.nav-container a.nav-item-link.appsItemCategoryTag_lowerLink:before {
	top: 2px;
	left: 40px;
	}

	.nav-container .appsItemCategoryTag_child a.nav-item-link,
	.nav-container .membership ul li a {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		font-size:13px !important;
	}
	.nav-container a.nav-item-link.appsItemCategoryTag_lowerLink {
		padding: 7px 20px 7px 56px !important;
		font-size:11px !important;
		line-height: 1;
		font-weight: normal !important;
		letter-spacing: 0 !important;
		}
		.appsItemCategoryTag_child:last-child,
		.appsItemCategoryTag_lowerchild li:last-child { margin-bottom: 10px;}


.nav-content li.imgbanner img { max-width: 100%;}



/* hc-offcanvas-nav.css START */
html.hc-nav-yscroll {
    overflow-y: scroll;
}
body.hc-nav-open {
    overflow: visible;
    position: fixed;
    width: 100%;
    min-height: 100%;
}
.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 99999;
    text-align: left;
}
.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important;
}
.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: transform 0.4s ease;
}
.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
.hc-offcanvas-nav .nav-content {
    height: 100%;
}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}
.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hc-offcanvas-nav li {
    position: relative;
    display: block;
}


.hc-offcanvas-nav li.level-open > .nav-wrapper {
    visibility: visible;
}
.hc-offcanvas-nav li:not(.custom-content) a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}
.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
    cursor: not-allowed;
}
.hc-offcanvas-nav li:not(.custom-content) a,
.hc-offcanvas-nav li:not(.custom-content) a:hover {
    text-decoration: none;
}
.hc-offcanvas-nav input[type="checkbox"] {
    display: none;
}
.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}
.hc-offcanvas-nav .nav-item-wrapper {
    position: relative;
}
.hc-offcanvas-nav .nav-item-link {
    position: relative;
    display: block;
    box-sizing: border-box;
}
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus {
    outline: none;
}
.hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus {
    z-index: 10;
}
.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
    content: "";
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease 0.4s, opacity 0.4s ease;
}
.hc-offcanvas-nav.disable-body::after {
    position: fixed;
}
.hc-offcanvas-nav .nav-wrapper::after {
    position: absolute;
}
.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.05s;
}
.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
    max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 > .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    /* transition: height 0s ease 0.4s; */
}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
    max-height: none;
    overflow: visible;
    visibility: visible;
}


/* MobileNavi List Open Animation*/
.hc-offcanvas-nav li > .nav-wrapper {
	display: grid; 
	grid-template-rows: 0fr;
	transition: 300ms grid-template-rows ease;
  }
   
  .hc-offcanvas-nav li.level-open > .nav-wrapper {
	grid-template-rows: 1fr;
  }
   
  .hc-offcanvas-nav li.level-open > .nav-wrapper > div {
	overflow: hidden;
  }



.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
    max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease 0.4s, transform 0.4s ease;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: transform 0.4s ease;
}
.hc-offcanvas-nav.nav-position-left {
    left: 0;
}
.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-right {
    right: 0;
}
.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    transform: translate3d(100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-top {
    top: 0;
}
.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%;
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, -100%, 0);
}
.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0;
}
.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%;
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, 100%, 0);
}
.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {
    transform: translate3d(0, 0, 0);
}
.hc-offcanvas-nav.rtl {
    text-align: right;
    direction: rtl;
}

.hc-nav-trigger {
    /* position: absolute; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 40px;
    height: 30px;
	position: relative;
}
.hc-nav-trigger span {
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
	
}
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    display: block;
    position: absolute;
    right: 0;
    height: 1px;
    background: #34495e;
    transition: all 0.2s ease;
}
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    content: "";
    width: 100%;
}
.hc-nav-trigger span{ width: 20px;}
.hc-nav-trigger span::before { width: 26px; top: -8px; }
.hc-nav-trigger span::after { width: 34px; bottom: -8px;}

.hc-nav-trigger:hover span {
	animation: hamburger 0.4s ease;
}
.hc-nav-trigger:hover span::before {
	animation: hamburger 0.4s ease 0.1s;
}
.hc-nav-trigger:hover span::after {
	animation: hamburger 0.4s ease 0.2s;
}



@keyframes hamburger {
	/* 0%,
	100% { transform: translate(0,0);}
	50% { transform: translate(-6px,0); } */
	0%{ }
	50% { right: 7px; }
}


.hc-nav-trigger.toggle-open span {

	/* When it's opened*/
	display: none;
    
	
	
	background: rgba(0, 0, 0, 0);
    transform: rotate(45deg);
}
.hc-nav-trigger.toggle-open span::before {
    transform: translate3d(0, 10px, 0);
}
.hc-nav-trigger.toggle-open span::after {
    transform: rotate(-90deg) translate3d(10px, 0, 0);
}
.hc-offcanvas-nav {
    font-family: sans-serif;
}
.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, 0.1);
}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    /* background: #336ca6; */
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
    padding: 14px 25px;
    font-size: 1.3rem;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    /* border-bottom: 1px solid #2c5d8f; */
    transition: background 0.1s ease;
    }

    .mobileNavMargin-default .hc-offcanvas-nav .nav-item-link { padding: 14px 25px; }
    .mobileNavMargin-shrink1 .hc-offcanvas-nav .nav-item-link { padding: 10px 25px; }
    .mobileNavMargin-shrink2 .hc-offcanvas-nav .nav-item-link { padding: 7px 25px; }


.hc-offcanvas-nav .nav-item-link:focus,
.hc-offcanvas-nav .nav-item-link:focus-within,
.hc-offcanvas-nav li.nav-close a:focus,
.hc-offcanvas-nav li.nav-close a:focus-within,
.hc-offcanvas-nav .nav-back a:focus,
.hc-offcanvas-nav .nav-back a:focus-within {
    z-index: 10;
}
.hc-offcanvas-nav .nav-item-link[disabled],
.hc-offcanvas-nav li.nav-close a[disabled],
.hc-offcanvas-nav .nav-back a[disabled] {
    color: rgba(255, 255, 255, 0.5);
}
.hc-offcanvas-nav div.nav-back + ul > li:first-child > .nav-item-wrapper > .nav-item-link {
    border-top: none !important;
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
    /* background: #31679e; */
}
.hc-offcanvas-nav .nav-custom-content {
    padding: 10px 17px;
    font-size: 14px;
    /* border-bottom: 1px solid #2c5d8f; */
}
.hc-offcanvas-nav .nav-highlight {
    /* background: #2e6296; */
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
    /* border-top: 1px solid #2c5d8f; */
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
    /* border-top: 1px solid #2c5d8f; */
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) {
    /* border-bottom: 2px solid #2c5d8f; */
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h6 {
    margin-top: -2px;
}

.hc-offcanvas-nav li {
    color: #fff;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
    padding-right: 58px;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
    margin-right: 45px;
}
.hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background 0.1s ease;
}
.hc-offcanvas-nav .nav-close-button {
    position: relative;
    display: block;
}
.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after {
    content: "";
    position: absolute;
    top: 60%;
    left: 40%;
    width: 12px;
    height: 12px;
    margin-top: -3px;
    border-top: 1px solid #111;
    border-left: 1px solid #111;
}
.hc-offcanvas-nav .nav-close-button span::before {
    margin-left: -16px;
    transform: rotate(135deg);
}
.hc-offcanvas-nav .nav-close-button span::after {
    transform: rotate(-45deg);
}
.hc-offcanvas-nav .nav-content > .nav-close {
    position: relative;
    z-index: 2;
}
.hc-offcanvas-nav .nav-content > .nav-close a {
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
    text-decoration: none;
    box-sizing: border-box;
}
.hc-offcanvas-nav .nav-content > .nav-close a:not(.has-label) {
    height: 50px;
}
.hc-offcanvas-nav .nav-content > .nav-close a.has-label {
    padding: 14px 17px;
    /* border-top: 1px solid #2c5d8f; */
}
.hc-offcanvas-nav .nav-content > .nav-close a:hover {
    border: none;
}
.hc-offcanvas-nav .nav-content > .nav-close.has-label + ul {
    margin-top: -1px;
}
.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content > .nav-close {
    margin-bottom: -1px;
}
.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
    position: absolute;
    width: 45px;
    height: 66px;
    line-height: 66px;
    top: -66px;
    right: 0;
}
.hc-offcanvas-nav.nav-close-button-empty .nav-title {
    padding-right: 55px;
}
.hc-offcanvas-nav li.nav-close a:not(.has-label) {
    height: 49px;
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
    /* background: #2f649a;
    border-top: 1px solid #2b5a8b;
    border-bottom: 1px solid #2b5a8b; */
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover {
    /* background: #2e6195; */
}
.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
    margin-top: -1px;
}
.hc-offcanvas-nav a.nav-next {
    /* border-left: 1px solid #2c5d8f;
    border-bottom: 1px solid #2c5d8f; */
}
.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 1px solid #111;
    border-left: 1px solid #111;
    transform-origin: center;
}
.hc-offcanvas-nav .nav-next span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.hc-offcanvas-nav .nav-next span::before {
    transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav .nav-back span::before {
    margin-left: 2px;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right .nav-next span::before {
    margin-left: 2px;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-right .nav-back span::before {
    margin-left: -2px;
    transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-top .nav-next span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-position-top .nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom .nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper {
    box-shadow: none;
    background: transparent;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open,
.hc-offcanvas-nav.nav-levels-none li.level-open {
    /* background: #2e6296; */
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a {
    /* border-bottom: 1px solid #295887; */
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover {
    /* background: #2f649a; */
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a > .nav-next span::before {
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
    padding-left: calc(25px + 20px * 1);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link {
    padding-left: calc(17px + 20px * 2);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link {
    padding-left: calc(17px + 20px * 3);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link {
    padding-left: calc(17px + 20px * 4);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,
.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link {
    padding-left: calc(17px + 20px * 5);
}
.hc-offcanvas-nav.rtl a.nav-next {
    border-left: none;
    /* border-right: 1px solid #2c5d8f; */
}
.hc-offcanvas-nav.rtl .nav-title + .nav-close a:not(.has-label),
.hc-offcanvas-nav.rtl .nav-close-button span,
.hc-offcanvas-nav.rtl .nav-next,
.hc-offcanvas-nav.rtl .nav-back span {
    left: 0;
    right: auto;
}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child {
    padding-left: 58px;
    padding-right: 17px;
}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child) {
    margin-left: 45px;
    margin-right: 0;
}
.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 1);
}
.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 2);
}
.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 3);
}
.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 4);
}
.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link {
    padding-right: calc(17px + 20px * 5);
}

/* END  hc-offcanvas-nav.css */


/* Color theme */

.hc-offcanvas-nav .nav-container {
	-webkit-backdrop-filter: blur(5px) saturate(100%);
	backdrop-filter: blur(5px) saturate(100%);
}
.hc-offcanvas-nav.light .nav-container { background: rgb(255, 255, 255, .7); }
.hc-offcanvas-nav.dark .nav-container { background: rgba(0, 0, 0, 0.7); }


.hc-offcanvas-nav.light a,
.hc-offcanvas-nav.light li.searchformobile form::before,
.hc-offcanvas-nav.light li.searchformobile input::placeholder,
.hc-offcanvas-nav.light li.searchformobile input[type="search"] { color: #222 !important; }
.hc-offcanvas-nav.light li.searchformobile input[type="search"],
.hc-offcanvas-nav.light .nav-next span::before,
.hc-offcanvas-nav.light .nav-back span::before,
.hc-offcanvas-nav.light .nav-close-button span::before,
.hc-offcanvas-nav.light .nav-close-button span::after { border-color: rgba(0, 0, 0, 0.6) !important;}

.hc-offcanvas-nav.dark a,
.hc-offcanvas-nav.dark li.searchformobile form::before,
.hc-offcanvas-nav.dark li.searchformobile input::placeholder,
.hc-offcanvas-nav.dark li.searchformobile input[type="search"] { color: #fff !important; }
.hc-offcanvas-nav.dark li.searchformobile input[type="search"],
.hc-offcanvas-nav.dark .nav-next span::before,
.hc-offcanvas-nav.dark .nav-back span::before,
.hc-offcanvas-nav.dark .nav-close-button span::before,
.hc-offcanvas-nav.dark .nav-close-button span::after { border-color: rgba(255, 255, 255, 0.6) !important;}


.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
    border-top: 2px solid #404040;
    border-left: 2px solid #404040;
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item {
    /* border-bottom: 1px solid var(--mobilenav-border-color); */
}

.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    border-top: 1px solid var(--mobilenav-border-color);
}

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
    background: #3e3e3e;
	color: #fff !important;
    border-top: 1px solid var(--mobilenav-border-color);
    border-bottom: 1px solid var(--mobilenav-border-color);
}


.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {

}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    /* border-bottom: 1px solid var(--mobilenav-border-color); */
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
}
.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    }
   
   


/* Loader CSS thnks lukehaas */

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  opacity: .5;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -2.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


/* Message App Modal */
@media only screen and (max-width: 480px) {
.msg_messenger {
    z-index: 9999999 !important;
}
}


/*   MEMBERSHIP  */

#membership {
    width: auto !important;
    padding: 0 0 40px 0 !important;
}
.login {padding: 0 30px 40px 30px;}
.draft {padding: 40px 30px;}
.draft .message { font-weight: bold !important;}

.membership .mypage .img-wrapper .img,
.membership .guide .img-wrapper .img { height: auto !important;}
@media (max-width: 768px) {
    .membership .mypage .img-wrapper .img {
        object-fit:cover !important;
    }
}

.membership .bar {
    background-color: var(--textColor50) !important;
}

.membership .guide .register {
    padding: 50px 50px 20px 50px !important;
    color: #252525 !important;
    }
    .membership .guide .register a {
        color: #252525 !important;
        border-color: #252525 !important;
    }

.membership .guide .register .mail-magazine .mail-magazine-wrapper .checkbox {
    box-shadow: 0 0 3px 0 var(--checked-color) inset !important;
}
.membership .guide .register .mail-magazine .mail-magazine-wrapper .checkbox:checked {
    box-shadow:0 0 0 24px var(--checked-color) inset !important;
}
.membership .guide .register .description { text-align: center !important;}

.membership .heading-wrapper h2 { font-size: 2rem !important;}
.membership .content h3 { font-size: 1.6rem !important;}

.membership .leave-modal-button {color: #fff !important;}

button#open-modal-button,
a.logout,
.membership .mypage .logout,
.membership .mypage .content .definition-description .edit { background-color: transparent !important;}


.membership .mypage .content .definition-description .mail-address {
	margin-bottom: 10px;
}

.membership .edit { padding: 15px 13.5px !important;}
.membership .mail-address { padding: 16px 18px !important;}

.membership .guide .content .heading {
    font-weight: 600;
    font-size: 2rem !important;
    line-height: 1.4 !important;
    margin-bottom: 20px;
}

.membership .mypage .card,
.membership .mypage .content .definition-description,
.membership .draft .content .definition-description {
    border: none !important;
    background-color: rgb(255, 255, 255, .3) !important;
  
}
.membership .draft .content .definition-description .point-expiry-date,
.membership .point-history .content .point-history-summary .point-name,
.membership .point-history .content .point-history-summary .description { color: inherit !important;}

.membership .draft .logout { background: transparent !important;}



.membership .mypage .card .logo-image {
    margin-bottom: 15px !important;
}

/*   MEMBERSHIP POINT UI */

.membershipPoint {
	margin: 0 0 10px 0;
	font-size: 1.1em;
}
.membershipPoint__amountWrapper {
	font-weight: 400 !important;
}
.membershipPoint__amount {
	font-size: 1.4em !important;
	font-weight: 400 !important;
	}
.point-amount {
	font-size: 1.6em !important;
	font-family: 'Hind', Yu Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif !important;
	font-weight: 600 !important;
}

.membership .mypage .content .definition-description .point-history .link {
    padding: 3px 10px;
    border-radius: 4px;
}

.membership .guide .reward-list .reward-card-list .reward-card .reward-image {
    object-fit: cover !important;
}
.membership .guide .reward-list .reward-card-list .reward-card .reward-detail-wrapper .exchange-point-wrapper .exchange-point {
    font-size: inherit !important;
}