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

html {
    scroll-behavior: smooth;
	height: 100%;

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

*,
*: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;
}
img { max-width: 100%;}
a img {	border: 0;}


body {
	min-width: 280px;
    color: #464545;
    background: #fff;
    -webkit-font-smoothing: antialiased;    
	/* font-family: Kaku Gothic ProN,Hiragino Kaku Gothic Pro,Hiragino Sans,ヒラギノ角ゴシック,メイリオ,meiryo,MS PGothic,sans-serif; */
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	font-size: 16px;
    }



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 var(--textColor);
        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;}






/* ROOT
-------------------------------------------------------------- */

:root {
    --horizontal-padding: 60px;
    --vertical-padding: 60px;
	--discount-color: #ef4f5d;
    --soldout-color: #555859;
	--community-color: #f7ba21;
	--salesperiod-color: #11ac9d;
	--sideAreaWidth: 240px;
}
	@media only screen and (max-width: 1200px){
		:root {
			--horizontal-padding: 50px;
            --vertical-padding: 50px;
            --sideAreaWidth: 220px;
		}
	}
	@media only screen and (max-width: 1000px){
		:root {
			--horizontal-padding: 30px;
			--vertical-padding: 40px;
		}
	}
	@media only screen and (max-width: 767px){
		:root {
			--horizontal-padding: 25px;
			--vertical-padding: 25px;
		}
	}
	@media only screen and (max-width: 480px) {
		:root {
			--horizontal-padding: 22px;
			--vertical-padding: 25px;
		}
	}


/* Content Fade Effect */
.mainArea, .topMain {
    animation: fadeIn 0.4s ease-in-out 0s 1 normal;
    -webkit-animation: contentFade 0.4s  ease 0s 1 normal;
}
@keyframes contentFade {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes contentFade {
    0% {opacity: 0}
    100% {opacity: 1}
}

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

.contentWrapper-inner {
	width: 100%;
    }
    .contentWrapper-inner,
    #headNavwrap .widthfix,
    footer #utilities,
    .footerbar .widthfix,
    #instagramfeed .widthfix,
    .mailMagazine .widthfix {
        max-width: 1600px;
        margin: 0 auto;
    }

	.whitebg {
		background: #fff;
        width: 96%;
        margin: 20px auto;
	}
	@media only screen and (min-width: 1000px) {
		.whitebg .contentWrapper-inner {
			padding: 10px;
		}
	}
	


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

		}
	.contentWrapper .sideArea {
		width: var(--sideAreaWidth);
		margin: 0 0 0 25px;
	
	}
	.contentWrapper.sidebarFixedTop .sideArea .sideArea-inner {
		position: sticky;
		top: 0;
	}
 
    .contentWrapper.sidebarFixedBottom .sideArea {
        position: sticky;
        bottom: 0px;
        align-self: flex-end;
    }


     /* sideAreaDispnone */

    /* sideAreaDispnone */
    .sideAreaDispnone .sideArea { display: none;}
    #TopPage.sideAreaDispnone .contentWrapper .mainArea,
    #CategoryPage.sideAreaDispnone .contentWrapper .mainArea,
    #ItemPage.sideAreaDispnone .contentWrapper .mainArea {
        width: 100%;
        margin: 0 auto;
    }
    #PrivacyPage.sideAreaDispnone .contentWrapper .mainArea,
    #LawPage.sideAreaDispnone .contentWrapper .mainArea,
    #BlogPage.sideAreaDispnone .contentWrapper .mainArea,
	#Page.sideAreaDispnone .contentWrapper .mainArea {
		width: 90%;
        margin: 0 auto;
		max-width: 1000px;
		}
    #AboutPage.sideAreaDispnone .contentWrapper .mainArea,
    #ContactPage.sideAreaDispnone .contentWrapper .mainArea {
		width: 90%;
		max-width: 1000px;
        margin: 0 auto;
        }
    /* #AboutPage.sideAreaDispnone .static_wrap #about h2,
    #AboutPage.sideAreaDispnone .static_wrap #about h3 { text-align: center;} */



    /* sideAreaDisplimit */
    #ItemPage.sideAreaDisplimit .sideArea,
    #AboutPage.sideAreaDisplimit .sideArea,
    #ContactPage.sideAreaDisplimit .sideArea,
    #PrivacyPage.sideAreaDisplimit .sideArea,
    #LawPage.sideAreaDisplimit .sideArea,
    #BlogPage.sideAreaDisplimit .sideArea,
	#Page.sideAreaDisplimit .sideArea { display: none;} 

    #ItemPage.sideAreaDisplimit .contentWrapper .mainArea {width: 100%;}
    #AboutPage.sideAreaDisplimit .contentWrapper .mainArea,
    #ContactPage.sideAreaDisplimit .contentWrapper .mainArea,
    #PrivacyPage.sideAreaDisplimit .contentWrapper .mainArea,
    #LawPage.sideAreaDisplimit .contentWrapper .mainArea,
    #BlogPage.sideAreaDisplimit .contentWrapper .mainArea,
	#Page.sideAreaDisplimit .contentWrapper .mainArea {
		width: 90%;
        margin: 0 auto;

		max-width: 1000px;
		}

    /* #AboutPage.sideAreaDisplimit .static_wrap #about {
        max-width: 800px;
        margin: 0 auto;
        } */
			/* #AboutPage.sideAreaDisplimit .static_wrap #about h2,
			#AboutPage.sideAreaDisplimit .static_wrap #about h3 { text-align: center;} */
}

@media only screen and (min-width: 1001px) {
    /* .ChildCategories { display: none;} */
    .sideAreaDispnone .ChildCategories,
    #ItemPage.sideAreaDisplimit .ChildCategories,
    #AboutPage.sideAreaDisplimit .ChildCategories,
    #ContactPage.sideAreaDisplimit .ChildCategories,
    #PrivacyPage.sideAreaDisplimit .ChildCategories,
    #LawPage.sideAreaDisplimit .ChildCategories,
    #BlogPage.sideAreaDisplimit .ChildCategories,
    #Page.sideAreaDisplimit .ChildCategories { display: block; }
}




.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;
	}
    #TopPage .mainArea-inner {padding-top: calc(var(--vertical-padding) - 40px );}
    #TopPage .whitebg .mainArea-inner {padding-top: calc(var(--vertical-padding) - 0px );}
	
	.mainArea-inner+.mainArea-inner {
		padding-top: 0;
	}
	.whitebg .mainArea-inner {
		padding-top: calc(var(--vertical-padding) - 0px);
	}
	
	



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


	.item-title {
		font-weight: bold;
	}


.item-meta .item-price, .discountrate,.price_soldout,#item_page_wrap .soldout,
#item_page_wrap #price p, .properprice,
.communityItemPrice,
.membershipPoint__amount {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	}
    .main #about.blogListMain .blog_publish .publish_date,
    #about p.publish_date {
        font-family: "Helvetica Neue", Helvetica, sans-serif;
        font-size: inherit;
    }
	#item_page_wrap #price p {
		font-size: 1.6em;
	}

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



.sHeading,
.BlogAsPage .main #about.blogDetail .blog_title { position: relative;}

.sHeading h2 { }
.sHeading span {
    font-size: .7em;
    letter-spacing: .1em;
    display: block;
    opacity: .5;  
}

	.sh00 .sHeading span {padding: 0 0 4px 0 !important;}

    .sh01 .sHeading,
	.sh01.BlogAsPage .main #about.blogDetail .blog_title {
        padding-left: 11px;
        border-left: 4px solid var(--AccentColor);
    }
    .sh01 .static.pagetitle.sHeading,
	.sh01.BlogAsPage .main #about.blogDetail .blog_title { padding-left: 18px; }
	.sh01.BlogAsPage .main #about.blogDetail .blog_title { margin-bottom: 35px;}
	.sh01.BlogAsPage .main #about.blogDetail .blog_title h2 { padding:0 !important;}

    .sh01 .sHeading span {padding: 0 0 4px 0 !important;}


    .sh02 .sHeading h2,
	.sh02.BlogAsPage .main #about.blogDetail .blog_title h2 {
        position: relative;
        padding: 3px 0 6px 0;
        border-bottom: 3px solid var(--textColor25);
        }
		.sh02.BlogAsPage .main #about.blogDetail .blog_title h2 { padding-bottom: 5px !important;  margin-bottom: 35px;}
    .sh02 .sHeading h2::after,
	.sh02.BlogAsPage .main #about.blogDetail .blog_title h2::after{
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 20%;
        height: 3px;
        content: '';
        background: var(--AccentColor);
        }


    .sh03 .sHeading,
	.sh03.BlogAsPage .main #about.blogDetail .blog_title  {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
        padding-bottom: 25px;
        margin-bottom: 35px;
        }

    .sh03 .sHeading h2,
	.sh03.BlogAsPage .main #about.blogDetail .blog_title h2 {
        margin: 0 0 2px 0 !important;
		padding-bottom: 0 !important;
    }
    .sh03 .sHeading span { margin: 2px 0 0 0;}
    .sh03 .sHeading::after,
	.sh03.BlogAsPage .main #about.blogDetail .blog_title::after {
        position: absolute;
        bottom: 0px;
        left: calc(50% - 30px);
        width: 60px;
        height: 3px;
        content: '';
        border-radius: 2px;
        background: var(--AccentColor);
        }

    /* Heading ICON  */

    .sh04 .sHeading,
	.sh04.BlogAsPage .main #about.blogDetail .blog_title {
        padding-left: calc(var(--shIconWidth) + 7px);
        margin-bottom: 35px;
    }
    .sh04 .sHeading h2,
	.sh04.BlogAsPage .main #about.blogDetail .blog_title h2 { margin: 0 !important; padding: 0 !important;}
    .sh04 .sHeading::after,
	.sh04.BlogAsPage .main #about.blogDetail .blog_title::after {
        top: calc(50% - ( var(--shIconHeight) / 2));
        left: 0;
        position: absolute;
        content: "";
        display: inline-block;
        width: var(--shIconWidth);
        height: var(--shIconHeight);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        }



	.sh04.border .sHeading {
		border-bottom: 3px solid var(--textColor25) !important;
		padding-bottom: 4px !important;
	}
	.sh04 .sHeading::after,
	.sh04.BlogAsPage .main #about.blogDetail .blog_title::after {  top: calc( 50% - ( calc(var(--shIconHeight) + 3px) / 2) ); }
	.sh04.border .static.pagetitle.sHeading { padding-bottom: 9px !important; }
	.sh04.border .static.pagetitle.sHeading::after {  top: calc( 50% - ( calc(var(--shIconHeight) + 5px) / 2) ); }


	.sh05 .sHeading,
	.sh05.BlogAsPage .main #about.blogDetail .blog_title {
		margin-top: calc( var(--shIconHeight) + 5px );
		display: flex;
		flex-direction: column-reverse;
		text-align: center;
		margin-bottom: 35px;
		}
        .sh05 .sHeading h2,
        .sh05.BlogAsPage .main #about.blogDetail .blog_title h2 {
            margin: 0 0 2px 0 !important;
            padding: 0 !important;
        }
        .sh05 .sHeading::after,
        .sh05.BlogAsPage .main #about.blogDetail .blog_title::after {
            position: absolute;
            top: calc( (var(--shIconHeight) + 5px) * -1);
            left: calc(50% - (var(--shIconWidth) / 2));
            content: "";
            display: inline-block;
            width: var(--shIconWidth);
            height: var(--shIconHeight);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            }
			.sh05 .static.pagetitle.sHeading::after { top: calc( (var(--shIconHeight) + 10px) * -1); }



h2.general,
#collections h2,
#newsbox h2,
#rssbox h2,
#instagramfeed h3 {
	font-size: 1.4em;
    line-height: 1.3;
	font-weight: bold;
	}

.pagetitle h2,
.inquirySection h1 {
	font-size: 1.8em;
    font-weight: bold;
	}
	.inquirySection h1:first-letter {
		text-transform: uppercase;
	}

.static_wrap #about h2,
#privacy h2,
#law h2 {
	font-size: 1.8em;
	font-weight: bold;
	}
	.communityMain .communityTitle { text-align: left !important;}



.widget h3 {
	font-weight: normal;
}

#item_page_wrap h2 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;

}

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




/* SideNav
-------------------------------------------------------------- */


.sideArea .sideArea-inner {
	padding: 50px 0;
    }
    #TopPage .sideArea .sideArea-inner { padding-top: 20px;}
    #TopPage .whitebg .sideArea .sideArea-inner { padding-top: 30px;}

    
.drawerWrapper .sideArea-inner {
	padding: 20px 20px 80px 20px;
}


.menu-container { display: flex; flex-direction: column; }
.menu-container .categoryNav { order: 1;}
.menu-container .imgbanner.sidewidget { order: 2;}
.menu-container .staticNav.sidewidget { order: 3;}
.menu-container .freeNavBtn { order: 5;}
.menu-container .member-community.sidewidget { order: 7;}
.menu-container .latestBlog.sidewidget { order: 9;}


.menu-container .imgbanner.sidewidget a {
	display: block;
	margin-bottom: 15px;
}
.menu-container .imgbanner.sidewidget a img { vertical-align: bottom;}



.menu-container .categoryNav { margin-bottom: 30px;}
.menu-container .sidewidget { margin-bottom: 20px;}
.menu-container .member-community.sidewidget { margin-bottom: 30px;}

.menu-container h3 {
	font-weight: bold;
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	padding-bottom: 8px;
	line-height: 1;
	border-bottom: 3px solid var(--textColor25);
    /* border-bottom: 3px solid var(--AccentColor); */
	}
    .menu-container .categoryNav h3 { margin-top: 0;}


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

.drawerWrapper::-webkit-scrollbar { width: 5px; }
.drawerWrapper::-webkit-scrollbar-thumb { background: var(--HeaderBgColor); }
.drawerWrapper::-webkit-scrollbar-track { border-radius: 3px; }


/*
Icon Menu in Drawer
*/
.sideArea .drawerIconNav { display: none;}
.drawerIconNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--textColor10);
    padding: 10px 25px 5px 25px;
    margin-bottom: 30px;
    border-radius: 6px;
}
.drawerIconNav 
.drawerIconNav li span {
    font-size: 1.em;
    line-height: 1;
    vertical-align: bottom;
    color: var(--textColor);
    opacity: .8;
}

.drawerIconNav .cartIcon li.cart img {
    visibility: hidden;
    height: 0;
    width:1.6em;
}
.drawerIconNav .cartIcon li.cart a {
    padding: 0;
}
.drawerIconNav .cartIcon li.cart a::after {
		font-family: 'Material Symbols Outlined';
		position: absolute;
		left: 0px;
        top: -4px;
        font-size: 1.7em !important;
        opacity: .8;
    }
    .drawerIconNav .cartIcon.cartstyle li.cart a::after {top: -2px;font-size: 1.6em !important;}
    .drawerIconNav .cartIcon.bagstyle li.cart a::after {top: -4px;}



/*
 SideArea Drawer
*/
body.noscroll {
    overflow: hidden;
}

#mainArea {
    transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
	
