/* 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%;
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	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/ */
}

*,
*: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:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

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: #f6f6f6; /*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; }
	a:focus { outline: dotted thin; }
	#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;}



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

:root {
    --horizontal-padding: 60px;
    --vertical-padding: 60px;
	--discount-color: #ef4f5d;
	--salesperiod-color: #11ac9d;
	--mobilenav-border-color: rgba(137, 137, 137, 0.2);
	--sideAreaWidth: 240px;
}
	@media only screen and (max-width: 1200px){
		:root {
			--horizontal-padding: 45px;
			--vertical-padding: 60px;
			transition-duration: 0.3s;
			--sideAreaWidth: 220px;
		}
	}
	@media only screen and (max-width: 767px){
		:root {
			--horizontal-padding: 40px;
			--vertical-padding: 50px;
		}
	}
	@media only screen and (max-width: 480px) {
		:root {
			--horizontal-padding: 30px;
			--vertical-padding: 45px;
		}
	}



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


#headerwrap {
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 999999;
}

#headermargin { display: none; }
@media only screen and (max-width: 999px) {
	#headermargin {
		display: block;
	}
}
	/*
	@media only screen and (min-width: 999px) {
 #headerwrap.unpinned {
		transform: translateY(-100%);
	}

} 
 */
#headerwrap.unpinned {
	transform: translateY(-100%);
}





#headerwrap #shoplogo {
	display: none;
	text-align: center;
	padding: 20px 0;
	min-height: 60px;
}


.contentWrapper {
	padding-top: 0px;
}

.contentWrapper-inner { clear: both;}


/* Flex Layout */
@media only screen and (min-width: 1000px) {
	.contentWrapper-inner {
		display: flex;
		justify-content: space-between;
	}
	.contentWrapper .mainArea {
		width: calc(100% - var(--sideAreaWidth));
		padding-top: 30px;

		}
	.contentWrapper .sideArea {
		width: var(--sideAreaWidth);
		z-index: 9999;
	}
	.contentWrapper.sidebarFixedTop .sideArea .sideArea-inner {
		position: sticky;
		top: 0;
	}
    .contentWrapper.sidebarFixedTop .sideArea #shoplogo.unpinned {
        padding: 20px 30px 20px 30px;
    
    }
    .contentWrapper.sidebarFixedBottom .sideArea {
        position: sticky;
        bottom: 0px;
        align-self: flex-end;
    }


}

/* Position Layout */
/* 
.contentWrapper .sideArea {
	width: 240px;
	height: 100%;
	padding: 0 0 30px 0;
	}

/* Fixed Layout*/
/* .contentWrapper.sidebarFixed .mainArea {
	padding: 35px 0 0 240px;
	}
.contentWrapper.sidebarFixed .sideArea {
	position: fixed;
	top: 0px;
	z-index: 9;
	} */

/* Scroll Layout */
/* .contentWrapper.sidebarScroll {
	display:flex;
    flex-wrap:wrap;
}
.contentWrapper.sidebarScroll .mainArea {
	float: right;
	width: calc(100% - 240px);
	}
.contentWrapper.sidebarScroll .sideArea {
	float: left;
	} */ 



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

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

.sideArea #shoplogo {
	padding: 80px 30px 40px 30px;
	transition: .5s;
}


/* Color Set */
	.sidebarDark20 .sideArea,
	.sidebarDark20 #headerwrap {background-color: rgba(0,0,0, 0.15);}

	.sidebarDark50 .sideArea,
	.sidebarDark50 #headerwrap  {background-color: rgba(0,0,0, 0.5);}

    .sidebarDark20 .hc-offcanvas-nav .nav-container,
    .sidebarDark20 .hc-offcanvas-nav .nav-wrapper,
    .sidebarDark20 .hc-offcanvas-nav ul,
    .sidebarDark50 .hc-offcanvas-nav .nav-container,
    .sidebarDark50 .hc-offcanvas-nav .nav-wrapper,
    .sidebarDark50 .hc-offcanvas-nav ul {background-color: rgba(0,0,0, 0.5);}
	.sidebarLight20 .sideArea,
	.sidebarLight20 #headerwrap {background-color: rgba(255, 255, 255, 0.1);}
	.sidebarLight50 .sideArea,
	.sidebarLight50 #headerwrap {background-color: rgba(255, 255, 255, 0.45);}

    .sidebarLight20 .hc-offcanvas-nav .nav-container,
    .sidebarLight20 .hc-offcanvas-nav .nav-wrapper,
    .sidebarLight20 .hc-offcanvas-nav ul,
    .sidebarLight50 .hc-offcanvas-nav .nav-container,
    .sidebarLight50 .hc-offcanvas-nav .nav-wrapper,
    .sidebarLight50 .hc-offcanvas-nav ul {background-color:  rgba(255, 255, 255, .7);}


    .sidebarDark20 .hc-offcanvas-nav a,
    .sidebarDark20 .hc-offcanvas-nav .nav-item,
    .sidebarDark50 .hc-offcanvas-nav a,
    .sidebarDark50 .hc-offcanvas-nav .nav-item {
        color: #fff !important;
    }
    .sidebarLight20 .hc-offcanvas-nav a,
    .sidebarLight20 .hc-offcanvas-nav .nav-item,
    .sidebarLight50 .hc-offcanvas-nav a,
    .sidebarLight50 .hc-offcanvas-nav .nav-item {
        color: #333 !important;
    }


/* .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 p.appsItemDetailCustomTag_heading,
body.BodySerif .topIntro p.read_more,
body.HeadSansserif .headMessage,
body.HeadSerif .headMessage,
body.HeadSansserif .membership .link,
body.HeadSansserif .membership .edit,
body.HeadSansserif .membership .card,
body.HeadSerif .membership .link,
body.HeadSerif .membership .edit {font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }

body.BodySerif .headnav a,
body.BodySerif p,
body.BodySerif #BlogPinnedArticle,
body.BodySerif #newsbox,
body.BodySerif #rssbox,
body.BodySerif .itemCommon,
body.BodySerif .static_wrap,
body.BodySerif address,
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;
	}

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


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

body.HeadSansserif #shoplogo .tagline,
body.HeadSansserif #item_page_wrap header h1,
body.HeadSansserif #instagramfeed h3,
body.HeadSansserif .pagetitle h2,
body.HeadSansserif #item_page_wrap h2,
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 .widget h3,
body.HeadSansserif .flexslider .hero a,
body.HeadSansserif h2.general,
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 {
	font-family: 'Karla', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', helvetica, sans-serif;
}
body.HeadSerif #shoplogo .tagline,
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 .topIntroBody h2,
/* 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 #item_page_wrap h2,
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 .widget h3,
body.HeadSerif #utilities 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 {
	font-weight: bold;
	font-family: 'Noto Serif JP',"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
body.HeadSerif #item_page_wrap h2,
body.HeadSerif .item-title,
body.HeadSerif .static_wrap #about h2,
body.HeadSerif .static_wrap #about h3,
body.HeadSerif .widget h3,
body.HeadSerif .ChildCategories li a,
body.HeadSerif .topIntroBody h2 {font-weight: 600;}


#newsbox dl dt,
#rssbox .newsdate,
.headnav .info a,
.item-meta .waitingForSale,
.item-meta .soldout span,
.communityItemLabel.soldOutText { font-family: 'Karla', 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,
#item_page_wrap .actionbox .comingSoon,
.main #about.blogListMain .blog_publish .publish_date,
#about p.publish_date,
.communityItemPrice,
.membershipPoint__amount{
	font-family: 'Jost', Yu Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
	font-weight: 500;
	}
	#item_page_wrap #price p {
		font-size: 2em;
	}

.headnav li {
	font-size: 1em;
	font-weight: 400;
	white-space: nowrap;
	}

#item_page_wrap h1.itemTitle {
	font-size: 2.5rem;
	line-height: 1.3;
	font-weight: normal;
	position: relative;
	}
	
	#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,
#collections h2,
#newsbox h2,
#rssbox h2,
#instagramfeed h3 {
	font-size: 2.5rem;
	font-weight:600;
	}

.pagetitle h2,
.inquirySection h1 {
	font-size: 3.4rem;
	}
	.inquirySection h1:first-letter {
		text-transform: uppercase;
	}

.static_wrap #about h2,
#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;
	}

.widget h3 {
	font-weight: normal;
}

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

}

h3#relatedItems-title,
h3#itemDetail-undersection {
	font-size: 1.4em !important;
	font-weight: bold;
	letter-spacing: 1px;
}	

/* 
@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;
} */


/* SideNav
-------------------------------------------------------------- */
.sideArea h2 {
	font-weight: bold;
	padding: 4rem 2rem 1em 2em;
	}
.menu-container .imgbanner {
	padding: 0em 1.5em;
	}
.menu-container .imgbanner img {
	max-width: 100%;
}



/* header
-------------------------------------------------------------- */
#mainHeader {
	padding: 0 40px 0 30px;
	background: #fff;
	height: 35px;
	line-height: 35px;
	z-index: 9999;
	}
	.headMessage {
		line-height: 37px;
		height: 37px;
		overflow: hidden;
		font-size: .9em;
		font-weight: bold;
		opacity: .9;
		}
		.headMessage a {
			position: relative;
			padding-left: 10px;
			cursor: pointer;
		}
		.headMessage a:after {
			font-size: 12px;
			line-height: 1;
			position: absolute;
			top: .1em;
			left: -4px;			
			font-family: 'Material Icons';
			content: "\e5cc";

		}
		.headMessage a:hover {
			text-decoration: underline;
			cursor: pointer !important;
		}

        .headMessage.marquee { position: relative;}
        .headMessage.marquee span {
            display: inline-block;
            white-space: nowrap;
            padding-left: 100%;
            animation-name: MarqueeScroll;
            animation-timing-function: linear;
            animation-duration: 18s;
            animation-iteration-count: infinite;
            }
            .headMessage.marquee.normal span {animation-duration: 18s;}
            .headMessage.marquee.slow1 span {animation-duration: 25s;}
            .headMessage.marquee.slow2 span {animation-duration: 30s;}
            .headMessage.marquee.fast1 span {animation-duration: 14s;}
            .headMessage.marquee.fast2 span {animation-duration: 10s;}
            @keyframes MarqueeScroll {
                from { transform: translateX(0);}
                to { transform: translateX(-100%);}
            }

            .headMessage.marquee::before,
            .headMessage.marquee::after {
                position: absolute;
                top: 0em;
				content: "";
				width: 15px;
                height: 34px;
                z-index: 1;
            }
            .headMessage.marquee::before {left: 0px;}
            .headMessage.marquee::after {right: 0px;}


#shoplogo .tagline { font-size: 10px; text-align: center; letter-spacing: .06em; }
#shoplogo,
#headerwrap #shoplogo .taglineOrder {display: flex;}
#shoplogo.taglineUpper,
#headerwrap .taglineOrder.taglineUpper {
	flex-direction: column;
}
#shoplogo.taglineBottom,
#headerwrap .taglineOrder.taglineBottom {
	flex-direction: column-reverse;
}
#shoplogo.taglineUpper .tagline { margin: 0px 0 8px 0; }
#headerwrap .taglineOrder.taglineUpper .tagline { margin: 0px 0 0px 0;}
#shoplogo.taglineBottom .tagline { margin: 6px 0 0px 0; }
#headerwrap .taglineOrder.taglineBottom .tagline { margin: 0px 0 0px 0; }

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

