@charset "utf-8";
/* CSS Document */

/***************リセット***************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

/***************／リセット***************/

.fs-l-pageMain{
	padding-bottom: 7.5rem;
}
*::before, *::after{
	box-sizing: border-box;
}
@media screen and (min-width:641px) {
	.fs-l-main{
		width: 65rem;
	}
}

.ndBtn{
	position: fixed;
	bottom: 2.5rem;
	right: 1.5rem;
	width: 6rem;
	cursor: pointer;
	z-index: 1;
}
.ndBtn:hover{
	opacity: 0.6;
}
@media screen and (min-width:641px) {
	.ndBtn, 
	.ndBtn02{
		display: none;
	}
}
.ndBtn02{
	position: -webkit-sticky;	position: sticky;
	margin: 0.5rem;
	background: #3b3e96 url('../img/geniee/btn01.svg') no-repeat 1.2rem 50%;
	background-size: 1.3rem auto;
	border-radius: 0.2rem;
	text-align: center;
	line-height: 1.84;
	font-size: 2.3rem;
	font-weight: 700;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
}
.ndBtn02:hover{
	opacity: 0.6;
}
/*****タイトル*****/
.gTitle{
	padding: 0.8rem 0;
	text-align: center;
	font-size: 1.5rem;
	border-bottom: 1px solid #737373;
}
.gTitle *{
	font-weight: bold;
}
.gTitle ._searchstatusfull{
	margin: 0;
}
.gTitle ._searchstatusfull ._totalhits,
.gTitle ._searchstatusfull ._grouphits,
.gTitle ._searchstatusfull ._countstart, 
.gTitle ._searchstatusfull ._countend{
	display: none;
}
/*****／タイトル*****/
.gTitle + .oSP.popSearchWrap{
	margin-top: 0.5rem;
}
.gTitle + .oSP.popSearchWrap .popSearch input[type="search"]{
	border-color: #b4b4b4;
	padding: 0.75rem 1.5rem;
}
/*****注目キーワード*****/
._keywordranking{
	margin: 0 0 1rem;
	padding: 1rem 1rem 0.5rem;
	border-bottom: 1px solid #737373;
}
._keywordranking ._label{
	text-align: center;
	font-size: 1.4rem;
	color: #3b3e96;
}
._keywordranking ._keywords > div:nth-child(n+5){
	display: none;
}
._keywordranking ._keywords ._keyword{
	width: 50%;
	margin: 0;
	padding: 0.5rem;
}
._keywords ._keyword ._rank{
	display: none;
}
._keywords ._keyword ._word{
	width: 100%;
}
._keywords ._keyword ._word a{
	display: block;
	padding: 0.4rem 1rem;
	background-color: #f7f7f7;
	border: solid 1px #3b3e96;
	border-radius: 1.5rem;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	font-size: 1.1rem;
	font-weight: bold;
	color: #3b3e96;
}
._keywords ._keyword ._word a:hover{
	opacity: 0.7;
}
@media screen and (min-width:641px) {
	._keywordranking{
		margin: 2.5rem 0 1.5rem;
		padding: 1rem 0.5rem 1.2rem;
	}
	._keywordranking ._label{
		text-align: left;
		font-size: 0.9rem;
	}
	._keywordranking ._keywords ._keyword{
		width: auto;
		padding: 0.25rem;
	}
	._keywords ._keyword ._rank{
		display: none;
	}
	._keywords ._keyword ._word{
		width: 100%;
	}
	._keywords ._keyword ._word a{
		padding: 0.225rem 0.8rem;
		border-radius: 0.75rem;
		font-size: 0.7rem;
	}
}
/*****／注目キーワード*****/