/* :::::: toggle button :::::: */
#drawer {
	display: none;
}
label.open,
label.close {
	cursor: pointer;
	position: fixed;
}
.open {
	transform: translateX(-280px);
	z-index: 9999;
	top: 15px;
	left: 15px;
	width: 48px;
	height: 48px;
	border-radius: 5px;
	background:#333;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.open p:after {
	content: "メニュー";
	position: absolute;
	bottom: -20px;
	font-size: 11px;
	font-weight: bold;

}
.close {
	z-index: 9998;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}
#drawer:checked + .open {
	background: #333;
	transform: translateX(280px);
}
#drawer:checked + .open span {
	transform: scaleX(0);
}
#drawer:checked + .open::before {
	transform: rotate(135deg) scaleX(.9);
}
#drawer:checked + .open::after {
	transform: rotate(-135deg) scaleX(.9);
}

#drawer:checked + .open p:after { display: none;}
#drawer:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}



/* :::::: drawer menu :::::: */

#drawer:checked + .open {  transform: translateX();}

.drawerWrapper #logo {
	background: var(--HeaderBgColor);
	padding: 10px;
    font-size: 20px;
    text-align: center;
    word-break: break-all;
    }
    .drawerWrapper #logo img {
        max-width: 60%;
        max-height: 60px;
    }
.drawerWrapper {
	z-index: 100000;
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
    transform: translateX(100%);
    left: 0;
    transform: translateX(-100%);
	width: 300px;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}


#drawer:checked ~ .drawerWrapper {
	transform: none;
	display: block;
	width: 300px;
}




/* 
 Category Menu / Accordion CSS
*/

.accordion-wrapper{
	margin: 0px auto 20px;
	font-size: .85em;
	line-height: 1;
	}
.iconTrue .accordion-wrapper { margin: 15px auto 10px;}

  .accordion-check{
      display: none;
  }
  .accordion-label {
      display: block;
      position: relative;
      letter-spacing: 1px;
	  word-break: break-all;
    }
	.accordion-label a {
		display: block;
	 	line-height: 1.3;
        outline: 0;
        
	} 

  .accordion-label.hasChild:after{
      box-sizing: border-box;
      display: block;

      content: "\e145";
      font-family: 'Material Icons';
      font-size: 1.3em;
      line-height: 1;
      font-weight: normal;
      cursor: pointer !important;
      position: absolute;
      top: -4px;
      right: 0;
      line-height: 1;
      color: var(--AccentColor);
	  opacity: .8;
      pointer-events: none;
  }

  .accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 250ms grid-template-rows ease;
	background: var(--textColor10);
	border-radius: 3px;
  }
  .accordion-check:checked + .accordion-label:after{
    transform: rotate(135deg);
    transition: .3s;
  }
  .accordion-check:checked + .accordion-label + .accordion-content {
    grid-template-rows: 1fr;
    margin: 10px 0px 10px 0px;
  }
  .accordion-content > ul {
    overflow: hidden;
  }
  .accordion-content > ul li:first-child { margin-top: 10px;}
  .accordion-content > ul li.hiddenCat:first-child + li { margin-top: 10px;}
  .accordion-content > ul li:last-child { margin-bottom: 10px;}
  .accordion-content > ul li:has( + .hiddenCat:last-child) { margin-bottom: 10px;}

  .accordion-content > ul li a {
	display: block;
    outline: 0;
	font-size: 1em;
	line-height: 1.3;
	padding: .5em 1.7em;
	word-break: break-all;
	position: relative;
  }

.is_active span,
a.is_active:before{
	/* background:linear-gradient(transparent 60%, #ff6 60%); 蛍光マーカー　*/
	font-weight: bold;
}



/* 
 Category Nav Icon
*/

.categoryNav.iconTrue .accordion-label a {
	display: flex;
	justify-content: left;
	align-items: center;
}
.categoryNav.iconTrue .accordion-label i {
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 10px;
	flex-shrink: 1;
	border-radius: 2px;
	background-image: url(https://basefile.akamaized.net/ymtk/6717247ecb43a/sq.png);
	}


.categoryNav.boldweight .accordion-label { font-weight: bold; }
.categoryNav.normalweight .accordion-label { font-weight: normal; }

/* Navi Volume(Size) */
:root {
	--catNavNormal-margin: 8px;
	--catNavNormal-iconwidth: 51px;
	
	--catNavCompact-margin: 5px;
	--catNavCompact-iconwidth: 36px;

	--catNavLarge-margin: 12px;
	--catNavLarge-iconwidth: 56px;
	}

	.normal .categoryNav.iconTrue .accordion-label a i {
		min-height: var(--catNavNormal-iconwidth);
		width: var(--catNavNormal-iconwidth);
		}
	.normal .categoryNav.iconTrue .accordion-label a span {
		width: calc(100% - var(--catNavNormal-iconwidth) - 10px);
		}
    .normal .categoryNav.iconTrue .accordion-label { margin: var(--catNavNormal-margin) 0;}
 
	.compact .categoryNav.iconTrue .accordion-label a i {
		min-height: var(--catNavCompact-iconwidth);
		width: var(--catNavCompact-iconwidth);
		}
	.compact .categoryNav.iconTrue .accordion-label a span {
		width: calc(100% - var(--catNavCompact-iconwidth) - 12px);
		}
    .compact .categoryNav.iconTrue .accordion-label { margin: var(--catNavCompact-margin) 0;}
 
	.large .categoryNav.iconTrue .accordion-label a i {
		min-height: var(--catNavLarge-iconwidth);
		width: var(--catNavLarge-iconwidth);
		}
	.large .categoryNav.iconTrue .accordion-label a span {
		width: calc(100% - var(--catNavLarge-iconwidth) - 14px);
		}
    .large .categoryNav.iconTrue .accordion-label { margin: var(--catNavLarge-margin) 0;}
 

    .normal .accordion-label {padding: .9em 20px .9em 0px; font-size: 1em;}
    .normal .accordion-label.hasChild:after { padding: .9em .2em;}
    .normal .accordion-content > ul li a {  font-size: 0.95em;padding: .5em 1.7em; }
	.normal .iconTrue .accordion-label {padding:0px; font-size: 1em;}
    .normal .iconTrue .accordion-label.hasChild {padding-right: 24px;}
    .normal .iconTrue .accordion-label.hasChild:after { padding: 1.1em .2em;}
    .normal .accordion-check:checked + .accordion-label + .accordion-content { margin-top: 0px;}

    .compact .accordion-label {padding: 0.8em 20px 0.8em 0px; font-size: 0.9em;}
    .compact .accordion-label.hasChild:after { padding: 0.8em .2em;} 
	.compact .accordion-content > ul li a { font-size: 0.9em; padding: .4em 1.7em; }
    .compact .iconTrue .accordion-label {padding:0px 20px 0 0;}
	.compact .accordion-label.hasChild {padding-right: 20x;}
    .compact .accordion-label.hasChild:after { padding: 0.8em .2em;}
    .compact .accordion-check:checked + .accordion-label + .accordion-content { margin-top: 0px;}

    .large .accordion-label { padding: 1.2em 20px 1.2em 0px; font-size: 1.1em; }
    .large .accordion-label.hasChild:after { padding: 1.2em .2em;} 
    .large .iconTrue .accordion-label { padding: 0; font-size: 1.05em; }
	.large .accordion-label.hasChild {padding-right: 20px;}
    .large .accordion-label.hasChild:after { padding: 1.2em .2em;}
	.large .accordion-content > ul li a { font-size: 1em; padding: .5em 1.7em; }
    .large .accordion-check:checked + .accordion-label + .accordion-content { margin-top: 0px;}

	.normal .iconTrue .accordion-label + .accordion-content { margin-top: calc(-1 * var(--catNavNormal-margin)); }
	.compact .iconTrue .accordion-label + .accordion-content { margin-top: calc(-1 * var(--catNavCompact-margin)); }	
	.large .iconTrue .accordion-label + .accordion-content { margin-top: calc(-1 * var(--catNavLarge-margin)); }

    .normal .iconTrue .accordion-check:checked + .accordion-label + .accordion-content { margin-top: 10px;}
    .compact .iconTrue .accordion-check:checked + .accordion-label + .accordion-content { margin-top: 8px;}

	

.categoryNav .hiddenCat,
.categoryNav label.hiddenCat + .accordion-content,
.ChildCategories .hiddenCat,
.categoryMap .hiddenCat {
    display: none;
}
.hiddenCatPage .breadcrumb,
.hiddenCatPage #categoryBanner,
.hiddenCatPage .ChildCategories { display: none;}

.hiddenCatPage .categoryHeaderOn #category-header {
    display: block;
    border: none !important;
    margin: 0;
    }
    .hiddenCatPage .categoryHeaderOn #category-header .headerTitles { padding-left: 0 !important; padding-top: 0 !important;}
    .hiddenCatPage .categoryHeaderOn #category-header .headerImg { display: none;}




    /* SideArea staticNav */

.staticNav ul { margin: 10px 0;}
.staticNav ul li a {
    position: relative;
    display: block;
    padding: 1em 12px 1em 30px;
    font-size: .85em;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase;
    word-break: break-all;
    border-bottom: 1px solid var(--textColor25);
    }
    .staticNav.boldweight ul li a {font-weight: bold;}
    .staticNav.normalweight ul li a {font-weight: normal;}

    .staticNav  ul li a:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-size: 1.30em;
    position: absolute;
    left: 0px;         
    top: 48%;
    transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-48%);
    }
    .staticNav ul li.about a:before { content: "\ea12"; }
    .staticNav ul li.freeNav01 a:before,
    .staticNav ul li.freeNav02 a:before { content: "\e88e"; }
    .staticNav ul li.aboutDelivery a::before { content: "\e558";}
    .staticNav ul li.aboutPayment a::before { content: "\e870";}
    .staticNav ul li.aboutStores a::before { content: "\e0c8";}
    .staticNav ul li.aboutFaq a::before { content: "\e887";}
    .staticNav ul li.contact a:before { content: "\e0be"; }

/* 
    .staticNav.banner li.blog a:before { content: "\ef42"; }
    .staticNav.banner li.freenav01 a:before {content: "\e88e";}
    .staticNav.banner li.freenav02 a:before {content: "\ef42";}
 */

 ul.freeNavBtn { margin-bottom: 30px;}
ul.freeNavBtn li a {
    display: block;
    border: 2px solid var(--textColor10);
	background: var(--textColor10);
    border-radius: 8px;
    padding: 15px 30px;
    position: relative;
    display: block;
    line-height: 1;
    word-break: break-all;
    font-weight: bold;
    font-size: .9em;
  }
 ul.freeNavBtn li a.arrow:before { left: 10px !important; top: 40%;}

    /* Membership Nav*/
	.menu-container .membership {
        position: relative;
        padding: 10px;
		margin-bottom: 15px;
    }

	.menu-container .membership a {
		position: relative;
		display: block;
		font-size: .8em;
		padding: 1em 12px 1em 48px;
		background: #333;
		color: #fff !important;
		font-weight: bold;
		letter-spacing: .1em;
		line-height: 1;
		text-transform: uppercase;
		border-radius: 4px;
		margin-bottom: 10px;
		word-break: break-all;
		}
	.menu-container .membership a:before {
		font-family: 'Material Icons';
		font-weight: normal;
		font-size: 1.30em;
		position: absolute;
		left: 18px;
					
		top: 48%;
		transform: translateY(-45%);
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-48%);
		}
  
    .menu-container .membership a.card:before {
        top: 20px;
        content: "\e7fd";
    }
    .menu-container .membership span.heightajst {
        padding-left: 42px;
        word-break: break-all;
        line-height: 1.2;
        display: block;
        visibility: hidden;
    }
    .menu-container .membership a.card {
        position: absolute;
        inset: 0;
        padding: 14px;
        padding-left: 42px;
        line-height: 1.2;
        height: 100%;
        
    }

    .menu-container .membership a.btnincard {
        display: block;
        cursor: pointer;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        background: rgba(0, 0, 0, 0.1);
        padding: 6px 10px;
        margin: 12px 0 0px 0;
        width: 100%;

        opacity: 1;
    }
    .menu-container .membership a.btnincard:hover {background: rgba(255, 255, 255, .05);}



    /* Community Nav*/

	.menu-container .community a {
		position: relative;
		display: block;
		font-size: .8em;
		padding: 1.5em 12px 1.5em 48px;
		background: #333;
		color: #fff !important;
		font-weight: bold;
		letter-spacing: .1em;
		line-height: 1;
		text-transform: uppercase;
		border-radius: 4px;
		word-break: break-all;
		}
	.menu-container .community a:before {
		font-family: 'Material Icons';
		font-weight: normal;
		font-size: 1.8em;
		position: absolute;
		left: 15px;
					
		top: 45%;
		transform: translateY(-45%);
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-48%);
		}


  
    .menu-container .community a:before {
        content: "\f233";
    }


/* Load RSS on Sidebar */
.latestBlogList ul li a {
    display: block;
    border-bottom: 1px solid var(--textColor25);
    padding: 14px 0px;
}
.latestBlogList ul li a time {
    display: block;
    font-weight: normal;
    font-size: .8em;
	margin-bottom: 5px;
    opacity: .6;
    line-height: 1.4;
    letter-spacing: 1px;
}
.latestBlogList ul li a span {
    font-size: .9em;
	display: block;
    line-height: 1.2;
}
.latestBlog .viewall {
    text-align: right;
    font-size: .9em;
    margin: 5px 0 0 0;
}
.latestBlog .hideDate ul li a time { display: none;}

/* Disable RSS Include on ContactPage, the Script on headder disabled nither */
#ContactPage .latestBlog { display: none;}


/* header
-------------------------------------------------------------- */
header {
	background-color: var(--HeaderBgColor);
    height: auto;
	
	/* background-size: contain;
	background-position: top center; */
}
#headNavwrap.fixed {
	background-color: var(--HeaderBgColor80);
}



#shoplogo {
	padding: 25px 0 5px 0;
	}
    #shoplogo.fontsizeSS{ padding: 22px 0 2px 0; }
    #shoplogo.fontsizeS,
    #shoplogo.fontsizeR { padding: 25px 0 5px 0; }
    #shoplogo.fontsizeL { padding: 27px 0 7px 0; }
    #shoplogo.fontsizeLL,
    #shoplogo.fontsizeLLL { padding: 30px 0 10px 0; }
    #shoplogo.fontsizeLLLL { padding: 35px 0 15px 0; }


#shoplogo a { outline: 0;}
#shoplogo h1 a span.logoText { line-height: 1;}
#shoplogo.fontsizeSS h1 a span.logoText { font-size: 1.1em;  }
#shoplogo.fontsizeS h1 a span.logoText { font-size: 1.3em;  }
#shoplogo.fontsizeR h1 a span.logoText { font-size: 1.6em; }
#shoplogo.fontsizeL h1 a span.logoText { font-size: 1.9em; }
#shoplogo.fontsizeLL h1 a span.logoText { font-size: 2.2em; line-height: .8;}
#shoplogo.fontsizeLLL h1 a span.logoText { font-size: 2.5em;line-height: .8;}
#shoplogo.fontsizeLLLL h1 a span.logoText { font-size: 2.8em; line-height: .8;}

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

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




