/*
Theme Name: Welcart Square
Theme URI: https://www.welcart.com/archives/4666.html
Author: Collne.Inc
Author URI: https://www.collne.com/
Description: Welcart Square is child theme for Welcart Basic.
Template: welcart_basic
Version: 1.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, square, two-columns, right-sidebar. left-sidebar
Requires at least: 5.6
Requires PHP: 7.4 - 8.0
*/

/* =Base
-------------------------------------------------------------- */

/* font - */
@font-face {
	font-family: "Quattrocento Sans";
	font-style: normal;
	font-weight: normal;
	src: local("Quattrocento Sans Regular"), local("QuattrocentoSans-Regular"), url("./fonts/QuattrocentoSans-Regular.otf") format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	color: #333;
	font-family: "Quattrocento Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}

input,
select,
textarea {
	font-family: "Quattrocento Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* -select - */
select {
	background: url(images/select-arrow.png) center right 10px no-repeat;
}

@-moz-document url-prefix() {

	select {
		height: 40px;
	}
}

/* -- a -- */
a:hover {
	text-decoration: none;
}

a img:hover {
	background-color: #fff;
}

/* -- input -- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] {
	height: 35px;
	padding: 0 10px;
	line-height: 35px;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
}

input[type="radio"] {
	border-radius: 50%;
}

select {
	height: 35px;
	padding: 0 30px 0 10px;
	background-color: #fff;
	line-height: 35px;
}

/* -- table -- */
caption {
	margin-bottom: 5px;
	font-weight: bold;
}


/*-- keyframes --*/
@keyframes fade-in {

	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@-moz-keyframes fade-in {

	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@-webkit-keyframes fade-in {

	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

/* =body
-------------------------------------------------------------- */

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
}

body {
	overflow: hidden;
}

/* -- default-btn -- */
.snav .membership li a,
#respond .form-submit input,
.widget_welcart_search div a {
	border: 1px solid #dcdcdc;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	background-color: #ededed;
	-moz-box-shadow: inset 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	color: #777;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-shadow: 1px 1px 0 #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededed", endColorstr="#dfdfdf");
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}

.snav .membership li a:hover,
#respond .form-submit input:hover,
.widget_welcart_search div a:hover {
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdfdf", endColorstr="#ededed");
	background-color: #dfdfdf;
}


/* -- Campaign Tag -- */
.campaign_message {
	margin: 5px 10px 0;
	text-align: center;
}

#itempage .campaign_message {
	margin: 20px 0 0;
	text-align: left;
}


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

header {
	margin-bottom: 10px;
	padding: 10px;
}

/* -- .site-description -- */
.site-description {
	width: auto;
	min-height: auto;
	padding: 5px 10px 0;
	float: none;
	background: none;
	color: #444;
	font-weight: normal;
	text-align: left;
}

/* -- .site-title -- */
h1.site-title,
div.site-title {
	margin: 0 90px 0 0;
	padding: 0;
	float: none;
	font-family: Lora, "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 30px;
	text-align: left;
}

.site-title a:hover {
	text-decoration: none;
}

h1.site-title img,
div.site-title img {
	width: auto;
	max-width: 100%;
}

/* -- .incart-btn -- */
.incart-btn {
	position: absolute;
	right: 15px;
	bottom: 10px;
	float: none;
}

.incart-btn i {
	font-size: 25px;
}

.incart-btn i:hover {
	cursor: pointer;
}

.incart-btn .total-quant {
	top: -50%;
	right: -50%;
	left: auto;
	padding: 2px;
}


/* -- .menu-bar -- */
.menu-bar {
	position: absolute;
	right: 55px;
	bottom: 8px;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	box-sizing: border-box;
	transition: all .4s;
}

.menu-trigger {
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 9px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

/*-- .active -- */
.menu-trigger.active span:nth-of-type(1) {
	top: -12px;
}

.menu-trigger.active span:nth-of-type(3) {
	bottom: -11px;
}

.menu-trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}

@-webkit-keyframes menu-bar01 {

	0% {
		-webkit-transform: translateY(20px) rotate(45deg);
	}

	50% {
		-webkit-transform: translateY(20px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}

@keyframes menu-bar01 {

	0% {
		transform: translateY(20px) rotate(45deg);
	}

	50% {
		transform: translateY(20px) rotate(0);
	}

	100% {
		transform: translateY(0) rotate(0);
	}
}

.menu-trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}

.menu-trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}

@-webkit-keyframes menu-bar02 {

	0% {
		-webkit-transform: translateY(-20px) rotate(-45deg);
	}

	50% {
		-webkit-transform: translateY(-20px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}

@keyframes menu-bar02 {

	0% {
		transform: translateY(-20px) rotate(-45deg);
	}

	50% {
		transform: translateY(-20px) rotate(0);
	}

	100% {
		transform: translateY(0) rotate(0);
	}
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}

@-webkit-keyframes active-menu-bar01 {

	0% {
		-webkit-transform: translateY(0) rotate(0);
	}

	50% {
		-webkit-transform: translateY(20px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(20px) rotate(45deg);
	}
}

@keyframes active-menu-bar01 {

	0% {
		transform: translateY(0) rotate(0);
	}

	50% {
		transform: translateY(20px) rotate(0);
	}

	100% {
		transform: translateY(20px) rotate(45deg);
	}
}

.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}

@-webkit-keyframes active-menu-bar03 {

	0% {
		-webkit-transform: translateY(0) rotate(0);
	}

	50% {
		-webkit-transform: translateY(-20px) rotate(0);
	}

	100% {
		-webkit-transform: translateY(-20px) rotate(-45deg);
	}
}

@keyframes active-menu-bar03 {

	0% {
		transform: translateY(0) rotate(0);
	}

	50% {
		transform: translateY(-20px) rotate(0);
	}

	100% {
		transform: translateY(-20px) rotate(-45deg);
	}
}

/* -- #mobile-menu -- */
#mobile-menu {
	display: block;
	position: absolute;
	z-index: 4;
	top: 0;
	left: -100%;
	width: 70%;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s;
	border-left: 3px solid #f6f6f6;
	background-color: rgba(255, 255, 255, 1);
}

.display-desc #mobile-menu {
	top: -25px;
}

#mobile-menu.On {
	left: 0;
	opacity: 1;
}

#mobile-menu .in {
	height: 100%;
	padding: 20px;
	overflow-y: scroll;
}

.snav {
	margin: 0;
	padding: 0;
	float: none;
}

/* -- .search-box -- */
.search-box {
	padding-bottom: 20px;
	float: none;
	border-bottom: 1px solid #ececec;
}

.search-box div.s-box {
	float: none;
}

.search-box i {
	display: none;
}

.search-box form {
	display: block;
}

.search-box .searchsubmit {
	padding: 0 10px;
	font-size: 20px;
	line-height: 30px;
}

/* -- .membership -- */
.snav .membership {
	padding: 20px 0;
	float: none;
	border-bottom: 1px solid #ececec;
}

.snav .membership i {
	display: none;
}

.snav .membership ul {
	display: block;
	position: relative;
	padding: 0;
	border: none;
}

.snav .membership li:first-child {
	font-weight: bold;
}

.snav .membership li {
	margin-bottom: 10px;
	border-bottom: none;
}

.snav .membership li:last-child {
	margin-bottom: 0;
}

.snav .membership li a {
	display: block;
	color: #808080;
	line-height: 35px;
	text-align: center;
}

.snav .membership li a:active {
	position: relative;
	top: 1px;
}

.snav .membership li a:hover {
	text-decoration: none;
}

/* -- #site-navigation -- */
#site-navigation {
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
}

