img { max-width:100%; height:auto; }
.search_area {
	width:90%;
	max-width:900px;
	margin:2% auto;
	position:relative;
}
.search_area#search_page {
	width:90%;
	max-width:900px;
	height:100% !important;
	margin:2% auto;
	position:relative;
}
.search_area #s_close,
.search_area #x_close {
	display:block;
	width:auto;
	text-align:center;
	margin:2% auto 0 auto;
}
	.search_area #s_close > span,
	.search_area #x_close > span {
		display:inline-block;
		cursor:pointer;
		font-size:14px !important;
		box-sizing:border-box;
		padding:0.2em 1.0em !important;
		border:1px solid #bfbfbf !important;
	}
.search_area #form_area {
	position:relative;
	display: flex;
	align-items:center;
	width: 100%;
}
.search_area input#text {
	flex-grow: 1;
	width:100%;
	text-align:center;
	line-height:30px !important;
	box-sizing:border-box !important;
	padding:5px 5px 5px 50px !important;
	border:1px solid #a5a5a6 !important;
	position:relative;
}
.search_area ul, .search_area li {
	list-style-type:none;
}
.search_area #form_area button#submit {
	position:absolute;
/*	width:50px;
	height:calc(50px * 1.057); */
	top:0 !important;
	left:0 !important;
	margin:0 !important;
	padding:0 !important;
	line-height:35px !important;
	background:none !important;
	border:none !important;
	cursor:pointer;
}
#search_page.search_area #form_area button#submit {
	position:absolute;
	height:44px;
	width:calc(44px * 0.943);
	top:0 !important;
	left:0 !important;
	margin:0 !important;
	padding:0 !important;
	line-height:35px !important;
	background:none !important;
	border:none !important;
	cursor:pointer;
}

.search_area #form_area button.fs-p-searchForm__button:before {
	content:"" !important;
	width:0 !important;
	height:0 !important;
	background:none !important;
}
.search_area #form_area button#submit > img {
	display:block !important;
	height:35px !important;
	line-height:35px !important;
	width:calc(35px * 0.946) !important;
	margin:auto !important;
	margin:5px 0 5px 1.0em !important;
}
#search_side.search_area #form_area button#submit > img {
	height:28px !important;
	width:calc(28px * 0.946) !important;
	line-height:28px !important;
	display:block;
	margin:5px 0 2px 5px !important;
}
#search_page.search_area #form_area button#submit > img {
	height:35px !important;
	width:calc(35px* 0.946) !important;
	line-height:35px !important;
	display:block;
	margin:5px 0 2px 5px !important;
}

.search_area .category_area { display:none !important; }
#header_type_s input[type="checkbox"]:checked ~ #search_side .category_area { display:block !important; }
.search_area#search_page .category_area {
	display:block !important;
	height:100% !important;
}

.search_area .category_area.is-open {
	width:95%;
	max-width:950px;
	margin:0% auto;
	padding-bottom:3% !important;
	display:block !important;
	box-sizing:border-box !important;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing:0.05em;
	border-bottom:5px solid #bfbfbf !important;
	position:absolute;
	top:50px !important;
	z-index:10 !important;
	background:#fff !important;
	transition: all 500ms 0s ease;
}
.search_area#search_page .category_area {
	width:95%;
	max-width:950px;
	margin:50px auto 5% auto;
	padding-bottom:3% !important;
	display:block !important;
	box-sizing:border-box !important;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing:0.05em;
	border-bottom:5px solid #bfbfbf !important;
	background:#fff !important;
}
.search_area .category_area a { text-decoration:none; }