@media screen and (min-width:641px) {
	.wrap {
		display: flex;
		justify-content: space-between;
	}
}
/***************左***************/
.left{
	position: fixed;
	top: 2rem;
	bottom: 0;
	left: 100%;
	right: 0;
	width: 100%;
	overflow: auto;
	background-color: #f7f7f7;
  transition: all .3s linear;
	z-index: 201;
}
.left.active{
	left: 0;
}
.left .closeBtn{
	position: absolute;
	top: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	cursor: pointer;
}
.left .closeBtn::before{
	content: '×';
	display: block;
	text-align: center;
	line-height: 5rem;
	font-size: 1.9rem;
	font-weight: bold;
}
.left .closeBtn:hover{
	opacity: 0.6;
}
@media screen and (min-width:641px) {
	.left{
		position: static;
		width: 15rem;
		overflow: auto;
		background-color: #ffffff;
		transform: translateX(0);
		z-index: 0;
	}
	.left .closeBtn{
		display: none;
	}
}
.left h2.oSP{
	text-align: center;
	line-height: 6rem;
	font-size: 1.6rem;
	font-weight: bold;
}

.popSearchWrap .popSearch{
	display: flex;
	column-gap: 0.5rem;
	padding: 0 0.5rem;
}
.popSearchWrap .popSearch input[type="search"]{
	width: 75%;
	padding: 1rem 1.5rem;
	border: solid 1px #737373;
	border-radius: 0.25rem;
	font-size: 1.6rem;
}
.popSearchWrap .popSearch input[type="submit"]{
	flex-grow: 1;
	background-color: #3b3e96;
	border: none;
	border-radius: 0.25rem;
	font-size: 1.8rem;
	font-weight: bold;
	color: #ffffff;
}
.popSearchWrap .popSearch input[type="submit"]:hover{
	opacity: 0.6;
}
@media screen and (min-width:641px) {
	.left .popSearch{
		padding: 0;
	}
	.left .popSearch input[type="search"]{
		width: 11.5rem;
		padding: 0.35rem 1rem;
		font-size: 0.8rem;
	}
	.left .popSearch input[type="submit"]{
		font-size: 0.8rem;
	}
}