#site-navigation ul {
	padding: 0;
}

header div.nav-menu-open,
header div.header-nav-container {
	display: block;
}

#site-navigation li a {
	display: block;
	margin-bottom: 0;
	padding: 0;
	border: none;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 35px;
}

#site-navigation li a:hover {
	text-decoration: none;
}

#site-navigation ul ul {
	margin-top: 0;
}

/* -- show_on_front -- */
.home .sof {
	width: auto;
	margin: 0 10px 10px;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.column.front-post article {
	width: auto;
	margin: 0 10px 10px;
	border: none;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}


/* =secondary
-------------------------------------------------------------- */

#secondary {
	margin: 0 10px;
	padding: 20px 0 10px;
}

#secondary section {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#secondary section:last-child {
	margin-bottom: 10px;
}

#secondary h3 {
	margin-bottom: 15px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 14px;
	letter-spacing: .5px;
}

/* -- Welcart widget-style -- */

/* - .widget_welcart_category - */
.widget_welcart_category li {
	padding-bottom: 0;
	line-height: 30px;
}

.widget_welcart_category li a,
.widget_welcart_category li li a {
	display: inline-block;
	line-height: normal;
}

/* - .widget_welcart_bestseller + .widget_welcart_featured - */
.widget_welcart_featured .thumtitle a,
.widget_welcart_bestseller .itemname a {
	font-weight: bold;
}

/* - .widget_welcart_search - */
.widget_welcart_search .searchtext {
	padding: 5px;
}

.widget_welcart_search #searchsubmit {
	height: 32px;
	padding: 0;
	line-height: 32px;
}

.widget_welcart_search div a {
	line-height: 30px;
}

/* - .widget_welcart_login - */
.widget_welcart_login input.loginmail,
.widget_welcart_login input.loginpass {
	padding: 0 5px;
}

.widget_welcart_login input#member_loginw,
.widget_welcart_login input#member_login {
	width: auto;
	padding: 0 30px;
}

/* - .widget_welcart_calendar - */
.widget_welcart_calendar th,
.widget_welcart_calendar td {
	line-height: 25px;
}

.widget_welcart_calendar th {
	border: 1px solid #fff;
}

.widget_welcart_calendar td {
	background: #fff;
}

/* - .welcart_blog_calendar - */
.welcart_blog_calendar th,
.welcart_blog_calendar td {
	line-height: 25px;
}

.welcart_blog_calendar th {
	border: 1px solid #fff;
}

.welcart_blog_calendar td {
	background-color: #fff;
}

/* -
	.widget_welcart_page
	.usces_recent_entries
	- */
.widget_welcart_page li,
.usces_recent_entries li {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 30px;
}

.widget_welcart_page li a,
.usces_recent_entries li a {
	padding-bottom: 0;
	line-height: normal;
}

/* - .widget_welcart_post - */
.widget_welcart_post li {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 0;
	border: none;
}

.widget_welcart_post li:first-child {
	padding-top: 0;
}

.widget_welcart_post li .title {
	margin-bottom: 5px;
}

.widget_welcart_post li a {
	padding-bottom: 0;
	font-weight: bold;
}


/* -------- .widget_basic_item_list -------- */

.widget_basic_item_list article {
	width: 100%;
	margin-bottom: .714286em;
	padding: 0 0 .714286em;
	border-bottom: 1px solid #e0e0e0;
}

.widget_basic_item_list .itemimg {
	width: 25%;
	margin-bottom: 0;
	float: right;
	text-align: center;
}

.widget_basic_item_list .opt-tag,
.widget_basic_item_list .item-info-wrap {
	width: 70%;
	float: left;
}

.widget_basic_item_list .opt-tag {
	margin: 0 0 10px;
}

.widget_basic_item_list .item-info-wrap {
	padding: 0;
}

.widget_basic_item_list .itemname {
	font-weight: bold;
}

.widget_basic_item_list .itemimg {
	position: relative;
}

.widget_basic_item_list .itemsoldout {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
}


/* -- WordPress widget-style -- */

/* -
	.widget_archive
	.widget_categories
	.widget_meta li
	.widget_recent_entries
	.widget_nav_menu
	.widget_pages
	- */
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu ul li,
.widget_pages li {
	margin-bottom: 0;
	line-height: 30px;
}