#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.05em; }



#mainHeader {
	display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
	 
	}


#mainHeader .headnav {
	flex-basis: 300px;
	flex-shrink: 0;
	text-align: right;
	margin-left: auto;
	}
	#mainHeader .headnav.i18True {flex-basis: 450px;}


	
	
	#shoplogo h1{
    font-family: 'Helvetica', serif;
    word-break: break-all;
	text-align: center;
	}
	#shoplogo h1 a {
		display: inline-block;
		word-wrap: break-word;
		}
		
		#logo,
		#logo span { display: block; }	
		#logo img{
		    max-width: 100%;
		    max-height: 200px;
		    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;}


.mobileNav { display: none;}

.headnav {
	margin-bottom: -14px;
	}
	.headnav .info {
		padding-right: 18px;
		line-height: 1;
		position: relative;
		}
		.headnav .info::after {
			font-size: 22px;
			position: absolute;
			top: -1px;
			right: -2px;			
			content: "|";
			opacity: .3;
		}


.headnav li {
	color: #fff;
	font-style: normal;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 0px;
	position: relative;
	}
	.headnav li.searchicon { padding: 0 6px;}
	.headnav li.searchicon .material-icons {
		vertical-align: middle;
		font-size: 19px;
		}
	.headnav li #baseMenu li { padding: 0;}
	.headnav li:last-child {}
	.headnav li a {
		display: block;
		color: #444;
		}



	.headnav .help {
		padding-right: 15px;
		}
	.headnav .help a {
		position: relative;
		display: block;
		width: 1em;
		height: 1em;
		text-align: center;
		font-size: 8px;
		}

			.headnav .help a:before {
				font-size: 38px;
				position: absolute;
				top: 3px;
				left: 0px;			
				font-family: 'Material Icons';
				content: "\e88e";

			}
	
	
	.headnav li#basenav {vertical-align: top;}
	.headnav #baseMenu { margin-left: 5px; }
	.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: 35px;
	}

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

	.headnav li.iconed.cartstyle li.cart a::after {
		content: "\e8cc";
		font-size: 20px;	
	}
	.headnav li.iconed.cartstyle li.cart a::before {
		content: 'Cart';
		text-transform: none;
		font-family: 'Karla','Helvetica',sans-serif;
		font-weight: bold;
		font-size: 13px;
		line-height: 1.4;
		display: block;
		position: absolute;
		top: 52%;
		left: 33px;
		transform: translateY(-52%);
		-webkit-transform: translateY(-52%);
		-ms-transform: translateY(-52%);
		}

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

				.headnav li.iconed.radiusbtn {
					height: 27px;
					margin-top: 4px;
					
				}
				.headnav li.iconed.radiusbtn li a {
					height: 27px;
					border-radius: 2px;
				}

				/* BaseMenu WhiteBox */
				.headnav li.iconed.whitebg li.cart a {
					background-color: rgba(250, 250, 250, .9);
					color: #444 !important;
					-webkit-transition-duration: 0.2s;
					-moz-transition-duration: 0.2s;
					-o-transition-duration: 0.2s;
					transition-duration: 0.2s;	  
					}
					.headnav li.iconed.whitebg li.cart a:hover {
						background: #fff;
					}
				/* BaseMenu Simple */
				.headnav li.iconed.simple li.cart a::after {left: 4px;}
				.headnav li.iconed.simple li.cart a::before {left: 28px; letter-spacing: 0.8px;}

				/* BaseMenu Simple+Frame */
				.headnav li.iconed.simpleframe li.cart a {
					border: 1.3px solid;
					box-sizing: border-box;
					opacity: .9;
				}
				.headnav li.iconed.simpleframe li.cart a:hover { opacity: 1;}

				/* BaseMenu PointColored */
	
			}

     /* Cart Badge */
	.cart {
		position: relative;
	  }
	  .cart-badge {
		display: block!important;
	  }
	  .cart-qty {
		position: absolute;
		z-index: 1;
		min-width: 13px;
		padding: 0 1px;
		background: #fa5171;
		border-radius: 50%;
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		line-height: 13px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
	  }
      .badgeRed .cart-qty { background: #ff627f; }
      .badgeAc .cart-qty { background: var(--pointColor); color: var(--pointColorText);}
      .radiusbtn .cart-qty { top: 1px; left: 19px; }
      .flat .cart-qty { top: 3px; left: 19px; }
      .simple .cart-qty { top: 4px; left: 15px; }

	  .pointcolored.badgeAc .cart-qty { background: #ff627f; }

      @media only screen and (max-width: 1000px) {
        .radiusbtn .cart-qty,
        .flat .cart-qty,
        .simple .cart-qty { top: 1px; left: 5px;}
      }
    .footernav .cart-qty { top: -4px; right: -4px; }



	
    
.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;
	}


.tile,
#MainVisual,
.flexslider {
	background: #fff;
	position: relative;
	zoom: 1;
	z-index: auto;
	}
.tile img,
#MainVisual img,
.flexslider img {
    max-width: 100%;
    display: block;
    vertical-align: bottom;
    margin: 0 auto 0px auto;
    }
	.tile img,
    #MainVisual img { width: 100%;}

	#MainVisual span.center, .flexslider li.center { background-position: center center !important;}
	#MainVisual span.left, .flexslider li.left { background-position: left center !important;}
	#MainVisual span.right, .flexslider li.right { background-position: right center !important;}





.tile .hero,
#MainVisual .hero,
.flexslider .hero {
	position: absolute;
	top: 45%;
	color: #fff;
	z-index: 999;
	}
	.tile .hero,.textcenter,
	#MainVisual .hero.textcenter,
	.flexslider .hero.textcenter {
		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%;
		}
	.hero.textleft {
		left: 17%;
		width: 50%;
		-webkit-transform: translate(-17%,-50%);
		-moz-transform: translate(-17%,-50%);
		-ms-transform: translate(-17%,-50%);
		-o-transform: translate(-17%,-50%);
		transform: translate(-17%,-50%);
		text-align: left;
		}
	.hero.textright {
		right: 17%;
		width: 50%;
		-webkit-transform: translate(17%,-50%);
		-moz-transform: translate(17%,-50%);
		-ms-transform: translate(17%,-50%);
		-o-transform: translate(17%,-50%);
		transform: translate(17%,-50%);
		text-align: right;
		}

	.hero.textvertical {
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:vertical-rl;
		height: 70vh;
		top: 17%;
		}
		@media only screen and (min-width: 1000px) {
		.hero.textvertical{ top: 7%;} }
		.hero.textvertical.bordernone,
		.hero.textvertical.hero.borderbottom {top: 14%;}
		.hero.textvertical.right {right: 15%;}
		.hero.textvertical.left {left: 8%;}
		.hero.textvertical h2 {
			line-height: 1.2 !important;
			margin-left: 20px;
		}
		.hero.textvertical p.subtitle { margin: 10px 0 0 10px;}
		.hero.textvertical p.lead { margin: 40px 0 0 10px;}
		.hero.textvertical a {
			background: none !important;
			margin-top: 40px;
			margin-right: 10px;
			border-left: 1px solid;
			border-radius: 0;
			padding: 0;
		}
        @media only screen and (max-width: 1000px) {
			.hero.textvertical.bordernone,
			.hero.textvertical.hero.borderbottom {top: 18%;}
        }
		@media only screen and (max-width: 480px) {
			.hero.textvertical.bordernone,
			.hero.textvertical.hero.borderbottom {top: 20%;}
	
			.hero.textleft,
			.hero.textright {
				right: auto;
				left: 50%;
				width: 84%;
				-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;
				}
		}
	
.hero p.subtitle {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2;
	letter-spacing: 3px;
	margin-bottom: 20px;
}
.hero p.lead {
	font-size: 13px;
	margin: 20px 0 0 0;
	line-height: 1.6;
	word-break: break-all;
	overflow-wrap: break-word;
}
.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; }
.hero.sansserifNormal h2 {font-family: 'Karla', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', helvetica, sans-serif; font-weight: normal;}
.hero.sansserifBold h2 {font-family: 'Karla', '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; }

.hero.sizeL h2 {font-size: 5em;line-height: 1em;}
.hero.textvertical h2 { font-size: 5vw;}
.hero.sizeM h2 { font-size: 5vw;line-height: 1.1em;}
.hero.sizeS h2 {font-size: 3.8vw; line-height: 1.3em;}


.hero.bordernone {border:none;}
.hero.borderbox {border: 1px double #fff; padding: 30px 40px;}
.hero.borderdouble {border-top: 5px double #fff;border-bottom: 5px double #fff;padding: 30px 5px 40px 5px; border-radius: 0 !important;}
.hero.borderbottom h2 { border-bottom: 1px solid; display: inline; line-height: 1.5 !important;}
.hero.textvertical.borderbottom h2 { border-bottom:none; border-right: 1px solid; padding-right: 5px; display: inline; margin-top: 0px;}
.hero.frostgrass {
	padding: 40px 40px;
	-webkit-backdrop-filter: blur(5px) saturate(100%);
	backdrop-filter: blur(5px) saturate(100%);
	/* background-color: rgba(255, 255, 255, 0.01); */
	border-radius: 10px;
}
.hero.fillwhite { background: rgba(255, 255, 255, 0.7);padding: 40px 40px;}
.hero.fillblack { background: rgba(0, 0, 0, 0.7); padding: 40px 40px;}





/* MainVisual Hero Fadein Effects */
@keyframes hero-fadeIn-left {
    from {
        opacity: 0;
		transform: translateX(-80px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes hero-fadeIn-bottom {
    from {
        opacity: 0;
		transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes hero-fadeIn-frame {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



.tile .hero.heroFadeIn.textleft >*,
tiles .hero.heroFadeIn.textright >*,
#MainVisual .hero.heroFadeIn.textleft >*,
#MainVisual .hero.heroFadeIn.textright >*,
.slides li.flex-active-slide .hero.heroFadeIn.textleft >*,
.slides li.flex-active-slide .hero.heroFadeIn.textright >* {
	animation-name: hero-fadeIn-left;
    animation-fill-mode: both;
}
.tile .hero.heroFadeIn.textcenter >*,
#MainVisual .hero.heroFadeIn.textcenter >*,
.slides li.flex-active-slide .hero.heroFadeIn.textcenter >* {
	animation-name: hero-fadeIn-bottom;
    animation-fill-mode: both;
}

.tile .hero.heroFadeIn p.subtitle,
#MainVisual .hero.heroFadeIn p.subtitle,
.slides li.flex-active-slide .hero.heroFadeIn p.subtitle {
	animation-duration: .7s;
	animation-delay: .7s;
}
.tile .hero.heroFadeIn h2,
#MainVisual .hero.heroFadeIn h2,
.slides li.flex-active-slide .hero.heroFadeIn h2 {
	animation-duration: .8s;
	animation-delay: .8s;
	}
.tile .hero.heroFadeIn p.lead,
#MainVisual .hero.heroFadeIn p.lead,
.slides li.flex-active-slide .hero.heroFadeIn p.lead {
	animation-duration: 1s;
	animation-delay: 1s;
	}
.tile .hero.heroFadeIn a,
#MainVisual .hero.heroFadeIn a,
.slides li.flex-active-slide .hero.heroFadeIn a {
	animation-duration: 1.1s;
	animation-delay: 1.1s;
	}

/* FadeIn decolation frames too */
.tile .hero.heroFadeIn,
#MainVisual .hero.heroFadeIn,
.slides li.flex-active-slide .hero.heroFadeIn {
	animation-name: hero-fadeIn-frame;
    animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
}

	



/* TopPage Contents*/
.topIntro {
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-bottom: var(--vertical-padding);
	padding-top: var(--vertical-padding);
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.topIntro.imgLeft .topIntroImg,
.topIntro.imgRight .topIntroImg {
	flex-basis: 50%;
}
.topIntro .topIntroImg img { max-width: 100%; }
.topIntro.imgLeft .topIntroBody,
.topIntro.imgRight .topIntroBody {
	flex-basis: 45%;
}

	.topIntro.imgLeft .topIntroImg { order: 1;}
	.topIntro.imgLeft .topIntroBody { order: 2;}
	.topIntro.imgRight .topIntroImg { order: 2;}
	.topIntro.imgRight .topIntroBody { order: 1;}
	.topIntro.centerNormal { flex-direction: column; text-align: center;}
	.topIntro.centerNormal .topIntroImg { margin-bottom: 30px;}
	.topIntro.centerNormal p.read_more { text-align: center;}
	.topIntro.centerReverse {
		flex-direction: column-reverse;
		text-align: center;
	
	}
	.topIntro.centerReverse .topIntroBody { padding: 20px 0 0 0;}
	.topIntro.centerReverse .topIntroImg { margin-top: 50px;}

	/* .topIntro.imgFitLeft {
		padding: 0;
		margin-top: 100px;
		align-items: stretch;
	}
	.topIntro.imgFitLeft .topIntroImg { align-items: stretch;flex-basis: 50%;}
	.topIntro.imgFitLeft .topIntroBody {
		flex-basis: 50%;
		padding: 30px 30px 0px 30px;
	}
	.topIntro.imgFitLeft .topIntroImg img { border-radius: 0 !important;} */
	

	.topIntro.centerReverse p.read_more { text-align: center; margin-bottom: 30px;}

.topIntro h2 {
	font-weight: bold;
	font-size: 1.9rem;
	line-height: 1.5;
	margin: 0 0 30px 0;
}
.topIntro p.conceptbody {
	font-size: 1.3rem;
	line-height: 1.9;
	margin-bottom: 2rem;
}
.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;
}
/* .topIntro .read_more a {
	display: inline-block;
	position: relative;
	line-height: 1;
	font-size: 1.2rem;
	padding: 8px 12px;
	border-radius: 2px;
	background: #343434;
	color: #fff !important;
} */


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

.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;
}

/* 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) 0 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.8); color: #333;}
			#collections.black .catcard .card-title span {background: rgba(0, 0, 0, 0.8); 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 .catcard img {
		width: 100%;
		height: 100%;
		vertical-align: bottom;
		object-fit: cover;
	}

#collections.boxed .widthfix{ gap: 20px;}
#collections .widthfix {
	display: grid;
	width: 99.9%;
}
#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; }

@media only screen and (max-width: 767px){
	#collections .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 {font-size: .8rem;}
}


.BlogPinnedArticle {
	margin-bottom: 40px;
	text-align: center;
	font-size: 1.1em;
}
	.BlogPinnedArticle a {
		position: relative;	
		/* font-weight: bold; */
		padding-bottom: 2px;
		border-bottom: 1px solid;
	}
	.BlogPinnedArticle a:before {
				font-size:1.2em;
				font-family: 'Material Icons';
				content: "\e88e";
                font-weight: normal;
				position: absolute;
				top: -0.1em;
				left: -1.3em;
	}

#newsbox {
	margin-bottom: 80px;
	}


#rssbox {
	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-around;
}
#rssbox ul li {
	flex-basis: 32%;
}

#rssbox  ul li a img {
	width: 100%;
	height: 15vw;
	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 {
	border-bottom: 1px solid;
	padding: 2px 2px;
	}


		#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 10em;
			font-size: .9em;
		}


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


#homecatvisual .video {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 70vh;
  }
  #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 {
	color: #fff;
	position: absolute;
	top: 48%;
	color: #fff;
	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: 4em;
	line-height: 1.1;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
	
}
#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;
	background: none;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff !important;
	text-align: center;
	letter-spacing: 2px;
	display: inline-block;
	font-size: 1em;
	cursor: pointer;
	padding: 10px 25px;	
	border-radius: 4px;

	}
	.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: 'Karla', '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);
	
	}