.search_area .category_area .tab_inner > div {
	width:calc((100% - (10px *2)) / 3) !important;
	background:#f5f5f5 !important;
	box-sizing:border-box;
	border-radius:10px;
	height:130px;
	display:block !important;
	display:flex !important;
	justify-content:center;
	align-items:center;
	position:relative !important;
}
.search_area .category_area .tab_inner > div > a {
}
.search_area .category_area .tab_inner > div > a > p {
	font-size:80% !important;
	display:block;
}
.search_area .category_area .tab_inner h2 {
	width:100% !important;
	text-align:left;
	font-size:16px !important;
	font-weight:normal;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	margin-top:5% !important;
	margin-bottom:0.5em !important;
	position:relative;
}
	.search_area .category_area .tab_inner h2.i_arrow:after {
		content:"";
		display:block;
		width:16px;
		height:calc(16px * 0.5357);
		background:url(https://untule.itembox.design/item/img/is-arrow_on.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50% !important;
		right:0;
		-webkit-transform: translate(0%, -50%) !important;
		-ms-transform: translate(0%, -50%) !important;
		transform:translate(0%, -50%) !important;
	}
	.search_area .category_area .tab_inner h2.i_arrow.is-slide:after {
		content:"";
		display:block;
		width:16px;
		height:calc(16px * 0.5357);
		background:url(https://untule.itembox.design/item/img/is-arrow_off.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50% !important;
		right:0;
		-webkit-transform: translate(0%, -50%) !important;
		-ms-transform: translate(0%, -50%) !important;
		transform:translate(0%, -50%) !important;
	}
.search_area .category_area .tab_inner label {
	display:block;
	margin:1% 0 !important;
}
.search_area .category_area .tab_inner .is-close,
.search_area .category_area .tab_inner .is-close {
	display:none;
}
.search_area#search_side .category_area #cate_inner ul > li,
.search_area#search_page .category_area #type_inner ul > li {
	display:none;
}

.search_area input[type=checkbox] {
	-webkit-appearance:checkbox;
	margin-right:0.2em !important !important;
	border:1px solid #7e8c60 !important;
}
.search_area .search_wrap label {
	display: block;
	position: relative;
	margin: 1.5em 0 !important;
	padding-left: 28px !important;
	cursor: pointer;
	user-select: none; /* テキストの選択を防ぐ */
}
.search_area .search_wrap label input {
	display: none;
}
.search_area .search_wrap label .i_check {
	position: absolute;
	top: 0; /* 上からの位置 */
	left: 0;
	font-size:16px !important;
	height: 1.0em; /* 大きさ */
	width: 1.0em; /* 大きさ */
	border: 1px solid #7e8c60 !important; /* 線 */
	border-radius: 1px;
	box-sizing: border-box;
	top:50%;
	-webkit-transform: translate(0%, -50%) !important;
	-ms-transform: translate(0%, -50%) !important;
	transform:translate(0%, -50%) !important;
}
.search_area .search_wrap label .i_check:after {
	content: "";
	position: absolute;
	width: 6px; /* チェックの大きさ */
	height: 10px; /* チェックの大きさ */
	border: solid #FFF !important;
	border-width: 0 2px 2px 0 !important;
	opacity: 0; /* 透明にしておく */
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg) !important;
	-ms-transform: translate(-50%, -50%) rotate(45deg) !important;
	transform:translate(-50%, -50%) rotate(45deg) !important;
}
.search_area .search_wrap input:checked + .i_check {
	background: #7e8c60 !important; /* チェック時の色 */
	border-color: #7e8c60 !important; /* チェック時の色 */
}
.search_area .search_wrap input:checked + .i_check:after {
	opacity: 1; /* 透明を解除 */
}



.search_area .search_btn_area {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0 20px;
	margin:3% auto 1% auto !important;
}
	.search_area .search_btn_area input.reset_button {
		box-sizing:border-box;
		padding:0.7em 1.5em;
		border:1px solid #7e8c60 !important;
		border-radius:5px;
		background:#f5f5f5 !important;
		font-size:16px !important;
	}
	.search_area .search_btn_area button.sbumit_button {
		box-sizing:border-box;
		padding:0.7em 3.0em;
		border:1px solid #7e8c60 !important;
		border-radius:5px;
		background:#7e8c60 !important;
		color:#fff;
		font-size:16px !important;
	}
.search_area .search_btn_area button#submit i.fa-search {
	font-size:20px !important;
	position:absolute;
	top:50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}


/* /////////////////////////////////////////////// */

/* *** タブ設定 *** */

.search_area .category_area .tab_area {
	width:100%;
	font-size:0 !important;
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
	padding:0;
}
.search_area .category_area .tab_area .tab {
	width:25%;
	box-sizing:border-box !important;
	margin:0 0 !important;
	padding-bottom:5px;
	border-bottom:5px solid #bfbfbf !important;
	text-align:center;
	line-height:100%;
	cursor:pointer;
	vertical-align:middle;
	transition:ease 0.2s;
}
.search_area .category_area .tab_area .tab h1 {
	width:100%;
	color:#3c463c;
	font-size:20px !important;
	font-weight:normal;
	line-height:120%;
	margin:0;
	padding:0.6em 0;
}
.search_area .category_area .tab_area .tab h1 > span.t_sub {
	display:block;
	font-size:12px !important;
}
.search_area .category_area .tab_inner {
	width:100%;
	display:block;
	box-sizing:border-box !important;
	border:0 !important;
	margin:0 !important;
}
.search_area .category_area .tab_inner {
	width:100%;
	padding:0 !important;
	display:none;
	position:relative;
	z-index:2;
}
.search_area .category_area .tab_inner.is-show {
	display:block;
}
/* .search_area .category_area .tab_inner.is-show {
	width:100%;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:25px 10px;
	margin-top:3%;
} */
.search_area .category_area .tab_area .tab.selected {
	position:relative;
	border-bottom:5px solid #7e8c60 !important;
}

