/*-----------root-------*/
/*var();*/
:root{
	--mainColor: #574535; 
	--mainColor_shadow:#2d2721;
	--glayColor: #f5f5f5;
	--glayColor2: #ddd;
	--FontColor: #555;
	--FontColor2: #888;
	--BtnColor: #574535;
	--TMPC:99px;
	--TMSP:60px;
  	--AnmSpeed:0.8s;
    --FavoColor:#f00;
    /* --mainColor: #37405b; 
	--mainColor_shadow:#282b31;
	--glayColor: #f5f5f5;
	--glayColor2: #ddd;
	--FontColor: #555;
	--FontColor2: #888;
	--BtnColor: #37405b;
  */
}
/*-----------reset-------*/
/* iOSでのデフォルトスタイルをリセット */
button[type="submit"]{cursor: pointer;}
input[type="submit"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px;}
/*------------------*/
a{text-decoration: none;}
ul{	list-style: none;padding: 0;}
[type="button"]{cursor: pointer;}
html.active{ overflow:hidden; -webkit-font-smoothing: antialiased;}
body {margin: 0; color:var(--FontColor); font-family:arial,helvetica,sans-serif; font-size:16px;}
img{ max-width:100%;}
hr{ border:none; border-bottom:solid 1px var(--glayColor2);}
select,option {color: var(--FontColor);}
select { -webkit-appearance: none;  appearance: none; /* デフォルトの矢印を非表示 */}
.select_wrap {	position: relative;}
.select_wrap::before {	font-size: 0.8em;justify-content: center;content: "▼";position: absolute;right: 0;height: 100%;display: inline-flex;	width:2em;pointer-events: none;align-items: center;color: var(--FontColor2);}
.select_wrap {margin-right: 2%;}
/*------------------*/
.scroll::-webkit-scrollbar{width: 5px;}
.scroll::-webkit-scrollbar-track{background-color: #fff;}
.scroll::-webkit-scrollbar-thumb{background-color: var(--glayColor2);}
.scroll{  scrollbar-width: thin;  scrollbar-color: var(--glayColor2) #fff;}
/*------------------*/
a.btn {color: var(--FontColor);overflow: hidden;display: inline-flex;flex-flow: column;line-height: 1;min-height: 48px;position: relative;background: var(--BtnColor);border: solid 1px var(--BtnColor);}
a.btn span {z-index: 1;display: flex;height: 100%;justify-content: center;align-items: center;min-height: 48px;color: #fff;transition:all 1s;padding: 0 20px;pointer-events: none;}
a.btn::before {content: "";display: block;width: 100%;height: 100%;min-height: 48px;position: absolute;bottom: -48px;background: #Fff;transition: all 0.5s;}
a.btn:hover::before {bottom: 0;}
a.btn:hover span { color:var(--BtnColor);position: relative;}
.btn.white_btn{color: var(--BtnColor);background:#fff; border: solid 1px var(--BtnColor);}
a.btn.white_btn span {color: var(--BtnColor);}
a.btn.white_btn::before {background: var(--BtnColor);}
a.btn.white_btn:hover span { color:#FFF;}
a.btn.white_btn.m.bk {	border: solid 1px var(--glayColor2);}
a.btn.white_btn.m.bk span {	color: var(--FontColor);}
/*------------------*/
a.btn.m {color: var(--FontColor);overflow: hidden;display: inline-flex;flex-flow: column;line-height: 1;min-height: 38px;position: relative;background: var(--BtnColor);border: solid 1px var(--BtnColor);}
a.btn.m span {z-index: 1;display: flex;height: 100%;justify-content: center;align-items: center;min-height: 38px;color: #fff;transition:all 1s;padding: 0 20px;pointer-events: none;}
a.btn.m::before {content: "";display: block;width: 100%;height: 100%;min-height: 38px;position: absolute;bottom: -38px;background: #Fff;transition: all 0.5s;}
a.btn.m:hover::before {bottom: 0;}
a.btn.m:hover span { color:var(--BtnColor);position: relative;}
.btn.white_btn.m{color: var(--BtnColor);background:#fff; border: solid 1px var(--BtnColor);}
a.btn.white_btn.m span {color: var(--BtnColor);}
a.btn.white_btn.m::before {background: var(--BtnColor);}
a.btn.white_btn.m:hover span { color:#FFF;}
/*------------------*/
span.btn {color: var(--FontColor);overflow: hidden;display: inline-flex;flex-flow: column;line-height: 1;min-height: 38px;position: relative;background: var(--BtnColor);border: solid 1px var(--BtnColor);}
span.btn span {z-index: 1;display: flex;height: 100%;justify-content: center;align-items: center;min-height: 38px;color: #fff;transition:all 1s;padding: 0 20px;pointer-events: none;}
span.btn::before {content: "";display: block;width: 100%;height: 100%;min-height: 38px;position: absolute;bottom: -38px;background: #Fff;transition: all 0.5s;}
span.btn:hover::before {bottom: 0;}
span.btn:hover span { color:var(--BtnColor);position: relative;}
span.btn.white_btn span {color: var(--BtnColor);}
span.btn.white_btn::before {background: var(--BtnColor);}
span.btn.white_btn:hover span { color:#FFF;}
/*------------------*/
#footer .contact {padding: 20px 0;text-align: center;}
#footer .mailmaga {padding: 20px 0;}
#footer .f_title {font-size: 10px;font-weight: bold;display: block;	text-align: center;margin-bottom: 1em;}
[name="email"] {height: 47px;line-height: 1;padding: 0 20px;border:none; font-size:16px;max-width: 100%;}
[name="frm"] {display: flex;padding: 0 15px;justify-content: center;}
.mailmaga_del {	display: none;}
.mailmaga_ins {	overflow: hidden;position: relative;background: var(--BtnColor); }
.mailmaga_ins input {height: 100%;background: transparent;z-index: 10; color:#fff; border:solid 1px var(--BtnColor);padding: 0 20px;}
.mailmaga_ins::after {display: block;content: "";height: 100%;width: 100%;background: #fff;	transition: all 0.5s;}
.mailmaga_ins:hover::after {transform: translateY(-100%);z-index: 0;}
.mailmaga_ins:hover input {color: var(--BtnColor);position: relative;}
.mailmaga_text {max-width: calc(100% - 85px);box-shadow: 0 0 0 1px var(--glayColor2);}

/*----nav---*/
.open_close {position: relative;width: 24px;height: 24px;display: inline-block;cursor: pointer; }
.open_close .bar1 { transition:all 0.5s; height: 2px;width: 15px;	background: var(--FontColor);display: block;top: 3px;left: 4px;position: absolute;}
.open_close .bar2 {transition:all 0.5s;height: 2px;width: 15px;	background: var(--FontColor);display: block;top:9px;left: 4px;position: absolute;}
.open_close .bar3 { transition:all 0.5s; height: 2px;width: 15px;	background: var(--FontColor);display: block;top:15px;left: 4px;position: absolute;}
.open_close.active .bar1 { background:var(--BtnColor);transform: rotate(45deg);transform-origin: left top;top: 4px;left: 5px;}
.open_close.active .bar2{ opacity:0;}
.open_close.active .bar3{background:var(--BtnColor);transform: rotate(-45deg);	transform-origin: left top;}
.open_close + span {font-size:13px; font-weight:bold; cursor: pointer;}
.open_close + span .close {display: none;}
.open_close.active + span .open {display: none;}
.open_close.active + span .close {display: inline; color:var(--BtnColor);}

/*----header---*/
#header {position: sticky;	top: 0;	background: #fff; z-index:100; transition:all 0.5s; font-size:14px;}

.h_top {display: flex;padding: 0 1.5%;}
.h_top .nav {display: flex;	align-items: center;width: 80px;position: relative;padding-left: 0px;	box-sizing: border-box;}
.h_icons {	width: calc(100% - 80px);}
.h_icons ul {	display: flex;	width: 100%;align-items: center;box-sizing: border-box;}
.h_icons .logo {flex-grow: 1;justify-content: center;display: flex;}
.h_icons .logo img {max-height: 35px;}
.h_icons .favo.icon a {	color: var(--FontColor2);}
.h_icons i{ font-size:24px;}
.h_icons i.icon-cross{ display:none;}
.h_icons li.icon {display: flex;	justify-content: center;width: 24px;height: 24px;align-items: center;}
.h_icons .tel {	border-left: solid 1px var(--glayColor2);padding-left: 1em;}
.h_icons .icon {margin-right: 0.5em;}
.h_icons .icon:hover { color:var(--BtnColor);cursor: pointer;}
.h_icons ul li:last-child {	margin-right: 0;}
.h_bottom {	padding: 0 3% 1em;display: none;	border-bottom: solid 1px var(--glayColor2);}
.h_bottom ul {display: flex;justify-content: center;margin: 0;}
.h_bottom span {display: inline-block;	padding: 0 1em;cursor: pointer;}
.h_bottom span:hover{ color:var(--BtnColor);}

/*---footer----*/
.ac_list,.ac_list ul {padding: 0;margin: 0;}
.ac_list,.ac_list ul.active {display: block;}
.ac_list .f_nav_title ,.ac_list a,.ac_list li> span{padding: 0.5em 0;display: block;margin-bottom: 1em; cursor:pointer;}
.ac_list li {line-height: 1;}
.ac_list li a {color: var(--FontColor);}
.foot_00 {padding: 20px 0;background: var(--glayColor);margin-bottom: 3em;}
.foot_00 a {color: var(--FontColor);}
.foot_00 a:hover {color: var(--mainColor);}
.foot_00 i {font-size: 45px;display: block;}
.foot_00 ul {max-width: 1250px;margin: 0 auto;padding: 0 15px;display: flex;flex-wrap: wrap;justify-content: center;}
.foot_00 ul li {width: 20%;text-align: center;font-size: 14px;min-width: 100px;}
.foot_02 {border-top: solid 1px var(--glayColor2);padding-top: 2em;}
.foot_03 {display: flex;flex-flow: column;}
.foot_03 .copyright {order: 0;font-size: 11px;text-align: center;padding: 15px 0;box-sizing: border-box;}
.foot_03 ul {margin: 0;padding: 0;}
.foot_03 ul a {color: var(--FontColor);font-size: 11px;}
.f_link {width: calc(100% - 30px);padding: 15px;}
.f_link ul {display: flex;}
.f_link ul li::after {content: "|";color: var(--glayColor2);margin: 0 0.5em;}
.f_link ul li:last-child::after {display: none;}
.f_nav_title {display: block;position: relative;cursor: pointer;font-weight: bold;}
.f_nav_title.active + ul {display: block;}
.f_nav_title.active::before {background: var(--mainColor);}
.f_nav_title.active::after {display: none;}
.f_nav_title::before {content: "";width: 1em;height: 1px;background: #000;position: absolute;right: 0;top: 1em;}
.f_nav_title::after {content: "";width: 1px;height: 1em;background: #000;position: absolute;right: 0.5em;}
#footer .sns {padding: 20px 0;}
#footer .sns ul {display: flex;padding: 0;justify-content: center;}

#footer .sns ul li a {padding: 0 5px;margin: 0 5px;color: var(--FontColor);font-size: 24px;}
.copytight {max-width: calc(100% - 30px);padding: 0 15px;}
/*-------*/
#nav_1{overflow: auto;z-index: 2; position:fixed; top:var(--TMSP); width:100%; left:-100%; height:100%;  background:#fff; transition:all 0.5s;}
#nav_1.active{top: var(--TMSP); left:0;}
#icon_2,#icon_3{z-index: 1; position:fixed; top:var(--TMSP); right:-100%; width:100%; height:100%;  background:#fff; transition:all 0.5s;}
#icon_2.active,#icon_3.active{top: var(--TMSP); right:0;}
#overlay{ z-index:0;}
#overlay.active {width: 110vw;	height: 110vh;display: block;position: fixed;top: -5vh;	left: -5vw;	background: rgba(0,0,0,0.3);}
#h_nav_1,#h_nav_2,#h_nav_3,#h_nav_4,#h_nav_5,#h_nav_6{ transition:all 0.5s; z-index: 1;width: 100vw;position: fixed; background: #fff;padding: 30px 3%;box-sizing: border-box;}


[id^="h_nav"] .wrap {max-width: 1250px;	margin: 0 auto;}
[id^="h_nav"] .i_list {display: flex; justify-content: center;}
[id^="h_nav"] .i_list li {margin: 0 0.5em; font-size: 13px;text-align: center; width:100%;}
[id^="h_nav"] h2 {	text-align: center;	font-size: 18px;}
[id^="h_nav"] .i_list a{ color:var(--FontColor);}
[id^="h_nav"] .i_list a:hover{ color:var(--BtnColor);}
[id^="h_nav"] .i_list a span {	display: block;}
/*-------*/
[id^="h_nav"] .more_link,#nav_box .more_link {	text-align: center;	padding: 2em 0 1em;}
[id^="h_nav"] .more_link a,#nav_box .more_link a  { font-weight:bold;font-size: 14px; color:var(--FontColor); display: inline-block;position: relative;}
[id^="h_nav"] .more_link a::before,#nav_box .more_link a::before {content: "";display: block;	height: 1px;background: var(--glayColor2);position: absolute;bottom: 0;	width: 100%;}
[id^="h_nav"] .more_link a::after,#nav_box .more_link a::after {	content: "";display: block;	height: 1px;	background: var(--BtnColor);position: absolute;	bottom: 0;	width: 100%;	transform: scaleX(0);	transition: all 0.25s;}
[id^="h_nav"] .more_link a:hover,#nav_box .more_link a:hover{ color:var(--BtnColor);}
[id^="h_nav"] .more_link a:hover::after,#nav_box .more_link a:hover::after {transform: scaleX(1);}
/*-------*/
[id^="h_nav"] .img_box ul{ display:flex;}
[id^="h_nav"] .img_box ul li {	padding: 0 1.5em 0 0;	box-sizing: border-box; width: 50%;	box-sizing: border-box;}
[id^="h_nav"] .img_box ul .name{ display:block;}
[id^="h_nav"] .img_box h2 {text-align: left;	font-weight: normal; font-size: 13px;}
[id^="h_nav"] .pickup { font-size: 13px;}
[id^="h_nav"] .pickup a{ color:var(--FontColor);}
[id^="h_nav"] .pickup a:hover{ color:var(--BtnColor);}
[id^="h_nav"] .text_list ul .title{ color:var(--FontColor2);}
[id^="h_nav"] .text_list ul .title {margin-bottom: 0.5em;}
[id^="h_nav"] .text_list ul a {	padding: 0.5em 0;display: block;}
[id^="h_nav"] .i_list a img {max-width: 200px; width:100%;}
[id^="h_nav"] .pickup a img {max-width: 230px;width:100%;}
[id^="h_nav"] img {	display: none;}
.active [id^="h_nav"] img {	display: block;margin: 0 auto 1em;}
#nav_box {z-index: 3; transition:all 0.5s;	position: fixed;  top: 65px; left: -100%;width: 100%; max-height: calc(100vh - 65px);background: var(--glayColor);overflow: auto;}
#nav_box.active {left: 0;}
#nav_box .wrap {padding: 4em 10% 6em; }
#nav_box h2{ font-size:18px;}
#nav_box .img_box ul {	display: flex;}
#nav_box .img_box .name{ display:block;}
#nav_box .img_box ul li:first-child {width: 50%;box-sizing: border-box;padding-right: 4%;}
#nav_box .img_box ul li:last-child {width: 50%;box-sizing: border-box;padding-left: 4%;}
#nav_box .i_list {display: flex;flex-flow: wrap;}
#nav_box .i_list li {width: 46%;	margin: 4% 4% 4% 0;}
#nav_box .i_list li:nth-child(2n+2) {margin-right: 0;margin-left: 4%;}
#nav_box .i_list .name{ font-size:13px; color:var(--FontColor);display: block;}
#nav_box .i_list a{color:var(--BtnColor);}
#nav_box .pickup {	font-size: 14px;}
#nav_box .pickup a{color:var(--FontColor);}
#nav_box .pickup .img_box {	border-bottom: solid 1px var(--glayColor2);	padding-bottom: 1em;}
#nav_box .pickup .text_list ul{	border-bottom: solid 1px var(--glayColor2);	padding-bottom: 1em;}
#nav_box a{ font-weight:bold;}
#nav_box a:hover {	color: var(--BtnColor);}
#nav_box .text_list .title{ color:var(--FontColor2); display:block; padding:0.8em 0;}
#nav_box .text_list a{display:block; padding:0.8em 0;}
#nav_1{ padding: 2em 2em 3em;box-sizing: border-box;}
#nav_1 .title {position: relative;	padding: 0.5em;	display: block;	color: var(--FontColor2);font-weight: bold;	font-size: 15px;margin: 1em 0 0;cursor: pointer;}
#nav_1 .title::before{ content:""; width:1em; height:1px; right: 12.5px; top: 19px; background:var(--FontColor);position: absolute;}
#nav_1 .title::after{  content:""; width:1px;  height:1em;right:20px;  top: 12px;background:var(--FontColor); position: absolute;}
#nav_1 .title.active::after{ display:none;}
#nav_1 .title.active::before{ background:var(--BtnColor);}
#nav_1 ul li:not(.title) {padding-left: 1em;}
#nav_1 > ul {padding: 0 3% 0.5em;margin-top: 0; display:none; border-bottom:solid 1px var(--glayColor2);}
#nav_1 h2.active + ul{ display:block;}
#nav_1 h2.title:not(.active){ border-bottom:solid 1px var(--glayColor2);padding-bottom: 1em;}
#nav_1 [data-id]{ cursor:pointer;display: block;padding: 0.5em; position:relative;}

#nav_1 [data-id]:hover{ color:var(--BtnColor);}
#nav_1 li span::after {	content: "\e909";margin-right: 0.5em;color: var(--FontColor);font-weight: bold;	font-family: 'icomoon' !important;position: absolute;	right: 0;}
#nav_1 a {	padding: 0.5em;	display: block;	position: relative; color:var(--FontColor);}
#nav_1 a::after {content: "\e909";margin-right: 0.5em;color: var(--FontColor);font-weight: bold;font-family: 'icomoon' !important;	position: absolute;	right: 0;}
/*-------*/
#icon_1 { transition:all 0.5s; z-index:1;display: flex;	justify-content: center;align-items: center;position: fixed;	top: -120px;width: 100%;background:rgba(255,255,255,0.9);min-height: 120px;}
[name="keyword"] {	border-radius: 0;border: none;border-bottom: solid 1px var(--FontColor);background: transparent;	font-size: 20px;	box-sizing: border-box;	padding: 0.5em 0; width:auto; margin:0;}
#icon_1 form {max-width: 1250px;	margin: 0 auto;	text-align: center;	display: flex; width:auto;}
#icon_1 button {border: none;font-size: 30px;	background: none;border-bottom: solid 1px var(--FontColor); margin:0 0 0 -1px;}
#icon_1 button i {	color: var(--FontColor);}
#icon_2, #icon_3 {	padding: 2em;box-sizing: border-box; font-size:14px;}
#icon_2 h2,#icon_2 h3{ font-size:14px;}
#icon_2 a {	color: var(--FontColor);}
[id^="icon_"] .btn { display:block; max-width: 320px;	margin: 0 0 0.5em;}
[id^="icon_"] .btn2 {display: block;padding: 0.5em;	text-align: center;  color:var(--BtnColor)!important;box-shadow: 0 0 0 1px var(--BtnColor);max-width: 320px;	margin: 0 0 0.5em;}
[id^="icon_"] hr {	margin: 2em 0;}
.m_total {	border-bottom: solid 1px var(--glayColor2); padding-bottom:1em;font-weight: bold;}
#icon_3 a:not(.btn) {padding: 0.5em 0;	display: block; color:var(--FontColor);}
#icon_3 a .name { font-weight:bold;}
#icon_3 a .price {text-align: right;display: block;}
#nav_1 li.contact {	display: none;}
.postage b {color: var(--mainColor);}
.cart_num {	font-size: 10px;color: var(--mainColor);font-weight: bold;}
/*-------*/
#main {	margin: 0 auto 50px;}
#main.product_list,#main.product_srh,#main.top{max-width: 1920px; box-sizing:border-box;}
#main.product_list .sidebar,#main.product_srh .sidebar#main.top .sidebar{ display:block;}
/*-------*/
.pagenavi {	font-size: 12px;font-weight: bold;}
.pagenavi span{ color:var(--mainColor);}
.pankuzu {margin: 2em 3%;}
.pankuzu a {font-size: 14px;color: var(--FontColor);}
.pankuzu a:hover { color:var(--BtnColor);}
.sub_list {	display: flex; align-items: center; overflow: auto;padding: 0.5em 0;}
.sub_list li { padding:0 0.5em;}
.sub_list li a {padding: 0.5em 0.8em;display: inline-block;box-shadow: 0 0 1px 0 var(--FontColor);	border-radius: 1em; color:var(--FontColor);word-break: keep-all;}
.sub_list li a:hover { color:var(--BtnColor);}
.sub_list img.border {	border-radius: 5px;}
.sub_list li .img {	display: flex;	max-width: 150px;max-height: 150px;}
.sub_list li .txt {	text-align: center;	display: block;	padding: 0.25em 0;}
.category_title { color:var(--mainColor); order: -1;	flex-basis: 100%;text-align: center;font-size: 25px;margin-bottom: 1em;}
[name="sort"] {	background: #fff;	border: none;	border-bottom: solid 1px var(--FontColor);padding-right: 2em;border-radius: 0;color: var(--FontColor);}

.sort_box {	text-align: right;}
ul.product_list {	display: flex;	flex-wrap: wrap;}
ul.product_list li{ width:50%; box-sizing:border-box;font-size: 14px; margin-bottom:3em;}
ul.product_list li .wrap{max-width: 220px; margin:0 auto;box-sizing: border-box; padding:0 2%;cursor: pointer; min-height:400px;}
ul.product_list li .img_box {aspect-ratio: 1/1;	display: flex;justify-content: center;align-items: center;margin-bottom: 1em;}
ul.product_list li .img_box a {display: flex;aspect-ratio: 1/1;width: 100%; height: fit-content; justify-content: center;align-items: center;}
ul.product_list li img {max-height: 200px; width:auto; display:block;}
ul.product_list li a{ color:var(--FontColor);}
ul.product_list li .name, ul.product_list li .explain, ul.product_list li .price {text-align: center;margin-bottom: 1em;}
ul.product_list li .explain, ul.product_list li .price { font-weight:bold;}
.pager {text-align: center;	font-size: 14px;margin-bottom: 5em;}
.pager span, .pager a {	display: inline-flex;padding: 0.25em 0.8em;	box-shadow: 0 0 0 1px var(--FontColor2);border-radius: 2em;	color: var(--FontColor);margin: 0 1em;}
.non_link {	opacity: 0.5;}
.pager a:hover { color:var(--BtnColor);}
.no_product {width: 300px;	height: fit-content;aspect-ratio: 3/1;	margin: 0 auto 5em;	justify-content: center;align-items: center;	display: flex;	box-shadow: 0 0 0 1px var(--BtnColor);	color: var(--BtnColor);max-width: 100%;}
.cg_freespace_01, .cg_freespace_02 {padding: 3%;}
.s_nav_title {cursor: pointer;font-size: 12px;font-weight: bold;margin-bottom: 1em;	display: block;position: relative;line-height: 1; padding:0.5em 0; }
.s_nav_title::before {transition: all 0.5s;width: 1px;height: 1em;background: var(--FontColor);content: "";	display: block;	position: absolute;	right: 5.5px;}
.s_nav_title::after {width: 1em;height: 1px;background: var(--FontColor);content: "";display: block;position: absolute;	right: 0;	top: 11.5px;}
.s_nav_title:hover,.side_list a:hover,.side_list .foot_btn:hover{ color:var(--BtnColor);}
.side_list ul {	font-size: 14px;}
.side_list > li > ul {margin-bottom: 2em;}
.side_list [data-id], .side_list a {cursor: pointer;display: block;	padding: 0.25em 0; color:var(--FontColor);line-height: 1.5;}
.s_nav_title + ul {display: none;}
.s_nav_title.active + ul{ display:block;}
.s_nav_title.active::before {opacity: 0;transform: rotate(90deg);	transform-origin: center center;}
.product_list .more {text-align: center;	opacity: 0;	transition: all 0.5s;}
.product_list .wrap:hover .more { opacity:1;}
.cg_list {order: -1;width: calc(100% + 6%);	margin-left: -3%;}
.info .wrap {max-width: 1260px;	margin: 0 auto 3em;	width: 86%;}
.free_space .wrap {	max-width: 1260px;	width: 86%;	margin: 0 auto 2em;}
.s10-12{font-size:10px;}
.s12-14{font-size:12px;}
.s14-16{font-size:14px;}
.s16-22{font-size:16px;}
.s25-38{font-size:25px;}
/*-------*/
.h_icons  i.icon-cart.active,.h_icons i.icon-account.active,.h_icons i.icon-search1.active{ display:none;}
.h_icons .active + i.icon-cross{ display:inline-block;font-size: 18px;}
.infoarea {	overflow: hidden;padding: 5em 4%;}
.infoarea h2{text-align: center;color: var(--mainColor);position: relative;	margin: 0 0 0.5em;}
.infoarea .day {margin-right: 1em;}
.infoarea .box {max-width: 1000px;margin: 0 auto 1em;width: 94%;max-height: 150px;	overflow: auto;}
#info_box li {	margin-bottom: 0.5em;	border-bottom: dotted 1px var(--FontColor2);}
.infoarea a {color:var(--FontColor);}
@media screen and (max-width: 959px) {
	ul.product_list li .wrap{min-height:inherit;}
    .pr_list2 { display:none;}
    .pr_list1 .grplink2 {display: block !important; }
    .grplink2.bland{ padding-top:0 !important;}
	#header{min-height:63px;}
	.sidebar .close_box {display: block;padding:2em 1em 1em;text-align: right;cursor: pointer;}
	.sidebar{width:100%; background:#fff; left:0;z-index: 1;height:calc(90vh - var(--TMSP));padding: 0 3%;box-sizing: border-box;}
	.serch_item.active + .sidebar {	bottom:0 !important; position:relative; }
	.serch_item {display: block;position: fixed;bottom: 10px;right: 10px;background: var(--BtnColor);color: #fff;padding: 0.5em 0.8em;	cursor: pointer;z-index: 1;	border-radius: 2em;	font-size: 14px; transition:all 0.5s;box-shadow: 0 0 0 1px var(--BtnColor); }
	.sidebar .wrap{ overflow:auto;height: 80vh;box-sizing: border-box;padding: 0 3% 4em;}
	.serch_item.active + .sidebar .pagenavi{ display:none;}
	.serch_item:hover { color:var(--BtnColor); background:#fff;}
	#main.product_list .sidebar, #main.product_srh .sidebar, #main.top .sidebar {display: block;position: fixed;bottom: -2000px;transition: all 0.5s;}
	#main.product_list,#main.product_srh,#main.top{ padding:0 3%;}
	ul.product_list li img {max-width: 32vw; max-height:32vw;}
	#icon_1.active{ top:var(--TMSP);}

	
	#nav_box .text_list a{ font-weight:bold; font-size:16px;}
	.sm_head{cursor: pointer; color:var(--BtnColor);}
	.sm_head::before {content: "\e90a";margin-right: 0.5em;	color: var(--BtnColor); font-weight:bold;font-family: 'icomoon' !important;}
	#icon_2.active,#icon_3.active{z-index:1;}
	[id^="h_nav"] .text_list ul a {	font-size: 16px;font-weight: bold;}
	[id^="h_nav"] {	top: var(--TMSP) !important;	left: -100vw!important; height:calc(100vh - 65px); width:100%!important;}
	[id^="h_nav"].active {left: 0 !important;}
	.ac_list {max-width: calc(100% - 30px);	margin: 0 auto;}
	.ac_list ul {	display:none;}
	.h_icons .tel {	display: none;}
	[id^="h_nav"] .i_list {	flex-wrap: wrap;}
	[id^="h_nav"] .i_list li {	width: 33.3%;text-align: center;}
	[id^="h_nav"] .text_list ul {border-bottom: solid 1px var(--glayColor2);}
	[id^="h_nav"] .img_box {padding-bottom: 1em;border-bottom: solid 1px var(--glayColor2);margin-bottom: 1em;}
	[id^="h_nav"] .img_box ul li:last-child {padding-right: 0;	padding-left: 1.5em;}
	.ac_list li.contact {display: none;}
	.sort_box .pagenavi {display: inline-block;	float: left;}
}

@media screen and (min-width: 960px) {
	.wrap.scroll {		top: 120px;	overflow: auto;	}
	#header{ min-height:114px;}
	ul.product_list li .img_box{ min-height:220px;}
  .s10-12{font-size:12px;}
	.s12-14{font-size:14px;}
    .s14-16{font-size:16px;}
   .s16-22{font-size:22px;}
    .s25-38{font-size:38px;}
	.sub_list {	display: flex; align-items: center; justify-content: center; overflow: auto;}
	.sort_box .pagenavi {display: none;}
	.sidebar .close_box {display: none;}
	.serch_item {display: none;}
	.sidebar {	padding-left: 60px;}
	.no_product { margin: 0 auto 5em calc(50% - 320px);}
	.category_title{ font-size:38px;}
	#main.product_list,#main.product_srh,#main.top {display: flex;margin: 0 auto;flex-wrap: wrap;}
	#main.product_list .content,#main.product_srh .content,#main.top .content {flex: 7; padding-left:60px; max-width:70%;}
	#main.product_list .sidebar,#main.product_srh .sidebar,#main.top .sidebar{ display:block; max-width:320px; box-sizing:border-box; flex:3;order: -1;}
	#main.product_list .sub_list,#main.product_srh .sub_list,#main.top .sub_list{ order:-1;}
	.cg_freespace_01{ order:-1;}
	.cg_freespace_01,.cg_freespace_02,.sub_list{ flex-basis: 100%;}
	#nav_1 .title::before { right: 13.5px;}
	#icon_1 form {width: calc(100% - 6%);}
	[name="keyword"] {	font-size: 24px;width: 100% ;}
	#icon_1.active{ top:var(--TMPC);}
	.sm_head {pointer-events: none;}
	#nav_box h2{  text-align:center;}
	#nav_1,#nav_1.active{top: var(--TMPC); max-height:calc(100% - var(--TMPC));}
	#nav_box {z-index: 1; top: var(--TMPC) !important; left: -640px;width: 640px;  height: calc(100vh - var(--TMPC));box-sizing: border-box;}
	#nav_box.active {left: 375px;	}
	#nav_1{width:375px; left:-375px; font-size:14px;}
	#nav_1 h2.title{ font-size:14px;}
	#icon_2,#icon_3{right:-375px; width:375px; top:var(--TMPC) !important;max-height: calc(100vh - var(--TMPC));}
	#icon_2.active,#icon_3.active{right:0; }
	[id^="h_nav"].active{top: var(--TMPC) !important;}
	[id^="h_nav"] .text_list ul{ width:30%;}
	[id^="h_nav"] .text_list {display: flex;flex-wrap: wrap; }
	[id^="h_nav"] .text_list {width: 55%;}
	[id^="h_nav"] .img_box {width: 45%;}
	[id^="h_nav"] .text_list ul:first-child {margin-left: 10%;}
	[id^="h_nav"] .pickup {display: flex; }
	#header.hide {	transform: translateY(-110px);}
	[id^="h_nav"]{ display:block;}
	.h_bottom{ display:block; min-height:36px;}
	.h_icons {	width: calc(100% - 100px);}
	.h_icons .icon {margin-right: 1em;}
	.h_top .nav {padding-left: 12px; width:100px;}
	.h_top {padding: 0 3%;}
	.ac_list {display: flex;flex-flow: wrap;font-size: 14px;}
	.ac_list li {width: 25%;}
	.ac_list ul{ display:block;}
	.foot_01 {width: 1250px;margin: 0 auto;display: flex;max-width:100%;}
	.foot_01 > div {width: 50%;}
	.foot_02{border:none;padding-top: 3em;}
	.foot_02 > div {max-width: 1250px;margin: 0 auto;}
	.foot_03 .copyright {text-align: left;padding: 0 15px;max-width: 1250px;margin: 0 auto;width: 100%;order:1;}
	.f_link {max-width: 1250px;margin: 0 auto;}
	.f_nav_title::after,.f_nav_title::before{display:none;}
	#footer {padding-top: 2em;}
	#footer .contact {display: none;}
	#footer .f_title {text-align: left;}
	#footer .sns {padding-left: 20px;border-left: solid 1px var(--glayColor2);}
	#footer .sns ul {justify-content: left;margin: 0;}
	[name="frm"] {padding: 0;justify-content: left;}
	.ac_list li li {width: 100%;box-sizing: border-box;	padding: 0 1em 0 0;}
	.ac_list li li ul{ display:none;}
	.ac_list li.contact {display:  block !important;}
	.ac_list li.contact a {	padding: 0;}
	/*3*/
	ul.product_list li{ width:33.3%;}
}

@media screen and (min-width: 1300px) {
	/*4*/
	ul.product_list li{ width:25%;}
}
@media screen and (min-width: 1670px) {
	/*5*/
	ul.product_list li{ width:20%;}
}
@media screen and (min-width: 1920px) {
	/*6*/
	ul.product_list li{ width:16.6%;}
}

.slick-dots li button::before {	content: '' !important;	background: var(--glayColor2);	margin: 0;	height: 5px!important;	width: 100%!important;}
.slick-dots li.slick-active button::before {background: var(--mainColor);}
.slick-dots li {margin: 0 !important;	padding: 0 !important;	height: 5px !important;width: 40px !important;}

.grplink2.bland {padding-top: 2em;}
.pr_list1 .grplink2 {display: none;}
.pr_list2 .grplink1 {display: none;}
li.icon.account {
	display: none;
}