/* Header Navigation headNav */
#headNavwrap {
    width: 100%;
	position: relative;
    background-color: var(--HeaderBgColor80);
	transition: opacity 0.3s ease; /* アニメーションの設定 */
    opacity: 1;
    }
	
	#headNavwrap.fixed {
		position: fixed;
		z-index: 9990;
		top: 0;
		/* backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px); */
	}

	#headNavwrap.hidden {
		opacity: 0;
	}
	
	#headNavwrap.fixed {
		opacity: 1;
	}


    #headNavwrap.fixed #trendTags { display: none;}
    


.fixed-nav {
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.3s;
}


	#headNavwrap .widthfix {
		padding-top: 12px;
        padding-bottom: 12px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		width: 96%;
	}


    .headCatNav a, .navIcons a { outline: none;}
    /* #headNavwrap > div { border: 1px solid #222;} */
    .headCatNav {
        /* flex: 1; */
        flex-basis: 240px;
        flex-shrink: 0;
    }
    .searchbar {
        flex-grow: 2;
        padding: 0 20px 0 20px;

    }
    .navIcons {
		/* flex: 1; */
		flex-shrink: 0;
        text-align: right;
		padding-right: 15px; 

        display: flex;
    align-items: center;
    }

    @media only screen and (max-width: 1000px) {
        .headCatNav {
            flex-basis: 200px;
			flex: 0;
			flex-shrink: 0;
		}
        .navIcons {padding-right: 10px; }
	}

	@media only screen and (max-width: 767px) {
		.searchbar {
            padding: 0 15px 0 10px;
        }
	}

.headCatNav a.navOpen {
    background: rgba(255, 255, 255, 1);
	/* box-shadow: 0 0 3px rgb(0, 0, 0, .1); */
    display: block;
    cursor: pointer;
    border-radius: .5em;
    position: relative;
}
 .headCatNav a.navOpen .filler {
    background: var(--HeaderBgColor75);
    padding: 0 20px 0 55px;
    font-weight: bold;
	border-radius: .5em;
    line-height: 45px;
    word-break: keep-all;
	position: relative;
    }
    .headerBgContNormal .headCatNav a.navOpen .filler {background: var(--HeaderBgColor75);}
    .headerBgContHigh .headCatNav a.navOpen .filler {background: var(--HeaderBgColor50);}
    .headerBgContLow .headCatNav a.navOpen .filler {background: var(--HeaderBgColor90);}

	
	@media only screen and (max-width: 767px) {
		.headCatNav a.navOpen .filler { padding-right: 0;}
		.headCatNav a.navOpen {
			width: 60px;
			padding: 0;
		}
		.headCatNav a.navOpen b { font-size: 0em; line-height: 0;}
	}
 
	.navOpen div::before,
	.navOpen div::after {
		content: "";
	}
	.navOpen div span,
	.navOpen div::before,
	.navOpen div::after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: 14px;
		width: 30px;
		border-bottom: 2px solid rgb(25, 25, 25);
		transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.navOpen div::before {
		transform: translateY(-7px);
	}
	.navOpen div::after {
		transform: translateY(7px);
	}


	#shoplogo {
		display: flex;
		margin: 0 auto;
		width: 96%;
		height: auto;
		}
		
		#shoplogo h1 span.logoText { padding-bottom: 6px;}

		#shoplogo.logoCenter {
			justify-content: center;
			
			position: relative;
			
		}
		#shoplogo.logoCenter h1 { max-width: 50%;}
		#shoplogo.logoCenter h1 span.logoText {
			display: block;
			
			text-align: center;
			}


		#shoplogo.logoCenter #subNav {
			position: absolute;
			right: 10px;
			top: 28px;
			}
			#shoplogo.logoCenter #subNav li { font-weight: bold;}

            #subNav { font-size: .8em; }
            #subNav ul li { display: inline-block; }
            #subNav ul li:last-child { margin-left: 1.6em;}
            #subNav a {
                color: var(--HeaderFontColor) !important;
            }
            

            #subNav.btn { font-size: 0.7em;}
            #subNav.btn ul li:last-child { margin-left: 10px;}
            #subNav.btn li a {
                padding: 4px 10px 4px 18px;
                border-radius: 3px;
            }
            #subNav.btn.acolor li a {
                background: var(--AccentColor);
                color: var(--AccentColorText) !important;
            }
            #subNav.btn.acolor li a.arrow:before {
                left: 2px;
                color: var(--AccentColorText);
            }

            #subNav.btn.hcolor li a {
                color: var(--HeaderFontColor) !important;
                outline: 1px solid var(--HeaderFontColor70);
                outline-offset: -1px;
            }
            #subNav.btn.hcolor li a.arrow:before {
                left: 2px;
                color: var(--HeaderFontColor70);
            }



		#shoplogo.logoLeft {
			justify-content: space-between;
			align-items: center;
            padding-left: 10px;
		}
		#shoplogo.logoLeft h1 { max-width: 75%;}
		#shoplogo.logoLeft h1 span.logoText {
			display: block;
			text-align: left;
			}
            
        @media only screen and (max-width: 768px) {
            #shoplogo.logoCenter.forcelogoLeft {
                position: relative;
                right: auto;
                justify-content: space-between;
			    align-items: center;
                padding-left: 10px;
            }
            #shoplogo.logoCenter.forcelogoLeft h1 { max-width: 68%;}
            #shoplogo.logoCenter.forcelogoLeft h1 span.logoText {
                display: block;
                text-align: left;
                }
            #shoplogo.byAboutnav #subNav .freeNav{ display: none;}
            #shoplogo.byFreenav #subNav .shopInfo{ display: none;}
            #shoplogo.byAboutnav.byFreenav #subNav .freeNav{ display: none;}
            #shoplogo.byAboutnav.byFreenav #subNav .shopInfo{ display: block;}
        }




	#shoplogo h1{
    font-family: 'Helvetica', serif;
    word-break: break-all;
	}
	#shoplogo h1 a {
		display: inline-block;
		word-wrap: break-word;
		}
		
		#logo,
		#logo span { display: block; }	
		#logo img{
		    max-width: 350px;
		    max-height: 100px;
		    vertical-align: bottom;
			}

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



/* Header Nav Cart & Membershop Icon*/
   
    #baseMenu .base{ display: none; }

	
	.navIcons #baseMenu > ul > li{
		list-style: none;
		vertical-align: bottom;
	  }

	.cartIcon li.cart a {
		position: relative;
        display: inline-block;
        padding: 5px 0;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
	}

	.cartIcon li.cart img {
		visibility: hidden;
	}
	.navIcons .cartIcon li.cart a::after {
		font-family: 'Material Icons';
		font-family: 'Material Symbols Outlined';
		position: absolute;
		top: 3px;
		left: 0px;
		}

	.cartIcon.cartstyle li.cart a::after {
		content: "\e8cc";
		font-size: 34px;
	}
	.cartIcon.bagstyle li.cart a::after {
		content: "\f1cc";
		font-size: 33px;
	}

    .infoIcon,
    .memberIcon,
    .cartIcon {display: inline-block;}

    /* Items in cart */
    .cart {
        position: relative;
    }
    .cart-badge {
        display: block!important;
    }
    .cart-qty {
        position: absolute;
        z-index: 1;
        padding: 0 1px;
        min-width: 14px;
        background: var(--AccentColor);
        color: var(--AccentColorText);
        border-radius: 50%;
        font-size: 9px;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
        }
        .cartIcon.cartstyle .cart-qty { top: -3px; left: 8px;}
        .cartIcon.bagstyle .cart-qty { top: 12px; left: 10px;}

        

        @media only screen and (max-width: 999px){
            .cartIcon.cartstyle .cart-qty { top: -6px; left: 10px;}
            .cartIcon.bagstyle .cart-qty { top: 6px; left: 10px;}

            .navTextOff .cartIcon.cartstyle .cart-qty { top: 0px; left: 11px;}
            .navTextOff .cartIcon.bagstyle .cart-qty { top: 13px; left: 11px;}
        }

        .drawerIconNav .cartIcon.cartstyle .cart-qty { top: -5px; left: 6px;}
        .drawerIconNav .cartIcon.bagstyle .cart-qty { top: 7px; left: 6.5px;}

        .footernav .cart-qty {
            min-width: 13px;
            line-height: 13px;
            font-size: 8px;
            top: -3px;
            left: 7px;
        }

/*     

    .infoIcon a {
        display: inline-block;
        position: relative;
        width: 50px;
        height: 30px;
        vertical-align: bottom;

    }
    .infoIcon a:before {
		font-family: 'Material Icons';
        font-family: 'Material Symbols Outlined';
        content: "\e88e";
		font-weight: normal;
		font-size: 28px;
		position: absolute;
		left: 10px;
					
		top: 48%;
		transform: translateY(-45%);
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-48%);
		} */
    .memberIcon { margin-right: 4px;}
    .memberIcon a {
        display: inline-block;
        position: relative;        
        vertical-align: middle;
        font-weight: bold;
        padding: 5px 0px 5px 35px;
		margin-right: 5px;
        height: 30px;
        line-height: 30px;
    }
    .memberIcon a span { display: none;}
    .memberIcon a:before {
		font-family: 'Material Icons';
        content: "\e7fd";
		font-weight: normal;
		font-size: 34px;
		position: absolute;
		left: 0px;		
		top: 3px;
		}


		


@media only screen and (min-width: 1000px) {
	.memberIcon a:before,
	.cartIcon.cartstyle li.cart a::after { font-size: 30px;}
	.cartIcon.bagstyle li.cart a::after { font-size: 34px;}
	

    /* .navIcons { flex-basis: 250px;} */
	.memberIcon { margin-right: 0px;}
    .memberIcon a { margin-right: 10px; line-height: normal; }
    .memberIcon a:before { top: 0;}
    .memberIcon a span { display: block;}
    #basenav #baseMenu > ul > li {
        width: 100px;
        }
        .navIcons .cartIcon li.cart a { padding-right: 60px; line-height: 1.5em; }
        .navIcons .cartIcon li.cart a::before {
			content: 'カート';
			word-break: keep-all;
			text-transform: none;
			font-weight: bold;
			line-height: 1.4;
			display: block;
			position: absolute;
			top: 50%;
			left: 35px;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
        }
}



/* Icon Nav Text Label */
@media only screen and (max-width: 767px){
    .navTextOn a.navOpen::after {
        content: 'MENU';
		color: var(--HeaderFontColor);
        position: absolute;
        font-size: 8px;
        bottom: -4px;
        left: 15px;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .navTextOn .navOpen div span {transform: translateY(-4px);}
    .navTextOn .navOpen div::before { transform: translateY(-11px); }
    .navTextOn .navOpen div::after { transform: translateY(3px); }
}
@media only screen and (max-width: 999px){
	.navTextOn .memberIcon a:before { top: -5px;}
	.navTextOn .memberIcon a span {
		display: block;
		font-size: 8px;
		position: absolute;
		bottom: -17px;
		left: -3px;
		word-break: keep-all;
	}
	.navTextOn .cartIcon.cartstyle li.cart a::after {
		top: -5px;
		font-size: 32px;
	}
	.navTextOn .cartIcon.bagstyle li.cart a::after {
		top: -6px;
		font-size: 33px;
	}
    .navTextOff .cartIcon.bagstyle li.cart a::after {
        top: 1px;
        font-size: 36px;
    }
	.navTextOn .cartIcon li.cart a::before {
		content: 'カート';
		font-size: 8px;
		letter-spacing: 1px;
		word-break: keep-all;
		text-transform: none;
		font-weight: bold;
		line-height: 1;
		display: block;
		position: absolute;
		bottom: -6px;
		left: 3px;
		}
}

/* If HeaderBgImg is True */
.headerbgImgTrue #headNavwrap:not(.fixed) { background-color: transparent;}

.headerbgImgTrue.borderUI .headCatNav a.navOpen,
.headerbgImgTrue.borderUI .headCatNav a.navOpen .filler { background: transparent; }
.headerbgImgTrue.borderUI .headCatNav a.navOpen .filler {
	outline: 2px solid var(--HeaderFontColor70);
	outline-offset: -2px;
}
.headerbgImgTrue .searchbar div::before {
	color: #aeaeae;
}

/* TREND TAGS */
#trendTagHeader { background: #fff;}
.headerBgContNormal #trendTagHeader .filler { background: var(--HeaderBgColor67); }
.headerBgContHigh #trendTagHeader .filler { background: var(--HeaderBgColor50);}
.headerBgContLow #trendTagHeader .filler { background: var(--HeaderBgColor90);}
	#trendTagHeader dl {
		display: flex;
		padding: 13px 0;
		justify-content: left;
		align-items: center;
		flex-wrap: nowrap;
		overflow-x: scroll;
		}
    #trendTagHeader dl::-webkit-scrollbar{
        display: none;
      }
    #trendTagHeader dl dd.spacer { flex-grow: 1; }
    #trendTagHeader dl dt {
        color: var(--HeaderFontColor);
        font-size: .8em;
        margin-right: 10px;
        padding-left: 30px;
        line-height: 1;
        position: relative;
        word-break: keep-all;
        }
        #trendTagHeader dl dt::before {
            font-family: 'Material Icons';
            position: absolute;
            top: -5px;
            left: 5px;
            font-size: 22px;
            content: "\e8e5";
        }
        
    #trendTagHeader dl dd a {
        display: block;
        font-weight: bold;
        line-height: 1;
        border-radius: 3px;
        padding: 7px 9px 7px 16px;
        margin: 0 7px 0 0;
        font-size: .8em;
        position: relative;
        word-break: keep-all;
        }

        #trendTagHeader dl dd a::before {
			position: absolute;
            font-weight: normal;
			top: 7px;
			left: 6px;			
			content: "#";
        }

		#trendTagHeader dl.mono dt::before {color: var(--HeaderFontColor);}
		#trendTagHeader dl.accent dt::before {color: var(--AccentColor);}
		#trendTagHeader dl.mono dd a {
			background-color: var(--HeaderBgColor);
        	color: var(--HeaderFontColor) !important;
			}
		#trendTagHeader dl.accent dd a {
			background-color: var(--AccentColor);
			color: var(--AccentColorText) !important;
		}

        @media only screen and (max-width: 480px) {
            #trendTagHeader dt,
            #trendTagHeader dd a {font-size: .7em;}
    
        }




/* Main Slider*/	
.singleImage { position: relative;}
.singleImage img {
	width: 100%;
}

/* 3つ並びスライダー*/
section.splide.topMain.typeLoop {
	padding: 18px 0 18px 0;
}
section.splide.topMain.typeLoop .splide__slide__container {
    min-height: auto;
    max-width: 90vw;
    }
	section.splide.topMain.typeLoop.heightNormal .splide__slide__container {
		/* max-height: 40vh;
		min-height: 30vh;
		height: 43vw !important; */

        height: 55vw !important;
        max-height: 43vh;
        
	}
	section.splide.topMain.typeLoop.heightMore .splide__slide__container {
		/* max-height: 60vh;
		min-height: 36vh;
		height: 50vw !important; */

        height: 60vw !important;
        max-height: 50vh;
	}
	section.splide.topMain.typeLoop.heightLess .splide__slide__container {
		/* max-height: 33vh;
		min-height: 26vh;
		height: 40vw !important; */
        
        height: 45vw !important;
        max-height: 35vh;
	}
