@charset "UTF-8";
/*-----------------------------------------------
Reset unnecessary browser styling 
------------------------------------------------*/
a {
	text-decoration: none;
	color: #1a1a1a;
	outline: none;
}

button,
select,
input,
textarea {
	outline: none !important;
}

ul {
	list-style: none;
}
button{
	cursor: pointer
}
/*-----------------------------------------------
Set container width 
------------------------------------------------*/
.container {
	width: 1259px;
	margin: 0 auto;
	box-sizing: border-box;
}

.container.smaller {
	max-width: 860px;
}

@media screen and (max-width: 1281px) {
	.container {
		width: 1010px;
	}
}

@media screen and (max-width: 981px) {
	.container {
		width:auto;
		padding: 0 12px; 
	}
}

@media screen and (max-width: 560px) {
	.container {
		width: 100%;
	}
}

/*--------------------------------------------
Custom general classes and components
------------------------------------------------*/
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	outline: none;
}


html{
	height: 100%;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

body {
	font-family:-apple-system,"Nunito Sans", "Open Sans", "Helvetica Neue", Helvetica, Arial, cwTeXYen, 'Microsoft Yahei', PingHei, 'Rounded Mplus 1c', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	height: 100%;
	display: flex;
	flex-direction: column;
}

img {
	width: 100%;
}

.clearfix {
	clear: both;
	content: " ";
	display: table;
}

a.button {
	display: inline-block;
	background-color: #666;
	border-radius: 4px;
	color: #fff;
	padding: 8px 14px;
	transition: 0.6s;
	cursor: pointer;
}

a.button:hover {
	background-color: #777;
}

h1,h2 {
	color: #4d4d4d;
}

.hide {
	display: none
}

/*placeholder for input fields */
::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #a0a0a0;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #a0a0a0;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #a0a0a0;
}

/* inline error styling */
.error-messages,
.error-item {
	color: red;
}


h1.page-title{
	text-align: center;
	line-height: 1.05em;
}

span.page-title{
	font-size: 32px;
	line-height: 1.05em;
}

.text-center {
	text-align: center;
}

.mt-0 {
	margin-top: 0px;
}

.mt-20 {
	margin-top: 20px;
}


/*-----------------------------------------------
// Header styling
------------------------------------------------*/
#header{
	padding: 38px 0px 0 0px;
	position: relative;
	background-color: rgba(255,255,255,0.8);
}

/* Logo */
.header-logo{
	height: 80px;
	width: 270px;
	max-width: 270px;
	max-height: 80px;
	display: block;
	padding: 0;
	margin: 10px auto;
}

.header-logo a{
	display: block;	
}


.header-logo img{
	max-width: 270px;
	max-height: 80px;
	object-fit: contain;
	display: block;
}

.header-bar{
	background-color: #0e181d;
	position: absolute;
	padding:0 12px;
	width: 100%;
	top:0;
	left:0;
	text-align: right;
	min-height: 38px;
	height: auto;
}

/* language select */
.langselect{position: relative; font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;}
#langselect-check{display: none;}
.langselect-check{display: none; position: absolute;  right: 0; z-index: 8888; padding: 0; background-color: rgba(0,0,0,0.8); color: #fff;}
label[for="langselect-check"]{color: #fff; cursor: pointer; padding: 6px; border:1px solid #666; background-color: #000; border-radius: 3px; margin: 6px 0; font-size: 12px; display: inline-block;}
label[for="langselect-check"] i{opacity: 0.8;}
#langselect-check:checked ~ .langselect-check{display: block;}
.langselect-check li{text-align: left;}
.langselect-check li:after{content:''; border-bottom: 1px dotted #ccc; width: 70%; display: block; margin:0 auto;}
.langselect-check li:last-child:after{border-bottom: none;}
.langselect-check li a{display: block; padding: 12px; color: #fff; text-align: left; font-size: 13px; text-align: center;}
.langselect-check li a:hover{background: #000;}
.langselect-check .active{font-weight: bold; pointer-events:none;}

/* Account */
.header-account{
	position: absolute;
	right: 10px;
	top: 50px;
}

.header-account a{
	display: inline-block;
	margin-left: 5px;
	color: #4b4b4b;
}

.header-account i{
	display: inline-block;
	font-size: 30px;
	width: 1.1em;
	text-align: center;
	margin-right: 3px;
	line-height: 1em;
	vertical-align: middle;
}

.header-account span{
	display: inline-block;
	line-height: 30px;
	font-size: 13px;
}

.header-cart{
	position: relative;
}

.header-cart i{
	position: relative;
}

.header-cart em{
	position: absolute;
	height:26px;
	width: 26px;
	overflow: hidden;
	text-align: center;
	right:-6px;
	top:-6px;
	display: inline-block;
	font-size: 13px;
	letter-spacing: -1px;
	line-height: 20px;
	font-style: normal;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#fff;
	text-shadow:0 0 1px #ff3838;
	z-index: 100;
}

.header-cart em:before{
	position: absolute;
	content:'';
	top:0;
	display: block;
	height: 20px;
	width: 20px;
	margin:0 3px;
	border-radius: 20px;
	background-color:#ff3838;
	z-index: -1;
}

/* Search */
.header-search{
	position: absolute;
	left:6px;
	top: 8px;
}

.header-search *{
	transition: all 500ms 0s ease;
}

.header-search form{
	display: inline-block;
	padding: 0;
	width: 150px;
	height: 55px;
	margin:0;
	overflow: hidden;
	display: inline-block;
}


.header-search form input[type="search"]{
	display: inline-block;
	outline: none;
	border-radius: 30px;
	border:none;
	width: 150px;
	padding: 5px 10px 5px 35px;
	opacity: 0;
	line-height: 1.3em;
	position: absolute;
	top:0;
	left: 0;
	appearance: none;
	-webkit-appearance: none;
	background-color: #efefef;
	z-index: 1;
	opacity: 1;
}

.header-search form input[type="search"]:hover{
	background-color: #e9e9e9;
}

.header-search form input[type="search"]:focus{
	background-color: #efefef;
	width:250px;
	box-shadow: 0 0 3px #ccc;
}

.header-search form button{
	position: absolute;
	outline: none;
	background:none;
	border:none;
	color:#999;
	position: absolute;
	left: 5px;
	top:0;
	z-index: 5;
	line-height: 1.3em;
	padding: 5px;
	appearance: none;
	-webkit-appearance: none;
}

.header-search form input[type="search"]:focus ~ button{
	color:#000;
	height: auto;
	opacity: 1;
}

/* Global Navigation */
#header-globalnav{
	border-bottom:1px solid #efefef;

}

#header-globalnav ul{
	display: flex;
	justify-content:center;
}

#header-globalnav ul li{
	display: inline-block;
}

#header-globalnav ul li a{
	display:block;
	padding:12px;
	line-height: 1.05em;
	position: relative;
	 transform: rotate(0.0005deg);
}

#header-globalnav ul li a::before{
	position: absolute;
	display: block;
	z-index: -1;
	background-color: #efefef;
	content: '';
	top:0;
	left:0;
	bottom:0;
	right:0;
	transform-origin: center center;
	transform: scale(1, 0);
	transition: transform .3s;
}

#header-globalnav ul li a:hover::before{
	transform-origin: left top;
	transform: scale(1, 1);
}

.menu-button{
	display: none;
	appearance: none;
	-webkit-appearance: none;
	background:none;
	padding: 10px;
	line-height: 20px;
	font-size: 20px;
	border:none;
}

