#search-wrap{
	background-color: #F0F0F0;
	font-size: 16px;
}

#search-wrap .blog-side-box{
}

#search-wrap .category-box-title{
	position: relative;
	font-weight: bold;
	padding: 16px 25px;
	border-bottom: 1px solid #505050;
}

#search-wrap .category-box-title::after{
	content: "";
	display: block;
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #505050;
	border-right: 1px solid #505050;
	transform: rotate(135deg);
}


.category-box ul{
	padding: 0 12px;
}

.category-box li label{
	display: block;
	padding: 16px; 25px;
	border-bottom: 1px solid #505050;
}

#color-select li label{
	padding: 0;
	border: none;
}


/* color select */
#color-select ul{
	display: flex;
	flex-wrap: wrap;
}
#color-select li{
	width: 20%;
	padding: 12px;
}

#color-select input[type=checkbox] {
    display: none;
    margin: 0;
}
#color-select input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    padding: 0 0 0 24px;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}
#color-select input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
     
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 27px;
    height: 27px;
    margin-top: -9px;
     
    background: #FFF;
}
#color-select input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
     
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
#color-select input[type=checkbox]:checked + label::after {
    left: 3px;
     
    width: 16px;
    height: 8px;
    margin-top: -8px;
     
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
     
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#color-select #c1 + label:before{
	background-color: #000;/* é»’ */
}

#color-select #c2 + label:before{
	background-color: #fff;/* 白 */
	border: 1px solid #ccc;
}

#color-select #c3 + label:before{
	background-color: #adadad;/* グレー */
}


#color-select #c4 + label:before{
	background-color: #E1DAC2;/* ベージュ・アイボリー系 */
}

#color-select #c5 + label:before{
	background-color: #fd0318;/* レッド系 */
}

#color-select #c6 + label:before{
	background-color: #A727A2;/* パープル系 */
}

#color-select #c7 + label:before{
	background-color: #f7acc1;/* ピンク系 */
}

#color-select #c8 + label:before{
	background-color: #2b61d4;/* ブルー系 */
}

#color-select #c9 + label:before{
	background-color: #f4ea3d;/* イエロー系 */
}

#color-select #c10 + label:before{
	background-color: #e8994e;/* オレンジ系 */
}

#color-select #c11 + label:before{
	background-color: #a2804c;/* ブラウン系 */
}

#color-select #c12 + label:before{
	background-color: #2b673a;/* グリーン系 */
}

#color-select #c13 + label:before{
	background: -webkit-gradient(linear, left top, right bottom, from(#F4F4F4), to(#605F5F));	
	color: #FFF;
	-webkit-appearance: none;/* メタリック系 */
}

#color-select #c14 + label:before{
background-image: -webkit-gradient(
	linear,
	left top,
	right bottom,
	color-stop(0.05, #00FBFF),
	color-stop(0.38, #FF47EA),
	color-stop(0.67, #FFFF00),
	color-stop(0.91, #000000)
);
background-image: -o-linear-gradient(right bottom, #00FBFF 5%, #FF47EA 38%, #FFFF00 67%, #000000 91%);
background-image: -moz-linear-gradient(right bottom, #00FBFF 5%, #FF47EA 38%, #FFFF00 67%, #000000 91%);
background-image: -webkit-linear-gradient(right bottom, #00FBFF 5%, #FF47EA 38%, #FFFF00 67%, #000000 91%);
background-image: -ms-linear-gradient(right bottom, #00FBFF 5%, #FF47EA 38%, #FFFF00 67%, #000000 91%);
background-image: linear-gradient(to right bottom, #00FBFF 5%, #FF47EA 38%, #FFFF00 67%, #000000 91%);
	-webkit-appearance: none;/* カラフル系 */
}

#wpblog_banners a{
	display: block;
	margin: 15px 0 0;
}