.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_recent_entries li a,
.widget_nav_menu ul li a,
.widget_pages li a {
	padding: 0;
	line-height: normal;
}

/* - .widget_archive - */
.widget_archive select {
	background-color: #fff;
}

/* .widget_recent_entries - */
.widget_recent_entries li:first-child {
	padding-top: 0;
}

.widget_recent_entries li {
	padding-top: 15px;
}

.widget_recent_entries li a {
	font-weight: bold;
}

.widget_recent_entries li span {
	display: block;
	line-height: normal;
	text-align: right;
}

.widget_recent_entries li span::before {
	content: "\f017";
	margin-right: 5px;
	font-family: FontAwesome;
}

/* - .widget_recent_comments - */
.widget_recent_comments li {
	margin-bottom: 10px;
}

/* - .widget_calendar - */
.widget_calendar table {
	margin: 0;
}

.widget_calendar th,
.widget_calendar td {
	line-height: 25px;
}

.widget_calendar th {
	border: 1px solid #fff;
}

.widget_calendar td {
	background-color: #fff;
}

/* - .widget_search - */
.widget_search .search-text {
	padding: 0 30px 0 5px;
}

.widget_search .searchsubmit {
	height: 35px;
	padding: 0 10px;
	line-height: 35px;
}

/* ---- .widget .tax_inc_block ---- */
.widget_welcart_bestseller .tax_inc_block {
	width: 100%;
}

/* =footer
-------------------------------------------------------------- */

footer {
	margin: 0 10px;
	padding: 20px 0 30px;
	border-top: 1px solid #999;
	background: none;
	color: #444;
}

/* -- #toTop i -- */
#toTop {
	right: 10px;
}

#toTop i {
	width: 50px;
	color: #fff;
	line-height: 50px;
	text-align: center;
}

#toTop i:hover {
	opacity: .6;
	color: #fff;
}

/* -- footer nav -- */
footer nav {
	width: auto;
	padding: 0 0 10px;
}

footer nav a {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-size: 14px;
	letter-spacing: .5px;

}

/* -- .sns -- */
.sns-wrapper {
	margin-bottom: 20px;
	clear: both;
}

.sns {
	display: flex;
	justify-content: center;
	text-align: center;
	gap: 10px;
}

.sns li a {
	display: block;
	margin: 0;
}

.sns li i::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center center;
	background-color: #808080;
}

.facebook-svg::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22298.179%22%20viewBox%3D%220%200%20300%20298.179%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_2%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%202%22%20d%3D%22M126.563%2C298.179h0A149.517%2C149.517%2C0%2C0%2C1%2C55%2C266.089a150.75%2C150.75%2C0%2C0%2C1-33.867-39.27A150.1%2C150.1%2C0%2C1%2C1%2C263.61%2C247.945a150.677%2C150.677%2C0%2C0%2C1-40.144%2C32.861%2C148.992%2C148.992%2C0%2C0%2C1-50.027%2C17.371V193.36h34.951L215.039%2C150h-41.6V121.863a29.982%2C29.982%2C0%2C0%2C1%2C1.151-8.5%2C20.593%2C20.593%2C0%2C0%2C1%2C3.865-7.4c3.982-4.78%2C10.157-7.307%2C18.351-7.509.352-.009.715-.013%2C1.077-.013H216.8V61.523a233.922%2C233.922%2C0%2C0%2C0-33.578-2.93%2C67.667%2C67.667%2C0%2C0%2C0-23.307%2C3.832%2C48.646%2C48.646%2C0%2C0%2C0-17.87%2C11.25%2C49.637%2C49.637%2C0%2C0%2C0-11.445%2C18.3%2C72.964%2C72.964%2C0%2C0%2C0-4.034%2C24.979V150H88.476V193.36h38.086V298.178Z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22298.179%22%20viewBox%3D%220%200%20300%20298.179%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_2%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%202%22%20d%3D%22M126.563%2C298.179h0A149.517%2C149.517%2C0%2C0%2C1%2C55%2C266.089a150.75%2C150.75%2C0%2C0%2C1-33.867-39.27A150.1%2C150.1%2C0%2C1%2C1%2C263.61%2C247.945a150.677%2C150.677%2C0%2C0%2C1-40.144%2C32.861%2C148.992%2C148.992%2C0%2C0%2C1-50.027%2C17.371V193.36h34.951L215.039%2C150h-41.6V121.863a29.982%2C29.982%2C0%2C0%2C1%2C1.151-8.5%2C20.593%2C20.593%2C0%2C0%2C1%2C3.865-7.4c3.982-4.78%2C10.157-7.307%2C18.351-7.509.352-.009.715-.013%2C1.077-.013H216.8V61.523a233.922%2C233.922%2C0%2C0%2C0-33.578-2.93%2C67.667%2C67.667%2C0%2C0%2C0-23.307%2C3.832%2C48.646%2C48.646%2C0%2C0%2C0-17.87%2C11.25%2C49.637%2C49.637%2C0%2C0%2C0-11.445%2C18.3%2C72.964%2C72.964%2C0%2C0%2C0-4.034%2C24.979V150H88.476V193.36h38.086V298.178Z%22%2F%3E%3C%2Fsvg%3E");
}

.twitter-svg::before {
	-webkit-mask-image: url("./images/ico-x.svg");
	mask-image: url("./images/ico-x.svg");
}