@media screen and (max-width: 891px) {
	.header-account a{text-align: center; vertical-align: top;}
	.header-account i{display: block; margin: 0 auto;}
	.header-account span{font-size: 10px;}
	.header-cart em{padding:0 0 0 3px;}
}


@media screen and (max-width: 591px) {
	#header{
		padding: 5px 0px;
		box-shadow: 0 2px 3px #ccc;
		 position: sticky;
		 top:0;
		 z-index: 9999;
	}

	.header-logo{
		height: 50px;
		max-height: 50px;
		margin: 0px auto 5px auto;
		}

	.header-logo a{
		display: block;
		}
	.header-logo img{
		height: 50px;
		max-height: 50px;
		}
	.header-account{
		position: static;
		padding: 8px 5px 0 5px;
	}

	#header-menu{
		position: fixed;
		left: -310px;
		top: 0;
		width: 310px;
		height: 100%;
		background-color:rgba(236, 240, 241,0.95);
		transition: all 500ms 0s ease;
		z-index: 20;
	}

	.header-globalnav{
		position: static;
	}

	.header-cart{
		position: fixed;
		z-index: 500;
		right:10px;
		top:10px;
	}


	#header-globalnav ul{
		display:block;
		border-top:1px solid rgba(164, 176, 190,0.9);
		border-bottom:1px solid rgba(164, 176, 190,0.9);
	}

	#header-globalnav ul li{
		display: block;
		border-bottom:1px dotted rgba(116, 125, 140,0.8);
	}

	#header-globalnav ul li:last-child{
		border-bottom:0;	
	}

	#header-globalnav ul li a:after{
		font: var(--fa-font-solid);
	    content: "\f054";
	    position: absolute;
	    right: 10px;
	    color: rgba(0,0,0,0.5);
	}

	.header-bar{
		padding: 3px;
		position: relative;
		width: 100%;
		height: auto;
		background-color: rgba(255,255,255,0.5);
	}


	.menu-open .header-bar .header-search{
		display: block;
		clear: both;
		padding: 5px 10px;
		position: static;
	}

	.menu-open .header-bar .header-search *{
		position: static;
	}

	.menu-open .header-bar .header-search form{
		position: relative;
		width: 100%;
		padding: 0;
		height: auto;
	}

	.menu-open .header-bar .header-search form input[type="search"]{
		position: static;
		width: 100%;
		background-color: #ffffff;
	}

	.menu-open .header-bar .header-search form input[type="search"]:focus{
		width: 100%;
		background-color: #fcfcfc;
	}

	.menu-open .header-bar .header-search form button{
		width: 35px;
		position: absolute;
		left: 0;
		top:0;
	}

	.header-bar .langselect{
		left: 10px;
		bottom:6px;
		height: auto;
		position: fixed;
		text-align: left;
		width: 0;
		white-space: nowrap;
		opacity: 0;
		transition: all 600ms 0s ease;
	}

	.menu-open .header-bar .langselect{
		z-index: 13000;
		width: 180px;
		height: auto;
		opacity: 1;
	}

	.langselect-check{
		position: absolute;
		bottom : 100%;
		transform: translateY(-5px);
		background-color:rgba(0, 0, 0, 0.7);
	}

	.langselect-check:after{
		border-top: 10px solid rgba(0, 0, 0,0.7);
		border-left: 10px solid transparent; 
		border-right: 10px solid transparent; 
		bottom: -10px;
		left : 5%;
		content: "";
		position: absolute;
	}

	.langselect-check .active{text-shadow:0 0 2px #000;}

	.menu-open .header-bar .langselect li{
		width: 180px;
		left: 0;
		font-size: 13px;
	}
	.menu-open .header-bar .langselect li a{
		padding: 10px 12px;
	}
	#header-menu{
		z-index: 100;
	}

	#header-menu.menu-open{
		left:0;
		box-shadow: 10px 0 10px rgba(0,0,0,0.5);
	}

	.menu-button{
		position: fixed;
		display: inline-block;
		left: 0px;
		top:0px;
		font-size: 30px;
		z-index: 100;
		outline: none;
	}

	.menu-button:after{
		position: fixed;
		content:'';
		display: block;
		height: 100%;
		width: 0;
		top: 0;
		left: -310px;
		background-color: rgba(0,0,0,0);
		z-index: -1;
		opacity: 0;
		transition: background-color,opacity 300ms 500ms ease;
	}

	.menu-button.menu-close{
		left: 310px;
		color: #fff;
	}

	.menu-button.menu-close:after{
		width: 100%;
		height: 100%;
		left: 310px;
		top: 0;
		opacity: 1;
		background-color: rgba(0,0,0,0.6);
	}


	.menu-button .fa-xmark,
	.menu-button.menu-close .fa-bars{display: none;}
	.menu-button.menu-close .fa-xmark,
	.menu-button .fa-bars{display: inline-block;}

}

/*-----------------------------------------------
// Main
------------------------------------------------*/
#main{
	/*min-height: calc(100vh - 100px);*/
}


/*-----------------------------------------------
// BreadCrumb navigation
------------------------------------------------*/
.breadcrumbs{}
.breadcrumbs{display: block; padding:6px 12px; white-space: nowrap; overflow-x: hidden;}
.breadcrumbs li{display: inline-block; font-size: 13px; line-height: 1em; color:#6f6f6f;}
.breadcrumbs li a{color: #485460; border-bottom:1px dotted rgba(0,0,0,0);}
.breadcrumbs li a:hover{color: #000; border-bottom:1px dotted #ccc;}
.breadcrumbs li::after{content:'\f105'; display: inline-block; width: 1.05em; text-align: center; font: var(--fa-font-solid); color:#ccc;}
.breadcrumbs li:last-child::after{content:''; display: none;}


@media screen and (max-width: 681px) {
	.breadcrumbs li{font-size: 11px;}
}


@media screen and (max-width: 491px) {
	.breadcrumbs{white-space: nowrap; overflow-x: hidden;}
	.breadcrumbs li{font-size: 9px;}
}

/*-----------------------------------------------
// Footer 
------------------------------------------------*/
#footer{
	background-color: #1a1a1a;
	color: #999;
	padding:30px 12px 20px 12px;
	text-align: center;
	margin-top: auto;
}

#footer a{
	color:#e9e9e9;
}

.footer-nav{
	text-align: center;
}

.footer-nav ul{
	display:flex;
	justify-content: center;
}

.footer-nav li{
	display:inline-block;
	margin: 0 3px;
}

.footer-nav li a{
	display:inline-block;
	position: relative;
	padding: 5px 5px 5px 0.8em;
	line-height: 1.05em;
	text-align: left;
}

.footer-nav li a::before{
	display:inline-block;
	position: absolute;
	left:0;
	font: var(--fa-font-solid);
	content:'\f0da';
	color:rgba(206, 214, 224,0.5);
	font-size: 0.9em;
}

.footer-nav li a:hover{
	color:#fff;
	text-shadow: 0 1px 1px #000;
}
.footer-nav li a:hover::before{
	color:rgba(241, 242, 246,1.0);
}


#copyright{
	margin-top: 20px;
	padding: 10px;
}

#copyright small{
	font-family:'Nunito Sans', sans-serif;
	font-size: 12px;
}

#copyright small i{
	display: inline-block;
	width: 1.05em;
	text-align: center;
}

@media screen and (max-width: 891px) {
	.footer-nav ul{flex-wrap:wrap; justify-content:flex-start;}
	.footer-nav ul li{font-size: 13.5px; width: 33%; margin: 0; text-align: left;}

}