section.splide.topMain.typeLoop .splide__slide img {
	width: auto;
	height: 100%;
    /* border-radius: 3px; */
}


/* hoverで拡大 */
.splide__slide__container  {overflow: hidden;}
.splide__slide__container a img{
  transition: transform 0.5s ease;
  transform-origin: center;
}
.splide__slide__container a:hover img {
  transform: scale(1.05);
}





/* フェードスライダー*/
section.splide.topMain.typeFade {
	padding: 0px 0 18px 0;
}
	section.splide.topMain.typeFade.heightNormal .splide__slide__container {
		max-height: 60vh;
		height: 60vw !important;
	}
	section.splide.topMain.typeFade.heightMore .splide__slide__container {
		max-height: 75vh;
		height: 75vw !important;
	}
	section.splide.topMain.typeFade.heightLess .splide__slide__container {
		max-height: 50vh;
		height: 50vw !important;
	}
section.splide.topMain.typeFade .splide__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }


  /* Caption */
  .slideCaption {
	position: absolute;
	bottom: 20px;
	left: 20px;
  	background: #ffffffe5;
	max-width: calc(100% - 40px);
	transition: all 0.3s ease;
	border-radius: 5px;
	}
	.splide__slide__container a:hover .slideCaption { background: #fff; }
	.slideCaption p {
        font-size: clamp(0.8em, 2vw, 1em);
		font-weight: bold;
		color: #333;
		line-height: 1.4;
		padding: min(2vw,15px) min(2vw,15px) min(2vw,15px) 25px;
	}
	.slideCaption p::before {
		font-size: 1.5em;
		color: var(--AccentColor);
		font-family: 'Material Icons';
		content: "\e5cc";
		font-weight: normal;
		position: absolute;
		top: 45%;
		left: 5px;
		transform: translateY(-45%);
		-webkit-transform: translateY(-45%);
		-ms-transform: translateY(-45%);
	}
	


  /* Pagenavigation */

  .splide__arrow {
	opacity: 0.7;
	top: calc(50% - 2em);
	}
.splide__arrow {
	width: 4em;
	height: 4em;
	background: #fff;
	box-shadow: 0 0 4px rgb(0, 0, 0, .2);
	}
	.splide__arrow--next { right: 1.5em;}
	.splide__arrow--prev { left: 1.5em;}
    @media only screen and (max-width: 768px){
		.splide__arrow {
            width: 3.4em;
            height: 3.4em;
		}
	}
    @media only screen and (max-width: 480px){
        .splide__arrow {
            width: 2em;
            height: 2em;
            top: calc(50% - 1em);
        }

    }



    
.splide.topMain:not(.is-overflow) .splide__pagination {
	display: block;
  }
  .splide__pagination {
	bottom: -10px !important;
	left: auto;
	padding: 0 1em;
	position: relative;
	right: auto !important;
	z-index: 1;
	text-align: center;
	}
	.splide__pagination li { margin: 0 5px !important;}
    .splide__pagination__page {
        height: 12px;
        width: 12px;
        background-color: var(--textColor25) !important;
    }
	.splide__pagination__page.is-active {
		background-color: var(--HeaderBgColor80) !important;
		transform: scale(1) !important;
	}
	.headerBgBorder .splide__pagination__page.is-active { background-color: var(--textColor50) !important;}

		
		/* Pagenation with Number */
		.numbered .splide__pagination__page {
			height: 33px;
			width: 33px;
			background-color: var(--textColor10) !important;
		}
		.numbered .splide__pagination__page.is-active {
			background-color: var(--HeaderBgColor80) !important;
		}

		.numbered .splide__pagination {
			counter-reset: pagination-num;
		}
		.numbered .splide__pagination__page::before {
			counter-increment: pagination-num;
			content: counter( pagination-num );
			font-weight: bold;
			font-size: 13px;
			color: var(--textColor75);
		}
		.numbered .splide__pagination__page.is-active::before {
			color: var(--HeaderFontColor);
		}

		.numbered .splide__pagination__page::after{
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 7px 7px 7px;
			border-color: transparent transparent var(--textColor10) transparent;
			position: absolute;
			top: -6px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.numbered .splide__pagination__page.is-active::after {
			border-color: transparent transparent var(--HeaderBgColor75) transparent;
		}
		.headerBgBorder .numbered .splide__pagination__page.is-active  { background-color: var(--textColor25) !important;}
		.headerBgBorder .numbered .splide__pagination__page.is-active::after  { border-color: transparent transparent var(--textColor25) transparent;}






/* TopPage Contents*/
#TopContentOrder {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
}
#TopContentOrder #collections { order: 2;}
#TopContentOrder #newsbox { order: 4;}
#TopContentOrder #catItemLists { order: 6;}
#TopContentOrder #tagIndexCat { order: 8;}

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

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






.BlogPinnedArticle {
	padding: 1em 2em;
	border-radius: .5em;
	margin: 10px 0 40px 0;
	text-align: center;
    }
	.BlogPinnedArticle a {
		position: relative;	
		font-weight: bold;
		padding-bottom: 2px;
        font-size: clamp(0.8em, 2vw, 1em);
	}
	.BlogPinnedArticle a:before {
				font-size:1.2em;
				font-family: 'Material Icons';
				content: "\e88e";
                font-weight: normal;
				position: absolute;
				top: -0.1em;
				left: -1.3em;
	}
	.BlogPinnedArticle a:before { color: var(--AccentColor);}


.BlogPinnedArticle {
	background: var(--textColor10);
	border: 1px solid var(--textColor25);
	font-size: 1.1em;
	}
/* .BlogPinnedArticle.notify {
	background: #faffcf;
	border: 1px solid #ecf0cb;
	font-size: 1.2em;
	}
	.BlogPinnedArticle.notify a:before { color: #8b943f;} */
/* .BlogPinnedArticle.alert {
	background: #ffd4d4;
	border: 1px solid #e99f9f;
	font-size: 1.2em;
	}
	.BlogPinnedArticle.alert a:before { color: #f66c6c;} */


#tagIndexCat {
    
    margin-bottom: 40px;
}
#tagIndexCat ul li {
    display: inline-block;
}
#tagIndexCat ul li a {
    display: block;
    font-size: .8em;
    border: 1px solid var(--textColor25);
    border-radius: 5px;
    padding: .4em .8em;
    vertical-align: bottom;
    margin: 0 6px 12px 0;
    }
    #tagIndexCat ul li a:hover {
        border-color: var(--textColor75);
    }




/* Collections */
#collections {
	position: relative;
	padding: 0px 0 70px 0;
	/* z-index:99999; */
	}

#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: .8em;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 1px;
		text-align: center;
		padding: 6px 8px;
		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.textWhite .catcard .card-title span { color: #fff;}
			#collections.textBlack .catcard .card-title span { color: #333;}

	#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.boxed .widthfix{ gap: 15px;}

	#collections.clm4 .widthfix,
	#collections.clm3 .widthfix {
		grid-template-columns:1fr 1fr;
	}
}
@media only screen and (max-width: 480px){
	#collections.boxed .widthfix{ gap: 10px;}
	#collections .catcard .card-title span {font-size: .7em;}
}




/* Category Items List */

/* In Preview Message */
.in-preview #saleitemsBox::after,
.in-preview #viewhistoryBox::after,
.in-preview .catItemList > div::after {
	content: "※ プレビューでは表示されません。";
	display: block;
	text-align: center;
	width: 100%;
	background: var(--textColor10);
	padding: 60px;
	color: var(--textColor50);
	border-radius: 5px;
	}


.catItemList {
	padding-bottom: 80px;
}
#catItemLists .catItemList:last-child { padding-bottom: 20px;}

.catItemList > div {
	margin-bottom: 50px;
	
}
	.catItemList > div.withBg {
		margin-bottom: 30px;
		padding: 32px;
		border-radius: 10px;
	}
	.catItemList > div.withBg.Text10 { background: var(--textColor10); }
	.catItemList > div.withBg.Head30 { background: var(--HeaderBgColor30);}
	.catItemList > div.withBg + div:not(.withBg) { margin-top: 50px;}
	.catItemList > div.withBg.Head30 h2 { border-bottom: 4px solid var(--HeaderBgColor); margin-bottom: 20px; padding-bottom: 6px;}


	/* Extend Bgarea to the Edge of the window */
	.sideAreaDispnone .catItemList > div.withBg {
		padding: 40px;
		margin-left: calc(var(--horizontal-padding) * -1) ;
		margin-right: calc(var(--horizontal-padding) * -1) ;
		padding-left: var(--horizontal-padding);
		padding-right: var(--horizontal-padding);
		border-radius: 0px;
		margin-bottom: 20px;
	}
	@media only screen and (max-width: 1000px){
		.catItemList > div.withBg {
			margin-left: calc(var(--horizontal-padding) * -1) ;
			margin-right: calc(var(--horizontal-padding) * -1) ;
			padding-left: var(--horizontal-padding);
			padding-right: var(--horizontal-padding);
			border-radius: 0px;
			margin-bottom: 20px;
		}
	}

.catItemList.cilClm2 li.splide__slide {
	margin-right: 3.5%;
	width: calc(48.25%) !important;
	}
.catItemList.cilClm3 li.splide__slide {
	margin-right: 3.2%;
	width: calc(31.2%) !important;
	}
.catItemList.cilClm4 li.splide__slide {
	margin-right: 2.5%;
	width: calc(23.125%) !important;
	}
.catItemList.cilClm5 li.splide__slide {
	margin-right: 2%;
	width: calc(18.4%) !important;
	}
@media only screen and (max-width: 767px){
	.catItemList.spClm1 li.splide__slide {
		margin-right: 0;
		width: calc(100%) !important;
	}
	.catItemList.spClm2 li.splide__slide {
		margin-right: 3.5%;
		width: calc(48.25%) !important;
		}
	.catItemList.spClm3 li.splide__slide {
		margin-right: 3.2%;
		width: calc(31.2%) !important;
		}
	.catItemList.spClm4 li.splide__slide {
		margin-right: 3.5%;
		width: calc(22.375%) !important;
		}
	}
	@media only screen and (max-width: 480px){
	.catItemList.spClm4 li.splide__slide {
		margin-right: 3.2%;
		width: calc(31.2%) !important;
		}
	}



.catItemList .splide__track {
    /* overflow: unset; */
    padding: 10px 0 0 5px !important; 
}
.catItemList .splide__arrow { top: calc(50% - 2em); opacity: 1;}

.catItemList .splide__arrow {
	width: 2.8em;
	height: 2.8em;
	background: #fff;
	box-shadow: 0 0 3px rgb(0, 0, 0, .06);
	}
    .splide__arrow svg { fill: #999;}
	.catItemList .splide__arrow--next { right: -1.2em;}
	.catItemList .splide__arrow--prev { left: -1.2em;}
    .splide__arrow:disabled {opacity: 0 !important;}

    .catItemList h2.general {
        margin: 0 0 10px 0;
		padding-left: 5px;
		font-size: 1.2em;
        display: flex;
        justify-content: space-between;
        align-items: end;
		position: relative;
    }


    .catItemList h2 span.goCatPage {
        flex-shrink: 0;
        display: inline-block;
        font-size: 0.5em;
        letter-spacing: 0;
    }


/* Ranking Option */

.catItemList .ranking .splide__slide .item-box { position: relative;}
.catItemList .ranking .splide__slide .item-box:before {
    font-size: 40px;
    z-index: 9;
	font-family: 'Material Icons';
	content: "\e866";
	position: absolute;
	top: -10px;
	left: 2px;
    text-shadow: 2px 1px 3px rgba(0, 0, 0, .1);
    color: #ccc;
}

.catItemList .ranking .splide__slide .item-box:after {
    font-size:16px;
    z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
	position: absolute;
	top: 0px;
    left: 17px;
    color: #444;
}
.catItemList .ranking .splide__slide:first-child .item-box:after { content: "1";  color: #fff;}
.catItemList .ranking .splide__slide:first-child .item-box:before { color:rgb(160, 142, 42);}

.catItemList .ranking .splide__slide:nth-child(2) .item-box:after { content: "2";  color: #fff;}
.catItemList .ranking .splide__slide:nth-child(2) .item-box:before {color: rgb(165, 165, 165);}

.catItemList .ranking .splide__slide:nth-child(3) .item-box:after { content: "3";  color: #fff;}
.catItemList .ranking .splide__slide:nth-child(3) .item-box:before {color: rgb(159, 118, 76);}

.catItemList .ranking .splide__slide:nth-child(4) .item-box:after { content: "4"; }
.catItemList .ranking .splide__slide:nth-child(5) .item-box:after { content: "5"; }
.catItemList .ranking .splide__slide:nth-child(6) .item-box:after { content: "6"; }
.catItemList .ranking .splide__slide:nth-child(7) .item-box:after { content: "7"; }
.catItemList .ranking .splide__slide:nth-child(8) .item-box:after { content: "8"; }
.catItemList .ranking .splide__slide:nth-child(9) .item-box:after { content: "9"; }
.catItemList .ranking .splide__slide:nth-child(10) .item-box:after { content: "10"; left: 12px;letter-spacing: -1px; }

/* Hide LabelAppImg and GoCatPage Link */
.catItemList .ranking .splide__slide .item-box img.label_image,
.catItemList .ranking .goCatPage { display: none;}



    
#newsbox {
	margin-bottom: 40px;
	}


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

#rssbox ul {
	display: flex;
	justify-content: space-evenly;
    margin-bottom: 20px;
}
#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 {

	}
#rssbox ul li .newstitle a{
	font-size: .9em;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 2%;
}
#rssbox ul li .newsdate a{
	font-weight: 400;
    font-size: .9em;
    opacity: .6;
}
#rssbox.hideDate ul li .newsdate { display: none;}
#rssbox .viewall {
	text-align: right;
}



		#newsbox dl {
			position: relative;
			padding: 0 0 13px 0;
			margin-top: 10px;
			line-height: 1;
			border-bottom: 1px solid var(--textColor25);
			font-size: .9em;
			}
			#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 10.5em;
		}


#instagramfeed {
    padding-top: var(--vertical-padding);
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-bottom: var(--vertical-padding);
	
	}

.snptwdgt__headng {	margin: 50px 0 30px 0; }
.snptwdgt__subheadng { margin-bottom: 20px;}
.linktoinstagram {
	text-align: center;
	padding: 30px 0 30px 0;
	vertical-align: middle;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
	.linktoinstagram img { width: 20px; height: auto; vertical-align: middle; margin-right: 5px;}

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



/* Category Index
-------------------------------------------------------------- */
#categoryBanner img {
    width: 100%;
    margin-bottom: 20px;
    }
#categoryBanner + .categoryHeaderBanner .headerImg { display: none; }
#categoryBanner + .categoryHeaderBanner #category-header + .ChildCategories { padding-top: 0;}