.left ._popfind_component{
	width: 27.8rem;
	margin: 0 auto;
	padding: 2rem 0.8rem 0.8rem; 
	border-bottom: solid 1px #737373;
	font-size: 1.6rem;
}
.left ._popfind_component.status, 
.left ._popfind_component.ndAttr, 
.left ._popfind_component.ndStock{
	border-bottom: none;
}
.left ._popfind_component.status ._status{
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #3b3e96;
}
.left ._popfind_component.status ._status span{
	font-weight: bold;
}
.left ._popfind_component.status ._keyword{
	display: none;
}
.left ._popfind_component.status ._status ::before,
.left ._popfind_component.status ._status ::after{
	font-weight: bold;
}
.left ._popfind_component.status ._grouphits::before, 
.left ._popfind_component.status ._totalhits::before{
	content: '対象商品数:';
}
.left ._popfind_component.status ._grouphits::after, 
.left ._popfind_component.status ._totalhits::after{
	content: ' 件 / ';
}
.left ._popfind_component.status ._countend::before{
	content: ' ～';
}
.left ._popfind_component.status ._countend::after{
	content: ' 件';
}
.left ._popfind_component.ndReset{
	display: none;
	border-bottom: none;
	padding: 0.7rem 0 0;
}
.left ._popfind_component.ndReset button{
	width: 100%;
	background-color: #737373;
	border: none;
	border-radius: 0.25rem;
	text-align: center;
	line-height: 2.5;
	font-size: 0.8rem;
	color: #ffffff;
}
._popfind_component.ndReset button:hover{
	opacity: 0.6;
}
@media screen and (min-width:641px) {
	.left .bgG{
		margin-top: 0.5rem;
		padding-bottom: 2rem;
		background-color: #f7f7f7;
		border-radius: 0.25rem;
	}
	.left ._popfind_component{
		width: 13rem;
		padding: 1rem 0.3rem 0.3rem; 
		font-size: 0.8rem;
	}
	.left ._popfind_component.status ._status{
		font-size: 0.7rem;
	}
	.left ._popfind_component.ndReset{
		display: block;
	}
	.fixedBtn01{
		display: none;
	}
}
@media screen and (max-width:640px) {
	.left .bgG{
		padding-bottom: 6rem;
	}
	.fixedBtn01{
		display: none;
		position: fixed;
		bottom: 1rem;
		justify-content:center;
		column-gap: 0.6rem;
		width: 100%;
		z-index: 1000;
	}
	.active + .fixedBtn01{
		display: flex;
		animation: fadeIn 0.7s forwards;
	}
	.fixedBtn01 .closeBtn02{
		width: 17.8rem;
		background-color: #3b3e96;
		border: none;
		border-radius: 0.25rem;
		text-align: center;
		line-height: 2.5;
		font-size: 1.4rem;
		color: #ffffff;
		cursor: pointer;
	}
	.fixedBtn01 .closeBtn02:hover{
		opacity: 0.6;
	}
	.fixedBtn01 ._popfind_component.ndReset{
		width: 9.5rem;
		margin: 0;
		padding: 0;
	}
	.fixedBtn01 ._popfind_component.ndReset ._reset{
		width: 100%;
	}
	.fixedBtn01 ._popfind_component.ndReset button{
		width: 100%;
		height: 100%;
		background-color: #737373;
		border: none;
		border-radius: 0.25rem;
		text-align: center;
		line-height: 2.5;
		color: #ffffff;
		font-size: 0;
	}
	.fixedBtn01 ._popfind_component.ndReset button::before{
		content: '条件解除';
		font-size: 1.4rem;
	}
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.left ._attributegroup{
	margin: 0;
	padding: 0;
}
.left ._attributegroup ._group{
	position: relative;
	font-size: 1.4rem;
}
.left ._attributegroup._attributegrouptype_type2 > ._group::before, 
.left ._attributegroup._attributegrouptype_type2r > ._group::before, 
.left ._attributegroup._attributegrouptype_type2s > ._group::before{
	position: absolute;
	right: 0;
	font-size: 1.8rem;
}
.left ._attributegroup ._attributes ._attribute,
.left ._attributegroup ._attributes ._attribute ._sub_groups ._attributes ._attribute{
	font-size: 1.3rem;
}
/*デモに入ってたクラス*/
._attributes > ._attribute._disable{
	display:none;
}
._attributes  > form > ._attribute._disable{
	display:none;
}

.left ._popfind_component.ndColor, 
.left ._popfind_component.ndPrice{
	padding: 2rem 0 0.8rem;
	border-bottom: none;
}
.left .ndColor ._attributegroup._attributegrouptype_type2 > ._group, 
.left .ndColor ._attributegroup._attributegrouptype_type2r > ._group, 
.left .ndColor ._attributegroup._attributegrouptype_type2s > ._group {
  cursor: auto;
}
.left .ndColor ._attributegroup._attributegrouptype_type2 > ._group::before, 
.left .ndColor ._attributegroup._attributegrouptype_type2r > ._group::before, 
.left .ndColor ._attributegroup._attributegrouptype_type2s > ._group::before{
	content: none;
}

.left ._popfind_component.ndAttr{
	padding-bottom: 0;
}
.left ._popfind_component.ndStock{
	padding-top: 0;
}
.left ._popfind_component.ndAttr ._attributegroup ._group, 
.left ._popfind_component.ndStock ._attributegroup ._group, 
.left ._popfind_component.ndStock ._attributegroup ._attribute_stock0001{
	display: none;
}

.left ._popfind_component.ndColor ._group, 
.left ._priceinput ._label{
	padding: 0 1rem 0.8rem;
	border-bottom: solid 1px #737373;
	font-size: 1.4rem;
}
.left .ndColor._popfind_component ._attributes{
	display: block;
	padding-top: 0.5rem;
}
.left .ndColor._popfind_component ._attribute{
}
.left .ndColor._popfind_component ._attribute label{
	position: relative;
	display: flex;
	width: fit-content;
	padding-right: 1rem;
}
.left .ndColor._popfind_component ._attribute label::before{
	content: '';
	display: block;
	width: 1.35rem;
	height: 1.35rem;
	margin: 0.3rem 0.5rem 0 0;
	background-color: #ffffff;
	border-radius: 0.2rem;
}
.left .ndColor._popfind_component ._cl_white label::before{border: solid 1px #737373;}
.left .ndColor._popfind_component ._cl_black label::before{background-color: #000000;}
.left .ndColor._popfind_component ._cl_gray label::before{background-color: #a6a5a6;}
.left .ndColor._popfind_component ._cl_brown label::before{background-color: #754d2b;}
.left .ndColor._popfind_component ._cl_beige label::before{background-color: #f6d6b9;}
.left .ndColor._popfind_component ._cl_blue label::before{background-color: #497ac7;}
.left .ndColor._popfind_component ._cl_red label::before{background-color: #b02318;}
.left .ndColor._popfind_component ._cl_orenge label::before{background-color: #ea9b57;}
.left .ndColor._popfind_component ._cl_pink label::before{background-color: #f5c3cb;}
.left .ndColor._popfind_component ._cl_purple label::before{background-color: #67349a;}
.left .ndColor._popfind_component ._cl_green label::before{background-color: #4ead5b;}
.left .ndColor._popfind_component ._cl_yellow label::before{background-color: #ffff55;}
.left .ndColor._popfind_component ._cl_gold label::before{background-color: #f8d848;}
.left .ndColor._popfind_component ._cl_silver label::before{background-color: #c0c0c0;}
.left .ndColor._popfind_component ._cl_other label::before{background: url('../img/geniee/color2.png') no-repeat; background-size: cover;}

.left .ndColor._popfind_component ._attribute label input{
	display: none;
}
.left .ndColor._popfind_component ._attribute label ._label{
}
.left .ndColor._popfind_component ._attribute label ._count{
}
.left .ndColor._popfind_component ._attribute._select label::after{
	content: '';
	position: absolute;
	top: 0.7rem;
	left: 0.3rem;
	display:block;
	width: 0.8rem;
	height: 0.4rem;
	border-bottom: solid 0.2rem #737373;
	border-left: solid 0.2rem #737373;
	transform: rotate(-45deg);
}
.left ._priceinput{
	margin: 0;
	padding: 0;
}
.left ._priceinput ._form{
	justify-content: space-between;
}
.left ._priceinput ._form ._pricegroup{
	text-align: left;
}
.left ._priceinput ._form ._pricegroup input{
	width: 10rem;
	padding: 0.4rem 1.5rem;
	border: solid 1px #737373;
	border-radius: 0.25rem;
	font-size: 1.6rem;
}
.left ._priceinput ._form ._pricegroup ._suffix{
	padding: 0 1rem 0 0.8rem;
	vertical-align: bottom;
}
.left ._priceinput ._form ._pricegroup input._min + ._suffix{
	display: none;
}
@media screen and (min-width:641px) {
	.left ._attributegroup ._group{
		font-size: 0.8rem;
	}
	.left ._attributegroup._attributegrouptype_type2 > ._group::before, 
	.left ._attributegroup._attributegrouptype_type2r > ._group::before, 
	.left ._attributegroup._attributegrouptype_type2s > ._group::before{
		font-size: 0.9rem;
	}
	.left ._attributegroup ._attributes ._attribute,
	.left ._attributegroup ._attributes ._attribute ._sub_groups ._attributes ._attribute{
		font-size: 0.7rem;
	}
	.left ._attributegroup ._attributes ._attribute label,
	.left ._attributegroup ._attributes ._attribute ._sub_groups ._attributes ._attribute label{
		display: flex;
	}
	.left ._popfind_component.ndColor, 
	.left ._popfind_component.ndPrice{
		padding: 0;
	}
	.left ._popfind_component.ndColor ._group, 
	.left ._priceinput ._label{
		padding: 1rem 0.3rem 0.3rem; 
		font-size: 0.8rem;
	}
	.left .ndColor._popfind_component ._attributes{
		padding-top: 15px;
	}
	.left .ndColor._popfind_component ._attribute{
	}
	.left .ndColor._popfind_component ._attribute label{
		height: 1rem;
	}
	.left .ndColor._popfind_component ._attribute label::before{
		width: 1rem;
		height: 1rem;
		margin: 0 0.5rem 0 0;
	}
	.left .ndColor._popfind_component ._attribute._select label::after{
		top: 0.3rem;
		left: 0.2rem;
		width: 0.5rem;
		height: 0.25rem;
		border-bottom: solid 0.1rem #737373;
		border-left: solid 0.1rem #737373;
	}
	.left ._priceinput ._form ._pricegroup input{
		width: 5rem;
		padding: 0.2rem 0.75rem;
		font-size: 0.8rem;
	}
	.left ._priceinput ._form ._pricegroup ._suffix{
		padding: 0 0.4rem;
	}
}
/***************／左***************/

/***************右***************/
#popfind .right{
	width: 31rem;
	margin: 0 auto;
}
@media screen and (min-width:641px) {
	#popfind .right{
		width: 49rem;
		margin: 0;
	}
}
/*****コントローラー*****/
.right .controlWrap{
	position: relative;
	z-index: 1;
	margin-bottom: 1rem;
}
.right .controlBox{
	display: flex;
	border: solid 1px #737373;
}
.right .controlBox > div{
	position: relative;
	width: 33.3333333%;
	width: calc(100% / 3);
	padding: 0.4rem;
	border-left: solid 1px #737373;
	cursor: pointer;
	font-size: 1.05rem;
	font-weight: bold;
}
.right .controlBox > div:first-of-type{
	border-left: none;
}
.right .controlBox > div#control03{
	letter-spacing: -0.06em;
}
.right .controlBox > div::after{
	content: '▼';
	position: absolute;
	right: 0.8rem;
}
.right .controlBox > div:hover, 
.right .controlBox > div.active{
	color: #3b3e96;
}
.right .controlBoxInner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.right .controlBoxInner > div{
	position: absolute;
	top: 0;
	max-height: 0;
	background-color: #ffffff;
	box-shadow: 0.6rem 0.6rem 1rem 0px rgba(0, 0, 0, 0.4);
	transition: 0.3s;
	overflow: hidden;
}
.right .controlBoxInner > div.active{
	max-height: 9999px;
}
.right .controlBoxInner > div.control01{
	left: 0;
}
.right .controlBoxInner > div.control02{
	left: 50%;
	transform: translateX(-50%);
}
.right .controlBoxInner > div.control03{
	right: 0;
}
.right .controlBoxInner ._sortorderselector, 
.right .controlBoxInner ._countselector, 
.right .controlBoxInner ._groupingselector, 
.right .controlBoxInner ._groupingselector form, 
.right .controlBoxInner ._attributegroup{
	display: block;
	margin: 0;
}
.right .controlBoxInner ._sortorderselector ._label, 
.right .controlBoxInner ._countselector ._label, 
.right .controlBoxInner ._groupingselector ._label, 
.right .controlBoxInner ._attributegroup ._group{
	display: none;
}
.right .controlBoxInner ._sortorderselector ._sort, 
.right .controlBoxInner ._countselector ._count, 
.right .controlBoxInner ._groupingselector ._grouping, 
.right .controlBoxInner ._attributegroup ._attribute{
	display: flex;
	margin: 0.8rem 0;
	padding: 0;
	font-size: 1.1rem;
}
.right .controlBoxInner ._sortorderselector input, 
.right .controlBoxInner ._countselector input, 
.right .controlBoxInner ._groupingselector input, 
.right .controlBoxInner ._attributegroup input{
	display: inline-block;
	position: relative;
	margin: 0 0.3rem 0.2rem 0;
	width: 1.5rem;
	height: 1.5rem;
}
.right .controlTile{
	display: none;
}
@media screen and (min-width:641px) {
	.right .controlWrap{
		display: flex;
		justify-content: space-between;
		padding-bottom: 1rem;
		margin-bottom: 0.6rem;
		border-bottom: solid 1px #737373;
	}
	.right .controlTile{
			display: flex;
			justify-content: space-between;
			margin-right: 0.5rem;
	}
	.right .controlTile > div{
		display: grid;
		gap: 1px;
		width: 2.5rem;
		height: 2rem;
		padding: 0 0.25rem;
		cursor: pointer;
	}
	.right .controlTile > div:hover{
		opacity: 0.6;
	}
	.right .controlTile > div#tile16{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
	}
	.right .controlTile > div#tile09{
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
	}
	.right .controlTile > div > span{
		background-color: #c4c4c4;
	}
	.right .controlTile > div.active > span{
		background-color: #3b3e96;
	}
	.right .controlBox{
		gap: 1rem;
		border: none;
	}
	.right .controlBox > div{
		padding: 0.4rem;
		border-left: none;
		font-size: 0.8rem;
	}
	.right .controlBox > div#control01{
		width: 6.8rem;
	}
	.right .controlBox > div#control02{
		width: 5.5rem;
	}
	.right .controlBox > div#control03{
		width: 8.4rem;
		letter-spacing: 0;
	}
	.right .controlBox > div#control04{
		width: 7rem;
	}
	.right .controlBox > div#control05{
		width: 7.5rem;
	}
	.right .controlBox > div::after{
		position: relative;
		right: -0.3rem;
	}
	.right .controlBox > div:hover, 
	.right .controlBox > div.active{
		color: #3b3e96;
	}
	.right .controlBoxInner > div{
		top: 0.25rem;
	}
	.right .controlBoxInner > div.control01{
		left: 0;
	}
	.right .controlBoxInner > div.control02{
		left: 10.5rem;
	}
	.right .controlBoxInner > div.control03{
		left: 14.5rem;
		right: auto;
	}
	.right .controlBoxInner > div.control04{
		left: 24rem;
		transform: translateX(0);
	}
	.right .controlBoxInner > div.control05{
		right: 7rem;
	}
	.right .controlBoxInner ._sortorderselector, 
	.right .controlBoxInner ._countselector, 
	.right .controlBoxInner ._groupingselector, 
	.right .controlBoxInner ._attributegroup{
		padding: 0;
	}
	.right .controlBoxInner ._sortorderselector ._sort, 
	.right .controlBoxInner ._countselector ._count, 
	.right .controlBoxInner ._groupingselector ._grouping, 
	.right .controlBoxInner ._attributegroup ._attribute{
		margin: 0;
		font-size: 0.8rem;
	}
	.right .controlBoxInner ._sortorderselector ._sort label, 
	.right .controlBoxInner ._countselector ._count label, 
	.right .controlBoxInner ._groupingselector ._grouping label, 
	.right .controlBoxInner ._attributegroup ._attribute label{
		display: block;
		width: 100%;
		padding: 0.15rem 0.9rem 0.15rem	0.5rem;
	}
	.right .controlBoxInner ._sortorderselector ._sort._current, 
	.right .controlBoxInner ._countselector ._count._current, 
	.right .controlBoxInner ._groupingselector ._grouping._current, 
	.right .controlBoxInner ._attributegroup ._attribute._current{
		background-color: #3b3e96;
		color: #ffffff;
	}
	.right .controlBoxInner ._sortorderselector ._sort:hover, 
	.right .controlBoxInner ._countselector ._count:hover, 
	.right .controlBoxInner ._groupingselector ._grouping:hover, 
	.right .controlBoxInner ._attributegroup ._attribute:hover{
		opacity: 0.6;
	}
	.right .controlBoxInner ._sortorderselector input, 
	.right .controlBoxInner ._countselector input, 
	.right .controlBoxInner ._groupingselector input, 
	.right .controlBoxInner ._attributegroup input{
		display: none;
	}
}
/*****／コントローラー*****/
/*****検索結果リスト*****/
.right ._searchresults ._items{
	display: flex;
	flex-wrap: wrap;
}
.right ._searchresults ._items > ._item{
	width: 50%;
	margin: 0;
	padding-bottom: 2.5rem;
}
.right ._searchresults ._items > ._item:nth-of-type(odd){
	padding-right: 0.5rem;
}
.right ._searchresults ._items > ._item:nth-of-type(even){
	padding-left: 0.5rem;
}
.right ._searchresults ._items ._item ._wrap{
	width: 100%;
	border: none;
}
._items ._item ._wrap [class^="_"]{
	padding: 0;
}
.right ._searchresults ._items ._item ._wrap ._layoutgroup1{
	display: flex;
	flex-wrap: wrap;
	margin: 0.8rem -0.2rem 0;
}
.right ._searchresults ._items ._item ._wrap ._layoutgroup1 > div{
	width: 6rem;
  margin: 0 0.2rem 0.4rem 0.2rem;
  padding: 0;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.8rem;
}
#popfind ._additional_text4 {
	width: 7.8rem;
  background-color: #2b274c;
  color: #ffffff;
}
#popfind ._additional_text1 {
	color: #ffffff;
	background: #999;
}
#popfind ._additional_text2 {
	color: #ffffff;
	background: #0755ce;
}
#popfind ._display_text4{
  background-color: transparent;
  border: solid 1px #f21f1f;
  line-height: calc(1.5rem - 2px);
  color: #f21f1f;
}
.right ._searchresults ._items ._item ._wrap ._additional_text3{
	text-align: left;
}
.right ._searchresults ._items ._item ._wrap ._display_text5{
	text-align: left;
}
.right ._searchresults ._items ._item ._wrap ._title{
	margin: 0.3rem 0;
	padding: 0;
	line-height: 1.2;
	font-size: 1rem;
	font-weight: 500;
}
._items ._item ._wrap ._title a, ._items ._item ._wrap ._link_title a{
	color: #737373;
}
._items ._item ._wrap ._title a:hover, ._items ._item ._wrap ._link_title a:hover{
	color: #b2b2b2;
}
.right ._searchresults ._items ._item ._wrap ._layoutgroup2{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	font-size: 1.2rem;
}
.right ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text5{
	padding-right: 0.5rem;
	text-decoration: line-through;
}
.right ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text5 + ._text{
	color: #f21f1f;
}
.right ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text6{
	font-size: 1rem;
}
 .right ._searchresults ._items ._item ._wrap ._display_text1 {
	text-align:left
}
.right ._searchresults ._items ._item ._wrap ._display_text1 > div {
	display:inline-block;
	width: 1.6rem;
	height: 0.8rem;
	margin: 0.2rem;
}
 ._display_text1 > div._cl01_white {
	background:#fff;
	border:1px solid #666;
}
 ._display_text1 >div._cl02_black {
	background:#000
}
 ._display_text1 > div._cl03_gray {
	background:#a6a5a6
}
._display_text1 > div._cl04_brown {
	background:#754d2b
}
 ._display_text1 > div._cl05_beige {
	background:#f6d6b9
}
 ._display_text1 > div._cl06_blue {
	background:#497ac7
}
 ._display_text1 > div._cl07_red {
	background:#b02318
}
 ._display_text1 > div._cl08_orenge {
	background:#ea9b57
}
 ._display_text1 > div._cl09_pink {
	background:#f5c3cb
}
 ._display_text1 > div._cl10_purple {
	background:#67349a
}
 ._display_text1 > div._cl11_green {
	background:#4ead5b
}
 ._display_text1 > div._cl12_yellow {
	background:#ffff55
}
 ._display_text1 > div._cl13_gold {
	background:#f8d848
}
 ._display_text1 > div._cl14_silver {
	background:#c0c0c0
}
@media screen and (min-width:641px) {
	.right ._searchresults ._items{
		margin: 0 -0.3rem;
	}
	.right ._searchresults ._items > ._item:nth-of-type(odd), 
	.right ._searchresults ._items > ._item:nth-of-type(even){
		padding: 0 0.3rem 2.5rem;
	}
	.right .searchresults.tile16 ._items > ._item{
		width: 25%;
	}
	.right .searchresults.tile09 ._items > ._item{
		width: 33.333333%;
		width: calc( 100% / 3 );
	}
	.right ._searchresults ._items ._item ._wrap ._layoutgroup1 > div{
		width: 5.5rem;
		line-height: 1.4rem;
	}
	#popfind ._additional_text4 {
		width: 7rem;
	}
	#popfind ._display_text4{
		line-height: calc(1.4rem - 2px);
	}
	.right ._searchresults ._items ._item ._wrap ._title{
		font-size: 0.8rem;
	}
	.right ._searchresults ._items ._item ._wrap ._layoutgroup2{
		font-size: 0.8rem;
	}
	.right ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text6{
		font-size: 0.8rem;
	}
		.right ._searchresults ._items ._item ._wrap ._display_text1 > div {
		width: 1rem;
		height: 0.5rem;
	}
}
@media screen and (max-width:640px) {
	.right ._searchresults{
		margin-top: 1.5rem;
	}
}
/*****／検索結果リスト*****/


