@charset "utf-8";

body:has(.gsSearch) #wrapper:has(form[name="ITEMLIST"][action*="list.php"]){
	min-height:0!important;
}
body:has(.gsSearch) #contents:has(form[name="ITEMLIST"][action*="list.php"]){
	display:none!important;
}
.gsSearch{
	padding:60px 0;
	box-sizing:border-box;
  display:none;
}
.gsSearch.active{
  display:block;
}
.gsSearch *{
	box-sizing:border-box;
}
.gsSearchContents{
	width:92%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	align-items:stretch;
	gap:50px;
}
.gsSearchAside{
	width:200px;
	flex-shrink:0;
}
.gsSearchMain{
	width:100%;
  padding-bottom:80px;
}
@media(max-width:768px){
	.gsSearch{
		padding:30px 0;
	}
	.gsSearchContents{
		flex-direction:column;
		gap:15px;
	}
  .gsSearchMain{
    padding-bottom:60px;
  }
}

.gsAccordionSwitch{
	cursor:pointer;
}
.gsAccordionSwitch input{
	display:none !important;
}
.gsAccordion{
	display:grid;
	grid-template-rows:0fr;
	transition:grid-template-rows 0.4s ease-out;
}
.gsAccordionSwitch:has(input:checked) ~ .gsAccordion{
	grid-template-rows:1fr;
}
.gsAccordionContent{
	overflow:hidden;
}
@media (min-width:769px){
	.gsAccordionSwitch{
		display:none;
	}
	.gsAccordion{
		grid-template-rows:1fr !important;
	}
}
@media (max-width:768px){
  .gsSearchAside{
    width:100%;
  }
	.gsAccordionSwitch{
		width:100%;
    height:50px;
    background:#707070;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:14px;
	}
  .gsAccordionContent{
    padding-top:15px;
  }
}
.gsSortSelector ._label,.gsCountSelector ._label,.gsPriceSelector ._label{
	display:none;
}
.gsSearch ._ec_component ._priceinput ._form{
	margin:0;
}
.gsSearch ._ec_component ._sortorderselector,
.gsSearch ._ec_component ._countselector,
.gsSearch ._ec_component ._priceinput,
.gsSearch ._ec_component ._groupingselector{
	margin:0;
	padding:0;
}
.gsSearch ._ec_component ._sortorderselector select,
.gsSearch ._ec_component ._countselector select{
  color:#333;
  background:none;
  border-radius:0;
}
.gsSortAndCount{
	width:100%;
	display:flex;
	gap:10px;
}
.gsSortSelector{
	width:100%;
}
.gsCountSelector{
	width:fit-content;
	flex-shrink:0;
}
.gsGroupingSelector,.gsPriceSelector{
	margin-top:10px;
}
.gsSearch ._ec_component ._priceinput ._form{
	width:100%;
	gap:5px;
}
.gsSearch ._ec_component ._priceinput ._form ._pricegroup{
	width:100%;
	display:flex;
	align-items:center;
	gap:3px;
}
.gsSearch ._ec_component ._priceinput ._form ._range{
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	width:14px;
	height:100%;
}
.gsSearch ._ec_component ._priceinput ._form ._pricegroup ._prefix{
	display:none;
}
.gsSearch ._ec_component ._priceinput ._form ._pricegroup ._suffix{
	font-size:12px;
}
.gsSearch ._ec_component ._priceinput ._form ._pricegroup input{
	font-size:16px;
	text-align:center;
	width:100%;
	height:30px;
	appearance:none;
	border:1px solid #aaa;
	color:#303030;
	border-radius:none;
	outline:none;
	padding:0;
}
.gsSearch ._pricegroup input[type="number"]::-webkit-inner-spin-button,
.gsSearch ._pricegroup input[type="number"]::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance:textfield;
}
.gsSearch ._ec_component ._groupingselector ._label{
  display:none;
}
.gsSearch ._ec_component ._attributegroup{
	margin:0;
	padding:0;
}
.gsSearch ._ec_component ._attributegroup ._group{
	display:none;
}
.gsAttribute{
	margin-top:30px;
}
.gsAttribute:last-child{
  margin-bottom:5px;
}
.gsAttributeTitle{
	font-size:14px;
	line-height:1.5;
	white-space:nowrap;
  margin-bottom:0.5em;
}
.gsSearch ._ec_component ._attributegroup ._attributes{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute{
	margin:0;
  order:99;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute:has(input:checked){
  order:1;
}

.gsSearch ._ec_component ._attributegroup ._attributes ._sub_groups{
  margin:10px 0 20px 15px;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label{
	display:flex;
  cursor:pointer;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label input{
	display:none;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label ._label{
	font-size:14px;
	line-height:21px;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label ._count{
	font-size:12px;
	line-height:21px;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label{
  position:relative;
  padding-left:30px;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label::before,
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label:has(input:checked)::after{
  content:"";
  width:20px;
  height:20px;
  display:block;
  position:absolute;
  left:0;
  top:50%;
  transform:translatey(-50%);
  border:1px solid #aaa;
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute label:has(input:checked)::after{
  border:none;
  background:#333;
  clip-path:polygon(90% 0, 100% 0, 100% 100%, 50% 100%, 50% 90%, 90% 90%);
  transform:translatey(-50%) translate(-10%, -30%) rotate(45deg) scale(0.7);
}
.gsSearch ._ec_component ._attributegroup ._attributes ._attribute._disable{
  display:none;
}
.gsSearchStatus{
  font-size:16px;
  line-height:1.5;
  margin:0;
  padding:0;
}
.gsSearch ._ec_component ._searchstatus{
  margin:0;
  padding:0;
}
.gsSearch ._ec_component ._pagenator{
  margin:0;
  padding:0;
}
.gsPagination{
  margin-top:30px;
}
.gsSearch ._ec_component ._pagenator{
  gap:10px;
}
.gsSearch ._ec_component ._pagenator ._nav,
.gsSearch ._ec_component ._pagenator ._nav > a{
  position:relative;
  display:flex!important;
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
  flex:initial;
  margin:0!important;
  padding:0!important;
  background:none;
  border:none;
  color:#333;
}
@media (max-width:768px){
  .gsSearch ._ec_component ._pagenator{
    gap:5px;
  }
  .gsSearch ._ec_component ._pagenator ._nav,
  .gsSearch ._ec_component ._pagenator ._nav > a{
    width:25px;
    height:25px;
    font-size:12px;
  }
}
.gsSearch ._ec_component ._pagenator ._nav{
  border:1px solid #aaa;
}
.gsSearch ._ec_component ._pagenator ._nav._first,
.gsSearch ._ec_component ._pagenator ._nav._prev,
.gsSearch ._ec_component ._pagenator ._nav._next{
  border:none;
}
.gsSearch ._ec_component ._pagenator ._nav._current{
  background:#f2f2f2;
}
.gsSearch ._ec_component ._pagenator ._nav:has(._disable){
  display:none!important;
}
.gsSearchResults{
  margin-top:30px;
}
.gsSearch ._ec_component ._items{
	--cols:4;
	--gap:20px;
	width:100%;
	display:flex;
  justify-content:left;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:45px var(--gap);
}
@media (max-width:1100px){
  .gsSearch ._ec_component ._items{
    --cols:3;
    --gap:15px;
    gap:30px var(--gap);
  }
}
@media (max-width:768px){
  .gsSearch ._ec_component ._items{
    --cols:2;
    --gap:10px;
    gap:30px var(--gap);
  }
}
.gsSearch ._ec_component ._items ._item{
  display:block;
  vertical-align:initial;
  width:calc((100% - var(--gap) * (var(--cols) - 1)) / var(--cols));
  position:relative;
  padding:0;
  margin:0;
  text-align:left;
}
.gsSearch ._ec_component ._items ._item a{
  display:block!important;
  position:relative !important;
  font-size:14px;
  line-height:1.5;
  font-weight:normal;
}
.gsSearch ._ec_component ._items ._item ._wrap,
.gsSearch ._ec_component ._items ._item ._wrap > *{
  margin:0!important;
  padding:0!important;
  border:none;
  width:100%;
}
.gsSearch ._ec_component ._items ._item a::before,
.gsSearch ._ec_component ._items ._item ._group_image::before{
  content:none!important;
}
.gsSearch ._ec_component ._items ._item ._wrap img{
  width:100%;
  height:auto;
  display:block;
  border:1px solid #f2f2f2;
  margin-bottom:10px;
}
.gsSearch ._ec_component ._items ._item ._wrap ._price{
  margin-top:0.5em!important;
  display:flex;
  justify-content:left;
}
.gsSearch ._ec_component ._items ._item ._wrap ._price ._suffix{
  margin-left:0.2em;
}
.gsSearch ._ec_component ._items ._item ._wrap ._price,
.gsSearch ._ec_component ._items ._item ._wrap ._price *{
  font-size:15px;
}
.gsSearch ._ec_component ._items ._item ._wrap ._group_title a{
  font-size:15px;
  font-weight:normal;
}
.gsSearch ._ec_component ._items:after,
.gsSearch ._useritemlist{
  display:none!important;
}
.gsCheckedItems{
  margin-top:80px;
}
.gsSearch ._ec_component ._checkeditems ._head{
  display:flex;
  align-items:center;
}
.gsSearch ._ec_component ._checkeditems ._head ._label{
  font-size:15px;
  font-weight:inherit;
  margin:0 auto 0 0;
}
.gsSearch ._ec_component ._checkeditems ._head ._clear{
  font-size:15px;
  font-weight:inherit;
  margin:0 0 0 auto;
}
.gsSearch ._ec_component ._checkeditems ._head ._clear a{
  color:#303030;
}
.gsSearch ._ec_component ._checkeditems ._body{
  margin:30px 0 0 0;
	--cols:5;
	--gap:15px;
	width:100%;
	display:flex;
  justify-content:left;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:30px var(--gap);
}
@media (max-width:1100px){
  .gsSearch ._ec_component ._checkeditems ._body{
    --cols:4;
    --gap:10px;
    gap:20px var(--gap);
  }
}
@media (max-width:768px){
  .gsSearch ._ec_component ._checkeditems ._body{
    --cols:3;
    --gap:5px;
    gap:15px var(--gap);
  }
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem{
  display:block;
  vertical-align:initial;
  width:calc((100% - var(--gap) * (var(--cols) - 1)) / var(--cols));
  position:relative;
  padding:0;
  margin:0;
  text-align:left;
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._image{
  padding:0;
  width:100%;
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._image::before,
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._image a::before{
  content:none;
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._image a,
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._image img{
  position:relative;
  width:100%;
  height:auto;
  display:block;
  max-height:initial !important;
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._title{
  width:100%;
  padding:0;
  margin-top:5px;
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._title a{
  font-size:12px;
  line-height:1.5;
  font-weight:normal;
  white-space:normal;
  text-align:left;
  display:box;
  display:-webkit-box;             
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._price{
  display:flex;
  justify-content:left;
  padding:0;
  margin-top:3px;
}
.gsSearch ._ec_component ._checkeditems ._body ._checkeditem ._price ._suffix{
  margin-left:0.2em;
}
.gsSearchLoader{
  width:100%;
  height:calc(100lvh - 250px);
  display:flex;
  justify-content:center;
  align-items:center;
}
.gsSearchLoader svg{
  width:80px;
  height:80px;
  display:block;
  animation:gsLoadingSpin 3.0s linear infinite;
  opacity:0.4;
}
@keyframes gsLoadingSpin{
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}