#category-header {
	margin: 10px 0 0px 0;
}
.categoryHeaderOn #category-header {
    margin-bottom: 0 !important;
	}
		.categoryHeaderOn.border #category-header {
			border: 2px solid var(--textColor25);
			border-radius: 10px;
		}

.categoryHeaderOn #category-header {
    display: flex;
    align-items: center;
}
.categoryHeaderOn #category-header .headerImg {
    flex-shrink: 0;
    width: 30%;
    max-width: 200px;
    aspect-ratio: 1/1;
    background-size: cover;
    
    }
	.categoryHeaderOn.border #category-header .headerImg {margin: 10px;}
.categoryHeaderOn #category-header .headerTitles {
    padding: 10px 4%;
}
.categoryHeaderOn #category-header h2 {
	font-size: 1.8em;
	letter-spacing: .05em;
    line-height: 1.4;
	margin: 0;
}
@media only screen and (max-width: 768px) {
    .categoryHeaderOn #category-header .headerImg {
        width: 35%;
        margin: 4px;
        }
	.categoryHeaderOn.border #category-header .headerImg {margin: 4px;}

    /* .categoryHeaderOn #category-header .headerTitles {
        margin-left: 10px;
      } */
    .categoryHeaderOn #category-header h2 {
        padding: 0;
        font-size: 4.3vw;
    }
}

.categoryHeaderOn #category-header .headerImg {
    background-image: url(https://basefile.akamaized.net/ymtk/6717247ecb43a/sq.png);
}


.breadcrumb + .pagetitle { margin-bottom: 30px;}
.breadcrumb + .pagetitle.hasChild { margin-bottom: 0px;}
.pagetitle + #itemthumbs { margin-top: 10px;}



.pagetitle  {
	margin: 0 0 30px 0;
}

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

	.breadcrumb {
		font-size: 0.8em;
		line-height: 1.6;	
		padding: 0 0 20px 0;
		letter-spacing: 1px;
		}
		.breadcrumb li,
		.breadcrumb li a {
			display: inline;
			}
			.breadcrumb li a {
				position: relative;
				padding: 0 1.5em 0 0;
				
				}
			.breadcrumb li a:after {
				position: absolute;
				right: .5em;
				top: 0em;
				content: "/";
				color: var(--textColor50);
				}
				.breadcrumb__child .breadcrumb__notlink { color: var(--textColor75);}

    /* Child Categories List */
    /* .dispOutside .headerTitles .ChildCategories,
    .dispInside #category-header + .ChildCategories { display: none;} */
     
    .headerTitles .ChildCategories {
		padding: 5px 0 0 0;
        text-align: left;
	}
	#category-header + .ChildCategories {
		padding: 20px 0 20px 0;
	}

	.ChildCategories li {
		display: inline-block;
		margin: 0 6px 10px 0;
		word-break: break-all;
		}

		.ChildCategories li a {
			display: block;
			padding: 8px 12px;
            font-size: 0.8em;
            font-weight: bold;
            line-height: 1;
			border-radius: 4px;
            color: var(--textColor75);
			background: var(--textColor10);
            border: 1px solid var(--textColor25);
			}
            .ChildCategories li a:hover{ opacity: 1;}
    .ChildCategories.bottom {
        margin: 40px 0 0 0;
    }
		



	


/* 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 {
	background: #fff;
}
.headerBgContNormal #pagetop .filler { background: var(--HeaderBgColor50); }
.headerBgContHigh #pagetop .filler { background: var(--HeaderBgColor50); }
.headerBgContLow #pagetop .filler { background: var(--HeaderBgColor75); }

	#pagetop a {
        text-align: center;
		color: var(--HeaderFontColor) !important;
		font-weight: bold;
		font-size: .8em;
		display: block;
		padding: 20px;
	}
	
	#pagetop .material-icons {
		vertical-align: bottom;
		opacity: .7;
		margin-right: 5px;
	}
	





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


	.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 .footerbar { padding-bottom: 130px;}
    body.spFloatPurchaseTrue.spFloatPurchaseMsgDispNone .footerbar { padding-bottom: 90px;}


    /* メッセージを非表示 */
    .spFloatPurchaseBtn .easyOverseasSales .easyOverseasSales__label,
    .spFloatPurchaseBtn .easyOverseasSales .easyOverseasSalesArea { display: none; }
    /* パディングを0に */
    .spFloatPurchaseBtn .easyOverseasSales { padding: 0 !important;}

}



/* Utilities Footer */
#mainFooter { background: #fff;}
#mainFooter .filler {
    clear: both;
    text-align: left;
    background: var(--HeaderBgColor75);
	padding-left: var(--horizontal-padding);
	padding-right: var(--horizontal-padding);
	padding-top: var(--vertical-padding);
	padding-bottom: calc(var(--vertical-padding) - 30px);
	}
    #mainFooter a {
        color: var(--HeaderFontColor) !important;
    }
    .headerBgContNormal #mainFooter .filler { background: var(--HeaderBgColor75);}
    .headerBgContHigh #mainFooter .filler { background: var(--HeaderBgColor);}
    .headerBgContLow #mainFooter .filler { background: var(--HeaderBgColor90);}


#utilities {
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
	justify-content:space-between;
	}
#utilities .utilityG1,
#utilities .utilityG2 {
	width: 48%;
	padding: 0 0 0px 0;
	}
	
#utilities .utility {
	margin-bottom: 30px;
    
}
#utilities h3 {
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: .06em;
	margin-bottom: 20px;
	position: relative;
	padding-left: 1.5em;
    }
#utilities h3::before{
	font-size: 1.1em;
	font-family: 'Material Icons';
	content: "\e15b";
	opacity: .5;
	position: absolute;
	top: 40%;
	left: 0%;
	transform: translateY(-40%);
	-webkit-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	}

.utility .read_more {
	text-align: right;
	margin: 15px 0;
}
.utility .read_more a {
    font-weight: bold;
	font-size: 0.9em;
	padding: 0 2px 4px 2px;
}



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

		
.utility.realstore #retailstoreImg {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	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.sociallinks {
	text-align: right;
}


.utility {color: var(--HeaderFontColor);}
.utility.shipping .banner {
	background: var(--HeaderBgColor80);
	color: var(--HeaderFontColor);
	opacity: 1;
	border-radius: 4px;
	padding: 20px;
    }
    .headerBgContNormal .utility.shipping .banner { background: var(--HeaderBgColor80);}
    .headerBgContHigh .utility.shipping .banner{ background: #ffffffbf;}
    .headerBgContLow .utility.shipping .banner { background: var(--HeaderBgColor75);}


.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: .6;
    color: var(--HeaderFontColor70);
	}
	.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 {
	background: var(--HeaderBgColor75);
	color: var(--HeaderFontColor);
    font-size: .8em;
	display: inline-block;
	padding: 10px 13px;
	border-radius: 4px;
	margin: 0 10px 10px 0;
    }
    .headerBgContNormal .utility.payment ul li { background: var(--HeaderBgColor80);}
    .headerBgContHigh .utility.payment ul li{ background: #ffffffbf;}
    .headerBgContLow .utility.payment ul li { background: var(--HeaderBgColor75);}

.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: 1200px) {
	.utility.payment ul li.credit span { display: none;}
}
@media only screen and (max-width: 550px) {
	.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;}


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


#calendarContainer {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    }
.calendar {
    width: 48.5%;
    padding: 15px 15px 15px 15px;
    border-radius: 5px;
    }
	.white .calendar { background: #ffffffd1;  color: #333;}
	.colored .calendar { background: var(--HeaderBgColor30); }
	.headerBgContNormal .colored .calendar { background: var(--HeaderBgColor80);}
    .headerBgContHigh .colored .calendar { background: #ffffffbf;}
    .headerBgContLow .colored .calendar { background: var(--HeaderBgColor75);}

.calendar h4 {
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    border-bottom: 3px solid;
    padding-bottom: 7px;
    }
	.white .calendar h4 { border-bottom-color :var(--HeaderBgColor30);}
	.colored .calendar h4 { border-bottom-color :var(--HeaderFontColor05);}
	
.calendar table {
    width: 100%;
    margin: 0;
    border-spacing: 0px;
    border-collapse: separate;
    padding-top: 5px;
    }

.calendar th,
.calendar td {
    /* padding: calc(5 / 1200* 100vw); */
    padding: .2em 0;
    font-size: 0.8em;
    }
.calendar th {
    text-align: center;
    font-weight: normal;
    }
.calendar td {
    text-align: center;
    position: relative;
    }
.calendar td span {
    display: inline-block;
    width: 1.9em;
    height: 1.9em;
    line-height: 1.9em;
    border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    }
	.today span,
	.closed span {font-size: 0.9em;}
.today span,
.legend span.today {
    background-color: var(--AccentColor);
    color: var(--AccentColorText);
    }
.closed span ,
.legend span.closed {
    background-color: var(--CalendarMarkerColor);
    color: white;
    }
.today.closed span {
	background: linear-gradient(180deg, var(--CalendarMarkerColor) 0%, var(--CalendarMarkerColor) 50%, var(--AccentColor) 50%, var(--AccentColor) 100%);
    }
.legend {
    font-size: .8em;
    padding: 8px 10px;
	text-align: right;
}
.legend span {
    display: inline-block;
    vertical-align: text-top;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    }



@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.calendar {
		padding: 20px 10px 15px 10px;
	}
	.calendar th,
	.calendar td {
    	font-size: 0.65em;
	}
	.calendar td span { line-height: 2.2em;}
}
@media only screen and (max-width: 480px) {
	#calendarContainer {
		flex-direction: column;
	}
	.calendar {
		width: 100%;
		margin-bottom: 5px;
	}
	.legend { margin-bottom: 20px;}
}

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


.footerbar {
	background: #333;
	/* background: var(--HeaderBgColor); */
	padding: 20px var(--horizontal-padding) 60px var(--horizontal-padding);
}
.footernav {
	display: flex;
	justify-content: space-between;
}
.footernav ul.pagenav li {
	font-size: 0.8em;
	letter-spacing: .05em;
	display: inline-block;
	margin: 0 15px 0 0px;
	}
.footernav ul.pagenav li a { color: #ccc !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:0.6em;
	margin: 10px 0 0 0px;
	color: #999;
	letter-spacing: 1px;
	}
    address a {
        color: var(--HeaderFontColor) !important;
        border-bottom: 1px dotted #999;
    }
    


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

	
.static_wrap #about h2,
.inquirySection h1,
#privacy h2,
#law h2 {
    letter-spacing: 1.5px;
    line-height: 1;
    margin: 0 0 40px 0;
    padding: 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_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;
	}


.main #about .blog_contents .social img{
	width: 25px !important;
	height: auto;
}

/* 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: inherit !important;
	text-align: left;
	opacity: .7;
}
#about .publish_date {opacity: .7;}
.static_wrap #about.blogListMain h2,
.main #about.blogListMain h2 {
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
	font-size: 1.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%;
    text-align: right;
}
.main #about .read_more a {
	font-size: 1em;
    font-weight: normal !important;
}
.paginate-wrp {
    margin-top: 0px !important;
}
ul.paginate {
    justify-content: center !important;
}
.paginate li a { color: #8c8c8c !important;}


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





/* about
-------------------------------------------------------------- */

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

.static_wrap #about p {
	line-height: 1.75em;
}
#AboutHeaderImg img {
    width: 100%;
    height: 60vh;
    object-fit: cover;

}
    
.static_wrap #about .aboutInnerHeader { margin-bottom: 40px;}
.static_wrap #about .shopbio p {
	padding: 20px 0;
}

.static_wrap #about h3 {
	margin: 60px 0 30px 0;
	font-weight: 600;
	font-size: 1.4em;
	letter-spacing: 2px;
/* padding-bottom: 8px;
border-bottom: 3px solid var(--textColor25); */
	}
	.static_wrap #about .shopbio h3 {
		margin: 0px 0 0px 0;
	}

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




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


#about #payment{
	padding: 30px 0;
}
#about #payment ul {
	margin: 20px 0;
	border-top: 1px solid var(--textColor25);
}
#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: 20px;
    color: var(--AccentColor);
	font-family: 'Material Icons';
	content: "\e5ca";
	position: absolute;
	top: 36px;
	left: 5px;
	}
#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;

    opacity: .85;
    background: #ffffff;
    border-image-outset: 1rem;
    border: 6px solid #ffffff;
    border-left-width: 12px;
    border-right-width: 12px;
    box-sizing: content-box;
    border-radius: 3px;
	
	}
#about #payment ul li.credit img { height: 40px; margin-right: 4px; border: 4px solid #ffffff;}
#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; margin:8px 0 0 0; }
#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: 22px;}
#about #payment ul li.carrier div img[src*=carrier_docomo] { width: 60px; height: auto; }
#about #payment ul li.carrier div img[src*=carrier_au_uq] { width: 65px; height: auto; }
#about #payment ul li.carrier div img[src*=carrier_softbank] { width: 75px; height: auto; }
#about #payment ul li.amznpay img { height: 25px;margin: 10px 0 0 0;}
#about #payment ul li.paypal img { height: 30px; }
#about #payment ul li.paylater img { width: 500px; height: 100%; }

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


/* Branch Stores List */

#branchStores {
	padding: 0 0 40px 0;
}

.branchList.withImg .branchSet {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.branchList.withImg .branchSet .storeImg {
    flex: 5;
}
.branchList.withImg .branchSet .storeInfo {
    align-items: start;
    flex: 5;
    padding-right: 40px;
    }

    @media only screen and (max-width: 768px) {
        .branchList.withImg .branchSet {
            display: block;
            border-bottom: 1px solid var(--textColor25);
        }
        .branchList.withImg .branchSet .storeInfo { padding: 20px 0 0 0;}
    }


.branchList.withoutImg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.branchList.withoutImg .storeImg { display: none;}
@media only screen and (max-width: 480px) {
	.branchList.withoutImg {
		display: block;
	}
	.branchList.withoutImg .branchSet {
		margin-bottom: 40px;
	}
}


.branchSet .storeInfo h4 {
    font-weight: bold;
    font-size: 1.3em;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: 2px solid var(--textColor25);
    }
.branchSet .storeInfo dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: .95em;
    }
.branchSet .storeInfo dl dt  {
    width: 25%;
    padding-bottom: 10px;
	font-weight: bold;
	font-size: .95em;

    }
.branchSet .storeInfo dl dd {
    width: 70%;
    padding-bottom: 10px;
    }

.shopAccountLinks {
    margin: 10px 0 20px 0
}

.branchSet .storeInfo .shopAccountLinks span {
    vertical-align: middle;
    display:inline-block
}

.branchSet .storeInfo .shopAccountLinks .snsicons {
    margin:0 0 0 15px
}

.branchSet .storeInfo .shopAccountLinks .snsicons img {
    vertical-align: middle;
    width: 22px;
    height: auto;
    margin:0 5px 0 0
}

.branchSet .storeInfo a.gmapLinkBtn {
    color: var(--AccentColorText) !important;
    background-color: var(--AccentColor);
    border-radius: 20px;
    padding: 6px 20px 6px 30px;
    letter-spacing: 1px;
    font-size: .7em;
    font-weight: bold;
    position:relative;
    border: none;
}