@media screen and (max-width: 591px) {
	.footer-nav ul li{font-size: 12px; width: 49%; }
}


/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// Contact
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
.contact{
	margin: 30px 0;
}
.contact header h2{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.05em;
	font-weight: 200;
	font-size: 18px;
	padding: 10px 0;
	border-bottom: 0.5px solid #999;
}

.contact header p{
	padding: 10px 0;
	font-size: 0.9em;
	margin: 10px auto;
	font-weight: 300;
	color: #333;
}

.contact form{
	padding: 10px 0 30px 0;
}

.contact form label{
	display: block;
	padding: 12px 0;
}
.contact form label span{
	display: block;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 0;
	font-family:-apple-system,BlinkMacSystemFont, "Helvetica Neue", Meiryo,"Yu Gothic","Microsoft Yahei", 微软雅黑, "STHeiti Light", 华文细黑, PingHei,Verdana, Arial, sans-serif;
}

.contact form label input,
.contact form label textarea{
	display: block;
	padding: 5px;
	line-height: 1.5em;
	margin: 3px 0;
	border:1px solid rgba(0,0,0,0);
	border-radius: 0px;
	appearance: none;
	-webkit-appearance: none;
	background-color: #efefef;
}

.contact form label input{
	max-width: 100%;
	width: 500px;
}

.contact form label input:focus,
.contact form label textarea:focus{
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	border:1px solid rgba(30, 39, 46,1.0);
	background-color: rgba(223, 228, 234,1.0);
}

.contact form label textarea{
	max-width: 100%;
	width: 100%;
	min-width: 100%;
	height: 350px;
}

.contact form input[type="submit"]{
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	padding: 10px 20px;
	border:none;
	cursor: pointer;
	color:#fff;
	font-weight: bold;
	background-color: rgba(55, 66, 250,1.0);
}


.contact form input[type="submit"]:hover{
	background-color:rgba(83, 82, 237,1.0);
}


@media screen and (max-width: 591px) {
	.contact form label textarea{
		height: 150px;
	}
}


/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// Login
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#login{
	margin: 30px 0;
}
#login header h2{
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.05em;
	font-weight: 200;
	font-size: 18px;
	padding: 10px 0;
	border-bottom: 0.5px solid #999;
}

#login *{transition: all 500ms 0s ease;}

#login-form{max-width: 430px; width: auto; margin:30px auto; padding: 24px; font-size: 16px; border:1px solid #ececec; border-radius: 5px;}
#login-form .form__row{padding: 0; min-height: 100px;}
#login-form .form__row label{display: block; padding: 5px 0; font-size: 12px;}

#login-form div input{padding: 10px; width: 100%; font-weight: bold; margin: 2px auto; border:1px solid #999; border-radius: 3px; background: #f9f9fb;}
#login-form div input:hover{background: #fff; box-shadow: 0 0 5px #546de5;}
#login-form div input:autofill,
#login-form div input:-webkit-autofill{box-shadow: 0 0 0px 5000px #fff inset; font-weight: bold;}

#login-form div input:focus{background: #fff;}

#login-form .form__row--error{padding: 0; margin: 0;}
#login-form .form__row--error input{background: #ffeeee;}
.form__message{font-size: 12px; padding: 5px 0; height: 1.2em; min-height: 0;}
.form__message span{color: #c23616;}


#login-form div button{display: inline-block; border:none; padding: 20px; width: 100%; border-radius: 50px; line-height: 1em; font-weight: bold; background-color: #5352ed; color:#fff; cursor: pointer;}
#login-form div button:hover{background: #546de5;}


/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// 2Column Wrapper
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#wrapper{
	display: flex; justify-content:space-between;
}

#wrapper article{
	width: 910px; background: none; height: auto; padding:0 0 30px 0;
}

#wrapper article{margin-right: 24px;}

#wrapper aside{
	width: 300px; position:static;
}


#wrapper aside section{
	margin-bottom: 20px;
}
#wrapper aside section h3{
	border-bottom: 1px solid #ccc;
	line-height: 1.05em;
	padding: 0 0 6px 0;
	margin-bottom: 12px;
	font-size: 1em;
}

#wrapper aside section h3 i{
	display: inline-block;
	width: 1.1em;
	margin-right: 2px;
	color:#feca57;
}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// News & Blog
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#blog header{
	padding: 50px 0;
	margin-bottom: 20px;
}

.postlist{
	margin:0 auto 30px auto;
	width: 100%;
	min-height: 210px;
	position: relative;
	background-color: #f9f9f9;
	transition: all 500ms 0s ease;
}

.postlist:hover{
	box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
	background-color: #f5f6fa;
}

.postlist a{
	position: static;
	display: block;
	min-height: 210px;
	cursor: pointer;
}

.postlist figure{
	position: absolute;
	width: 300px;
	height: 100%;
	background-color: #efefef;
	overflow: hidden;
}

.postlist figure img{
	object-fit: cover;
	display: block;
	min-height: 100%;
	transition: all 500ms 0s ease;
}

.postlist .postlist-contents{
	position:static;
	width: 100%;
	padding:16px 12px 16px 312px;
}

.postlist a:hover figure img{
	transform: scale(1.2, 1.2);
}

.postlist-title{
	color: #2f3640;
	font-size: 1.35em;
	line-height: 1.2em;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
}

.postlist time{
	color: #666;
	font-size: 13px;
	font-family:-apple-system,BlinkMacSystemFont, "Helvetica Neue", Meiryo,"Yu Gothic","Microsoft Yahei", 微软雅黑, "STHeiti Light", 华文细黑, PingHei,Verdana, Arial,sans-serif;
	vertical-align: middle;
}

.postlist time::before{
	font: var(--fa-font-regular);
	content: '\f017';
	display: inline-block;
	width: 1.2em;
}


.postlist-link{
	position:absolute;
	right: 16px;
	bottom:12px;
	padding: 6px;
	color: #333;
	font-family:-apple-system,BlinkMacSystemFont, "Helvetica Neue", Meiryo,"Yu Gothic","Microsoft Yahei", 微软雅黑, "STHeiti Light", 华文细黑, PingHei,Verdana, Arial, sans-serif;
	transition: all 500ms 0s ease;
}

.postlist-link::after{
	font: var(--fa-font-solid);
	content:'\f101';
	display: inline-block;
	width: 1.1em;
	text-align: right;
}

.postlist:hover .postlist-link{
	right: 6px;
	color: #555;
}

.sidebar-category{
	margin: 12px 0;
}

.sidebar-category ul li{
	margin-bottom: 3px;
}
.sidebar-category ul li a{
	display: block;
	padding: 5px 0;
	transition: all 300ms 0s ease;
}

.sidebar-category ul li a:hover{
	padding: 5px 0 5px 5px;
	color: #666;
}

.sidebar-postlist{
	margin: 12px 0;
}

.sidebar-postlist h3{
	margin-bottom: 0!important;
}

.sidebar-postlist li{
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #ccc;
}

.sidebar-postlist li a{
	display: block;
	padding: 12px 20px 12px 0;
	position: relative;
	transition: all 300ms 0s ease;
}

.sidebar-postlist li a::after{
	position: absolute;
	right: 15px;
	display: inline-block;
	font: var(--fa-font-solid);
	content:'\f105';
	right: 10px;
	top:50%;
	height: 16px;
	font-size: 16px;
	margin-top: -8px;
	transition: all 300ms 0s ease;
	color: #666;
}