.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 a {color: #696866 !important;}
	.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 {
	padding: 250px 60px 50px 60px; 
	
	margin: -60px calc(-1 * var(--horizontal-padding)) 0px calc(-1 * var(--horizontal-padding));
	margin-bottom: 40px;

}




.pagetitle  {
	padding: 0px 0 20px 0px;
}

.pagetitle h2 {
	margin: 10px 0 10px 0;
}

	.breadcrumb {
		font-size: 1.2rem;		
		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 {
		padding: 20px;
		text-align: center;
		border-top: 1px solid rgba(0, 0, 0, .1);
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.ChildCategories.upper {margin: 20px 0 40px 0;}
	.ChildCategories.bottom {margin: 50px 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_startButton {
		width: 52px !important;
		height: 52px !important;
		border-radius: 52px !important;
	}
	#x_startMessenger .msg_startButton__icon {
		line-height: 52px !important;
		font-size: 20px;
	}
}


	.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:#252525;
		color: #fff;
		cursor: pointer;
		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 a:hover { opacity: 1; }

@media only screen and (min-width: 1000px) {
	.pagetop { visibility:hidden; }
	.msg_startButton {
		right: 20px!important;
		bottom: 15px!important;
	}
}
@media only screen and (max-width: 1000px) {
	.msg_startButton {
		right: 20px!important;
		left: 20px !important;
		bottom: 15px!important;
	}

}



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

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

	body.spFloatPurchaseTrue.spFloatPurchaseBtnVisible .msg_startButton,
    body.spFloatPurchaseTrue.spFloatPurchaseBtnVisible .line_startButton {
        bottom: 74px!important;
	}
	body.spFloatPurchaseTrue.spFloatPurchaseBtnVisible .pagetop {
        bottom: 75px;
	}

    body.spFloatPurchaseTrue .footerbar { padding-bottom: 130px;}
    body.spFloatPurchaseTrue.spFloatPurchaseMsgDispNone .footerbar { padding-bottom: 90px;}

}




#utilities {
	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);
	}
#utilities {
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	justify-content:space-between;
	}
#utilities .utilityG1,
#utilities .utilityG2 {
	width: 47%;
	padding: 0 0 0px 0;
	}
	
#utilities .utility {
	margin-bottom: 30px;
}
#utilities h3 {
	font-weight: bold;
	font-size: 1.4rem;
	letter-spacing: .06em;
	margin-bottom: 20px;
	position: relative;
	padding-left: 22px;
}
#utilities h3::before{
	font-size: 1.2em;
	font-family: 'Material Icons';
	content: "\e15b";
	opacity: .3;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	}

.utility .read_more {
	text-align: right;
	margin: 10px 0;
}
.utility .read_more a {
	border-bottom: 1px solid;
	font-size: 1.1rem;
	padding: 0 2px 4px 2px;
}

/* .utility .read_more a:before {
	font-size: 14px;
	line-height: 1;;
	font-family: 'Material Icons';
	content: "\e5cc";
	position: absolute;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	} */

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

.utility.textbanner {
	background: #e87070;
	color: #fff;
	padding: 15px;
	text-align: center;
	}
	.utility.textbanner h4 {
		font-weight: 600;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 5px;
		}
		.utility.textbanner p {
			font-size: 0.85em;
		}
		.utility.textbanner a {
			display: block;
			color: #fff !important
		}
	
		
.utility.realstore #retailstoreImg {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	display: block;
	aspect-ratio: 3 / 2;

	overflow: hidden;
	margin-bottom: 20px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	cursor: pointer;		
	opacity: 1;
}
.utility.realstore #retailstoreImg:hover {
	opacity: .9;	
}


.utility.realstore dl,
.utility.realstore dt,
.utility.realstore dd {
  box-sizing: border-box;
  font-size: .94em;
}
.utility.realstore dt,
.utility.realstore dd {
  padding: 3px 10px 0 0px;
}
.utility.realstore dt {
  width: 6em;
  float: left;
}
.utility.realstore dd {
  margin-left: 6em;
  padding-bottom: 3px;
}
.utility.realstore dd:after {
  content: '';
  display: block;
  clear: both;
}



.utility.shipping .banner {
	/* border: 3px solid rgba(0, 0, 0, 0.2); */
	background: rgba(255, 255, 255, 0.08);
	opacity: 1;
	border-radius: 4px;
	padding: 20px;
}
.utility.shipping .banner {
	padding: 10px 20px 10px 10px;
	position: relative;
	}

.utility.shipping .banner .deliveryicon {
	padding:0px;
	min-height: 50px;
	padding-left: 80px;
	}
	.utility.shipping .banner .deliveryicon.noicon { padding-left: 10px;}
.utility.shipping .banner .deliveryicon:before {
	font-size: 55px;
	font-family: 'Material Icons';
	
	position: absolute;
	top: 10px;
	left: 16px;
	opacity: .9;
	}
	.utility.shipping .banner .deliveryicon.truck:before {content: "\e558";}
	.utility.shipping .banner .deliveryicon.giftbox:before {content: "\e8f6";}
	.utility.shipping .banner .deliveryicon.noicon:before {display: none;}


.utility.shipping .banner h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2;
	margin: 6px 0 4px 0;
}
.utility.shipping .banner p span {
	padding: 0 4px;
}

.utility.payment ul {font-size:0;}
.utility.payment ul li {
	font-size: 1.2rem;
	display: inline-block;
	background: rgba(255, 255, 255, 0.08);
	padding: 10px 13px;
	border-radius: 4px;
	margin: 0 10px 10px 0;
}
.utility.payment ul li span {
	font-weight: 600;
	position: relative;
	padding-left: 18px;
	}
.utility.payment ul li span:before {
	font-weight: normal;
	font-size: 14px;
	font-family: 'Material Icons';
	content: "\e5ca";
	position: absolute;
	top: 0em;
	left: 0;
	opacity: .6;
	}


.utility.payment ul li.credit {
	padding: 13px 13px;
	display: flex;
  	justify-content: flex-start;
 	 align-items: center;
	}
	.utility.payment ul li.credit.nologo {display: inline-block; padding: 10px 13px;}

.utility.payment ul li.credit span { white-space: nowrap; margin-right: 12px;}

@media only screen and (min-width: 767px) and (max-width: 1300px) {
	.utility.payment ul li.credit span { display: none;}
}
@media only screen and (max-width: 580px) {
	.utility.payment ul li.credit span { display: none;}
}


.utility.payment ul li.credit img {
	height: 35px;
	margin: 0 5px 0 0;
	background: #fff;
	padding: 3px;
	border-radius: 2px;
}
.utility.payment ul li.credit img:last-child { margin-right: 0;}
.utility.payment ul li.carrier { }
.utility.payment ul li.bank { }
.utility.payment ul li.combini { }
.utility.payment ul li.paylater { }