.branchSet .storeInfo a.gmapLinkBtn:before {
    font-family: 'Material Icons';
    content: "\e0c8";
    font-weight: normal;
    font-size: 1.3em;
    position: absolute;
    left: 10px;
    top: 4px;
}

.branchSet .storeInfo .accessText {
    font-size: .8em;
    margin: 15px 0 0px 0;
    background: var(--textColor10);
    padding: 15px;
    border-radius: 10px;
    position:relative
}








/* FAQ*/
.faqList dl {
    margin: 0 0 30px 0;
}

.faqList dl dt,
.faqList dl dd {
    position: relative;
}
.faqList dl dt {
    padding: 1.1em .5em .6em 2em;
    /* border-bottom: 1px solid var(--textColor25); */
    font-weight: bold;
	font-size: 1.1;
}
.faqList dd {
    padding: 1.5em;
    margin: 5px 0 0 0em;
    background-color: var(--textColor10);
    border-radius: 5px;
    font-size: .9em;
}
/* .faqList dd::after {
	content: "";
	position: absolute;
	top: -12px;
	left: 2em;
	z-index: -1;
	width: 20px;
	height: 12px;
	transform: translateX(-50%);
	box-sizing: border-box;
	background-color: var(--textColor10);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
  } */

.faqList dl dt span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    display: block;
    position: absolute;
    top: .9em;
    left: 0em;
    line-height: 1;
    color: var(--textColor75);
    }

    @media only screen and (max-width: 480px) {
        .faqList dd {
            margin: 5px 0 0 0em;
        }
    }





#about .sociallinks { text-align: center; }
#about .sociallinks ul li img { width: 24px;}
 
.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.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;
}
#law .law__telnum canvas {zoom: 1.1;}


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

.inquirySection form {
    margin: 20px 0 0 0;
}
.inquirySection dl {
    text-align: left;
}
.inquirySection dl dt {
    margin-bottom: 10px;
    font-weight: normal;
	font-size: 1em;
}
.inquirySection dl dt span {
    font-size: 0.8em;
    line-height: 11px;
    margin-left: 10px;
    color: #ee6b7b;
    vertical-align: baseline;
}
.inquirySection dl dd {
    margin-bottom: 20px;
}
.inquirySection dl dd input {
    width: 97%;
    padding: 14px 20px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.inquirySection dl dd textarea {
    width: 97%;
    height: 12em;
    padding: 14px 20px;
    font-size: 1.2em;
    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;
	appearance: none;
    display: block;
    width: 60%;
    margin: 0 auto;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 1.2em;
    padding: 20px 0;
    text-align: center;
    border: 0;
    border-radius: 4px;
    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: var(--textColor25);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 1px;
    background: var(--textColor25);
    border-radius: 6px;
    outline: 0;
    display: block;
}

/* Law
-------------------------------------------------------------- */
.telnumValid__txt {
    color: #000;
}

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

/* Item Page Splide */
#itemPhotoSplide .splide__arrow {
	width: 3em;
	height: 3em;
	top: 50%;

}
#itemPhotoSplide .splide__arrow--next {right: -1.5em;}
#itemPhotoSplide .splide__arrow--prev { left: -1.5em ;}
.photoThumbs .thumbnail { cursor: pointer;}
.photoThumbs .thumbnail.is-active { opacity: .5;}

#itemPhotoSplide .splide__track--fade > .splide__list > .splide__slide {
    transition: height 1s ease;
    height: 0 !important;
    overflow: hidden;	
}
#itemPhotoSplide .splide__track--fade > .splide__list > .splide__slide.is-active {
    height: auto !important;
}

#itemPhotoSplide .splide__slide {
    transition: opacity 1s ease !important;
}
#itemPhotoSplide .splide__slide:not(.is-active) {
    opacity: .8 !important;
}


/* Layout */

#item_page_wrap .firstview {
   position: relative; 
    }
    #item_page_wrap #item-photos {
        margin-bottom: 2em;
    }
#item_page_wrap #item-content {
    word-wrap: break-word;
    }

    
.firstview:not(.oneClm) {
    display: grid;
    position: relative;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 1.25rem;
}
.firstview:not(.oneClm) .left-top {
    grid-row: 3;
    grid-column: 1 / span 4;
    grid-column-end: span 7;

    }
.firstview:not(.oneClm) .right-top {
    grid-row: 3 / span 2;
    grid-column: 8 / span 5;
    align-self: flex-start;
    padding-left: 2em;
    }
.firstview:not(.oneClm) .left-bottom {
    grid-row: 4;
    grid-column: 1 / span 4;
    grid-column-end: span 7;
    }

@media (min-width: 769px) {
    #item_page_wrap .breadcrumb {
        display: none;
    }
    #item_page_wrap .firstview.actionSticky:not(.oneClm) #item-action {
        position: sticky;
        z-index: 9989;
        transition: all 0.3s ease;
        }
        #item_page_wrap .firstview.actionSticky:not(.oneClm) #item-action.flexend {
            align-self: flex-end;
            bottom: 4em;
        }
        #item_page_wrap .firstview.actionSticky:not(.oneClm) #item-action.flexstart {
            top: 4.5em;
            align-self: flex-start;
        }
    
    }

@media (max-width: 768px) {
    #item_page_wrap .breadcrumb {
        display: block;
        padding-bottom: 30px;
    }
    #item_page_wrap .firstview {
        display: block;
    }

    .left-top, .left-bottom {
        /* grid-column-end: span 6;
        grid-column: 1 / span 4; */
        margin-bottom: 4em;
    }
    .right-top {
        /* grid-column-end: span 6;
        grid-column: 1 / span 4; */
        padding-left: 0 !important;
        margin-bottom: 4em;
    }
}





#item_page_wrap h1.itemTitle {
	font-size: 1.6em;
	line-height: 1.5;
	font-weight: bold;
	position: relative;
	margin-bottom: 30px;
	}
	
	#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 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: 8px;
}
.photoThumbs.thumbClm6 ul {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; }
.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: 0 0 0 0 !important;
	margin: 0 auto;

}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading {
	font-size: inherit;
	font-size: 1.2em;
	line-height: 1.2 !important;
}
#appsItemDetailCustom #appsItemDetailCustomTag p.appsItemDetailCustomTag_description {
	font-size: 1em !important;
	line-height: 1.75em;
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_image {
	margin: 0 auto;
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube,
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_vimeo {
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider {
	margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button-next_1NqAAH22,
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button-prev_1hRzj9o_ {
	background-size: 30%;
}
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button_3MoazwSm {
	width: 30px;
    height: 48px;
}



#item_page_wrap #item_detail{
    line-height: 1.75em;
    margin: 20px 0 30px;
    }
    #item_page_wrap #item_detail h3 {
        font-weight: bold;
        font-size: 1.2em;
        margin: 0 0 1em 0;
    }
    #item_page_wrap #item_detail.itemDescShort { margin-top: 50px;}
	#item_page_wrap .oneClm #item_detail{ margin-top: 50px;}

#item_page_wrap #price {
	position: relative;
	}

	#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;
	font-size: .9em;
	color: #fff;
	letter-spacing: 2px;
	border-radius: 4px;
	background: var(--soldout-color);
	padding: 8px 15px;
	}
	#item_page_wrap #price.price_soldout span {
		position: absolute; left: 0; top: -1em;
	}
	
#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:first-letter { font-size: 0.9em; font-weight: normal; margin-right: 3px;}
    #item_page_wrap #price.price_soldout p {
	    text-decoration: line-through;
    }

#item_page_wrap .discounted {  line-height: 1; padding: 0 0 6px 0; vertical-align: middle;}
#item_page_wrap .properprice {
	display: inline-block;
	background-image: linear-gradient( var(--discount-color),  var(--discount-color));
	background-position: 0 50%;
	background-size: 100% 3px;
	background-repeat: repeat-x;
	text-decoration: none;
	padding: 0 2px;
	color: var(--textColor75);
	font-size: 1.2em; opacity: .8; 
	vertical-align: middle;
}
#item_page_wrap .properprice:first-letter { font-size: 0.9em; font-weight: normal; 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: 4px 8px 4px 8px;
    line-height: 1;
    border-radius: 2px;
    margin-left: 1em;

    }

	.item-meta .properprice {
		/* text-decoration: line-through; */

		background-image: linear-gradient( var(--discount-color),  var(--discount-color));
		background-position: 0 50%;
		background-size: 100% 3px;
		background-repeat: repeat-x;
		text-decoration: none;
		padding: 0 2px;

		font-size: .9em;
		margin-right: .5em;
		color: var(--textColor75);

		display: none;
	}
	
	.item-meta .discountrate,
	.communityMain .communityItems .communityItem .communityItemPrice .discount {
		font-size: .75em !important;
		color: var(--discount-color) !important;
		border: 1px solid var(--discount-color) !important;
		background-color: transparent !important;
		border-radius: 3px;
		padding: 3px 5px !important;
		font-weight: bold !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;
		display: inline-block;
    }
	.item-meta .discountprice:first-letter {font-size: 0.9em; font-weight: normal; margin-right: 2px;}
	
	.filename span {
		font-size: 13px;
		display: block;
		font-weight: normal;
		font-family: monospace;
		margin: 10px 0 20px 0;
		line-height: 1;
		word-break: break-all;
		letter-spacing: 0;
		background: var(--textColor10);
		color: var(--textColor);
		background: var(--textColor10);
		border-left: 8px solid var(--textColor25);
		padding: 15px 15px 15px 36px;
		border-radius: 3px;
		position: relative;
		}
		.filename span::before {
			font-size: 1.8em;
			font-family: 'Material Icons';
			font-family: 'Material Symbols Outlined';
			content: "\f090";
			position: absolute;
			top: 50%;
			left: 8px;
			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;}

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

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

#item_page_wrap #purchase_form #itemSelect{
    margin: 20px 0 30px;
    text-align: left;
}
#item_page_wrap #purchase_form #itemSelect label {
    font-size: .9em;
	font-weight: bold;
    margin-right: 5px;
    margin-top: 30px;
}

#item_page_wrap #purchase_form #variationSelectWrap{
    display: block;
    margin-bottom: 8px;
}

#item_page_wrap #purchase_form select,
#item_page_wrap #purchase_form #variationSelectWrap select {

	background-color: var(--textColor10);
	border-color: var(--textColor25) !important;

	background-color: rgb(255, 255, 255, .9);
	color: #222 !important;

	border-radius: 5px;
	padding: 8px 12px;
}
#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 8px;
    min-width: 100px;
    margin: 0;
    }


/* 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 {
    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__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: 1em !important;
}
#item_page_wrap select.itemOption__select {
	width: 100%;
}

.purchaseButton__btn:disabled,
.purchaseButton__btn.purchaseButton__btn--disabled,
.purchaseButton__btn.purchaseButton__btn--comingSoonStay {
	/* background: var(--textColor50) !important;
	color: var(--textColor) !important; */
	background-color: #999 !important;
	color: #fff !important;
	border: none; font-weight: bold !important; cursor: not-allowed !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;
	appearance: none;
    display: block;
    margin: 20px 0;
    width: 100%;
    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 {
		line-height: 1.8em !important;
		text-align: center;
		padding: 15px 10px;
		margin: 15px 0 !important;
		font-weight: bold;
		border-radius: 4px;
		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: 11px;
		padding: 10px 10px 10px 33px;
		margin: 10px 0;
		position: relative;
		}
		.actionbox .comingSoon:before {
			position: absolute;
			left: 9px;
			top: 10px;
			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;
	line-height: 1.8em !important;
	text-align: center;
	padding: 15px 10px;
	margin: 15px 0 !important;
	font-weight: bold;
	border-radius: 4px;
	font-size: 1.2em !important;
	border: 2px solid;  
}
	
.item-meta .applabels {
    margin: 6px 0 0 0;
	
}
.item-meta .preOrder,
.item-meta .lottery,
.item-meta .takeout,
.item-meta .community {
	text-transform: uppercase;
	background: #333;
	color: #fff;
	border-radius: 3px;
	padding: 5px 9px;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1;
	margin-right: 3px;
	letter-spacing: .1em;
}
.item-meta .community {background:var(--community-color);}



.sharebtn {
	padding: 60px 0 10px 0;
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 10px;
	font-size: .7em;
	letter-spacing: 0.1em;
    }
    @media (max-width: 900px) {
        .sharebtn {padding: 20px 0 10px 0;}
    }
.sharebtn img {
	margin: -2px 7px 0 0;
	width: 18px;
	vertical-align: middle;
	}
	.sharebtn .twitter img {width: 16px; background: #fff; border: 1px solid #fff; box-sizing: content-box; border-radius: 2px;}



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



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





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

	.spFloatPurchaseBtn {
		display: none;
		position: fixed;
		bottom: 0;
		left: 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;}

}





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


/* Review App */

#reviews {
	margin: 100px 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;
		}	
	

	.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;
	}
	.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,
	#instagramfeed h3 {
		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;
}

.itemflow .splide__arrow {
    top: 40%;
    transform: translateY(-40%);
}

.itemflow .splide__arrow {
	width: 3em;
	height: 3em;
	background: #fff;
	box-shadow: 0 0 4px rgb(0, 0, 0, .4);
	}
	.itemflow .splide__arrow--next { right: -1.5em;}
	.itemflow .splide__arrow--prev { left: -1.5em;}
/* #saleitemsBox .itemThumbClm3 ,
#viewhistoryBox .itemThumbClm3 {
	display: flex;
	justify-content: space-around;
}
#saleitemsBox .itemThumbClm3 .splide__slide,
#viewhistoryBox .itemThumbClm3 .splide__slide {
	flex-basis: 30%;
} */

/* #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 .item-meta .discountrate,
#viewhistoryBox .item-meta .discountrate { margin-left: .4em; }



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


#moreItems,
#viewmorebtn {
    clear: both;
    text-align: center;
    padding: 30px 0;
	}
	#moreItems a,
	#viewmorebtn a {
		background: #444;
		font-weight: 600;
		color: #fff;
		padding: 15px 80px;
		display: inline-block;
		margin: 0 auto;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	  border-radius: 4px;
		
	}


	

/* 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%; */
    gap: 50px 2%;
}

.itemThumbClm4 {
	display: grid;
	width: 100%;
	grid-template-columns:1fr 1fr 1fr 1fr;    
	grid-auto-flow: dense;
	/* gap: 40px 2.8%; */
    gap: 40px 2%;
	}
.itemThumbClm5 {
	display: grid;
	width: 100%;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;    
	grid-auto-flow: dense;
	gap: 30px 2%;
	}
@media only screen and (max-width: 767px) {
    .itemThumbClm4 {
        grid-template-columns:1fr 1fr 1fr;    
        /* gap: 50px 4%; */
        gap: 40px 2%;
    }
}
@media only screen and (max-width: 480px) {

    .spClm2 {
        grid-template-columns:1fr 1fr;
	    gap: 30px 4%;
    }
    .spClm3 {
        grid-template-columns:1fr 1fr 1fr;
	    gap: 30px 3%;
    }

    #relatedItems.itemThumbClm3 { grid-template-columns:1fr 1fr 1fr; gap: 50px 4%; }
}