.sidebar-postlist li a:hover{
	color: #666;
}

.sidebar-postlist li a:hover::after{
	right: 0px;
	color: #2e86de;
}

.sidebar-postlist li a b{
	display: inline-block;
	line-height: 1.05em;
	font-size: 15px;
	font-family:-apple-system,BlinkMacSystemFont, "Helvetica Neue", Meiryo,"Yu Gothic","Microsoft Yahei", 微软雅黑, "STHeiti Light", 华文细黑, PingHei,Verdana, Arial, sans-serif;
}

.sidebar-postlist li a time{
	display: block;
	font-size: 12px;
	margin-top:5px;
	color: #999;
}

.sidebar-postlist li a time i{
	display: inline-block;
	width: 1.1em;
	margin-right: 2px;
}

@media screen and (max-width: 1281px) {
	#wrapper article{width: 700px;}
	.postlist figure{width: 250px;}
	.postlist .postlist-contents{padding:16px 12px 16px 262px;}

}

@media screen and (max-width: 981px) {
	#wrapper{display: block; margin-bottom: 30px;}
	#wrapper article,#wrapper aside{width: 100%; margin: auto; display: block; position: static;}
	#blog{margin-bottom: 50px;}
}

@media screen and (max-width: 561px) {
	.postlist figure{position: static; width: 100%;}
	.postlist .postlist-contents{padding: 12px ;}
	.postlist-title{font-size: 1.2em;}
	.postlist-link{position: static; display: block; text-align:right; padding:0; margin:12px 0 0 0; font-size: 12px;}
}


#blog-detail{

}

#blog-detail header{
	margin:0 auto 12px auto;
	padding: 0 0 20px 0;
	clear: both;
	border-bottom: 1px dashed #ccc;
}

#blog-detail header h1{
	color: #000;
	font-size: 2em;
	line-height: 1.05em;
	margin-bottom: 12px;
}


#blog-detail header figure{
	margin:12px 0;
	overflow: hidden;
	text-align: center;
	background-color: #f9f9f9;
}

#blog-detail header figure img{
	object-fit: cover;
	display: block;
	height: auto;
	width: auto;
	margin: auto;
	max-width: 100%;
}

#blog-detail header time{
	font-size: 15px;
	color:#666;
	vertical-align: bottom;
}

#blog-detail header time i{
	display: inline-block;
	width: 1.1em;
}


#blog-detail header .blog-detail-share{
	display: block;
	float:right;
	padding: 0;
	white-space: nowrap;
}
#blog-detail header .blog-detail-share li{
	display:inline-block;
	font-size: 23px;
	margin: 0 2px;
	padding: 0;
	line-height: 1em;
}

#blog-detail header .blog-detail-share li a{
	display: block;
}

#blog-detail header .blog-detail-share li:before{display: none;}
#blog-detail header .blog-detail-share li{border:none;}
#blog-detail header .blog-detail-share li a .fa-twitter{color:#00acee;}
#blog-detail header .blog-detail-share li a .fa-facebook{color:#1877f2;}
#blog-detail header .blog-detail-share li a .fa-get-pocket{color:#ee4056;}
#blog-detail header .blog-detail-share li a .fa-whatsapp{color:#128C7E;}
#blog-detail header .blog-detail-share li a .fa-facebook-messenger{color:#0078ff;}
#blog-detail header .blog-detail-share li a:hover{opacity: 0.8; text-shadow: 0 0 1px #ccc;}

.blog-content{
	line-height: 1.5em;
	padding: 20px 0;
	font-size: 1em;
	margin: 12px auto 30px auto;
	overflow-x: hidden;
}

.blog-content h2{
	font-weight: bold;
}

.blog-content section{
	margin-bottom: 35px;	
}

#blog-detail table{border-collapse: collapse;}
#blog-detail th,
#blog-detail td{
	text-align: left;
	padding: 8px;
	border:1px solid #ccc;
	font-size: 90%;
}

.blog-content img{
	padding: 6px;
}

#blog-detail ul{
	padding: 10px;
}

#blog-detail ul li{
	padding:3px 5px 3px 1.6em;
	position: relative;
	border-bottom: 1px dashed #ccc;
}

#blog-detail ul li:last-child{
	border-bottom: none;
}

#blog-detail ul li:before{
	font: var(--fa-font-solid);
	content:'\f00c';
	color:#16a085;
	width: 1em;
	position: absolute;
	display: inline-block;
	left:0;
	line-height: 1em;
	top:50%;
	margin-top: -0.5em;
}

.blog-content p{
	margin:12px auto;
	line-height: 1.6em;
	display: block;
}

.blog-content p::after{
	content:'';
	display: block;
	font-size: 0px;
	clear: both;
	min-width: 100%;
	height: 1px;
}

.blog-content a{
	color: #3867d6;
}

.blog-content a:hover{
	color: #4b7bec;
}

@media screen and (max-width: 560px) {
	#blog-detail header h1{font-size: 1.7em;}
	#blog-detail header time{font-size: 12px;}
	#blog-detail header .blog-detail-share li{font-size: 19px; 	margin: 0 1px;}
}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// Product 
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#product header{
	padding: 50px 0;
	margin-bottom: 20px;
}

.product-body{
	width: 100%;
}


/* list item controls*/
.product-viewmodes{
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin-bottom: 20px;
	width: 100%;
}

.product-viewmodes-buttons{
	display: inline-block;
}

.product-viewmodes-buttons button{
	padding: 5px;
	border-radius: 5px;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	font-size: 20px;
	background-color: #efefef;
	color: #333;
}

.product-viewmodes-buttons button:hover{
	background-color: #ccc;
	color: #000;
}

.product-viewmodes-sortbox{
	display: inline-block;
	font-size: 13px;
}

.product-viewmodes-sortbox select{
	cursor: pointer;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	font-size: 15px;
	padding: 5px 12px;
	border-radius: 5px;
	line-height: 1em;
	display: inline-block;
	vertical-align: middle;
	background-color: #efefef;
	color: #333;
	font-weight: bold;
}

.product-viewmodes-sortbox select:hover{
	background-color: #ccc;
	color: #000;
}


/* product list--------------- */
/* grid view */
.product-body #product-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.product-viewgrid .product-list{
	width: 33.33%;
	padding: 10px;
	box-sizing: border-box;
	height: auto;
}

.product-viewgrid .product-list a{
	display: block;
}

.product-list a:hover *{
	opacity: 0.8;
}

.product-viewgrid .product-list-image{
	position: relative;
	text-align: center;
	overflow: hidden;
	display: block;
	line-height: 1em;
}

.product-viewgrid .product-list-image img{
	max-width: 100%;
	max-height: auto;
	width: auto;
	height: auto;
}

.product-viewgrid .product-list .product-contents{
	padding: 12px 0;
}
.product-viewgrid .product-list .product-contents .product-list-name{
	font-size: 18px;
	line-height: 1.1em;
	margin:0  auto 10px auto;
	display: block;
}

.product-list .product-contents .product-list-outofstock{
	color: #a5b1c2;
	padding: 3px 0;
	font-size: 13px;
}
.product-list .product-contents .price{
	color: #af0000;
	font-size: 18px;
	font-weight: bold;
	font-family:Arial,Helvetica,'Open Sans', sans-serif;
	margin: 0;
}
.product-list .product-contents .price .taxinclexcl{ 
	font-size: 10px;
	color: #666;
	font-weight: normal;
}