.instagram-svg::before {
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Instagram-Glyph-Black-Logo.wine%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M150%2C0c-40.738%2C0-45.846.173-61.845.9-15.966.728-26.87%2C3.264-36.411%2C6.972a73.527%2C73.527%2C0%2C0%2C0-26.568%2C17.3%2C73.518%2C73.518%2C0%2C0%2C0-17.3%2C26.569C4.166%2C61.285%2C1.631%2C72.189.9%2C88.155c-.73%2C16-.9%2C21.108-.9%2C61.845s.172%2C45.845.9%2C61.845c.729%2C15.966%2C3.264%2C26.87%2C6.973%2C36.411a73.538%2C73.538%2C0%2C0%2C0%2C17.3%2C26.569%2C73.531%2C73.531%2C0%2C0%2C0%2C26.568%2C17.3c9.541%2C3.707%2C20.445%2C6.243%2C36.411%2C6.972%2C16%2C.73%2C21.108.9%2C61.845.9s45.845-.173%2C61.845-.9c15.966-.728%2C26.87-3.264%2C36.411-6.972a76.7%2C76.7%2C0%2C0%2C0%2C43.87-43.87c3.707-9.541%2C6.243-20.445%2C6.972-36.411.73-16%2C.9-21.108.9-61.845s-.173-45.846-.9-61.845c-.728-15.966-3.264-26.87-6.972-36.411a73.53%2C73.53%2C0%2C0%2C0-17.3-26.569%2C73.538%2C73.538%2C0%2C0%2C0-26.569-17.3C238.715%2C4.167%2C227.811%2C1.631%2C211.845.9%2C195.846.173%2C190.737%2C0%2C150%2C0Zm0%2C27.027c40.051%2C0%2C44.8.153%2C60.612.875%2C14.625.667%2C22.567%2C3.11%2C27.853%2C5.165a46.47%2C46.47%2C0%2C0%2C1%2C17.247%2C11.221%2C46.477%2C46.477%2C0%2C0%2C1%2C11.221%2C17.247c2.054%2C5.286%2C4.5%2C13.228%2C5.165%2C27.853.722%2C15.817.875%2C20.561.875%2C60.613s-.153%2C44.8-.875%2C60.613c-.667%2C14.625-3.11%2C22.567-5.165%2C27.853a49.678%2C49.678%2C0%2C0%2C1-28.468%2C28.468c-5.286%2C2.054-13.228%2C4.5-27.853%2C5.165-15.814.722-20.558.875-60.613.875s-44.8-.153-60.613-.875c-14.625-.666-22.567-3.11-27.853-5.164a46.466%2C46.466%2C0%2C0%2C1-17.247-11.221%2C46.477%2C46.477%2C0%2C0%2C1-11.221-17.247c-2.054-5.286-4.5-13.228-5.165-27.853-.722-15.817-.875-20.561-.875-60.613s.153-44.8.875-60.613c.667-14.625%2C3.11-22.567%2C5.165-27.853A46.476%2C46.476%2C0%2C0%2C1%2C44.287%2C44.287%2C46.476%2C46.476%2C0%2C0%2C1%2C61.534%2C33.066c5.286-2.054%2C13.228-4.5%2C27.853-5.165%2C15.817-.722%2C20.561-.875%2C60.613-.875%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M240.435%2C264.356a50%2C50%2C0%2C1%2C1%2C50-50A50%2C50%2C0%2C0%2C1%2C240.435%2C264.356Zm0-127.027a77.027%2C77.027%2C0%2C1%2C0%2C77.027%2C77.027%2C77.027%2C77.027%2C0%2C0%2C0-77.027-77.027m98.07-3.043a18%2C18%2C0%2C1%2C1-18-18%2C18%2C18%2C0%2C0%2C1%2C18%2C18%22%20transform%3D%22translate(-90.435%20-64.356)%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Instagram-Glyph-Black-Logo.wine%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M150%2C0c-40.738%2C0-45.846.173-61.845.9-15.966.728-26.87%2C3.264-36.411%2C6.972a73.527%2C73.527%2C0%2C0%2C0-26.568%2C17.3%2C73.518%2C73.518%2C0%2C0%2C0-17.3%2C26.569C4.166%2C61.285%2C1.631%2C72.189.9%2C88.155c-.73%2C16-.9%2C21.108-.9%2C61.845s.172%2C45.845.9%2C61.845c.729%2C15.966%2C3.264%2C26.87%2C6.973%2C36.411a73.538%2C73.538%2C0%2C0%2C0%2C17.3%2C26.569%2C73.531%2C73.531%2C0%2C0%2C0%2C26.568%2C17.3c9.541%2C3.707%2C20.445%2C6.243%2C36.411%2C6.972%2C16%2C.73%2C21.108.9%2C61.845.9s45.845-.173%2C61.845-.9c15.966-.728%2C26.87-3.264%2C36.411-6.972a76.7%2C76.7%2C0%2C0%2C0%2C43.87-43.87c3.707-9.541%2C6.243-20.445%2C6.972-36.411.73-16%2C.9-21.108.9-61.845s-.173-45.846-.9-61.845c-.728-15.966-3.264-26.87-6.972-36.411a73.53%2C73.53%2C0%2C0%2C0-17.3-26.569%2C73.538%2C73.538%2C0%2C0%2C0-26.569-17.3C238.715%2C4.167%2C227.811%2C1.631%2C211.845.9%2C195.846.173%2C190.737%2C0%2C150%2C0Zm0%2C27.027c40.051%2C0%2C44.8.153%2C60.612.875%2C14.625.667%2C22.567%2C3.11%2C27.853%2C5.165a46.47%2C46.47%2C0%2C0%2C1%2C17.247%2C11.221%2C46.477%2C46.477%2C0%2C0%2C1%2C11.221%2C17.247c2.054%2C5.286%2C4.5%2C13.228%2C5.165%2C27.853.722%2C15.817.875%2C20.561.875%2C60.613s-.153%2C44.8-.875%2C60.613c-.667%2C14.625-3.11%2C22.567-5.165%2C27.853a49.678%2C49.678%2C0%2C0%2C1-28.468%2C28.468c-5.286%2C2.054-13.228%2C4.5-27.853%2C5.165-15.814.722-20.558.875-60.613.875s-44.8-.153-60.613-.875c-14.625-.666-22.567-3.11-27.853-5.164a46.466%2C46.466%2C0%2C0%2C1-17.247-11.221%2C46.477%2C46.477%2C0%2C0%2C1-11.221-17.247c-2.054-5.286-4.5-13.228-5.165-27.853-.722-15.817-.875-20.561-.875-60.613s.153-44.8.875-60.613c.667-14.625%2C3.11-22.567%2C5.165-27.853A46.476%2C46.476%2C0%2C0%2C1%2C44.287%2C44.287%2C46.476%2C46.476%2C0%2C0%2C1%2C61.534%2C33.066c5.286-2.054%2C13.228-4.5%2C27.853-5.165%2C15.817-.722%2C20.561-.875%2C60.613-.875%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M240.435%2C264.356a50%2C50%2C0%2C1%2C1%2C50-50A50%2C50%2C0%2C0%2C1%2C240.435%2C264.356Zm0-127.027a77.027%2C77.027%2C0%2C1%2C0%2C77.027%2C77.027%2C77.027%2C77.027%2C0%2C0%2C0-77.027-77.027m98.07-3.043a18%2C18%2C0%2C1%2C1-18-18%2C18%2C18%2C0%2C0%2C1%2C18%2C18%22%20transform%3D%22translate(-90.435%20-64.356)%22%2F%3E%3C%2Fsvg%3E");
}