/* Radius Option */
.radius00 .whitebg,
.radius00 .radius,
.radius00 .item-thumb-wrap,
.radius00 #collections img,
.radius00 #rssbox  ul li a img,
.radius00 .utility.realstore a#retailstoreImg,
.radius00 .headerImg,
.radius00 .blog_head_image img,
.radius00 .blog_body img,
.radius00 .communityImageContainer,
.radius00 #item-photos .photoStage img,
.radius00 #item-photo img,
.radius00 .boxwrapper .actionbox,
.radius00 #appsItemDetailCustom img,
.radius00 .textbanner,
.radius00 .imgbanner img,
.radius00 .blog_body iframe.embed.youtube,
.radius00 .communityLabel,
.radius00 .membership .guide .register,
.radius00 .membership .about-point,
.radius00 .membership img { border-radius: 0px;}
.radius00 .splide.typeLoop .splide__slide__container { border-radius: 3px;}

.radius05 .whitebg,
.radius05 .splide.typeLoop .splide__slide__container,
.radius05 .radius,
.radius05 .item-thumb-wrap,
.radius05 #collections.boxed img,
.radius05 #rssbox  ul li a img,
.radius05 .utility.realstore a#retailstoreImg,
.radius05 .headerImg,
.radius05 .blog_head_image img,
.radius05 .blog_body img,
.radius05 .communityImageContainer,
.radius05 #item-photos .photoStage img,
.radius05 #item-photo img,
.radius05 .boxwrapper .actionbox,
.radius05 #appsItemDetailCustom img,
.radius05 .textbanner,
.radius05 .imgbanner img,
.radius05 #newsletter-popup,
.radius05 .blog_body iframe.embed.youtube,
.radius05 .membership .guide .register,
.radius05 .membership .about-point,
.radius05 .membership img { border-radius: 5px;}
.radius05 .nl-wraper-popup-right { border-bottom-right-radius: 5px; border-top-right-radius: 5px;}

.radius10 .whitebg,
.radius10 .splide.typeLoop .splide__slide__container,
.radius10 .radius,
.radius10 .item-thumb-wrap,
.radius10 #collections.boxed img,
.radius10 #rssbox  ul li a img,
.radius10 .utility.realstore a#retailstoreImg,
.radius10 .headerImg,
.radius10 .blog_head_image img,
.radius10 .blog_body img,
.radius10 .communityImageContainer,
.radius10 #item-photos .photoStage img,
.radius10 #item-photo img,
.radius10 .boxwrapper .actionbox,
.radius10 #appsItemDetailCustom img,
.radius10 .textbanner,
.radius10 .imgbanner img,
.radius10 #newsletter-popup,
.radius10 .blog_body iframe.embed.youtube,
.radius10 .membership .guide .register,
.radius10 .membership .about-point,
.radius10 .membership img { border-radius: 10px;}
.radius10 .nl-wraper-popup-right { border-bottom-right-radius: 10px; border-top-right-radius: 10px;}

.radius20 .whitebg,
.radius20 .splide.typeLoop .splide__slide__container,
.radius20 .radius,
.radius20 .item-thumb-wrap,
.radius20 #collections.boxed img,
.radius20 #rssbox  ul li a img,
.radius20 .utility.realstore a#retailstoreImg,
.radius20 .headerImg,
.radius20 .blog_head_image img,
.radius20 .blog_body img,
.radius20 .communityImageContainer,
.radius20 #item-photos .photoStage img,
.radius20 #item-photo img,
.radius20 .boxwrapper .actionbox,
.radius20 #appsItemDetailCustom img,
.radius20 .textbanner,
.radius20 .imgbanner img,
.radius20 #newsletter-popup,
.radius20 .blog_body iframe.embed.youtube,
.radius20 .membership .guide .register,
.radius20 .membership .about-point,
.radius20 .membership img { border-radius: 20px;}
.radius20 .nl-wraper-popup-right { border-bottom-right-radius: 20px; border-top-right-radius: 20px;}

.radius00 .photoThumbs img  { border-radius: 0px;}
.radius05 .photoThumbs img, .radius10 .photoThumbs img, .radius20 .photoThumbs img,
.radius05 .communityLabel, .radius10 .communityLabel, .radius20 .communityLabel { border-radius: 5px;}

img.label_image { border-radius: 0 !important;}

.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;
	line-height: 1;
	letter-spacing: 1px;

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

	}




.item-meta {
	padding: 10px 0 0 0;
	text-align: left;
	}
    
    .radius00 .item-meta { padding: 10px 0 0 0; }
    .radius05 .item-meta { padding: 10px 3px 0 3px; }
    .radius10 .item-meta { padding: 10px 6px 0 6px; }
    .radius20 .item-meta { padding: 15px 8px 0 8px; }

        @media only screen and (max-width: 480px) {
            .radius00 .spClm3 .item-meta,
            .radius05 .spClm3 .item-meta,
            .radius10 .spClm3 .item-meta { padding: 10px 0 0 0; }
            .radius20 .spClm3 .item-meta { padding: 10px 2px 0 2px; }
        }


.item-meta .item-title {
	font-weight: normal;
	font-size: 1em;
    line-height: 1.3;
	margin-bottom: 5px;
    word-wrap: break-word;
    overflow-wrap: break-word; 
    }

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

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

.item-meta .soldout span,
.communityMain .communityItems .communityItem .communityItemLabel.soldOutText {
	display: inline-block;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
	border-radius: 3px;
	padding: 6px 8px;
	margin-right: 3px;
	color: #fff;
	background-color: var(--soldout-color);
}


/* Font Size Ajust  Depends on the Clm options */
.itemThumbClm3 .item-meta .item-title,
.itemThumbClm2 .item-meta .item-title {font-size: 1em;}

.itemThumbClm4 .item-meta .item-title,
.catItemList.cilClm4 .item-meta .item-title,
.itemflow .item-meta .item-title { font-size: .85em; }
.itemThumbClm5 .item-meta .item-title,
.catItemList.cilClm5 .item-meta .item-title { font-size: .83em;}

 .itemThumbClm4 .item-meta .item-price,
 .catItemList.cilClm4 .item-meta .item-price,
 .itemThumbClm5 .item-meta .item-price,
 .catItemList.cilClm5 .item-meta .item-price 
 .itemflow .item-meta .item-price { font-size: 1em;}

.itemThumbClm4 .item-meta .soldout span,
.catItemList.cilClm4 .item-meta .soldout span { font-size: 0.6em;}
.itemThumbClm5 .item-meta .soldout span,
.catItemList.cilClm5 .item-meta .soldout span { font-size: 0.56em;}

.itemThumbClm4 .item-meta .preOrder,
.catItemList.cilClm4 .item-meta .preOrder,
.itemThumbClm4 .item-meta .lottery,
.catItemList.cilClm4 .item-meta .lottery,
.itemThumbClm4 .item-meta .takeout,
.catItemList.cilClm4 .item-meta .takeout,
.itemThumbClm4 .item-meta .community,
.catItemList.cilClm4 .item-meta .community { font-size: 0.6em;}

.itemThumbClm5 .item-meta .preOrder,
.catItemList.cilClm5 .item-meta .preOrder,
.itemThumbClm5 .item-meta .lottery,
.catItemList.cilClm5 .item-meta .lottery,
.itemThumbClm5 .item-meta .takeout,
.catItemList.cilClm5 .item-meta .takeout,
.itemThumbClm5 .item-meta .community,
.catItemList.cilClm5 .item-meta .community { font-size: 0.6em;}



@media only screen and (max-width: 767px) {
	.spClm3 .item-meta .item-title { font-size: .8em; }
	.spClm3 .item-meta .item-price{ font-size: .9em;}
	.spClm3 .item-meta .soldout span { font-size: 0.5em;}
	.spClm3 .item-meta .preOrder,
	.spClm3 .item-meta .lottery,
	.spClm3 .item-meta .takeout,
	.spClm3 .item-meta .community { font-size: 0.6em;}

    .spClm3 .item-meta .soldout span, .spClm3 .communityMain .communityItems .communityItem .communityItemLabel.soldOutText {
        padding: 5px 6px;
    }
    .spClm3 .item-meta .applabels,
    .spClm3 .item-meta .item-price { margin: 0;}
    .spClm3 .item-meta .preOrder, .spClm3 .item-meta .lottery, .spClm3 .item-meta .takeout, .spClm3 .item-meta .community {
        padding: 3px 6px;
    }


}



/* Label App Img :: on Thunbmails */
.item-box img.label_image {
	position: absolute !important;
	top: -10px;
	left: -4px;
	height:40px;
	width: 40px;
	z-index: 9989 !important;
	background: transparent !important;
}
@media only screen and (max-width: 767px) {
	.item-box img.label_image {
		height:36px;
		width: 36px;
	}
}
@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:9999;
	  padding:20px;
	  box-sizing:border-box;
	  background-color:rgba(0,0,0,0.4);
	  text-align:center
	  }
  .blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}
  .modal{
	  display:none;
	  vertical-align:middle;
	  position:relative;
	  z-index:2;
	  max-width:700px;
	  box-sizing:border-box;
	  width:90%;
	  background:#fff;
	  padding:0px;
	  text-align:left;
	  }
  .modal 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;
		}

	#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 {
    background: #fff;
	color: #111;
    text-align: center;
}
.mailMagazine .filler {
	padding: 30px 10vw;
	background: var(--HeaderBgColor);
    }
    .headerBgContHigh .mailMagazine .filler {background: var(--HeaderBgColor80);}


.mailMagazine .onpaper {
	padding: 50px 10vw;
	border-radius: 10px;
	background: rgba(250, 250, 250, 0.3);
    color: var(--HeaderFontColor);
    }
    .headerBgContHigh .mailMagazine .onpaper { background: none;}
    .headerBgContLow .mailMagazine .onpaper { background: rgba(250, 250, 250, 0.1);}

@media only screen and (max-width: 767px) {
	.mailMagazine { padding: 0;}
}

.mailMagazine h3 {
	font-size: 1.4em;
    font-weight: bold;
	margin-bottom: 10px;
	position: relative;
}
.mailMagazine h3 span {
    vertical-align: top;
    font-size: 1.4em;
    padding-right: 5px;

}
/* .mailMagazine h3:before {
	font-size: 1.4em;
    line-height: 1;
	position: absolute;
	top: 0px;
	left: 0;
    font-family: 'Material Symbols Outlined';

	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;
	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 {
		font-weight: bold;
	}


	@media only screen and (max-width: 480px) {
		.mailMagazine .filler { padding: 25px 6vw; }
		.mailMagazine .onpaper { padding: 30px 8vw; }
	.mailMagazine .mailMagazineSubscribe_form input {
		width: 100%;
	}
	.mailMagazine .mailMagazineSubscribe_form button {
		display: block;
		width: 100%;
		margin: 10px 0 0 0 !important;
		}
	}

    
/* common
-------------------------------------------------------------- */
.show,
.blog_head_image.hide{
	display: block;
}
.hide{
	display: none;
}


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




/*  Link Decoration
-------------------------------------------------------------- */
a.arrow,
.read_more a {
    position: relative;
}
a.arrow:before,
.read_more a:before {
    font-family: 'Material Icons';
    content: "\e5df";
    font-weight: normal;
    font-size: 1.4em;
    position: absolute;
    left: -0.8em;         
    top: 35%;
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    color: var(--AccentColor);
}
.read_more a:before {top: 36%;}


/* Blog As Page
-------------------------------------------------------------- */


.static_wrap #about .blog_title h2 {
	font-size: 1.3em !important;
	
	
	}
	.static_wrap #about.blogDetail .blog_title h2 {
		padding-bottom: 8px;
		border-bottom: 3px solid var(--textColor25);
	}
.main #about .blog_body h3 {
	font-size: 1.3em !important;
	margin: 0 0 30px 0 !important;

}

#about p.publish_date {
	letter-spacing: 1px;
	margin: 0 !important;
	}
	#about.blogDetail p.publish_date {text-align: right !important;}



.BlogAsPage .menu-container .blog,
.BlogAsPage .mobileNavBlog,
.BlogAsPage .footernav .blog,
.BlogAsPage .blogtitle,
.BlogAsPage .blog_publish,
.BlogAsPage .blogtop { display: none;}

.BlogAsPage .main #about.blogDetail .blog_title h2{
	font-size: 1.8em !important;
	border: none;
	font-weight: bold !important;
	padding: 0px 0 40px 0px !important;
}
.BlogAsPage .main #about .blog_body h3 { font-size: 1.5em !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;
	}
}


/** 言語対応 
 *************************************/
.footernav .footerFunc {
	flex-basis: 170px;
	text-align: right;
	
}

.footernav #i18 {
	padding-bottom: 30px;
}
	.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 #ccc;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		color: #ccc;
		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: #ccc;
		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"] {
	appearance: textfield;
	-webkit-appearance: textfield;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	outline: 0;
 }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}




.searchbar div {
	position: relative;
	width: 100%;

	margin: 0 auto;
}
.searchbar div input[type="search"] {
	display: block;
	width: 100%;
	color: rgb(255, 255, 255);
	background: rgb(255, 255, 255,.9);
	border: none;
	box-shadow: none;	
    border-radius: .5em;
	font-size: 1.2em;
	text-align: left;
	outline: none;
	text-align: left;
    margin: 0;
	padding: 0px 20px 0px 50px;
    width: calc(100% - 20px - 50px);
    line-height: 45px;
	color: #222;
	}
	.searchbar div input[type="search"]:focus {background: #fff;}
	.searchbar div input::placeholder { color: #222; opacity: .4; }
	.searchbar div input:focus::placeholder { opacity: 0;}
	
	.searchbar div::before {
		font-size: 1.6em;
		position: absolute;
		top: 50%;
		left: 15px;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);

		font-family: 'Material Icons';
		content: "\e8b6";
		color: #838383;
		color: var(--HeaderBgColor);
		z-index: 999;
	}

    @media only screen and (max-width: 480px) {
		.searchbar div input::placeholder { font-size: .8em; }
        .searchbar div input[type="search"] {
            padding: 0px 10px 0px 35px;
            width: calc(100% - 10px - 35px);
        }
        .searchbar div::before {left: 8px;}
        
	}




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

.noItems {
	padding: 20px 0;
}
h2.noItemsMessage {
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0 40px 0;
    padding-left: 36px;
    position: relative;
    }
    h2.noItemsMessage::before {
		font-family: 'Material Symbols Outlined';
        content: "\e000";
        color: var(--textColor75);
        font-weight: normal;
        font-size: 1.6em;
        position: absolute;
        left: 3px;         
        top: -0.2em;
        }

.notfound {
	padding: var(--vertical-padding) var(--horizontal-padding);
	margin: 0 0 40px 0;
	background-color: var(--textColor10);
	border-radius: 10px;
	}
	.notfound h3 {
		font-weight: 600;
		padding: 0 0 0 0px;
		margin-bottom: 30px;
		line-height: 1;
		font-size: 1.1em;
		position: relative;
	}



	
.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:4px;
	top:12px;
	background:none;
	cursor: pointer;
	border:none;
	opacity: .8;
	}