._pagenator{
	margin: 0;
	padding: 0;
}
._pagenator ._nav, 
._pagenator ._nav._page{
	flex: none;
	display: block;
	margin: 0 0.4rem;
	padding: 0;
	border: solid 1px #737373;
	line-height: 0.8;
	font-size: 0.9rem;
}
._pagenator ._nav._prev,
._pagenator ._nav._next{
	border: none;
	font-weight: bold;
	font-size: 1.2rem;
}
._pagenator ._nav a{
	display: block;
	padding: 8px;
}
._pagenator ._nav._current{
	padding: 8px;
	background-color: #737373;
	color: #ffffff;
}
._pagenator ._nav ._button {
	padding: 8px;
  text-decoration: none;
  background: none;
  color: #737373;
  border-bottom: none;
  border-radius: 0;
}
._pagenator ._nav ._button:hover{
	opacity: 0.6;
}


.right ._recommendlinks._recommendlinks_type2{
	margin: 3rem 0;
	border: none;
}
.right > *:nth-child(1) ._recommendlinks._recommendlinks_type2{
	margin: 0 0 3rem;
	border: none;
}

.right ._recommendlinks._recommendlinks_type2 ._label, 
.right ._checkeditems ._head ._label{
	position: static;
	width: 100%;
	padding-bottom: 0.7rem;
	margin-bottom: 1.5rem;
	border-bottom: solid 1px #737373;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}
.right ._recommendlinks._recommendlinks_type2 ._links{
	flex-wrap: wrap;
	margin: -0.5rem;
}
.right ._recommendlinks._recommendlinks_type2 ._links ._link{
	width: 50%;
	margin: 0;
	padding: 0.5rem;
}
._recommendlinks._recommendlinks_type2 ._links ._link ._wrap ._link_image{
	background: transparent;
}
._recommendlinks._recommendlinks_type2 ._links ._link ._wrap ._link_image img{
	max-width: 100%;
}
@media screen and (min-width:641px) {
	.right ._recommendlinks._recommendlinks_type2{
		margin: 4rem 0;
	}
	.right ._recommendlinks._recommendlinks_type2 ._label, 
	.right ._checkeditems ._head ._label{
		padding-bottom: 0.2rem;
		margin-bottom: 1rem;
		font-size: 1rem;
	}
.right > *:nth-child(1) ._recommendlinks._recommendlinks_type2{
	margin: 0 0 4rem;
	border: none;
}
	.right ._recommendlinks._recommendlinks_type2 ._links ._link{
		width: 25%;
	}
}	

.right ._checkeditems{
	margin: 3rem 0;
}
.right ._checkeditems ._head ._clear{
	display: none;
}
.right ._checkeditems ._body.slick-slider{
	margin: 0;
}
.right .slick-arrow{
	position: absolute;
	top: 4rem;
	z-index: 1;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #737373;
	border: none;
	line-height: 0;
	font-size: 0;
}
.right .slick-arrow.slick-prev{
	left: 0;
}
.right .slick-arrow.slick-next{
	right: 0;
}
.right .slick-arrow:hover{
	opacity: 0.6;
}
.right .slick-arrow::before{
	content: '';
	position: absolute;
	top: 0.45rem;
	left: 0.45rem;
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	border-top: solid 0.2rem #ffffff;
	border-left: solid 0.2rem #ffffff;
}
.right .slick-arrow.slick-prev::before{
	transform: rotate(315deg);
}
.right .slick-arrow.slick-next::before{
	transform: rotate(135deg);
}
.right .slick-arrow.slick-disabled::before{
	opacity:0.25;
}
@media screen and (min-width:641px) {
	.right .slick-arrow{
		top: 2.8rem;
	}
}
/***************／右***************/


	.status2 ._status{
		display: none;
	}
	.status2 ._status._nohits{
		display: block;
		text-align: center;
		border: solid 1px #c4c4c4;
		padding: 15px;
		margin: 20px;
		font-size: 1rem;
	}