/* /////////////////////////////////////////////// */

/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:849px) {

.search_area {
	width:95%;
	margin:2% auto 5% auto;
}
	.search_area #s_close > span {
		display:inline-block;
		cursor:pointer;
		font-size:2.5vw !important;
		box-sizing:border-box;
		padding:0.2em 1.0em;
		border:1px solid #bfbfbf !important;
	}
.search_area input#text {
	flex-grow: 1;
	width:100%;
	text-align:center;
	line-height:20px;
	box-sizing:border-box;
	padding:2px 2px 2px 25px !important;
	border:1px solid #a5a5a6 !important;
}
.search_area #form_area button#submit {
	position:absolute;
	top:0;
	left:0;
	line-height:30px;
	background:none;
	border:none;
	cursor:pointer;
	background:none !important;
}
#search_page.search_area #form_area button#submit {
	position:absolute;
	height:36px;
	width:calc(36px * 0.943);
	top:0 !important;
	left:0 !important;
	margin:0 !important;
	padding:0 !important;
	line-height:35px !important;
	background:none !important;
	border:none !important;
	cursor:pointer;
}
.search_area #form_area button#submit:before { display:none !important; }

.search_area #form_area button#submit > img {
	height:30px !important;
	width:calc(30px * 0.946) !important;
	line-height:30px;
	display:block;
	margin:2pxpx 0 2px 10px !important;
}
.search_area .category_area {
	width:98%;
	letter-spacing:0em;
	border-bottom:3px solid #bfbfbf !important;
}
.search_area .category_area.is-open {
	width:98%;
	border-bottom:3px solid #bfbfbf !important;
	margin:5% auto !important;
	position:static !important;
}
.search_area .category_area .tab_inner.is-show {
	width:100%;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:7px 5px;
	margin-top:3% !important;
}
.search_area .category_area .tab_inner > div {
	width:calc((100% - 5px) / 2) !important;
	box-sizing:border-box !important;
	border-radius:6px;
	height:auto !important;
	padding:2% 0 !important;
	display:flex;
	justify-content:center;
	align-items:center;
}
.search_area .category_area .tab_area .tab {
	width:25%;
	box-sizing:border-box !important;
	margin:0 0 !important;
	padding-bottom:5px;
	border-bottom:3px solid #bfbfbf !important;
	text-align:center;
	line-height:100%;
	cursor:pointer;
	vertical-align:middle;
	transition:ease 0.2s;
}
.search_area .category_area .tab_area .tab.selected {
	position:relative;
	border-bottom:3px solid #7e8c60 !important;
}
.search_area .category_area .tab_area .tab h1 {
	width:100%;
	color:#3c463c;
	font-size:2.7vw !important;
	font-weight:normal;
	line-height:120%;
	margin:0;
	padding:0.5em 0;
}
.search_area .category_area .tab_area .tab h1 > span.t_sub {
	font-size:2.3vw !important;
}
.search_area .category_area .tab_area .tab h1 > span.t_btm {
	display:block;
	font-size:2.0vw !important;
}
.search_area .category_area .tab_inner ul {
	width:100%;
	padding:0 0.5em;
	box-sizing:border-box;
}
.search_area .category_area .tab_inner h2 {
	width:100%;
	text-align:left;
	font-size:2.8vw !important;
	font-weight:normal;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	margin-top:5% !important;
	margin-bottom:2% !important;
	position:relative;
}
.search_area .category_area .tab_inner > div > a > p {
	font-size:80% !important;
	margin:0;
}
.search_area .search_wrap label {
	display: block;
	position: relative;
	margin: 1.5em 0 !important;
	padding-left: 2.0em !important;
	cursor: pointer;
	user-select: none; /* テキストの選択を防ぐ */
}
.search_area .search_wrap label .i_check {
	font-size:3.0vw !important;
	margin-right:0.5em !important;
}
.search_area .search_wrap label .i_check:after {
	content: "";
	position: absolute;
	width: 1.5vw !important; /* チェックの大きさ */
	height: 2.4999vw; /* チェックの大きさ */
	border: solid #FFF !important;
	border-width: 0 2px 2px 0 !important;
	opacity: 0; /* 透明にしておく */
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg) !important;
	-ms-transform: translate(-50%, -50%) rotate(45deg) !important;
	transform:translate(-50%, -50%) rotate(45deg) !important;
}
	.search_area .search_btn_area input.reset_button,
	.search_area#search_page .search_btn_area input.reset_button {
		box-sizing:border-box;
		padding:0.7em 1.0em;
		border:1px solid #7e8c60 !important;
		border-radius:5px;
		background:#f5f5f5 !important;
		font-size:2.2vw !important;
	}
	.search_area .search_btn_area button.sbumit_button {
		box-sizing:border-box;
		padding:0.7em 3.0em;
		border:1px solid #7e8c60 !important;
		border-radius:5px;
		background:#7e8c60 !important;
		color:#fff;
		font-size:2.5vw !important;
	}