/* paymentLogos */
.utility.payment .paymentLogos {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.utility.payment .paymentLogos li {
    margin: 0 !important;
    display: flex;
    align-items: center;
    opacity: .9;
    background-color: #fff !important;
    border: 1px solid #eee;
    opacity: 1;
    color: #333;

    }
.utility.payment .paymentLogos .credit { padding: 8px 13px;}
.utility.payment .paymentLogos .credit img { height: 28px; padding: 0; }
.utility.payment .paymentLogos .payID img { height: 16px; }
.utility.payment .paymentLogos .paypay img { height: 18px; }
.utility.payment .paymentLogos .paypal img { height: 18px; }
.utility.payment .paymentLogos .amznpay img { height: 16px; }


@media only screen and (max-width: 480px) {
    .utility.payment .paymentLogos { gap: 8px;}

    .utility.payment .paymentLogos .credit { padding: 5px 10px;}
    .utility.payment .paymentLogos li { padding: 8px 10px; }
    .utility.payment .paymentLogos li span { font-size: .85em;}
    .utility.payment .paymentLogos .credit img { height: 26px; padding: 0; }
    .utility.payment .paymentLogos .payID img { height: 14px; }
    .utility.payment .paymentLogos .paypay img { height: 16px; }
    .utility.payment .paymentLogos .paypal img { height: 15px; }
    .utility.payment .paymentLogos .amznpay img { height: 14px; }

    .utility.payment .paymentLogos li span { padding-left: 0;}
    .utility.payment .paymentLogos li span::before { display: none;}
    
}






/* i.fa { font-size: 20px; color: rgba(0, 0, 0, 0.5);font-weight: normal; } */

.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
-------------------------------------------------------------- */

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

}
.footerbar {
	background: #2f2e2e;
	padding: 20px 50px 70px 40px;
}
.footernav {
	display: flex;
	justify-content: space-between;
}
.footernav ul.pagenav li {
	font-size: 0.75em;
	letter-spacing: .05em;
	display: inline-block;
	margin: 0 20px 0 0px;
	}
.footernav ul.pagenav li a { color: #d7d7d7 !important;}
.footernav u.pagenav li a:hover { color: #f1f1f1 !important;}


.footerFunc #baseMenu li {
	display: inline-block;
	margin: 0 6px;
}
.footerFunc #baseMenu li img {
	width: 22px;
	height: auto;
	vertical-align: bottom;
	filter: invert(100%);
	}
	

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


/* Staticpages Common
-------------------------------------------------------------- */
#contact,
#privacy,
#law { margin: 0px 0; }

.static_wrap,
.tmpBox {
    height: auto;
    font-size: 13px;
    line-height: 1.8em;
	}
	
.static_wrap #about h2,
.inquirySection h1,
#privacy h2,
#law h2 {
    letter-spacing: 1.5px;
    line-height: 1;
    margin: 0 0 30px 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;
}


.blog_inner {}
.blog_head_image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.blog_body iframe.embed.youtube {
	width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.blogtop {
	text-align: center;
	padding: 50px 0 0 0;
	}
	
	.blogtop a.button {
		border: none;
		background: #c8c8c8;
		padding: 10px 20px;
		color: #ffffff;
		border-radius: 4px;
	}


/* 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.blogListMain .blog_publish .publish_date {
    font-size: 11px;
	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.6em;
	font-weight: bold;
    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%;
}
.main #about .read_more a {
    color: inherit !important;
    font-weight: normal !important;
	border-bottom: 1px solid;
	font-size: 1em;
	padding-bottom: 4px;
}
.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
-------------------------------------------------------------- */

.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 {
	font-size: 1.1em;
	padding: 20px 0;
}

.static_wrap #about h3 {
	margin: 60px 0 20px 0;
	padding-left: 30px;
	position: relative;
}

.static_wrap #about h3::before{
	font-size: 1.2em;
	font-family: 'Material Icons';
	content: "\e15b";
	opacity: .3;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	}


#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;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
#about #payment ul li {
	display: block;
	position: relative;
	padding: 25px 0 25px 24px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	display: flex;
	}
#about #payment ul li:before {
	font-weight: normal;
	font-size: 16px;
	font-family: 'Material Icons';
	content: "\e5ca";
	position: absolute;
	top: 34px;
	left: 0px;
	}
#about #payment ul li span {
	font-weight: 600;
	font-size: 1em;
	padding: 10px 0 0 5px;
	display: block;
	flex-basis: 300px;
	
}
#about #payment ul li img {
	border: none;
	vertical-align: bottom;
	font-size: 0;
    border-radius: 3px;

    opacity: .8;
    background: #ffffff;
    border-image-outset: 1rem;
    border: 6px solid #ffffff;
    border-left-width: 10px;
    border-right-width: 10px;
    box-sizing: content-box;
    border-radius: 3px;
	
	}
#about #payment ul li.credit img { height: 32px; margin-right: 10px; }
#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: 26px; }
#about #payment ul li.bank img { height: 40px; }
#about #payment ul li.combini img { height: 35px; }
/*
#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: 60px; height: auto; padding: 5px 0;}
#about #payment ul li.carrier div img[src*=carrier_au] { width: 70px; height: auto; padding: 3px 0;}
#about #payment ul li.carrier div img[src*=carrier_softbank] { width: 75px; height: auto; }
#about #payment ul li.amznpay img { height: 25px;margin: 0px 0 0 0; padding: 8px 0 0 0;}
#about #payment ul li.paypal img { height: 35px; }
#about #payment ul li.paylater img { width: 500px; height: 100%; }
#about #payment ul li.paypay img { height: 30px; padding: 0px 0 0 0;}


#about #shipping {
	padding: 20px 0 50px 0;
}

#about .sociallinks { text-align: center; }
#about .sociallinks ul li img { width: 25px;}
 
.sociallinks {
	margin: 20px 0 35px 0;
}
.sociallinks ul {
	padding: 15px 0;
}
.sociallinks ul li {
	display: inline-block;
	font-weight: 600;
	margin: 0 5px;
}
.sociallinks ul li img { width: 20px;  }
.sociallinks ul li a:hover img { opacity: .7; }
.sociallinks ul li.tw img {background: #fff; border: 2px solid #fff; border-radius: 2px;}

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


.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;
}


/* 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 form {
    margin: 20px 0 0 0;
}
.inquirySection dl {
    text-align: left;
}
.inquirySection dl dt {
    margin-bottom: 10px;
    font-weight: 600;
	font-size: 1.1em;
}
.inquirySection dl dt span {
    font-size: 11px;
    line-height: 11px;
    margin-left: 10px;
    color: #ee6b7b;
    vertical-align: baseline;
}
.inquirySection dl dd {
    margin-bottom: 20px;
}
.inquirySection dl dd input {
    width: 80%;
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.inquirySection dl dd textarea {
    width: 80%;
    height: 135px;
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
@-moz-document url-prefix() {
    .inquirySection dl dd textarea {
        font-size: 11px;
    }
}

.control-panel {
	padding: 30px 0;
	}
.inquirySection .control-panel input#buttonLeave {
	-webkit-appearance: none;
    display: block;
    width: 50%;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    padding: 20px 0;
    text-align: center;
    border: 0;
    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 {
    background: #444;
    color: #fff;
}
#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;
}

.inquirySection .error-message {
    color: #e75858;
    font-size: 14px;
    padding: 12px;
    }
    .inquirySection .error {
        background-color: #ffe8e8;
        border-radius: 2px;
        width: 80%;
        }



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

#item_page_wrap .firstview,
#item_page_wrap .bottomPurchaseFollow {
    word-wrap: break-word;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
    }
#item_page_wrap #item-photos,
#item_page_wrap .followLeft {
	flex-basis: 50%;
	position: relative;
}
#item_page_wrap #item-body,
#item_page_wrap .followRight {
	flex-basis: 44%;
}


#item_page_wrap h1.itemTitle {
	letter-spacing: 1px;
	margin-bottom: 30px;
	}

#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 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;
}
.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: cover;
		}

#item_page_wrap .secondview {
	padding: 60px 0 0 0;
	}
#item_page_wrap .purchaseFollow {
	padding: 120px 0 30px 0;
}

/* Styles for AdditionalItemDetail App added on March 2020 */
#appsItemDetailCustom {
	clear: both;
	padding: 80px 0 0 0;
	margin: 0 auto;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading {
	font-size: inherit;
	font-weight: normal;
	font-size: 2.2rem;
}
#appsItemDetailCustom #appsItemDetailCustomTag p.appsItemDetailCustomTag_description {
	font-size: inherit;
	font-size: 1.4rem;
	line-height: 1.75em;
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_image {
	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: 1rem;
	}

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

	#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(--discount-color);
	padding: 5px 15px;
	color: #fff;
	}
	#item_page_wrap #price.price_soldout span {
		position: absolute; left: 0; top: -1em;
	}
	#item_page_wrap .soldout { font-size: 1.1rem;}
	
#item_page_wrap #price p {
	margin: 0 0 10px 0;
	padding: 0 0 3px;
	text-align: left;
	word-break: break-word;
  }
  #item_page_wrap #price p .tax {
    font-size: .7em;
    padding-left: 5px;
    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 3px 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;
    line-height: 1;
    border-radius: 2px;
    margin-left: 1em;

    }

	.item-meta .properprice { text-decoration: line-through; opacity: .7;}
	
	.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: 3px;
		padding: 2px 5px !important;
		font-weight: normal !important;
		line-height: 1;
		display: inline-block;
		
	}
	.discountprice { color: var(--discount-color); word-break: break-word;}
	.item-meta .discountprice {
        white-space: normal;
        line-height:1;
        margin-right: .4em;
        /* vertical-align: middle; */
    }
	.item-meta .discountprice:first-letter {font-size: 0.9em; margin-right: 2px;}
	.filename span {
		display: block;
		font-weight: normal;
		font-family: monospace;
		margin: 20px 0;
		font-size: 1.6rem;
		line-height: 1;
		word-break: break-all;
		letter-spacing: 0;
		background: #f3f4f4;
		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 #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: 15px;
}
.subscriptionPrice .labelBox{
    margin-bottom: 5px;
}


/* .subscriptionPrice .labelBox{
    margin-bottom: 10px;
    position: relative;
    padding-left: 2.4rem;
}
.subscriptionPrice .labelBox:before {
	position: absolute;
	top: 0px;
	left: 0;
	font-family: 'Material Icons';
    color: var(--pointColorText);
    background: var(--pointColor);
}
.subscriptionPrice.initial .labelBox:before {content: "\f784"; font-size: 2.2rem;}
.subscriptionPrice.repeat .labelBox:before {content: "\e040"; font-size: 2rem;} */




    
/* Added for the ageVerificationWarning on Nev 2021 */
.ageVerificationWarning {
	line-height: 1.5;
	font-size: 1.7em !important;
	color: #939391 !important;

	letter-spacing: -0.7px;
	
	}
.si-attentionTriangle:before {
	margin-right: 3px;
	font-size: 0.9em;
}