/* list view */
.product-viewlist{
	width: 100%;
	display: block;
}

.product-viewlist .product-list{
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	min-height: 220px;
	position: relative;
}

.product-viewlist .product-list-image{
	width:200px;
	height: 200px;
	line-height: 0;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left:0;
	top:0;
}

.product-viewlist .product-list-image img{
	margin: 0 auto;
	width:200px;
	height: 200px;
	object-fit: contain;
}

.product-viewlist .product-list .product-contents{
	width: 100%;
	padding-left: 210px;
	text-align: left;
}

.product-viewlist .product-list .product-contents .product-name{
	font-size: 18px;
	line-height: 1.1em;
	padding:10px 0;
	display: block;
}
.product-viewlist .product-list .product-contents .out-of-stock{
	color: #af0000;
}
.product-viewlist .product-list .product-contents .price{
	color: #af0000;
	font-size: 18px;
}
.product-viewlist .product-list .product-contents .price .taxinclexcl{ 
	font-size: 10px;
	color: #666;
}


/* Product detail--------------- */
.product-detail{
	display: flex;
}

.product-detail-info{
	width: 50%;
	padding: 0 20px;
}

.product-detail-images{
	width: 50%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

#product-detail-images-main{
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}


/*div.zoomContainer{border: 1px solid red;}
div.zoomWindowContainer{border: 1px solid blue;}
.slick-active .zoomContainer,
.slick-current .zoomContainer{ border: 2px solid green!important;}
*/
#product-detail-images-main .fa-chevron-left,
#product-detail-images-main .fa-chevron-right{
	color: rgba(255,255,255,0.8);
	position: absolute;
	padding: 12px 5px;
	font-size: 30px;
	z-index: 100;
	top:50%;
	text-shadow: 0 0 3px rgba(0,0,0,0.3);
	transition: all 500ms 0s ease;
	cursor: pointer;
	opacity: 0.7;
}

#product-detail-images-main .fa-chevron-left{left:6px;}
#product-detail-images-main .fa-chevron-right{right:6px;}

#product-detail-images-main:hover .fa-chevron-left,
#product-detail-images-main:hover .fa-chevron-right{
	text-shadow: 0 0 2px rgba(0,0,0,0.6);
	color: rgba(255,255,255,1);
	opacity: 1;
}

#product-detail-images-main:hover .fa-chevron-left{left:-5px;}
#product-detail-images-main:hover .fa-chevron-right{right:-5px;}

#product-detail-images-main:hover .fa-chevron-left:hover,
#product-detail-images-main:hover .fa-chevron-right:hover{text-shadow: 0 0 5px #fff,0 0 1px #000; background-color:rgba(0,0,0,0.5); z-index: 100;}


#product-detail-images-main figure{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow: hidden;
}

#product-detail-images-main figure img{
	cursor: crosshair;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	opacity: 0;
	display: none;
}

#product-detail-images-main figure img.zoom,
#product-detail-images-main figure.slick-current img{
	opacity: 1;
	height: auto;
	width: auto;
	max-width: 100%;
	display: block;
}

#product-detail-images-thumbnails{
	max-height: 95px;
	padding: 0;
	margin:0 auto 0 auto;
	text-align: left;
	display: flex;
	flex-wrap : nowrap ;
	width: 100%;
}


#product-detail-images-thumbnails figure{
	display:inline-block;
	line-height: 1em;
	height: 90px;
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	margin: 0 1px;
	border: 5px solid rgba(0,0,0,0);
}

#product-detail-images-thumbnails figure:hover{
	border: 5px solid #fa8231;
}

#product-detail-images-thumbnails figure.slick-current{
		border:5px solid #ff793f;
		background-color: rgba(0,0,0,0.7);
}

#product-detail-images-thumbnails figure img{
	height: 100%;
	cursor: pointer;
	object-fit: contain;
	transition: all 500ms 0s ease;
}

#product-detail-images-thumbnails figure.slick-current img{
	opacity: 0.5;
}

#product-detail-images-thumbnails figure img:hover{
	opacity: 0.7;
}



.product-detail-name{
	display: block;
	line-height: 1.05em;
	color: #000;
	font-size: 32px;
	padding: 0;
}

.product-detail-description{
	margin: 10px 0;
	line-height: 1.5em;
}

.product-detail-price{
	display: block;
	font-size: 30px;
}

.product-detail-price em{
	font-style: normal;
	font-weight: bold;
	color: #af0000;
	font-family: Helvetica,Arial, 'Droid Sans',-apple-system,'Open Sans',sans-serif;
}

.product-variation-selectors{
	padding: 10px 0;
	position: relative;
	word-wrap: break-word;
	clear: both;
}

.product-variation-selectors p{
	padding:3px 10px 3px 1.2em;
	display: block;
	font-size: 13px;
	line-height: 1em;
	font-weight: bold;
	font-family: sans-serif;
}

.product-variation-selectors p:before{
	font: var(--fa-font-solid);
	content: '\f358';
	color: #666;
	position: absolute;
	left: 0;
	width: 1.1em;
}

.product-variation-selectors select ~ p{
	margin-top: 12px;
}

.product-variation-selectors select{
	padding: 10px;
	border-radius: 3px;
	cursor: pointer;
	border:1px solid #ccc;
	box-shadow: 0;
	display: block;
	clear: both;
	margin: 2px 0;
}


.product-variation-selectors select:hover{
	background-color: #f9f9f9;
	border:1px solid #ccc;
	color: #000;
	box-shadow: 0 0 3px #ccc;
}