#search_page.search_area #form_area button#submit > img {
	height:28px !important;
	width:calc(28px* 0.946) !important;
	line-height:28px !important;
	display:block;
	margin:5px 0 2px 5px !important;
}
}


/* ------------------------------------------- */
/* ------------------------------------------- */

.search_area#search_verpc .category_area {
	width:100%;
	display:block;
	box-sizing:border-box;
	padding:2% 5%;
	border:1px solid #a4a4a5 !important;
	margin-top:20px;
}
.search_area#search_page .category_area {
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:2% 0%;
	margin-top:20px;
}
.search_area#search_verpc .search_wrap,
.search_area#search_page .search_wrap {
	width:100% !important;
	height:auto !important;
	box-sizing:border-box;
	padding:2% 5%;
	margin:0 auto;
	background:none !important;
	display:flex;
	justify-content:center !important;
	align-items:flex-start !important;
}
.search_area#search_verpc .search_wrap.box_category,
.search_area#search_page .search_wrap.box_category {
	width:90% !important;
}
.search_area#search_verpc .search_wrap.box_type,
.search_area#search_page .search_wrap.box_type {
	gap:20%;
}
.search_area#search_verpc .search_wrap.box_color,
.search_area#search_page .search_wrap.box_color {
	width:75% !important;
	margin:5% auto 0 auto;
}
	.search_area#search_verpc .box_category > div,
	.search_area#search_verpc .box_color > div,
	.search_area#search_page .box_category > div,
	.search_area#search_page .box_color > div {
		width:48% !important;
	}
	.search_area#search_verpc .box_category div:nth-of-type(1),
	.search_area#search_page .box_category div:nth-of-type(1) { width:63% !important; }
	.search_area#search_verpc .box_category div:nth-of-type(2),
	.search_area#search_page .box_category div:nth-of-type(2) { width:35% !important; }
	
	.search_area#search_verpc .box_type > div,
	.search_area#search_page .box_type > div {
		width:auto !important;
	}
	.search_area#search_verpc .box_c_type > div,
	.search_area#search_page .box_c_type > div {
		width:100% !important;
		display:flex;
		justify-content:center;
		margin:5% auto 0 auto;
		gap:30px;
	}
		.search_area#search_verpc .box_c_type > div label,
		.search_area#search_page .box_c_type > div label {
			width:auto !important;
			box-sizing:border-box;
		/*	margin-right:8.0em !important; */
		}
		.search_area#search_verpc .box_c_type > div label:nth-last-of-type(1),
		.search_area#search_page .box_c_type > div label:nth-last-of-type(1) {
			margin-right:0% !important;
		}

.search_area#search_verpc .search_btn_area,
.search_area#search_page .search_btn_area {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0 80px;
	margin:3% auto 1% auto;
}
	.search_area#search_verpc .search_btn_area input.reset_button,
	.search_area#search_page .search_btn_area input.reset_button {
		box-sizing:border-box;
		padding:0.7em 1.5em;
		border:1px solid #7e8c60 !important;
		border-radius:5px;
		background:none;
		font-size:16px !important;
	}



@media screen and (max-width:849px) {
.search_area#search_page .search_wrap.box_category,
.search_area#search_page .search_wrap.box_type,
.search_area#search_page .search_wrap.box_color,
.search_area#search_page .search_wrap.box_c_type {
	width:90% !important;
	height:auto !important;
	box-sizing:border-box !important;
	padding:2% 0% !important;
	margin:0 auto;
	background:none !important;
	display:flex;
	flex-wrap:wrap !important;
	justify-content:flex-start !important;
	align-items:flex-start !important;
	gap:0;
}
.search_area#search_page .search_wrap.box_category > div,
.search_area#search_page .search_wrap.box_type > div,
.search_area#search_page .search_wrap.box_color > div,
.search_area#search_page .search_wrap.box_c_type > div  {
	display:block !important;
	width:100% !important;
}
	.search_area#search_page .search_btn_area input.reset_button {
		box-sizing:border-box;
		padding:0.7em 1.5em;
		border:1px solid #7e8c60 !important;
		border-radius:5px;
		background:none;
		font-size:2.3vw !important;
	}
}