/* 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%;
}

.purchaseButton__btn:disabled,
.purchaseButton__btn.purchaseButton__btn--disabled,
.purchaseButton__btn.purchaseButton__btn--comingSoonStay {
	background: #ababab !important; border: none; font-weight: bold !important; cursor: not-allowed !important;
	}
.purchaseButton__btn:disabled:hover,
.purchaseButton__btn.purchaseButton__btn--disabled:hover,
.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;
    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;
    }
    
    .spFloatPurchaseBtn .purchaseButton__btn {
		margin: 0;
        padding: 15px 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;    
		}

	
	.actionbox .comingSoon {
		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;
		}
		.actionbox .comingSoon:before {
			position: absolute;
			left: 9px;
			top: 9px;
			font-size: 17px;
			font-family: 'Material Icons';
			opacity: .9;
			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 3.5px 7px;
	font-weight: bold;
	font-size: 1rem;
	line-height: 28px;
	margin-right: 3px;
	letter-spacing: .1em;
}
.item-meta .community {background: #f4bb29;}



#socialbox {
	width: 100%;
}
.sharebtn {
	margin: 60px 0 00px 0;
	font-size: 0.8em;
	text-align: right;

}
.sharebtn li {
	float: right;
	}
	.sharebtn li.facebook {
		width: 90px;
		margin: 0 0 0 0px;
		}

#item_page_wrap #embedded_tag p{
    color: #b5b5b5;
    font-size: 0.8em;
}
#item_page_wrap #embedded_tag textarea{
    width: 80%;
}



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





/* CSS_bottomPurchaseBtn */
.bottomPurchaseFollow {
    background: #f8f8f8;
    padding: 50px;
    margin: 50px 0;
    }
#item_page_wrap .bottomPurchaseFollow h1.itemTitle {
    font-size: 2rem !important;
}
#item_page_wrap .bottomPurchaseFollow #purchase_form #itemSelect { margin: 0;}
#item_page_wrap .bottomPurchaseFollow #purchase_form .purchaseButton__btn { margin-bottom: 0;}

/* 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.8);
		-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 {
	padding: 10px 0 0 0;
   text-align: right;
   clear: both;
}

#reportBtn a#openIllegalReport {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 10px;
	background: rgb(204, 204, 204);
	display: inline;
	color: #787878 !important;
	cursor: pointer;
	font-size: 11px;
	margin-top: 3px;
	text-decoration: none;
}

#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: 25px 0 20px 0;
    word-wrap: break-word;
	}
	#reviews h2.review01__title {
		padding: 0px 0 10px !important;
		position: relative;
		padding-left: 30px !important;
		}    
	#reviews h2.review01__title:before {
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: 24px;
		font-family: 'Material Icons';
		content: "\f054";
		color: #cbcbcb;
		opacity: 0.8;
		}	
	
	#reviews h2.review01__title,
	.review01__tab {
		font-family: Arial, Helvetica, 'Hiragino Sans', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
		}
	.review01__tabWrap {
		border-bottom:1px dotted #dad9d2 !important;
		border-top: 1px dotted #dad9d2 !important;
		margin-bottom: 10px;
		}
	.review01__listChild + .review01__listChild {
	    border-top: 1px dashed #ddd !important;
	    }	
	#reviews h2.review01__title {font-size: 16px !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 50px 0;
		text-align: center;
		}	
	@media only screen and (max-width: 767px){
		h3#itemDetail-undersection { margin: 0px 0 20px 0;}	
	}
	


/* View History & SaleItem Swiper */
#saleitemsBox,
#viewhistoryBox {
	padding: 20px 0 40px 0;
}
#saleitemsBox .itemThumbClm3,
#viewhistoryBox .itemThumbClm3 {
	gap: 20px 4%;
}


#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: 45% !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;
	}
	#moreItems a,
	#viewmorebtn a {
		background: #444;
		font-weight: 600;
		color: #fff;
		padding: 15px 80px;
		display: inline-block;
		margin: 0 auto;
	  -webkit-border-radius:5px;
	  -moz-border-radius:5px;
	  border-radius: 5px;
		
	}


	

/* Item Thumbnail Grid */

.itemThumbClm2 {
	display: grid;
	width: 100%;
	grid-template-columns:1fr 1fr;
	gap: 60px 5%;
}

.itemThumbClm3 {
	display: grid;
	width: 100%;
	grid-template-columns:1fr 1fr 1fr;
	gap: 50px 4%;
}

.itemThumbClm4 {
	display: grid;
	width: 100%;
	grid-template-columns:1fr 1fr 1fr 1fr;    
	grid-auto-flow: dense;
	gap: 55px 2.8%;
	}
@media only screen and (max-width: 767px) {
    .itemThumbClm4 {
        grid-template-columns:1fr 1fr 1fr;    
        gap: 50px 4%;
    }
}
@media only screen and (max-width: 480px) {
    .itemThumbClm2.spClm2 {
        gap: 30px 5%;
    }
    .itemThumbClm2.spClm1 {
        grid-template-columns:1fr;
        gap: 50px 0%;
    }
    .itemThumbClm3.spClm3,
    .itemThumbClm4.spClm3 {
        grid-template-columns:1fr 1fr 1fr;    
        gap: 30px 4%;
    }
	/* SP3Comの際に小さくする*/
	.itemThumbClm3.spClm3 .item-price,
    .itemThumbClm4.spClm3 .item-price { font-size: .85em;}
	/* .itemThumbClm3.spClm3 .item-meta .soldout span,
	.itemThumbClm3.spClm3 .item-meta .soldout span,
	.itemThumbClm3.spClm3 .item-meta .salesPeriodStatus,
	.itemThumbClm4.spClm3 .item-meta .salesPeriodStatus{ font-size: .8em;} */

    .itemThumbClm3.spClm2,
    .itemThumbClm4.spClm2 {
        grid-template-columns:1fr 1fr;    
        gap: 30px 5%;
    }
    #relatedItems.itemThumbClm3 { grid-template-columns:1fr 1fr 1fr; gap: 50px 4%; }
}


/* Radius Option */
.radius00 .hero,
.radius00 .item-thumb-wrap,
.radius00 .bottomPurchaseFollow,
.radius00 .topIntro img,
.radius00 #collections img,
.radius00 #rssbox  ul li a img,
.radius00 #AboutHeaderImg img,
.radius00 .utility.realstore a#retailstoreImg,
.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;}

.radius05 .hero,
.radius05 .item-thumb-wrap,
.radius05 .bottomPurchaseFollow,
.radius05 .topIntro img,
.radius05 #collections.boxed img,
.radius05 #rssbox  ul li a img,
.radius05 #AboutHeaderImg img,
.radius05 .utility.realstore a#retailstoreImg,
.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 { border-radius: 5px;}
.radius05 .nl-wraper-popup-right { border-bottom-right-radius: 5px; border-top-right-radius: 5px;}

.radius10 .hero,
.radius10 .item-thumb-wrap,
.radius10 .bottomPurchaseFollow,
.radius10 .topIntro img,
.radius10 #collections.boxed img,
.radius10 #rssbox  ul li a img,
.radius10 #AboutHeaderImg img,
.radius10 .utility.realstore a#retailstoreImg,
.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 { border-radius: 10px;}
.radius10 .nl-wraper-popup-right { border-bottom-right-radius: 10px; border-top-right-radius: 10px;}

.radius20 .hero,
.radius20 .item-thumb-wrap,
.radius20 .bottomPurchaseFollow,
.radius20 .topIntro img,
.radius20 #collections.boxed img,
.radius20 #rssbox  ul li a img,
.radius20 #AboutHeaderImg img,
.radius20 .utility.realstore a#retailstoreImg,
.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 { border-radius: 20px;}
.radius20 .nl-wraper-popup-right { border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
@media only screen and (max-width: 480px) {
	.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;
	}
	.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; }

.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.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
	}


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

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

	}




.item-meta {
	padding: 18px 0 0 0;
	text-align: left;
	}


.item-meta .item-title {
    margin-bottom: 15px;
    font-size: 1.4rem;
	font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;    
    }
    .itemThumbClm2 .item-meta .item-title { font-size: 1.7rem; }
    .itemThumbClm3 .item-meta .item-title,
    .itemThumbClm4 .item-meta .item-title { font-size: 1.4rem; }

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

.item-meta .item-price {
    line-height: 1;
	vertical-align: middle;
	display: block;
	line-height: 1.3;
	margin-bottom: 8px;
	word-wrap: anywhere;
	word-break: break-word;
	}
	.item-meta .item-price:first-letter {font-size: 0.9em; margin-right: 2px;}

.item-meta .soldout span,
.communityMain .communityItems .communityItem .communityItemLabel.soldOutText {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
	border-radius: 2px;
	background:#47474a;;
	padding: 4px 10px 4px 10px;
	margin-right: 3px;
	color: #fff;
	background-color: var(--discount-color);
}




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

/* 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:999999;
	  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 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;
	  color: #f00 !important;
  }
  .nl-wraper-popup-left #logo span.logoText { color: #444 !important; font-size: 13px;}
  .nl-wraper-popup-left #logo img { max-height: 35px;}

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

	#newsletter-popup p {
		margin: 0 0 20px 0;
	}

	@media only screen and (max-width: 480px) {
		
		.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 {
		font-size: 1.6em ;
		margin: 10px 0 10px 0;
		}
		#newsletter-popup h3:before { display: none;}

	}
	 
	
/* Widget */

.mailMagazine {
	padding: 50px 20vw 70px 20vw;
}
.mailMagazine.visual {
	padding: 70px 10vw 70px 10vw;
	background-size: cover;
	background-position: center center;
}
.mailMagazine.plainwhite {
	padding: 70px 10vw 70px 10vw;
	background-color: rgb(0, 0, 0, .02);
}
.mailMagazine.plaingray {
	padding: 70px 10vw 70px 10vw;
    background: rgba(255, 255, 255, 0.1);
}


.mailMagazine .onpaper {
	padding: 50px 10vw;
	border-radius: 10px;
}

@media only screen and (max-width: 767px) {
	.mailMagazine { padding: 50px 10% 70px 10%;}
	.mailMagazine.visual,
	.mailMagazine.plainwhite,
	.mailMagazine.plaingray {padding: 40px 5vw 50px 5vw;}
	.mailMagazine.visual .onpaper { padding: 50px 10vw; }
}

.mailMagazine.visual.black .onpaper {background: rgba(250, 250, 250, 0.6); color: #111;}
.mailMagazine.visual.white .onpaper {background: rgba(0, 0, 0, 0.1); color: #fff;}

.mailMagazine h3 {
	font-size: 1.9em;
	margin-bottom: 10px;
	position: relative;
	padding-left: 36px;
}
.mailMagazine h3:before {
	font-size: 2.5rem;
	position: absolute;
	top: 2px;
	left: 0;
	font-family: 'Material Icons';
	content: "\e158";
	opacity: .8;
}

.mailMagazine p { margin-bottom: 20px;}
.mailMagazineSubscribe_form {
	vertical-align: middle;
}
.mailMagazineSubscribe_form input { outline: none;}
.mailMagazine.visual .mailMagazineSubscribe_form { opacity: .9;}


/* Form */
.mailMagazineSubscribe_form input {
	margin: 0 !important;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	font-size: 1em;
	line-height: 1;
	}
	.mailMagazine .mailMagazineSubscribe_form input {
		padding: 15px !important;
		height: 50px;
		line-height: 50px;
		width: calc(100% - 100px);
	}
	#newsletter-popup .mailMagazineSubscribe_form input {
		display: block;
		text-align: center;
		width: 100%;
		padding: 15px 10px !important;
		margin-bottom: 20px !important;

	}

.mailMagazineSubscribe_form button {
	-webkit-appearance: none;
	margin: 0 !important;
	line-height: 1;
	font-size: 1em;
	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;}



    
/* 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 .footernav .blog,
.BlogAsPage .blogtitle,
.BlogAsPage .blog_publish,
.BlogAsPage .blogtop,
.BlogAsPage #rssbox { display: none;}

.BlogAsPage .blog_title h2{
	font-size: 3.5rem !important;
	font-weight: bold !important;
}
@media only screen and (max-width: 767px) {
	.BlogAsPage .blog_title h2{
		font-size: 2.6rem !important;
	padding: 0 0 0.3em 0;
	}
}
@media only screen and (max-width: 480px) {
	.BlogAsPage .blog_title {
	text-align: center !important;
	margin: 10px 0 20px 0 !important;
	}
}
/** 言語対応 
 *************************************/

.headnav #i18 {
    z-index: 2005;
    height: 35px;
}
.headnav #i18 .lang {
    position: relative;
    display: inline-block;
}
.headnav #i18 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    line-height: 1.4;
    min-width: inherit;
    vertical-align: middle;
    margin-bottom: 0 !important;
	outline: none;

}
	.headnav #i18 .lang select {
		font-size: 12px;
        vertical-align: text-bottom;
		padding: 0px 22px 0px 0px;
        height: auto;
	}
	.headnav #i18 .currency select {
		font-size: 13px;
		padding: 0px 22px 3px 0px;
        height: auto;
	}


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

	.headnav #i18 .lang:hover:before,
	.headnav #i18 .currency:hover:before { opacity: 1; }

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