/* -- .copyright -- */
.copyright {
	padding: 0;
}

/* =main
-------------------------------------------------------------- */

#content {
	padding: 0 15px 20px;
	overflow: hidden;
}

.home #content,
.search #content,
.category #content {
	padding: 0 5px 10px;
}

.column {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

/* -- .two-column -- */
.two-column .column {
	margin-bottom: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* -- .title -- */
#content .entry-title,
#content .page-title {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 1px;
}

/* -- sidebar -- */
#content .sidebar .widget {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#content .sidebar .widget:last-child {
	margin-bottom: 0;
}

#content .sidebar .widget h3 {
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 14px;
	letter-spacing: .5px;
}

#secondary .widget_title > img,
#content .sidebar .widget_title > img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	vertical-align: text-bottom;
}

/* -- .grid -- */
.grid::after {
	content: "";
	display: block;
	clear: both;
}

/* - .grid-sizer - */
.grid-sizer {
	width: 16.66667%;
}

/* -- .main-image -- */
.main.grid-item {
	position: relative;
	width: 100%;
	padding: 0;
}

/* - normal-grid - */
.blog #content article {
	margin: 0 0 8px;
	padding-bottom: 0;
	border: none;
}

.grid-item {
	visibility: hidden;
	width: 50%;
	margin: 0 0 10px;
	float: left;
}

.grid-item .inner {
	position: relative;
	margin: 0 5px;
	overflow: hidden;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
}

/* - img - */
.grid-item .itemimg {
	position: relative;
}

.grid-item img {
	width: 100%;
	height: auto;
}

/* -- .opt-tag -- */
.opt-tag {
	margin: 10px 10px 0;
}

.opt-tag li {
	display: block;
	width: 35px;
	margin-left: 1px;
	float: left;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

/* -- .item-soldout -- */
.grid-item .itemsoldout {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 18px;
	letter-spacing: 2px;
	text-align: center;
}

.itemsoldout .inner {
	position: absolute;
	top: 50%;
	width: 100%;
	margin: 0;
	-webkit-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
	border: none;
	background: none;
	box-shadow: none;
	font-weight: normal;
}

.itemsoldout span {
	display: block;
	margin-top: 15px;
	padding: 0 20px;
	font-size: 12px;
	letter-spacing: normal;
}

/* -- .item-info-wrap -- */
.item-info-wrap {
	padding: 10px;
}

.item-info-wrap .itemname {
	height: auto;
	margin-bottom: 10px;
}

.item-info-wrap .itemname a {
	font-weight: bold;
	letter-spacing: 1px;
}

.item-info-wrap .itemprice {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
}

/* ---- .tax_inc_block ---- */
.tax_inc_block {
	margin-top: -2px;
	color: #333;
	font-size: 12px;
	text-align: right;
}

.tax_inc_block em {
	margin-right: 3px;
	color: #333;
}


/* -- .post-info-wrap -- */
.post-info-wrap {
	padding: 10px;
}

.post-info-wrap .post-title a {
	font-weight: bold;
	letter-spacing: 1px;
}

.post-info-wrap .post-excerpt {
	margin-top: 10px;
	font-size: 12px;
}

.post-info-wrap .post-date {
	font-size: 11px;
	text-align: right;
}

.post-info-wrap .post-cat {
	margin-top: 5px;
	font-size: 11px;
	text-align: right;
}

.post-info-wrap .post-date::before,
.post-info-wrap .post-cat::before {
	margin-right: 5px;
	font-family: FontAwesome;
}

.post-info-wrap .post-date::before {
	content: "\f017";
}

.post-info-wrap .post-cat::before {
	content: "\f02d";
}

/* -- .pagination -- */
.pagination_wrapper {
	margin: 10px 0;
}

.pagination_wrapper li {
	width: 45px;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
}

.pagination_wrapper li .current,
.pagination_wrapper li a {
	padding: 0;
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	text-align: center;
}

.pagination_wrapper li .current {
	background-color: #3c3c3c;
}

.pagination_wrapper li .dots {
	line-height: 47px;
}

.pagination_wrapper li a {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	background-color: #999;
}

.pagination_wrapper li a:hover {
	background-color: #3c3c3c;
	text-decoration: none;
}

/*-- .no-date -- */
p.no-date {
	letter-spacing: 1px;
}


/* =single.php + page.php
-------------------------------------------------------------- */

/* -- .category-area -- */
.grid-item.category {
	width: 50%;
	margin: 0 5px;
	overflow: hidden;
	border-radius: 6px;
	background-position: 50%;
	background-size: cover;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.grid-item.category .inner {
	position: relative;
	background: none;
}

.grid-item.category .inner a {
	display: block;
	width: 100%;
	height: 100%;
}

/* =single.php + page.php
-------------------------------------------------------------- */

/* -- .entry-thumb -- */
.entry-thumb img {
	width: 100%;
	height: auto;
}

/* -- .entry-box -- */
.entry-box {
	padding: 10px;
}

/* -- .entry-meta -- */
.entry-meta {
	margin-bottom: 10px;
}

/* -- .entry-content -- */

/* -- h1,h2,h3,h4,h5,h6 -- */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-weight: normal;
}

.entry-content h1::first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}

