.search_item_ttl{
	display: block;
	padding: 0 0.3rem 0.3rem 1.0rem;
	font-size: 20px;
	font-weight: bold;
	margin-bottom:0.3rem;
}
.search_f ul{
	margin-bottom:2.0rem;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

/*
.search_f ul li:first-child{
	width:100%;
	background-color:#f5f5f5;
	font-size:16px;
	text-align:center;
	font-weight: bold;
	padding:5px;
}
*/

.search_f ul li{
	border-bottom: 1px dotted #ddd;
	width:50%;
}

.search_f ul li a{
	display:block;
	padding:8px 10px;
	white-space:nowrap;
}

.search_f ul li a:hover{
	text-decoration:none;
	background-color:#f9f9f9;
}


/*-- 色で選ぶ↓↓ --*/
.search_f .search_item_ttl{
	color: #a7252d;
	border-bottom: 1px dotted #a7252d;
	border-left: 5px solid #a7252d;
}

.search_f.color ul li a::before{
	content: "";
	background-color: #000;
	height: 13px;
	width: 13px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}

.search_f.color ul li a.white::before{
	background-color:#fff;
	border:1px solid #ddd;
}

.search_f.color ul li a.black::before{
	background-color:#000;
}

.search_f.color ul li a.gray::before{
	background-color:#9e9e9e;
}

.search_f.color ul li a.brown::before{
	background-color:#74341f;
}

.search_f.color ul li a.beige::before{
	background-color:#e5d7ac;
}

.search_f.color ul li a.red::before{
	background-color:#d90027;
}

.search_f.color ul li a.deepred::before{
	background-color:#864944;
}

.search_f.color ul li a.pink::before{
	background-color:#f6b1d7;
}

.search_f.color ul li a.orange::before{
	background-color:#ff922a;
}

.search_f.color ul li a.yellow::before{
	background-color:#f9e642;
}

.search_f.color ul li a.cream::before{
	background-color:#fff3b8;
}

.search_f.color ul li a.green::before{
	background-color:#2c994a;
}

.search_f.color ul li a.blue::before{
	background-color:#0066e4;
}

.search_f.color ul li a.purple::before{
	background-color:#620a87;
}

.search_f.color ul li a.gold::before{
	background:linear-gradient(135deg,#a0a0a0 0%,#7b7b7b 50%,#baaf68 50%,#aea24c 100%);
}

.search_f.color ul li a.multi::before{
	background:linear-gradient(135deg,#d90027,#f9e642 25%,#2c994a 50%,#0066e4);
}
/*-- 色で選ぶ↑↑ --*/

/*-- 素材で選ぶ↓↓ --*/
.search_f.material .search_item_ttl{
	color: #536b31;
	border-bottom: 1px dotted #536b31;
	border-left: 5px solid #536b31;
}

.search_f.material ul li a::before{
	font-family: 'Material Icons';
	content: "\e5cc";
	margin-right: 3px;
}
/*-- 素材で選ぶ↑↑ --*/

/*-- サイズで選ぶ↓↓ --*/
.search_f.size .search_item_ttl{
	color: #844685;
	border-bottom: 1px dotted #844685;
	border-left: 5px solid #844685;
}

.search_f.size .size_table{
	width:100%;
	overflow:scroll;
	margin-bottom:2.0rem;
}

.search_f.size table{
	width:100%;
	text-align:center;
}

.search_f.size table th.ttl{
	font-size:1.6rem;
	background-color:#ddd;
}

.search_f.size table th{
	background-color:#f5f5f5;
	font-weight:normal;
}

.search_f.size table th, .search_f.size table td{
	border:1px solid #ddd;
	padding:0 5px;
}

.search_f.size table td a{
	display:block;
	padding:8px 10px;
	white-space:nowrap;
}

.search_f.size table td a:hover{
	text-decoration:none;
	background-color:#f9f9f9;
}

.search_f.size table td a::before{
	font-family: 'Material Icons';
	content: "\e5cc";
	margin-right: 3px;
}
/*-- サイズで選ぶ↑↑ --*/

/*-- タブレット用ここから --*/
@media screen and (min-width: 768px) {
.search_f ul li{
	width:25%;
}

/*-- サイズで選ぶ↓↓ --*/
.search_f.size .size_table{
	width:100%;
	overflow:scroll;
}
/*-- サイズで選ぶ↑↑ --*/
}
/*-- タブレット用ここまで --*/


/*-- pc用ここから --*/
@media screen and (min-width: 768px) {
.search_f ul li{
	width:25%;
}

/*-- サイズで選ぶ↓↓ --*/
.search_f.size .size_table{
	overflow:auto;
}
/*-- サイズで選ぶ↑↑ --*/
}
/*-- pc用ここまで --*/