.notfound .material-icons {
    color: var(--textColor);
}


/* TrendIndex */

.trendIndex ul li {
	display: inline-block;
	margin: 0 .2em .8em .2em;
}
.trendIndex ul li a {
	display: block;
	border: 1px solid var(--textColor75);
	padding: .3em 1.6em;
	border-radius: 20px;
}




.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: 1em;
            font-weight: normal;
			position: absolute;
			top: .2em;
			left: 0px;
            color: var(--AccentColor);			
			font-family: 'Material Icons';
			content: "\e931";
		}
.categoryMap .appsItemCategoryTag_lowerchild {
	margin: 10px 0 10px 0;
}


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



    


/* 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: 1000px) {

	#logo img{
		max-width: 250px;
		max-height: 80px;
		vertical-align: bottom;
		}


	.sideArea {display: none;}
	


		#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;}
	
	
    .contentWrapper.sidebarScroll .mainArea {
        float: none;
        width:auto;
        }
    .contentWrapper.sidebarFixed .mainArea {
        padding: 0 0 0 0px;
        }
        
	#logo img {
	    max-width: 180px;
		max-height: 50px;
		}

		/* #headNavwrap .widthfix { padding-top: 15px;} */

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

	#newsbox dl {
		position: relative;
		padding: 0 0 8px 0;
		margin-top: 12px;
		border-bottom: 1px solid var(--textColor25);
		}
		#newsbox dl:last-child { border: none;}
	#newsbox dl dt {
		position: relative;
	}
	#newsbox dl dd {
		padding: 7px 0 0 0em;
		line-height: 1.6;
	}

	#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 {
		height: 30vw;
	}
	#rssbox ul li:first-child a img {height: 50vw;}




	.ChildCategories li {	
	display: inline-block;
	}
	.ChildCategories li a {
        padding: 6px 12px;
		}
        
	
	#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 .firstview{
		display: block;
		}
		#item_page_wrap #item-photos {
			margin-bottom: 50px;
		}
	/* #item_page_wrap #item-photos {
		flex-basis: auto;
	}
	#item_page_wrap #item-body {
		flex-basis: auto;
	} */

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

		
		
		
		#reviews {
			padding-top: 20px;
            margin-top: 20px;
		}
	
		.static_wrap #about h2,
		#privacy h2,
		#law h2,
        .static.pagetitle h2,
        .pagetitle h2,
        .inquirySection h1,
		h2.category-title {
           
            padding: .5em 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 0px 0px;
			display: block;
			flex-basis: auto;
		}
		#about #payment ul li img { margin-top: 10px;}
		#about #payment ul li.credit img { height: 40px; margin-right: 5px; border-right: 2px solid #ffffff;border-left: 2px solid #ffffff;}
		#about #payment ul li.bank img { height: 40px; }
		#about #payment ul li.combini img { height: 40px; }
		/*
		#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.paypal img { height: 30px; }

		#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) {


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

		#shoplogo.fontsizeSS h1 a span.logoText { font-size: 1em;  }
		#shoplogo.fontsizeS h1 a span.logoText { font-size: 1.1em;  }
		#shoplogo.fontsizeR h1 a span.logoText { font-size: 1.4em; }
		#shoplogo.fontsizeL h1 a span.logoText { font-size: 1.6em; }
		#shoplogo.fontsizeLL h1 a span.logoText { font-size: 1.8em; line-height: .8;}
		#shoplogo.fontsizeLLL h1 a span.logoText { font-size: 2em;line-height: .8;}
		#shoplogo.fontsizeLLLL h1 a span.logoText { font-size: 2.1em; line-height: .8;}
		#shoplogo.logoLeft { padding-left: 5px !important;}

		#shoplogo.fontsizeSS{ padding: 22px 0 2px 0; }
		#shoplogo.fontsizeS,
		#shoplogo.fontsizeR { padding: 25px 0 5px 0; }
		#shoplogo.fontsizeL { padding: 25px 0 5px 0; }
		#shoplogo.fontsizeLL,
		#shoplogo.fontsizeLLL { padding:  25px 0 5px 0;}
		#shoplogo.fontsizeLLLL { padding: 25px 0 5px 0; }

		#subNav { font-size: .6em; }
	/* If you want the icons without boxframe, you need to invert the images
	#baseMenu > ul > li a img {
		filter: invert(100%);
	} */

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

    h2.general,
	#collections h2,
	#newsbox h2,
	#rssbox h2,
	#instagramfeed h3,
	.static_wrap #about h3 {
        font-size: 1.2em;
    }


    .itemThumbClm2 .item-meta .item-title { font-size: 1em; }
    .itemThumbClm3 .item-meta .item-title,
    .itemThumbClm4 .item-meta .item-title,
    .itemflow .item-meta .item-title { font-size: .8em; }


	#itemthumbs { padding: 0;}
    
    #moreItems a,
	#viewmorebtn a {
		padding: 10px 60px;
        font-size: .9em;
	}

    #about #payment ul li.credit img { height: 30px; margin-right: 5px; border: 3px solid #ffffff;;}
    #about #payment ul li.carrier div img[src*=carrier_softbank] { width: 65px; height: auto; }
    #about #payment ul li.carrier div img[src*=carrier_au_uq] { width: 58px; height: auto; }
    #about #payment ul li.combini img { height: 35px;}

	/* mobile480 Item Category */

	.categoryHeaderOn #category-header {
		padding: 0px 0px; 
		
	
	}
	.ChildCategories {
		border: none;
		padding: 10px  0 0 0;
		}	
        .ChildCategories li { margin: 0 4px 6px 0;}
        .ChildCategories li a {
            font-size: .6em;
            padding: 6px 9px;
        }
	
    .breadcrumb { font-size: .6em; padding-bottom: 10px;}


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


	.errormessage { padding: 10px 0;}

	.static_wrap #about h2,
	.blogtitle.pagetitle h2,
	#privacy h2,
	#law h2,
	.static.pagetitle h2,
	.inquirySection h1,
	.communityMain .communityTitle {
		text-align: center !important;
		margin: 10px 0 20px 0;
	}
	.BlogAsPage .main #about.blogDetail .blog_title h2 {
		text-align: center !important;
		font-size: 1.5em !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;}
	
	.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;}

}
        



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



/* Loader CSS  */
.loader {color: var(--AccentColor);}
.loader,
.loader:before,
.loader:after {
	color: var(--AccentColor) !important;
	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;
}
}






/* LINE BUTTON */
body.openLineTrue #x_message { display: none;}

#ContactPage #openLine {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 (min-width: 480px) {
	
	.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: 10px;
        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;
    }
}







/*   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 .guide .register .link {
    background: var(--AccentColor) !important;
    color: var(--AccentColorText) !important;
}

.membership .mypage .content .definition-description {
    margin-bottom: 10px;
	background: var(--textColor25) !important;
	color: var(--textColor) !important;
}
.membership .mypage .content .definition-description .point-expiry-date {color: var(--textColor) !important;}

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


.membership .login .link,
.membership .guide .mypage-link .link {
    background-color: var(--AccentColor) !important;
    color: var(--AccentColorText) !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;}




/* @media only screen and (min-width: 1000px) {	
	.leave-modal-wrapper .leave-modal { left: calc(50% + 100px) !important;}
} */

.membership .mypage .card {
	/* background: linear-gradient(white 85% ,var(--HeaderBgColor) 85%); */
	box-shadow: 0 0px 6px var(--textColor25);
	color: #252525 !important;
	border: none !important;
    border-bottom: 15px solid var(--HeaderBgColor) !important;
    min-height: calc(240px - 15px) !important;
}
.membership .mypage .card .join-date { opacity: .8;}
.membership .mypage .card .logo-image {
    max-height: 45px;
}


.membership .guide .reward-list .bar,
.membership .mypage .content .bar,
.membership .mypage .reward-list .bar { background-color: var(--textColor50) !important;}
.membership .point-history .content .point-history-empty-text { border-color: var(--textColor50) !important;}


.membership .guide .register {
    padding: 50px 50px 20px 50px !important;
    color: #252525 !important;
    background: var(--textColor10) !important;
    color: var(--textColor) !important;
}
.membership .guide .register a {
	color: var(--textColor) !important;
	border-color: var(--textColor);
}
.membership .guide .register .mail-magazine .mail-magazine-wrapper .label { color: var(--textColor) !important;}
.membership .guide .register .mail-magazine .mail-magazine-wrapper .checkbox {
    box-shadow: 0 0 3px 0 var(--checked-color) inset !important;
}
.membership .guide .register .mail-magazine .mail-magazine-wrapper .checkbox:checked {
    box-shadow:0 0 0 24px var(--checked-color) inset !important;
}

.membership .reward-list .reward-card-list .reward-card .reward-image { object-fit: cover !important;}
svg.exchange-point-icon path { fill:var(--textColor) ;}

.about-point {
    background-color: #f1f3f7;
	background: var(--textColor10) !important;
	border: 1px solid var(--textColor25) !important;
	color: var(--textColor);
    padding: 40px 50px;
    margin-bottom: 60px;
}
.membership .guide .about-point .description { margin: 10px 0 0 0 !important;}

.membership .mypage .reward-list .howto {
	background: var(--textColor25) !important;
	color: var(--textColor) !important;
}
.membership .mypage .reward-list .howto .caption .text,
.membership .mypage .reward-list .howto .description .text {
	color: var(--textColor) !important;
}
.howto .caption path { fill: var(--textColor);}

/* Font size */
#membership h2 {
    font-size: 1.5em !important;
}
#membership h2.heading-point,
#membership h3,
.membership .guide .reward-list h3.title{
    font-size: 1.3em !important;
}

.membership .guide .content .description>p,
.membership .guide .about-point .description .description-details,
.membership .guide .reward-list .description,
.membership .login .register-description,
.membership .guide .register .description,
.membership .guide .register .login,
.membership .mypage .content .definition-description .point-expiry-date,
.membership .mypage .logout,
.membership .point-history .content .point-history-summary .description,
.membership .point-history .content .point-history-empty-text {
    font-size: inherit !important;
    line-height: 1.75 !important;
}
.membership .mypage .content .definition-description .point-history .link,
.membership .mypage .content .about-wrapper .about,
.membership .mypage .leave-wrapper .leave{
    font-size: 1em !important;
	font-weight: normal !important;
}
.membership .exchange-point { font-weight: bold !important; font-size: 1.1em !important;}

.membership .mypage .content .definition-description .point-amount {
    font-size: 1.7em !important;
    font-weight: bold !important;
  
}

.membership .point-history .content .point-history-summary .point-name,
.membership .point-history .content .point-history-summary .description,
.membership .point-history .content .point-history-empty-text {
    color: var(--textColor) !important;
}

#itemAttention .membershipPoint {
	margin: 20px 0 30px 0 !important;
}


/* Color Setting
-------------------------------------------------------------- */
/* #shoplogo h1 a, .breadcrumb,.breadcrumb li,.breadcrumb li a,body, a { color: #444;} */
body .mainArea, a, .sideArea, #instagramfeed,
.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 { color:var(--textColor) !important; }
#item_page_wrap p a, .static_wrap p a,.static_wrap #privacy a, .blog_body a,
.actionbox .comingSoon,.preOrder__label,.lottery__label, .takeout__label,.attention.salesPeriod,.preOrder__data.lottery__data,.takeout__data {border-color: var(--textColor);}
.review01__trigger:before, .review01__tabWrap,
#purchase_form select {border-color: var(--textColor50) !important; color: var(--textColor) !important;}

a.navOpen b,
.cartIcon li.cart a:after,
.cartIcon li.cart a:before,
.infoIcon a:before,
.memberIcon a,
.memberIcon a:before { color:var(--HeaderFontColor) !important;}
.navOpen div span, .navOpen div::before, .navOpen div::after { border-color: var(--HeaderFontColor);}


.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,
.menu-container .membership a,
.menu-container .community a { background: var(--AccentColor);}
.review01__tab:after {border: 2px solid var(--AccentColor) !important;}
.utility .read_more a:before,
.topIntro .read_more a:before { color: var(--AccentColor); }

form { accent-color: var(--AccentColor); }

/* If the AccentColor is White */
/* #item_page_wrap #purchase_form .purchaseButton__btn,
#moreItems a,
#viewmorebtn a,
.menu-container .membership a,
.menu-container .community a { border: 2px solid var(--AccentColorText05);} */




#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,
.menu-container .membership a,
.menu-container .community a { color: var(--AccentColorText) !important;}





/* Drawer Color Set */
.drawerWrapper {
	background: rgba(255, 255, 255, 1);
	/* backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px); */
}
@media only screen and (min-width: 769px) {

	.drawerWrapper {
		background: rgba(255, 255, 255, .9);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}

}
.drawerWrapper .accordion-content { background:#55555510;}
.drawerWrapper,
.drawerWrapper a,
.drawerWrapper label a,
.drawerWrapper li a { color: #444 !important; }
.drawerIconNav li span,
.drawerIconNav .cartIcon li.cart a::after { color: #444 !important; }
.drawerIconNav { background: #55555510; }
.drawerWrapper .menu-container h3,
.drawerWrapper .latestBlogList ul li a {  border-color: #ddd;}
.drawerWrapper::-webkit-scrollbar { background: #f1f1f1; }
.drawerWrapper::-webkit-scrollbar-thumb { background: var(--HeaderBgColor30); border-radius: 3px; }



/* If HeaderBgColor was White */

.headerBgBorder header {
    border-bottom: 1px solid var(--textColor25);
}
.headerBgBorder header .headCatNav a.navOpen .filler {
	background: var(--HeaderFontColor05);
}
.headerBgBorder header .searchbar div input[type="search"] {
	outline: 1px solid var(--HeaderFontColor30);
	outline-offset: -1px;
	}
	.headerBgBorder header .fixed .searchbar div input[type="search"] {
		/* outline: 0px solid var(--HeaderFontColor05); */
		outline: 1px solid var(--HeaderFontColor30);
		outline-offset: -1px;
		}
	.headerBgBorder header #headNavwrap.fixed {
		/* border-bottom: 2px solid var(--HeaderFontColor30); */
		-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
	}
		
.headerBgBorder .searchbar div::before {
	color: var(--HeaderFontColor30);
}
.headerBgBorder #trendTags .filler {
	background: var(--HeaderFontColor05) !important;
}
.headerBgBorder #trendTags dl.mono dd a { background: var(--HeaderBgColor);}

.headerBgBorder #pagetop {
	background: var(--HeaderFontColor05);
}
.headerBgBorder #pagetop a { color: var(--HeaderFontColor) !important;}

.headerBgBorder .utility.shipping .banner,
.headerBgBorder .utility.payment ul li,
.headerBgBorder .calendar {
	background: var(--HeaderFontColor05);
}
.headerBgBorder .mailMagazine .filler {
	background: var(--HeaderFontColor05);
}
.headerBgBorder .mailMagazine .onpaper {
	background: rgba(255, 255, 255, 0.7);
}

.headerBgBorder #trendTagHeader .filler {
	background: var(--textColor10);
    }