.entry-content p {
	line-height: 160%;
}

.entry-content a {
	text-decoration: underline;
}

/* -- Block Editor -- */
.entry-content .wp-block-latest-comments article .wp-block-latest-comments__comment-meta {
	border-top: initial;
}

/* -- .comment-area -- */
.comments-area {
	padding: 10px;
}

.comment-area h2 {
	margin: 0 0 10px;
}

/* page.php // Post Nav Links
-------------------------------------------------------------- */
.post-nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 1.714em;
}

.post-nav-links .post-page-numbers {
	width: 45px;
	margin: .178em;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	border: 1px solid #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	color: #333;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
}

.post-nav-links .post-page-numbers:hover,
.post-nav-links .post-page-numbers.current {
	border: 1px solid #333;
	background-color: #333;
	color: #fff;
}

/* category.php
-------------------------------------------------------------- */

.taxonomy-img {
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
}

.taxonomy-description {
	margin-top: -5px;
}

.cat-il .main,
.post-li .main.grid-item {
	width: 100%;
	margin-bottom: 10px;
}

.cat-il .main .inner,
.post-li .main .inner {
	background: none;
	box-shadow: none;
}

/* -- taxnomy -- */
.page-header.over .wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
}

.page-header.over .in {
	position: relative;
	top: 50%;
	padding: 0 25px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.page-header.over .taxonomy-img {
	margin-bottom: 0;
}

.page-header.over .taxonomy-description {
	margin-top: 0;
}

#content .page-header.over .page-title {
	margin-bottom: 20px;
	color: #fff !important;
}

/* -- .post-li -- */
.post-li .grid-item {
	width: 50%;
	margin: 0 0 10px;
	padding: 0;
	border: none;
}

.post-li time {
	margin-bottom: 5px;
}

.post-li .post-title {
	margin-bottom: 0;
	font-size: 1em;
}


/* =archive.php
-------------------------------------------------------------- */


/* =search.php
-------------------------------------------------------------- */

/* -- .search-li -- */
.search-li .grid-item {
	width: 50%;
	margin: 0 0 10px;
	padding: 0;
	float: left;
}

/* =404.php
-------------------------------------------------------------- */
.error404 .column {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.error-404 .page-content {
	padding: 20px 0;
}

.error-404 .page-content p {
	font-size: 16px;
}


/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

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

	.site-description {
		padding: 10px 20px 0;
	}

	header {
		padding: 10px 20px;
	}

	.display-desc #mobile-menu {
		top: -30px;
	}

	.incart-btn {
		right: 20px;
	}

	.menu-bar {
		right: 60px;
	}


	/* =secondary
	-------------------------------------------------------------- */

	#secondary {
		margin: 0 15px;
	}

	/* -------- .widget_basic_item_list -------- */
	.widget_basic_item_list article {
		width: 46%;
		margin-right: 8%;
		padding-top: .714286em;
		float: left;
	}

	.widget_basic_item_list article:nth-of-type(even) {
		margin-right: 0;
	}

	.widget_basic_item_list .item-list {
		overflow: hidden;
	}


	/* =footer
	-------------------------------------------------------------- */

	footer {
		margin: 0 15px;
	}

	/* =main
	-------------------------------------------------------------- */

	.grid-sizer,
	.grid-item {
		width: 33.333%;
	}

	.grid-item.category {
		width: 66.666%;
	}

	/* category.php
	-------------------------------------------------------------- */

	.home #content,
	.search #content,
	.category #content {
		padding: 0 10px 10px;
	}

	/* -- .post-li -- */
	.post-li .grid-sizer,
	.post-li .grid-item {
		width: 33.333%;
	}

	/* =search.php
	-------------------------------------------------------------- */

	/* -- .search-li -- */
	.search-li .grid-item {
		width: 33.333%;
	}

	.search-li article:nth-of-type(even) {
		margin-right: auto;
	}

}


/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {

	/* =main
	-------------------------------------------------------------- */

	#content {
		padding: 0 15px 20px;
	}

	.column {
		margin-bottom: 20px;
	}

	/* -- .main-image -- */
	.main.grid-item {
		width: 66.6666%;
	}

	.main.grid-item .inner {
		border-radius: 6px;
		-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
	}

	/* =category.php
	-------------------------------------------------------------- */
	.cat-il .main .inner,
	.post-li .main .inner {
		box-shadow: none;
	}

	.cat-il .main.grid-item {
		width: 100%;
	}

	/* =page.php
	-------------------------------------------------------------- */
	.inqbox .inquiry_table th {
		border: 1px solid #ddd;
		background: none;
	}

}


/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {}