.product-variation-selectors p.error{color: #d63031; font-size: 12px; position: absolute; top: -6px; padding: 0 0 0 1.2em; margin: 0;}
.product-variation-selectors p.error::before{content:'\f071'; color: #d63031;}
.product-variation-selectors p.error ~ select:invalid{color: #d63031;}


#add-item-to-cart{
	display: block;
	padding: 10px 0;
}
.product-detail-cart{
	display: flex;
}

.product-detail-cart-outofstock{
	color: #fff;
	border:none;
	background-color: #b2bec3;
	display: block;
	width: 100%;
	padding: 12px;
	cursor: not-allowed;
	font-weight: bold;
	pointer-events: none;
	outline: none;
}

.product-detail-cart-outofstock i{
	display: inline-block;
	margin-right: 3px;
	width: 1.1em;
}

.add_to_cart_button,
.add_to_cart_and_check_out_button{
	display: block;
	padding: 12px;
	border: none;
	color:#fff;
	font-weight: bold;
	vertical-align: middle;
	transition: all 500ms 0s ease;
	cursor: pointer;
	white-space: nowrap;
	flex-grow: 1;
}

.add_to_cart_button i,
.add_to_cart_and_check_out_button i{
	display: inline-block;
	font-size: 20px;
	width: 1.1em;
	margin-right: 5px;
	vertical-align: middle;
}

.add_to_cart_button{
	background-color:#2e86de;
}
.add_to_cart_button:hover{
	background-color:#3867d6;
}

.add_to_cart_and_check_out_button{
	background-color: #fa8231;
}
.add_to_cart_and_check_out_button:hover{
	background-color: #f7b731;
}

.product-detail-freearea{
	padding: 20px 0;
	margin: 20px 0;
	font-family:-apple-system, 'BlinkMacSystemFont',Roboto, "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","Microsoft Yahei", 微软雅黑, "STHeiti Light", arial, sans-serif;;
}

.product-detail-freearea p{
	margin-bottom: 0.7em;
}

.product-detail-freearea section{
	margin: 36px 0;
}

.product-detail-freearea h5{
	font-size: 100%;
}

.product-detail-freearea h4{
	font-size: 120%;
	line-height: 1.05em;
}

.product-detail-freearea h3{
	display: block;
	line-height: 1.05em;
	padding:0 0 5px 0;
	margin-bottom: 5px;
	border-bottom:2px solid #ccc;
	color: #000;
	letter-spacing: 1px;
}

.product-detail-freearea h2{
	line-height: 1.1em;
	margin-bottom: 5px;
}

.product-detail-freearea ul{
	margin: 0.5em 0;
}

.product-detail-freearea ul li{
	padding: 6px 0 6px 1.8em;
	line-height: 1.2em;
	border-bottom: 1px dotted #ccc;
	position: relative;
}

.product-detail-freearea ul li:first-child{
	border-top: 1px dotted #ccc;
}

.product-detail-freearea ul li:before{
	position: absolute;
	content: '✅';
	display: inline-block;
	font-size: 1.3em;
	left: 2px;
	line-height: 1em;
	color: #10ac84;
}

/*Similar product*/
.similar-product{
	padding: 20px 0;
	margin: 20px 0;
}

.similar-product h4{
	line-height: 1.05em;
	display: block;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 2px solid #ccc;
}

.similar-product h4 i{
	display: inline-block;
	width: 1.1em;
	margin-right: 2px;
	color:#f7b731;
}

.similar-product-list{
	display: flex;
}

.similar-product-list li{
	width: 25%;
}

.similar-product-list li a{
	display: block;
	padding: 10px;
}

.similar-product-list li a:hover{
	opacity: 0.8;
}

.similar-product-image{
	padding: 0;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
	height:210px;
	max-height:210px;
	display: table-cell;
	vertical-align: middle;
}

.similar-product-image img{
	object-fit: contain;
	width: 100%;
	height: auto;
}

.similar-product-name{
	display: block;
	line-height: 1.05em;
	margin:3px 0 6px 0;
}

.similar-product-price{
	font-style: normal;
	color: #af0000;
	font-family: Helvetica,Arial,'Droid Sans','Open Sans',sans-serif;
}

@media screen and (max-width: 1281px) {
	.similar-product-image{height: 160px; max-height: 160px;}
	.product-detail-name{font-size: 23px;}
	.product-detail-info{margin:0 0 0 12px;}
}

@media screen and (max-width: 681px) {
	.product-detail{display:block;}
	.product-detail-images,.product-detail-info{display: block; width: 100%; overflow: hidden;}
	.product-detail-info{margin:12px auto;}

	#product-detail-images-main{z-index: 50; position: relative;}
	#product-detail-images-main img{width: auto; height:auto; max-width: 100%;}
	header.product-detail-header{max-height: 10px; overflow: hidden; font-size: 10px; padding: 0!important; margin: 0; }
	.product-detail-name{font-size: 29px;}

	.similar-product-list li{width: 50%;}
	.similar-product-list li a{padding: 5px;}
	.similar-product-name{margin:3px 0; font-size: 15px;}
	.similar-product-image{height: auto; max-height: auto;}
}


@media screen and (max-width: 1281px) {
	#product-detail-images-thumbnails{max-height: 65px;}
	#product-detail-images-thumbnails figure{	
		height: 60px;
		min-width: 60px;
		width: 60px;
		max-width: 60px;
	}

	.product-detail-info{
		padding: 0px;
	}
}

@media screen and (max-width: 561px) {
	.product-viewgrid .product-list{width: 50%; margin-bottom: 12px; padding:5px; height:auto;}
	.product-viewgrid .product-list .product-contents{padding:8px 0; height: auto; min-height: auto; max-height:auto;}
	.product-viewgrid .product-list .product-contents .product-list-name{font-size: 15px;}

	.product-viewlist .product-list{position: relative; display: block; width: 100%; padding: 0 0 10px 0; margin:0 0 10px 0;}
	.product-viewlist .product-list-image{height: 150px; min-height: 150px; width: 150px; position: absolute; left:0; top:0;}
	.product-viewlist .product-list .product-contents{padding-left:160px; min-height: 150px; width: 100%; margin:0 auto;}
	.product-viewlist .product-list-image img{height: auto; max-height: 100%;}

	.product-detail-name{font-size: 23px;}
	.product-detail-cart button{letter-spacing: -0.5px;}

	#product-detail-images-thumbnails{max-height: 75px; height: auto;}
	#product-detail-images-thumbnails figure{	
		height: 70px;
		min-width: 70px;
		width: 70px;
		max-width: 70px;
	}

	#product-detail-images-main:hover .fa-chevron-left{left:0px;}
	#product-detail-images-main:hover .fa-chevron-right{right:0px;}

	#product-detail-images-main:hover .fa-chevron-left:hover{left:0px;}
	#product-detail-images-main:hover .fa-chevron-right:hover{right:0px;}
	.similar-product-list{flex-wrap :wrap;}
}


/* Sidebar */
#product aside h3{
	border-bottom: 1px solid #ccc;
	line-height: 1.05em;
	padding: 0 0 6px 0;
	margin-bottom: 12px;
	font-size: 1em;
}



/* sidebar cart */
.sidebar-cart{padding:5px 0 20px 0; postion: -webkit-sticky; position: sticky; top:10px; background-color: rgba(255,255,255,0.9); z-index: 20;}
.sidebar-cart h3 i.fa-solid{display: inline-block; margin-right: 2px;}