.footernav .footerFunc {
	flex-basis: 170px;
	text-align: right;
	height: 35px;
}

.footernav #i18 {
	padding-bottom: 10px;
}
	.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: 35px;
    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: #f6f5f2;
	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: 4px solid #fff;
	border-radius: 8px;
	font-size: 20px;
	text-align: left;
	outline: none;
	text-align: center;
	padding: 10px 20px;
	padding-bottom: 15px;
	color: #222;
	}
	.searchbar input::placeholder { color: #222; opacity: .4;  }
	

 
#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: 1px solid #333;
	box-shadow: inset;
  	font-size: 12px;
  	text-align: left;
  	padding: 7px 5px 7px 27px;
	border-radius: 3px;
	width: -webkit-fill-available;
}
li.searchformobile form { position: relative;}
li.searchformobile form::before {
	font-size: 20px;
	position: absolute;
	top: 8px;
	left: 7px;			
	font-family: 'Material Icons';
	content: "\e8b6";
	color: #444;
	z-index: 999;
}

li.searchformobile input::-webkit-input-placeholder { color: #333 !important; }
li.searchformobile input:-moz-placeholder { color: #333 !important; }
li.searchformobile input::-moz-placeholder { color: #333 !important; }
li.searchformobile input:-ms-input-placeholder { color: #333 !important;  }


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

h2.noItemsMessage {
	font-size: 1.7rem;
}

.notfound {
	padding: 50px 10px;
	}
	.notfound h3 {
		font-weight: 600;
		padding: 0 0 0 30px;
		margin-bottom: 30px;
		line-height: 1;
		font-size: 1.1em;
		position: relative;
	}
	.notfound.categoryMap h3::before{
		font-size: 1.8em;
		font-weight: normal ;
		font-family: 'Material Icons';
		content: "\f02f";
		position: absolute;
		top: 40%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.notfound.search h3::before{
		font-size: 1.6em;
		font-weight: normal ;
		font-family: 'Material Icons';
		content: "\e312";
		position: absolute;
		top: 40%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}


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

.notfound #sinput3 {
	height:50px;
	line-height: 50px;
	width: 100%;
	font-size: 1.2em;
	padding: 5px 10px 5px 40px; 
	border-radius:5px;
	border: none;
	outline:0;
	background:#fff;
	border: 1px solid #c3c3c3;
	}
	.notfound #sinput3:focus { opacity: 1;}
.notfound #sbtn3 {
	height:30px;
	position:absolute; 
	left:8px;
	top:12px;
	background:none;
	cursor: pointer;
	border:none;
	opacity: .8;
	}


.categoryMap ul { padding: 0 0 0 0px;}
.categoryMap > ul > li {
		list-style: none;
		padding: 5px 0 15px 1.2em;
		font-weight: 600;
		position: relative;
		}
		.categoryMap > ul > li:before {
			font-size: 12px;
			position: absolute;
			top: .3em;
			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: circle;
		font-weight: normal;
		margin-left: 5px;
		padding-right: 1em;
		display: inline-block;
		position: relative;
		word-break: break-all;
		line-height: 1.2;
	}

.categoryMap ul li ul li:after {
				position: absolute;
				right: 0px;
				top: 0em;
				content: "/";
				color: rgba(0, 0, 0, 0.2);
				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,
		.notfound #sbtn3 {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) {

	#headerwrap #shoplogo { padding: 13px 0 10px 0;}
	#logo img{
		max-width: 200px;
		max-height: 80px;
		vertical-align: bottom;
		}
        #shoplogo .tagline { font-size: 10px; letter-spacing: .1em; }

	
	#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; }

	#headerwrap .taglineOrder.taglineUpper .tagline { margin: 0px 0 3px 0;}
	#headerwrap .taglineOrder.taglineBottom .tagline { margin: 5px 0 0px 0; }

	/* #headerwrap {
	    position: relative;
	} */
	.headMessage {
		font-size: 0.85em;
		line-height: 1.1 !important;
	}

	#mainHeader {
		display: block;
		height: auto;
		padding: 0 10px;
	}
	#mainHeader .headMessage {
		padding: 9px 5px;
		text-align: center;
		width: 100%;
		overflow: hidden;
		height: auto;
		line-height: 1.6;
	}


	#mainHeader .headnav{
		position: absolute;
		top: 14px;
		right: 10px;
		/*top: calc(50% - 20px);
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		*/
		}

	.headnav #i18,
	.headnav .info,
	.headnav .searchicon { display: none;}

	.headnav li.iconed.cartstyle li.cart a::before {display: none;}
	.headnav li.iconed li.cart img { width: 30px;}
	.headnav li.iconed.cartstyle li.cart a::after { font-size: 28px; left: -10px;}
	
	#headerwrap #shoplogo {
		display: block;
		display: flex;
		justify-content: center;
  		align-items: center;
		}
	
		.mainArea,
		.sideArea {
			-webkit-transition-duration: 0.2s;
			-moz-transition-duration: 0.2s;
			-o-transition-duration: 0.2s;
			transition-duration: 0.2s;
			}
		/*.mainArea { padding: 0 0 20px;}*/
		.sideArea {display: none;}

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




		#about #payment ul li.paylater {
			display: block;
			position: relative;
			text-align: right;
			}
		#about #payment ul li.paylater span { text-align: left;}
		#about #payment ul li.paylater img {margin: 20px 15px 0 auto; }


}


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

	.headMessage {
		font-size: 0.8em;
		line-height: 1.1 !important;
	}
	.headMessage {line-height: 1.2 !important;}
	.headMessage a:after { top: 0;}

	.headnav .boxed #baseMenu ul li.cart a {padding-right:12px;}
	.headnav .boxed #baseMenu ul li.cart a:after {display: none;}
	
	

	#logo img {
	    max-width: 180px;
		max-height: 50px;
		}

		#headerwrap #shoplogo .taglineOrder.mobileoff p.tagline { display: none;}
	
	#MainVisual,.flexslider{height: 60vh;}

	.flexslider-container, 
	.flexslider .slides, 
	.flex-viewport { height: 120%; }


	.hero.hero.textcenter,
	.hero.hero.textright,
	.hero.hero.textleft { width: 84%; }
	.hero p.subtitle { font-size: 1.1em; letter-spacing: 0.2em; }
	.hero h2 { font-size: 4em;}	


	.hero p.subtitle { font-size: 1.6em; }
	.hero h2 { font-size: 4.5em; margin: 10px 0 0px 0;}	
	.hero a { font-size: .8em; padding: 8px 20px;	}

	.hero.sizeL h2 {font-size: 3.5em;line-height: 1.1em;}
	.hero.sizeM h2 { font-size: 2.8em;line-height: 1.1em;}
	.hero.sizeS h2 {font-size: 2.4em; line-height: 1.1em;}
	.hero.sizeL p.subtitle { font-size: 1em; }
	.hero.sizeM p.subtitle { font-size: 1em; }
	.hero.sizeS p.subtitle { font-size: 1em;  }

	.hero.borderbox { padding: 20px 20px;}
	.hero.borderdouble { padding: 20px 15px; }
	.hero.fillwhite { padding: 20px 30px;}
	.hero.fillblack { padding: 20px 30px;}

	.hero.borderbox { padding: 30px 20px;}
	.hero.borderdouble {padding: 20px 5px 30px 5px;}
	.hero.frostgrass { padding: 30px 20px;}
	.hero.fillwhite { padding: 30px 20px;}
	.hero.fillblack { padding: 30px 20px;}


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


	.topIntro.normal,
	.topIntro.imgLeft,
	.topIntro.imgRight { display: block; text-align: center;}
	.topIntro.imgLeft .topIntroImg,
	.topIntro.imgLeft .topIntroBody,
	.topIntro.imgRight .topIntroImg,
	.topIntro.imgRight .topIntroBody,
	.topIntro.normal .topIntroImg { margin-bottom: 30px;}
	.topIntro.normal p.read_more { text-align: center;}
	
	.topIntro h2 {
		font-size: 1.5rem;
		line-height: 1.3;
		text-align: center;
		margin: 0 0 20px 0;
		
	}
	.topIntro p.conceptbody {
		font-size: 1.5rem;
	}
	.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;
		padding: 0;
		font-size: 1rem;
	}

	#category-header.boxwidth {
		padding: 20vw 60px 15vw 60px;
		margin-bottom: 30px;
	}
	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 { font-size: 2.6rem;}
	
	#item_page_wrap .firstview,
	#item_page_wrap .bottomPurchaseFollow {
		display: block;
		}
	#item_page_wrap #item-photos,
    #item_page_wrap .followLeft {
		flex-basis: auto;
	}
	#item_page_wrap #item-body,
    #item_page_wrap .followRight {
		flex-basis: auto;
	}
    #item_page_wrap .bottomPurchaseFollow {
        padding: 20px 40px;
    }

		
		#item_page_wrap h1.itemTitle { margin: 30px 0 30px 0;}
		#item_page_wrap #item-body,
		#appsItemDetailCustom,
		.secondview {
			width: auto;
			float: none;
		}
		
		#item-photos img.label_image {
			height:50px;
			width: 50px;
		}
		
		#item_page_wrap .secondview	 { padding: 0px 0 0 0;}			

		#item_page_wrap .itemCommon,
		#item_page_wrap .sharebtn,
		#reportBtn { 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;
		}
	
		.static_wrap #about h2,
		#privacy h2,
		#law h2,
        .static.pagetitle h2,
        .pagetitle h2,
        .inquirySection h1,
		h2.category-title {
            font-size: 2em;
            padding: 0 0 0.3em 0;
		}

		
		#utilities .utilityG1,
		#utilities .utilityG2 {
			width: 100%;
			padding: 10px 0 0 0;
			}



		#about #payment ul {
			margin: 20px 0;
		}
		#about #payment ul li {
			display: block;
			position: relative;
			padding: 10px 0 20px 0px;
			display: block;
			}
		#about #payment ul li:before {
			content: none;
			}
		#about #payment ul li span {
			font-weight: 600;
			font-size: 1em;
			padding: 15px 0 10px 0px;
			display: block;
			flex-basis: auto;
		}
		/* #about #payment ul li img { margin-top: 10px;} */
		#about #payment ul li.credit img { height: 30px; }
		#about #payment ul li.bank img { height: 45px; }
		#about #payment ul li.combini img { height: 45px; }
		/*
		#about #payment ul li.carrier div img { height: 25px; margin: 0 0 20px 0;  }
		#about #payment ul li.carrier div img:last-child {margin-bottom: 0;}
		#about #payment ul li.paylater img { margin: 0; max-width: 100%; }
		*/
		/* #about #payment ul li.carrier div img[src*=carrier_docomo] { width: 90px; height: auto; }
		#about #payment ul li.carrier div img[src*=carrier_au_uq] { width: 80px; height: auto;}
		#about #payment ul li.carrier div img[src*=carrier_softbank] { width: 90px; height: auto; } */
		#about #payment ul li.carrier div img { margin-right: 10px;  }
		#about #payment ul li.carrier div img:last-child {margin-right: 0;}

		#about #payment ul li.amznpay img { height: 28px;}

		#about #payment ul li.paylater {text-align: left;}
		#about #payment ul li.paylater span { text-align: left;}
		#about #payment ul li.paylater img { width: 100%; height: 100%; }


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

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


	}
	