/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

	/* =Base
	-------------------------------------------------------------- */

	#wrapper {
		position: relative;
		padding: 30px 50px 30px;
	}

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

	header {
		width: 230px;
		margin: 0 0 15px;
		padding: 0;
		float: left;
		border-radius: 8px;
		background-color: #fff;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
		box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	}

	/* -- .site-description -- */
	.site-description {
		position: relative;
		z-index: 1;
		padding: 0 0 20px;
		font-size: 12px;
		text-align: left;
	}

	/* -- .site-title -- */
	h1.site-title,
	div.site-title {
		position: relative;
		z-index: 1;
		width: auto;
		margin: 0 0 10px;
		padding: 15px;
		letter-spacing: 1px;
	}

	h1.site-title a,
	div.site-title a {
		width: 100%;
		font-weight: normal;
	}

	/* -- .incart-btn -- */
	.incart-btn {
		display: inline-block;
		position: relative;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		min-width: initial;
		margin: 0 0 20px;
		float: right;
	}

	.incart-btn a {
		padding: 0;
		background: none;
	}

	.incart-btn a:hover {
		background: none;
	}

	.incart-btn i {
		width: 76px;
		color: #fff;
		font-size: 20px;
		text-align: center;
	}

	.incart-btn i:hover {
		cursor: pointer;
	}

	.incart-btn i::before {
		margin-right: 0;
	}

	.incart-btn .total-quant {
		position: absolute;
		top: -5px;
		right: 8px;
		margin: 0;
	}

	.menu-bar {
		display: none;
	}

	#mobile-menu {
		position: relative;
		z-index: 1;
		left: 0;
		width: auto;
		height: auto !important;
		padding: 0;
		border: none;
		background: none;
	}

	.display-desc #mobile-menu {
		top: 0;
	}

	#mobile-menu .in {
		width: 100%;
		height: auto;
		padding: 0;
		overflow-y: inherit;
	}

	header .snav {
		position: absolute;
		z-index: 3;
		top: 0;
		right: auto;
		width: auto;
	}

	.snav .search-box,
	.snav .membership {
		border: none;
	}

	.snav .search-box i,
	.snav .membership i {
		padding: 0;
		background: none;
	}

	.snav .search-box i:hover,
	.snav .membership i:hover {
		cursor: pointer;
	}

	.snav .search-box form,
	.snav .membership ul {
		position: absolute;
		padding: 20px;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		transition-duration: .5s;
	}

	.snav .search-box.On form,
	.snav .membership.On ul {
		-moz-animation-name: fade-in;
		-webkit-animation-name: fade-in;
		animation-name: fade-in;
		-moz-animation-duration: .5s;
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		opacity: 1;
	}

	/* -- .search-box -- */
	.snav .search-box {
		position: relative;
		padding: 0;
		float: left;
	}

	.snav .search-box i {
		display: block;
		width: 76.6667px;
		border-right: 1px solid #aaa;
		color: #fff;
		font-size: 20px;
		text-align: center;
	}

	.snav .search-box form {
		display: none;
		position: absolute;
		z-index: 3;
		top: 100%;
		right: auto;
		left: 50%;
		width: auto;
		height: auto !important;
		padding: 10px;
		border: none;
		border-radius: 0;
		opacity: 0;
		background: none;
	}

	.snav .search-box .s-box {
		box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .22);
	}

	.snav .search-box.On form {
		display: block;
	}

	.search-box input[type="text"] {
		height: 44px;
		padding: 0 45px 0 10px;
		background-color: #fff;
		line-height: 44px;
	}

	.search-box .searchsubmit {
		position: absolute;
		width: auto;
		height: 44px;
		padding: 0 15px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #fff;
		line-height: 44px;
	}

	/* -- .membership -- */
	.snav .membership {
		width: auto;
		padding: 0;
		float: left;
	}

	.snav .membership ul {
		display: none;
		position: absolute;
		z-index: 0;
		top: 100%;
		right: 0;
		left: 50%;
		width: 245px;
		height: auto !important;
		border-radius: 8px;
		opacity: 0;
		background-color: #fff;
		box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .22);
	}

	.snav .membership ul li {
		float: none;
	}

	.snav .membership li:first-child {
		margin-bottom: 10px;
		padding: 0;
		border: none;
	}

	.snav .membership i {
		display: block;
		width: 76px;
		border-right: 1px solid #aaa;
		color: #fff;
		font-size: 20px;
		text-align: center;
	}

	/* -- #site-navigation -- */
	#site-navigation {
		position: relative;
		margin: 0 10px 10px;
		padding: 0;
		border-bottom: none;
	}

	#site-navigation ul {
		width: auto;
	}

	#site-navigation li {
		margin-bottom: 2px;
		float: none;
		border: none;
	}

	#site-navigation ul li:first-child {
		border: none;
	}

	#site-navigation li a {
		padding: 0 10px;
		border-radius: 8px;
		color: #070211;
		line-height: 40px;
	}

	#site-navigation ul ul {
		top: 0;
		left: 100%;
		width: 100%;
		padding: 2px;
		border: none;
		border-radius: 8px;
		box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .22);
		white-space: normal;
	}

	#site-navigation li li a:hover,
	#site-navigation li li:first-child a:hover {
		color: #fff;
	}

	#site-navigation ul ul li {
		margin: 0;
	}

	#site-navigation ul ul li a {
		margin: 0 auto;
		padding: 15px 10px;
		overflow: hidden;
		background: none;
		line-height: normal;
	}

	#site-navigation ul ul :hover > a,
	#site-navigation li.current_page_item a,
	#site-navigation li.current-menu-parent a {
		border-radius: 8px;
	}

	/* =footer
	-------------------------------------------------------------- */

	footer {
		margin: 50px 0 0;
		padding: 30px 0 0;
	}

	footer nav {
		position: relative;
		margin: 0 10px;
	}

	footer nav ul {
		position: relative;
		left: 50%;
		float: left;
	}

	footer nav li {
		position: relative;
		left: -50%;
		width: auto;
		margin-right: 100px;
		padding-right: 0;
		float: left;
	}

	footer nav ul ul {
		display: block;
		position: static;
		float: none;
	}

	footer nav ul ul li {
		position: static;
		width: auto;
		margin-right: 0;
	}

	/* =secondary
	-------------------------------------------------------------- */

	#main #secondary {
		position: relative;
		z-index: 0;
		width: 230px;
		margin: 0;
		padding: 0;
		border-top: none !important;
	}

	#secondary section {
		width: 230px;
		float: left;
	}

	#secondary h3 {
		margin-bottom: 10px;
	}

	#secondary section:last-child {
		margin-bottom: 0;
		padding: 10px;
	}

	/* -- Welcart widget-style -- */

	/* - ALL - */

	.widget_welcart_login .liwpp_area {
		padding: 10px 0 0;
	}

	/* -
			.widget_welcart_featured
			.widget_welcart_bestseller
		- */
	.widget_welcart_bestseller .itemimg a {
		display: block;
		padding-bottom: 0;
	}

	.widget_welcart_featured .thumimg,
	.widget_welcart_bestseller .itemimg {
		width: 100% !important;
		margin-bottom: 5px;
		float: none;
	}

	.widget_welcart_featured .thumtitle,
	.widget_welcart_bestseller .itemname {
		width: 100%;
	}

	.widget_welcart_bestseller .itemprice,
	.widget_welcart_bestseller .itemsoldout {
		width: 100%;
		float: none;
	}

	/* - .widget_welcart_calendar - */
	.widget_welcart_calendar table {
		width: 100%;
		margin: 10px 0 0;
		float: none;
	}

	.widget_calendar table {
		margin: 0;
	}

	/* -------- .widget_basic_item_list -------- */

	.widget_basic_item_list article {
		width: 100%;
		margin-right: 0;
		padding-top: 0;
		float: none;
	}

	.widget_basic_item_list .itemimg {
		width: 100%;
		float: none;
	}

	.widget_basic_item_list .opt-tag,
	.widget_basic_item_list .item-info-wrap {
		width: auto;
		margin: 0;
		float: none;
	}

	.widget_basic_item_list .opt-tag {
		margin: 10px 0 0;
	}

	.widget_basic_item_list .item-info-wrap {
		padding: 10px 0 0;
	}

	.widget_basic_item_list .itemsoldout {
		font-size: 16px;
	}

	/* -- WordPress widget-style -- */

	/* -
			.widget_archive
			.widget_categories
		- */
	.widget_categories select,
	.widget_archive select {
		width: 100%;
	}

	/* =main
	-------------------------------------------------------------- */

	#main {
		position: relative;
		width: 100%;
		margin: 0;
	}

	#primary {
		width: 100%;
		margin-left: -230px;
		float: right;
	}

	#content {
		width: 100%;
		margin-right: 0;
		padding: 0;
		float: right;
	}

	.column-wrap {
		margin: 0 254px 0 238px;
	}

	.column {
		margin: 0 8px;
		float: left;
	}

	/* -- .two-column -- */
	#main.two-column #content {
		width: 100%;
		padding-left: 238px;
	}

	.two-column .column-wrap {
		position: relative;
		margin: 0;
	}

	.two-column .column {
		margin: 0;
		float: none;
	}

	/*-- sidebar -- */
	#content .sidebar {
		width: 230px;
		margin: 0;
		padding: 0;
		float: right;
		border-top: none !important;
	}

	/* -- .title -- */
	#content .page-title {
		margin: 10px 0 10px 8px;
		padding: 0;
		font-size: 20px;
	}

	#content .entry-title {
		margin-bottom: 20px;
		font-size: 20px;
	}

	/* -- .item-info-wrap -- */
	.item-info-wrap {
		padding: 10px 15px;
	}

	/* -- .post-info-wrap -- */
	.post-info-wrap {
		padding: 10px 15px;
	}

	/* -- .opt-tag -- */
	.opt-tag {
		margin: 10px 15px 0;
	}

	/* -- .pagination -- */
	.pagination_wrapper {
		margin: 30px 0 0;
	}


	/* =front-page.php
	-------------------------------------------------------------- */

	.grid-sizer {
		width: 33.3333%;
	}

	.main.grid-item {
		width: 100%;
	}

	.grid-item {
		margin: 0 0 8px;
	}

	.grid-item .inner {
		margin: 0 4px;
	}

	/* category.php
	-------------------------------------------------------------- */

	#content .cat-il .page-title,
	#content .post-li .page-title {
		margin: 20px 0 10px 0;
	}

	#content .cat-il .taxonomy-description,
	#content .post-li .taxonomy-description {
		margin-bottom: 10px;
	}

	/* -- .post-li -- */
	.post-li .grid-sizer {
		width: 33.3333%;
	}

	.post-li .grid-item {
		width: 33.3333%;
	}

	/* =single.php + page.php
	-------------------------------------------------------------- */

	/* -- .entry-box -- */
	.entry-box {
		padding: 20px;
	}

	/* -- .entry-meta -- */
	.entry-meta {
		margin-bottom: 20px;
	}

	/* -- #comments -- */
	.comments-area {
		padding: 20px;
	}

	#respond .form-submit {
		margin-top: 10px;
		padding: 0;
		border: none;
	}

	/* =category.php
	-------------------------------------------------------------- */

	.cat-il .main.grid-item {
		margin-bottom: 10px;
	}

	/* =search.php
	-------------------------------------------------------------- */

	/* -- .search-li -- */
	.search-li .grid-item {
		padding: 0 0 8px !important;
	}

}


/**
 * 16.6 Desktop Large 1240px
 */
@media screen and (min-width: 77.5em) {

	/* =Base
	-------------------------------------------------------------- */

	#wrapper {
		max-width: 1500px;
		margin: 0 auto;
	}

	/* =main
	-------------------------------------------------------------- */

	.grid-sizer {
		width: 25%;
	}

	/* -- .main-image -- */
	.main.grid-item {
		width: 75%;
	}

	.grid-item {
		width: 25%;
	}

	.grid-item.category {
		width: 50%;
	}

	/* category.php
	-------------------------------------------------------------- */

	/* -- .post-li -- */
	.post-li .grid-sizer,
	.post-li .grid-item {
		width: 25%;
	}

	/* =search.php
	-------------------------------------------------------------- */

	/* -- .search-li -- */
	.search-li .grid-item {
		width: 25%;
	}

}


/**
 * 16.6 Desktop Large 1240px
 */
@media screen and (min-width: 1500px) {}