.sidebar-cart-item li{list-style: none; margin: 0; padding: 10px 0; border-bottom:1px dashed #efefef; }
.sidebar-cart-item-name{font-size: 15px; line-height: 1.1em; display:block; margin-bottom:8px;}
.sidebar-cart-item-name a{display: inline; transition: all 500ms 0s ease; cursor: pointer;}
.sidebar-cart-item-name a:hover{color: #84817a;}
.sidebar-cart-item-count{display: flex; align-items: center; font-family: Helvetica,Arialsans-serif;}
.sidebar-cart-item-count-number{display:inline-flex; padding: 6px 6px 6px 8px; min-width: 2.1em; line-height: 1.3em; border-radius: 6px 0 0 6px; background-color: #efefef; text-align: right; letter-spacing: -1px; margin:0; height: 2em; }
.sidebar-cart-item-count-arrows{display:inline-flex; border-radius:0 6px 6px 0; background-color: #ccc; padding: 6px; min-width: 1.1em; text-align: center; position: relative; margin:0; height: 2em; }
.sidebar-cart-item-count-up{height: 50%; position: absolute; top:0; text-align: center; width: 100%; left:0; padding: 0;}
.sidebar-cart-item-count-down{height: 50%; position: absolute; bottom:0; text-align: center; width: 100%; left:0;}
.sidebar-cart-item-price{}

.sidebar-cart-item-count-up i,
.sidebar-cart-item-count-down i{line-height: 1em; display: block; line-height: 1em;  height: 100%; width: 100%; cursor: pointer;}
.sidebar-cart-item-count-up i{border-radius: 0 6px 0 0; }
.sidebar-cart-item-count-down i{border-radius: 0 0 6px 0; }
.sidebar-cart-item-count-up i:hover,
.sidebar-cart-item-count-down i:hover{color:#fff; background-color: #333;}
.sidebar-cart-item-count-multiply{display: inline-flex; padding: 5px; font-size: 12px; font-weight: lighter; }

.sidebar-cart-item-erase{display: inline-block; cursor: pointer; width: 1.1em; color: #808e9b; text-align: center; margin: 0 0 0 10px;}
.sidebar-cart-item-erase:hover{color: #e84118;}

.sidebar-cart-item-price{padding: 5px; font-family: Helvetica, Arial, 'Open Sans',sans-serif; color: #af0000;}

.sidebar-cart-total{padding: 10px 0; text-align: right;}
.sidebar-cart-total-price{font-family: Helvetica,Arial, 'Open Sans',sans-serif; font-size: 16px; font-weight: bold;color: #af0000;}
.sidebar-cart-total .taxinclexcl{clear: both; display: block;} 

.sidebar-cart-button{display: block; padding: 12px 20px; font-size: 15px; color: #fff; background-color: #fa8231; width: 200px; line-height: 1em; text-align: center; margin:5px auto; transition: all 500ms 0s ease; border-radius: px;}
.sidebar-cart-button .fa-cart-flatbed{display: inline-block; width: 1.1em; font-size: 12px;}

.sidebar-cart-button:hover{background: #e67e22;}

/* sidebar category */
.sidebar-category{margin-bottom: 30px;}

.sidebar-category h3 i.fa-solid{
	display: inline-block;
	margin-right: 2px;
	color: #feca57;
}

.category-list{
	padding: 0;
	margin: 0 auto;
}
.category-list li,
.subcategory-list li{
	padding:2px 0;
	position: relative;
	display: flex;
}

.category-item a,
.subcategory-item a{
	padding: 0 3px;
	display: inline-block;
	position: relative;
	width: fit-content;
	color: rgba(47, 53, 66,1.0);
}

.category-item a::before,
.subcategory-item a::before{
	font: var(--fa-font-solid);
	content: '\f07b';
	display: inline-block;
	margin-right: 2px;
	font-size: 15px;
	color: #b7b7b7;
}

.category-item.has-children a::before{
	content: '\f65e';
}

.subcategory-item a::before{
	font: var(--fa-font-regular);
	content: '\f07b';
}

.subcategory-list .subcategory-list .subcategory-item a::before{
	content: '\e185';
}

.category-item a::after,
.subcategory-item a::after{
	content: '';
	width: 0%;
	height: 6px;
	position: absolute;
	background: rgba(255, 165, 2,0.3);
	left: 0;
	z-index: -1;
	bottom:3px;
	transition: all .3s;
}

.category-item a:hover,
.subcategory-item a:hover{
	color: #000;
}

.category-item a:hover::after,
.subcategory-item a:hover::after{
	 width: 100%;
}

.category-item a:hover::before,
.subcategory-item a:hover::before{
	color: rgba(47, 53, 66,1.0);
}

.subcategory-list{
	padding:0 10px;
}

.subcategory-list li{}


.toggle-submenu{
	display: inline-block;
	float: left;
	padding:0;
	line-height: 1em;
	position: static;
	top:0;
	right: 0;
	text-align: right;
	font-size: 0;
}

.toggle-submenu::before{
	position: absolute;
	content: "\f150";
	font: var(--fa-font-solid);
	font-size: 16px;
	display: inline-block;
	padding:6px 12px;
	cursor: pointer;
	color: #b7b7b7;
}

.toggle-submenu:hover::before{
	color:rgba(255, 165, 2,0.6);
}

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// Shopping Cart
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
.shopping-cart{
	margin-bottom: 60px;
}

.shopping-cart header{
	margin:0 auto 20px auto;
	padding: 50px 0;
	clear: both;
	text-align: center;
}

.shopping-cart header h1{
	color: #000;
	font-size: 2em;
	line-height: 1.05em;
}

.shopping-cart-empty{
	text-align: center;

}

#shopping-cart{
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	border-collapse: collapse;
}

#shopping-cart tr{
	border-bottom: 1px dashed #b2bec3;
}

#shopping-cart tr:first-child{
	border-top: 1px dotted #ccc;
}

#shopping-cart tr:last-child{
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}


#shopping-cart .shopping-cart-image{
	width: 200px;
	height: 200px;
	overflow: hidden;
	padding: 10px 0;
}

#shopping-cart .shopping-cart-image img{
	width: 200px;
	height: 200px;
	object-fit: contain;
}

.shopping-cart-name{
	padding: 10px;
}

.shopping-cart-name strong{
	font-size: 16px;
	display: block;
	margin-bottom: 6px;
}

.shopping-cart-error{
	text-align: center;
	margin: 20px;
}
.shopping-cart-error ul{
	text-align: left;
	margin: auto;
	max-width: 800px;
	min-height: 65px;
	padding: 20px 20px 20px 70px;
	box-sizing: border-box;
	border-radius: 12px;
	background-color: #ffe7e7;
	position: relative;
	display: flex;
	align-items:center;
	flex-wrap:wrap;
}

.shopping-cart-error ul:before{
	font: var(--fa-font-solid);
	content: "\f071";
	position: absolute;
	left: 22px;
	font-size: 39px;
	color: #b33939;
	display: inline-block;
}

.shopping-cart-error ul li{
	font-size: 13px;
	line-height: 1.1em;
	display: block;
	width: 100%;
	padding: 2px 0;

}


#shopping-cart td.shopping-cart-number{width: 100px; vertical-align: middle;}
#shopping-cart td.shopping-cart-number input{font-size:17px; padding: 6px; width: 60px; border-radius: 5px; background: #efefef; border:1px solid rgba(0,0,0,0); line-height: 1em; text-align: left; font-family: Helvetica,Arial, sans-serif; -webkit-appearance: auto!important;}
#shopping-cart td.shopping-cart-number input:focus{background: #efefef; border:1px solid rgba(0,0,0,0.5); box-shadow: 0 0 3px #686de0;}
#shopping-cart td.shopping-cart-subtotal{width: 120px; text-align: right; vertical-align: middle; padding: 5px; font-family: Helvetica,Roboto,Arial, sans-serif;}

.delete-item-wrapper i{color: #636e72;}
.delete-item-wrapper i:hover{color: #d63031;}

#shopping-cart .item-price{font-family: Helvetica,Arial,'Open Sans', sans-serif;}
.shopping-cart-subtotal{font-weight: bold;}

.grandtotal-taxinc{font-weight: bold;}
.grandtotal-amount{font-family: Helvetica,Arial, 'Open Sans',sans-serif;}

#shopping-cart tfoot{background: #f9f9f9;}
#shopping-cart tfoot td{padding: 5px 0; line-height: 1.05em;}
#shopping-cart tfoot tr{border:none;}
#shopping-cart tfoot tr:last-child{background: #efefef; padding: 5px 0; border:none; text-shadow: 0 0 1px #ccc;}
#shopping-cart tfoot tr td:last-child{text-align: right; padding:7px 5px; font-family: Helvetica,Arial,'Open Sans', sans-serif;}
#shopping-cart tfoot tr:first-child td:last-child,
#shopping-cart tfoot tr:first-child :nth-last-child(2){border-bottom:1px dotted #ccc;}

.checkout-screen{text-align:center; padding:0; margin:12px auto; max-width: 800px;}
.checkout-screen form{display:block; margin:0; padding: 0;}
.checkout-button{
	display: inline-block;
	background-color: #d63031;
	color: #fff;
	padding: 10px 30px;
	font-weight: bold;
	cursor: pointer;
	margin: 0;
}



.checkout-complete{text-align: center; margin: 0 auto 30px auto;}

.checkout-complete .container{padding: 50px 10px;}

.checkout-complete .fa-circle-check{font-size: 65px; display: inline-block; margin: auto; line-height: 1em; color: #1dd1a1;}
.checkout-complete h1{display: block; color:#000;}
.checkout-complete p{font-size: 15px; line-height: 1.3em; display: inline-block; margin: 6px 0;}
.checkout-complete-number{margin: 12px auto; max-width: 100%; border:1px solid #ccc; border-collapse:collapse;}
.checkout-complete-number th{ text-align: left; background-color: #f9f9f9; padding: 10px; white-space: nowrap; line-height: 1.05em;}
.checkout-complete-number td{ text-align: left; padding: 10px; line-height: 1.05em; font-family: Helvetica,Arial, 'Open Sans',sans-serif;}


.wechatpay-qrcode{background:#40b93c; width:410px; max-width:100%; box-sizing:border-box; margin:12px auto; padding:20px; border-radius:20px; color:#fff;}
.wechatpay-qrcode #wechat_qr{max-width: 250px; max-height:250px; background:#fff; margin: 20px auto; padding:20px; border:2px solid #ccc;}
.wechatpay-qrcode p{font-size: 12px;}
.wechatpay-notes{font-size: 12px; color: #ff5252; display: block; margin-bottom: 24px;}

@media screen and (max-width: 981px) {
	.sidebar-cart{position: static;}
}	
@media screen and (max-width: 681px) {
	#shopping-cart .shopping-cart-image{width: 150px; height:150px;}
	#shopping-cart .shopping-cart-image img{width: 150px; height:150px;}
	.shopping-cart-name{line-height: 1.05em;}
	.shopping-cart-error{margin:12px 0px;}
	.shopping-cart-error ul{max-width: 100%; min-height: 65px;}
}

@media screen and (max-width: 561px) {
	#shopping-cart .shopping-cart-image,
	#shopping-cart .shopping-cart-image img{width: 100px; height:100px;}
	#shopping-cart td.shopping-cart-subtotal{min-width: auto; width:auto; font-size: 13px; padding: 5px;}
	.checkout-button{width: 100%;}
}

@media screen and (max-width: 481px) {
	#shopping-cart .shopping-cart-image,
	#shopping-cart .shopping-cart-image img{width: 75px; height:75px;}
	.shopping-cart-name strong a{font-size: 12px; line-height: 13px; display: inline-block;}
	.shopping-cart-name .item-price{font-size: 12px;}
	.shopping-cart-name .item-price.taxinclexcl{font-size: 9px;}
	.shopping-cart-number{padding: 0; width: 60px; text-align: center; max-width: 60px;}
	#shopping-cart td.shopping-cart-subtotal{font-size: 11px;}
	#shopping-cart td.shopping-cart-number input{font-size:13px; width: 30px; padding: 5px;}
	#shopping-cart td.shopping-cart-subtotal{}
	#shopping-cart tfoot tr td{font-size: 11px;}
	#shopping-cart tfoot tr:last-child td:last-child{font-size: 13px;}

	.shopping-cart-error ul{padding: 16px;}
	.shopping-cart-error ul:before{display: block; position: static; margin: auto; width: 100%; text-align: center; margin-bottom: 12px;}
	.shopping-cart-error ul li{font-size: 10px;}

	.wechatpay-qrcode p{font-size: 9px;}
	.wechatpay-notes{font-size: 9px!important;}
}


/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// Pages
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#pages{
	margin:0 auto 60px auto;
	padding: 0 0 30px auto;
	border-bottom: 1px solid rgba(0,0,0,0);
}

#pages header{
	margin:0 auto 20px auto;
	padding: 50px 0;
	clear: both;
	text-align: center;
}

#pages header h1{
	color: #000;
	font-size: 2em;
	line-height: 1.05em;
}

.pages-about{

}
.pages-about th{
	text-align: left;
	padding: 12px;
	font-weight: bold;
}

.pages-about td{
	text-align: left;
	padding: 12px;
}


#pages section{
	margin-bottom: 50px;
}

#pages a{
	color: #3867d6;
	display: inline;
	border-bottom:1px dashed #45aaf2;
}

#pages a:hover{
	color: #2d98da;
	border-bottom:1px dashed #4b7bec;	
}

#pages section h2{
	 font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	 line-height: 1.05em;
	 padding: 0 0 7px 0;
	 margin-bottom: 7px;
	 border-bottom: 1px dotted #ccc;
	 color: #2f3542;
}

#pages section p{
	padding: 6px 0;
	line-height: 1.35em;
}

#pages section ul{
	padding: 10px 26px;
}

#pages section li{
	padding: 3px 5px 3px 5px;
	list-style: square;
}


@media screen and (max-width: 561px) {
	.pages-about tr,
	.pages-about th,
	.pages-about td{display: block;}
	.pages-about tr{margin-bottom: 8px;}
	.pages-about td{font-size: 13px;}
	.pages-about th{border-left: 5px solid #ccc; padding:0 0 0 10px; line-height: 1.05em;}
	.pages-about td{display: block; padding: 5px 0; margin-bottom: 10px; min-height: 1.1em;}

	#pages section h2{font-size: 19px;}
	#pages section p{font-size: 12px;}
}


.pagination{
	text-align: center;
	padding: 12px;
}

.pagination a,
.pagination span{
	display: inline-block;
	font-size: 18px;
	padding: 12px;
	line-height: 1em;
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
}

.pagination a{background-color: #dcdde1;}
.pagination span{background-color: #7f8fa6; color:#fff;}
.pagination a:hover{
	background-color: #747d8c;
	color:#fff;
}

.pagination .next,.pagination .prev{font-size:0;}
.pagination .next:after{content:'\f105'; text-align: center; font: var(--fa-font-solid); display: inline-block; font-size: 18px;}
.pagination .prev:after{content:'\f104'; text-align: center; font: var(--fa-font-solid); display: inline-block; font-size: 18px;}

form .form-row.radio-row{
	display: flex;
}

form .form-row.radio-row .radio-label{ padding-right: 40px;}
form .form-row.radio-row .radio-option:not(:last-child){ padding-right: 40px;}
form .form-row.radio-row .radio-option input{ display: inline-block; width: auto;}
form .form-row.radio-row .radio-option label{display: inline-block; width: auto; padding-left: 10px;}

form .form-row.change-password #change-password-input-field{
	display: none;
}

.account-page-box form label{
	width: 100%;
	display: block;
	padding-bottom: 10px;
}

.account-page-box form button{
	padding: 9px 20px;
	margin: 20px auto;
	display: block;
	background-color: #666;
	color: #fff;
	border: none;
	min-width: 200px;
}

.account-page-box form a{
	text-decoration: underline;
}
.account-page-box form input{
	width: 100%;
	padding: 4px 10px ;
}
.account-page-box form input[type=date]{
	width: 200px;
}

/* Customer check email page  */
.check-email-page{}
.check-email-page p{
	text-align: center;
}
.check-email-page p a{
	text-decoration: underline;
}



.taxinclexcl {
    font-size: 10px;
    color: #666;
}




/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
// 404 Error
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#error404{padding:0; height: 100%; min-height: 300px; text-align: center; position: relative;}
#error404 .container{width: 100%; margin:100px auto;}
#error404 .fa-triangle-exclamation{font-size: 90px; color: #c23616; display: inline-block; margin: 10px auto;}
#error404 h2{line-height: 1.05em; padding: 0; margin: 0;}
#error404 p{padding: 5px 0; font-size: 15px;}


.clear{clear: both; height: 0px; font-size: 0;}