/* Style for mobile480 */
@media only screen and (max-width: 480px) {

	#mainHeader .headMessage { font-size: .7em;}
	#headerwrap #shoplogo { padding: 12px 90px 10px 90px;}

	#logo img {
	    max-width: 130px;
	    max-height: 50px;
		}

		#shoplogo .tagline { font-size: 8px;}
		#headerwrap .taglineOrder.taglineUpper .tagline { margin: 0px 0 0px 0;}
		#headerwrap .taglineOrder.taglineBottom .tagline { margin: 4px 0 0px 0; }

		#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; }
	
		#mainHeader .headnav{
		right: 10px;
		}

	.headnav .boxed #baseMenu > ul > li a {
		padding: 5px 8px;
		margin: -1px 0 0 5px;
		border-radius: 3px;	;
	}
	/* If you want the icons without boxframe, you need to invert the images
	#baseMenu > ul > li a img {
		filter: invert(100%);
	} */

	.hero.sizeL h2 {font-size: 3em;line-height: 1.1em;}
	.hero.sizeM h2 { font-size: 2.7em;line-height: 1.1em;}
	.hero.sizeS h2 {font-size: 2.4em; line-height: 1.1em;}
	.hero.sizeL p.subtitle { font-size: .85em; }
	.hero.sizeM p.subtitle { font-size: .85em; }
	.hero.sizeS p.subtitle { font-size: .85em;  }

	#homecatvisual .hero h2 { font-size: 3.5rem;}


	.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,
	.pagetitle h2,
	.inquirySection h1,
	h2.category-title {
		font-size: 1.8em;
	}

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

		#newsbox dl {
			position: relative;
			padding: 0 0 8px 0;
			margin-top: 12px;
			border-bottom: 1px solid #eee;
			}
			#newsbox dl:last-child { border: none;}
		#newsbox dl dt {
			position: relative;

		}
		#newsbox dl dd {
			padding: 7px 0 0 0em;
			line-height: 1.6;
		}


    .itemThumbClm2 .item-meta .item-title { font-size: 1.4rem; }
    .itemThumbClm3 .item-meta .item-title,
    .itemThumbClm4 .item-meta .item-title { font-size: 1.2rem; }


	#itemthumbs { padding: 0;}

    #item_page_wrap .bottomPurchaseFollow { display: none;}
	
    #about #payment ul li.credit img { height: 28px; margin-right: 5px; border: 4px solid #ffffff;}
    #about #payment ul li.combini img {height: 35px;}
    #about #payment ul li.carrier div img[src*=carrier_docomo] { width: 55px; height: auto; }
    #about #payment ul li.carrier div img[src*=carrier_au] { width: 65px; height: auto; }
    #about #payment ul li.carrier div img[src*=carrier_softbank] { width: 65px; height: auto; }


	/* mobile480 Item Category */

	#category-header.boxwidth {
		padding: 22vw 30px 12vw 30px;
		margin-bottom: 0px;
	}
	.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,
	.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;}
	
.inquirySection .control-panel input#buttonLeave { width: 99%; }
.inquirySection dl dd input,
.inquirySection dl dd textarea { width: 96%;}
	

	

	/* mobile480 Foooter */

	.utility.shipping .banner { padding-right: 10px;}
	.utility.shipping .banner h4 { font-size: 1.3em; }
	.utility.shipping .banner .deliveryicon {	background-size: 23%; background-position: 3px 50%; }
	.utility.payment ul li {  border-radius: 4px; padding: 10px 9px; }
	.utility.payment ul li span { padding-left: 22px; }
	.utility.payment ul li span:before { top: 0;}
    .utility.payment ul li.credit img { height: 30px;}
	
	.widgetcontainer .widgetareaA { display: none;}
	.widgetcontainer .widgetareaB,
	.widgetcontainer .widgetareaC {
		width: 90%;
		margin: 0 auto;
		float: none;
		text-align: left;
		}
	.footerbar {
		padding-bottom: 80px;
	}
	.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;
			
			}

			.tile span,
			#MainVisual 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,
			ul.slides {
			margin: 0;
			padding: 0;		
			}
			
				/* Ajsutable depends on the aspectracio of the image */
				.tile span,
				#MainVisual span,
				ul.slides {margin-top: -20px;}
				.tile span,
				#MainVisual span,
				.flexslider-container, 
				.flexslider .slides, 
				.flex-viewport { height: 120%; }

				@media only screen and (max-width: 1000px) {
					.tile span,
					#MainVisual span,
					ul.slides {margin-top: -90px;}
					.tile span,
					#MainVisual span,
					.flexslider-container, 
					.flexslider .slides, 
					.flex-viewport { height: 120%; }
					}


			.flexslider,
			#MainVisual,
			.tile {
			background: #3f3f3f url(https://basefile.akamaized.net/ymtk/632e3444b44a3/laoding.png) no-repeat center center;
			background-size: 35px 35px;
			margin: 0;
			padding: 0; 
			width: 100%; 
			height: calc(100% - 150px);
			height: 95vh;
			min-height: 450px;
			border: 0px; 
			overflow: hidden;
			}
			/*#MainVisual { margin-bottom: 50px;}*/

		/* 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: 99999 !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: 0px;
		  text-align: center;
		}
		.flex-control-nav li {
		  margin: 0 6px;
		  display: inline-block;
		  zoom: 1;
		  *display: inline;
		}
		.flex-control-paging li a {
			
		  width: 8px;
		  height: 8px;
		  display: block;
		  border: 1px solid #fff;
		  cursor: pointer;
		  text-indent: -9999px;
		  -webkit-border-radius: 20px;
		  -moz-border-radius: 20px;
		  border-radius: 20px;
		}
		.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: 480px) {

	/* Disable Parallax on iOS Safari*/
	#MainVisual span,ul.slides {
	-webkit-transform: translate3d(0, 0, 0) !important;
	}



	#MainVisual.spCover span,
	.flexslider.spCover .flexslider-container, 
	.flexslider.spCover .slides, 
	.flexslider.spCover .flex-viewport { height: 120%; }

	
	#MainVisual.spContain,
	.flexslider.spContain { height:50vh;}
	#MainVisual.spContain span,
	.flexslider.spContain .slides>li,
	.flexslider.spContain .flex-viewport,
	.flexslider.spContain .slides,
	.flexslider.spContain .flexslider-container { margin-top: -35px; height:65vh;}
	#MainVisual.spContain,
	.flexslider.spContain{ min-height: 0px !important;}

	#MainVisual.spContain .hero,
	.flexslider.spContain .hero {
		top: 45%; /* move down from 48% */
	}
	#MainVisual.spContain .hero p.subtitle,
	.flexslider.spContain .hero p.subtitle { margin-bottom: 10px;font-size: 0.9em;}
	#MainVisual.spContain .hero p.lead,
	.flexslider.spContain .hero p.lead { font-size: 0.8em;}
	.spContain .hero h2 {font-size:2.2em;}

	#MainVisual.spContain .hero a,
	.flexslider.spContain .hero a {
		font-size: 0.8em;
		padding: 5px 10px;
		margin-top: 20px;
	}
}



/*
	MobileNavi
*/
.appsItemCategoryTag_lowerchild,
.appsItemCategoryTag_lowerchild li { text-indent: 0;}


/* Tweaks for ChildCategories Indent on MobileNav 2020.08.16 */
.nav-container a.appsItemCategoryTag_lowerLink {
letter-spacing:1px !important;
padding: 12px 20px 12px 32px !important;
padding: 0px 20px 16px 32px !important;
font-size:12px !important;
font-weight: normal !important;
letter-spacing: 0 !important;

}
.nav-container a.appsItemCategoryTag_lowerLink:before {
	font-size: 12px;
	position: absolute;
	top: -0.3em;
	left: 14px;
	font-family: 'Material Icons';
	content: "\e931";
	opacity: .4;
	}


.nav-content li.imgbanner img { max-width: 100%;}
.nav-content li span.material-icons {
	font-size: 18px;
    vertical-align: bottom;
    padding-right: 7px;
}

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: 999999999999;
}

.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important;
	overscroll-behavior: none;
}

.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 999999;
    top: 0;
    width: 280px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    box-sizing: border-box;
}

.hc-offcanvas-nav .nav-content {
    height: 100%;
    max-height: 100vh;
}
.hc-offcanvas-nav > .nav-container > .nav-wrapper-0 > .nav-content > ul:last-child {padding-bottom: 80px;}

.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 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 a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav a:hover {
    text-decoration: none
}

.hc-offcanvas-nav .nav-item {
    position: relative;
    display: block;
    box-sizing: border-box
}




.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
    content: '';
    position: fixed;
    z-index: 999998;
    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 .4s, opacity .4s ease;
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s;
}

.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none;
}

.hc-offcanvas-nav.nav-levels-expand .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
	}
	.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar {
		width: 3px;
		background: rgba(0, 0, 0, 0.4);
        background: transparent;
		width: 0;
	}
	.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar-thumb {
		background: rgba(239, 239, 239, .4);
	}


.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
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease .4s, -webkit-transform .4s ease;
    transition: visibility 0s ease .4s, transform .4s ease;
    transition: visibility 0s ease .4s, transform .4s ease, -webkit-transform .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;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.hc-offcanvas-nav.nav-position-left {
    left: 0
}

.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0)
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.hc-offcanvas-nav.nav-position-right {
    right: 0
}

.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0)
}

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 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%;
    height: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, -100%, 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%;
    height: auto;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hc-nav-trigger {
    position: fixed;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 20px;
    left: 20px;
    z-index: 9999999;
    width: 30px;
    min-height: 24px;
    display: none;
    cursor: pointer;
}

.hc-nav-trigger span {
    top: 50%;
    /* -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; */
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    display: block;
    position: absolute;
    left: 0;
    height: 2px;
    background: #ffffff;
    transition: all .2s ease;
	border-radius: 2px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    content: '';
    width: 100%;
}
.hc-nav-trigger span{ width: 23px;}
.hc-nav-trigger span::before { width: 27px;}
.hc-nav-trigger span::after { width: 38px;}
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after {  bottom: -10px; }


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