/* ------------------------------------------- */
/* ------------------------------------------- */

.search_area label {
	display:block;
	margin:2% 0 !important;
}
.search_area .i_co {
	display:block;
	position:relative;
	margin-left:2.5em;
}
.search_area .i_co:before {
	content:"";
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:50%;
	left:-2.2em;
	-webkit-transform: translate(0%, -50%) !important;
	-ms-transform: translate(0%, -50%) !important;
	transform:translate(0%, -50%) !important;
}
.search_area .co_iv:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_iv.svg) no-repeat;
	background-size:contain;
}
.search_area .co_be:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_be.svg) no-repeat;
	background-size:contain;
}
.search_area .co_pi:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_pi.svg) no-repeat;
	background-size:contain;
}
.search_area .co_ol:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_ol.svg) no-repeat;
	background-size:contain;
}
.search_area .co_nv:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_nv.svg) no-repeat;
	background-size:contain;
}
.search_area .co_kgy:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_kgy.svg) no-repeat;
	background-size:contain;
}
.search_area .co_bk:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_bk.svg) no-repeat;
	background-size:contain;
}
.search_area .co_bgy:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_bgy.svg) no-repeat;
	background-size:contain;
}
.search_area .co_gy:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_gy.svg) no-repeat;
	background-size:contain;
}
.search_area .co_lv:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_lv.svg) no-repeat;
	background-size:contain;
}
.search_area .co_or:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/i_color_or.svg) no-repeat;
	background-size:contain;
}

@media screen and (max-width:849px) {
.search_area .i_co:before {
	content:"";
	display:block;
	width:2.5vw;
	height:2.5vw;
	position:absolute;
	top:50%;
	left:-1.5em !important;
	-webkit-transform: translate(0%, -50%) !important;
	-ms-transform: translate(0%, -50%) !important;
	transform:translate(0%, -50%) !important;
}
.search_area .i_co {
	display:block;
	position:relative;
	margin-left:1.5em !important;
}
}



/* ------------------- ハッシュリスト ------------------- */

#hikaku_hash { text-align:center; margin:5% auto; }
#hikaku_hash > p {
	width:auto;
	display:inline-block;
	box-sizing:border-box;
	padding:0 3.0em;
	border-bottom:1px solid #7a8c5b;
}
#hikaku_hash > .hash_wrap {
	width:100vw !important;
	width:calc(100vw - 18px) !important;
	margin:2% auto;
	padding:5px 10px;
	box-sizing:border-box;
	overflow-x:auto;
	white-space: nowrap;
	position:relative;
	left:50% !important;
	-webkit-transform: translate(-50%, 0%) !important;
	-ms-transform: translate(-50%, 0%) !important;
	transform:translate(-50%, 0%) !important;
}
.ipad #hikaku_hash > .hash_wrap,
.gecko #hikaku_hash > .hash_wrap {
	width:100vw !important;
}
#hikaku_hash > .hash_wrap > ul.hash {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:20px;
	flex-wrap:wrap;
	width:auto;
	padding:0;
}
#hikaku_hash > .hash_wrap > ul.hash > li > a {
	display:block;
	background:#fff;
	box-sizing:border-box;
	padding:0em 0.5em;
	border:1px solid #a4a4a5;
	border-radius:5px;
}
@media screen and (max-width:849px) {
#hikaku_hash > .hash_wrap {
	width:calc(100vw - 18px) !important;
	margin:5px auto;
	padding:10px 10px;
	box-sizing:border-box;
	overflow-x:auto !important;
	white-space: nowrap;
}
.ipod #hikaku_hash > .hash_wrap,
.iphone #hikaku_hash > .hash_wrap,
.ipad #hikaku_hash > .hash_wrap,
.android #hikaku_hash > .hash_wrap,
.mobile #hikaku_hash > .hash_wrap,
.gecko #hikaku_hash > .hash_wrap {
	width:100vw !important;
}
#hikaku_hash > .hash_wrap > ul.hash {
	display:block;
	width:auto;
	padding:0;
}
	#hikaku_hash > .hash_wrap > ul.hash > li {
		position:relative;
		width:auto;
		display:inline-block;
		padding:0;
		margin:0 1px;
	}
}
@media screen and (max-width:498px) {
#hikaku_hash > .hash_wrap {
	width:calc(100vw - 18px) !important;
	margin:5px auto;
	padding:10px 10px;
	box-sizing:border-box;
	overflow-x:scroll !important;
	white-space: nowrap;
}
}