@-webkit-keyframes hamburger {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	50% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
}
@keyframes hamburger {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	50% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
}




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

	.hc-nav-trigger {
		top: 20px;
		left: 12px;
	}
	.hc-nav-trigger span{ width: 18px;}
	.hc-nav-trigger span::before { width: 23px;}
	.hc-nav-trigger span::after { width: 28px;}
		.hc-nav-trigger span::before { top: -8px }
	.hc-nav-trigger span::after {  bottom: -8px; }
	
}


.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hc-nav-trigger.toggle-open span::before {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.hc-nav-trigger.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
    transform: rotate(-90deg) translate3d(10px, 0, 0)
}

.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, 0.5)
}


.hc-offcanvas-nav h2 {
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    padding: 20px 17px;
}

.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item {
    padding: 12px 17px;
    font-size: 11px;
    letter-spacing: .1em;
    font-weight: 600;
    z-index: 1;
    word-break: break-all;
}


/* MEBERSHIP Nav*/
.nav-content li a.linktoguide { border-bottom: none !important; padding-bottom: 6px !important;}
.nav-content li a.linktomypage { padding-left: 30px; padding-top: 6px !important;}
.nav-content li a.linktomypage span.material-icons {
    font-size: .8em !important;
    margin: 0 0 5px 0 ;
}


.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    margin-top: -1px
}

.hc-offcanvas-nav li {
    text-align: left
}


.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 li.nav-parent .nav-item {
    padding-right: 58px
}

.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next,
.hc-offcanvas-nav li.nav-back span {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -3px;
}

.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.hc-offcanvas-nav li.nav-close span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}



.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;

	transition: all .2s ease;
}

.hc-offcanvas-nav span.nav-next::before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.hc-offcanvas-nav li.nav-back span::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-offcanvas-nav.nav-position-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    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 span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    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 span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: transparent
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
    font-size: 14px
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background .3s ease
}


.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {
    margin-top: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}


/* Color theme */


li.searchformobile input[type="search"] {
	border-color: #b0b0b0;
	background-color: rgba(255, 255, 255, .9);
}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background: #fff;
}


.hc-offcanvas-nav:not(.touch-device) a:hover {

}

.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
   
}

.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 a[href]:not([href="#"])>span.nav-next {
}

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

}

.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: none;
}

.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 .heading-wrapper h2 { font-size: 2rem !important;}
.membership .content h3 { font-size: 1.6rem !important;}

.membership .link,
.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 {
    border: 1px solid #33333324 !important;
    background-color:rgb(255, 255, 255, .3) !important
}
.membership .mypage .content .definition-description .point-expiry-date { color: inherit !important;}

.membership .mypage .reward-list .reward-card-list .reward-card .reward-image {object-fit: cover !important;}


@media only screen and (min-width: 1000px) {	
	.leave-modal-wrapper .leave-modal { left: calc(50% + 100px) !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.5em !important;
	font-weight: 400 !important;
	}
.point-amount {
	font-size: 1.3em;
	font-family: 'Jost', Yu Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif !important;
	font-weight: 500 !important;
}
.membership .mypage .content .definition-description .point-amount {
    font-size: 2em !important;
}




/* LINE BUTTON */
body.openLineTrue #x_message { display: none;}
.line_startButton {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 15px;

    cursor: pointer;
    transition: all .1s ease;
    z-index:99999;
    background-color: #06C755;
    box-shadow: 0 0 15px 0 #33425833;
}
.line_startButton:hover {
    box-shadow:0 0 15px 0 #33425880
}
.line_startButton a {
    display: block;
    
    
}

.line_startButton__icon {
    display: block;
    border-radius: 52px;
    width: 52px;
    height: 52px;
    
    background-size: 80%;
   
    background-position: center center;
    background-image: url(https://basefile.akamaized.net/ymtk/66da9799aaa34/LINE_Brand_icon.png);
    background-repeat: no-repeat;
}
.line_startButton__text {
    display: none;
}


@media only screen and (max-width: 1000px) {
	.line_startButton{
		right: 20px!important;
		left: 20px !important;
		bottom: 15px!important;
	}

}
@media only screen and (min-width: 481px) {
	
	.line_startButton {
		width: 52px !important;
		height: 52px !important;
		border-radius: 52px !important;
	}
	/* #x_startMessenger .msg_startButton__icon {
		line-height: 52px !important;
		font-size: 20px;
	} */
}

@media only screen and (max-width: 480px) {
    .line_startButton {
        align-items: center;
        border-radius: 100px;
        bottom: 20px;
        box-shadow: 0 0px 5px 0 #30303023;
        box-sizing: border-box;
        display: flex;
        height: 40px;
        justify-content: center;
        left: 0;
        margin: auto;
        position: fixed;
        right: 0;
        text-align: center;
        top: auto;
        width:230px
    }
    .line_startButton:hover {
        box-shadow:0 0 5px 0 #33425880
    }
    .line_startButton__icon {
        width: 40px;
        height: 40px;
        background-size: 35px;

        display: inline-block;
        line-height: 40px !important;
        padding:0 12px 0 0;
        vertical-align: middle;
        
    }

    .line_startButton__text {
        color: #fff;
        display: inline-block !important;
        font-size: 14px;
        font-weight: bold;
        line-height:40px;
        vertical-align: middle;
    }
}







/* Color Setting
-------------------------------------------------------------- */

	body .mainArea, a,
	.loader,.communityMain a,
	.breadcrumb,.breadcrumb li,.breadcrumb li a,
	.category .menu-dropdown-icon:before,
	#item_page_wrap p a, .static_wrap p a, .blog_body a,
	#reviews h2.review01__title:before,
	#item_page_wrap #itemAttention, #item_page_wrap #purchase_form #itemSelect label, .ageVerificationWarning,
	.attention.salesPeriod,.actionbox .comingSoon,
	.preOrder__label,.lottery__label, .takeout__label,
	button#open-modal-button,a.logout,.membership .mypage .logout,.membership .mypage .content .definition-description .edit, .membership .point-history .content .point-history-summary .point-name, .membership .point-history .content .point-history-summary .description { color: var(--textColor) !important; }
	.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after{ background-color: var(--textColor);}
	#item_page_wrap p a, .static_wrap p a,.static_wrap #privacy a, .blog_body a, .ChildCategories li a,
	.actionbox .comingSoon,.preOrder__label,.lottery__label, .takeout__label,.attention.salesPeriod,.preOrder__data.lottery__data,.takeout__data {border-color: var(--textColor);}
	.membership .mypage .content .definition-description .edit {border-color: var(--textColor) !important;}
	#membership .point-history .link { background: none !important; color: var(--textColor) !important; }
	svg.exchange-point-icon path { fill: var(--textColor);}


	#mainHeader{ background: var(--headerBarBgColor);}
    .headMessage.marquee::after {background: linear-gradient(to right, rgba(255, 255, 255, 0),var(--headerBarBgColor) 100%);}
    .headMessage.marquee::before {background: linear-gradient(to left, rgba(255, 255, 255, 0),var(--headerBarBgColor) 100%);}


	#mainHeader,.headMessage a, headerwrap a,
	.headnav li a,
	.headnav li a:visited,
	.headnav li.searchicon,.headnav li.searchicon a,
	.headnav #i18 select, .headnav #i18 select,
	.headnav #i18 .lang:before, .headnav #i18 .currency:before,
	.headnav .info::after{ color: var(--headerBarFontColor) !important;}
	#logo span{ color:var(--headerBarFontColor);}
	@media only screen and (min-width: 1000px) {
		.headnav li.iconed.simple li.cart a,
		.headnav li.iconed.simpleframe li.cart a { color:var(--headerBarFontColor) !important;}
		.headnav li.iconed.simpleframe li.cart a { border-color:var(--headerBarFontColor); }
	}

	.sidebarColor .sideArea, .sidebarColor #headerwrap,.pagetop a {background-color: var(--sideAreaColor);}
	.sidebarColor .hc-offcanvas-nav .nav-container, .sidebarColor .hc-offcanvas-nav .nav-wrapper, .sidebarColor .hc-offcanvas-nav ul {background-color: var(--sideAreaColor);}

	#shoplogo h1 a span.logoText, .sideArea, .sideArea a, .category .menu-dropdown-icon:before,.tagline,
	.hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item,.pagetop a { color: var(--sideAreaTextColor) !important;}
	.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {background-color: var(--sideAreaTextColor) !important;}
	.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { border-color: var(--sideAreaTextColor) ;}
	@media only screen and (max-width: 1000px) {.headnav li.iconed li.cart a { color:var(--sideAreaTextColor) !important;}}


	#MainVisual .hero p,
	#MainVisual .hero h2,
	.flexslider .slides .first .hero p,
	.flexslider .slides .first .hero h2 { color: var(--mainVisual1TextColor);}
	#MainVisual .hero,.flexslider .slides .first .hero { border-color: var(--mainVisual1TextColor);}
	.flexslider .slides .second .hero p,
	.flexslider .slides .second .hero h2 { color: var(--mainVisual2TextColor);}
	.flexslider .slides .second .hero { border-color: var(--mainVisual2TextColor);}
	.flexslider .slides .third .hero p,
	.flexslider .slides .third .hero h2 { color: var(--mainVisual3TextColor);}
	.flexslider .slides .third .hero { border-color: var(--mainVisual3TextColor);}


	#MainVisual .hero a,
	.flexslider .hero a,
	.salesStatus,
	#moreItems a,
	#viewmorebtn a,
	#item_page_wrap #purchase_form .purchaseButton__btn,
	#item_page_wrap #purchase_form .purchaseButton__btn:hover,
	.spFloatPurchaseBtn .purchaseButton__btn,
	.spFloatPurchaseBtn .purchaseButton__btn:hover,
	.inquirySection .control-panel input#buttonLeave,
	.inquirySection .control-panel input#buttonLeave:hover,
	.blogtop a.button,
	.mailMagazineSubscribe_form button,
	#collections.pointcolor .catcard .card-title span,
	.membershiptop a, #membership .link { background: var(--pointColor);}
	.review01__tab:after {border: 2px solid  var(--pointColor) !important;}
	.utility .read_more a:before,
	.topIntro .read_more a:before,
	.BlogPinnedArticle a:before { color: var(--pointColor); }
	@media only screen and (min-width: 1000px) {
	.headnav li.iconed.pointcolored li.cart a { background: var(--pointColor);}
	}

	.hero a,
	#moreItems a,
	#viewmorebtn a,
	.salesStatus,
	#item_page_wrap #purchase_form .purchaseButton__btn,
	#item_page_wrap #purchase_form .purchaseButton__btn:hover,
	.spFloatPurchaseBtn .purchaseButton__btn,
	.spFloatPurchaseBtn .purchaseButton__btn:hover,
	.inquirySection .control-panel input#buttonLeave,
	.inquirySection .control-panel input#buttonLeave:hover,
	.blogtop a.button,
	.mailMagazineSubscribe_form button,
	#collections.pointcolor .catcard .card-title a,
	.membershiptop a, #membership .link { color: var(--pointColorText) !important;}
	@media only screen and (min-width: 1000px) {
		.headnav li.iconed.pointcolored li.cart a {  color: var(--pointColorText) !important;}
	}

	#homecatvisual .hero,
	#homecatvisual .hero a { color: var(--homeCatVisualTextColor) !important; }
	#homecatvisual .hero a { border-color: var(--homeCatVisualTextColor); }