@charset "utf-8";
/* CSS Document */


/* Search and filter
-----------------------------------------*/
.searchandfilter h4 {
color: #8fc31f;
background-color:#DAEBF3;
padding:2%;
margin-top:0;
margin-bottom:2%;
font-size:110%;

}
.searchandfilter ul {padding-left:0;}
.searchandfilter li {
list-style: none;
border-bottom:none;
line-height:100%;
}

.searchandfilter,.sf-field-search input[type="checkbox"],input[type="radio"],input[type="text"],input[type="text"],input[type="number"],input[type="submit"],select{
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.sf-field-submit input[type="submit"]{
-moz-box-shadow:inset 0px 1px 0px 0px #f5c387;
-webkit-box-shadow:inset 0px 1px 0px 0px #f5c387;
box-shadow:inset 0px 1px 0px 0px #f5c387;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb82b), color-stop(1, #f07000));
background:-moz-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:-webkit-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:-o-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:-ms-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:linear-gradient(to bottom, #ffb82b 5%, #f07000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb82b', endColorstr='#f07000',GradientType=0);
background-color:#ffb82b;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #e07400;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-weight:bold;
padding:2% 0;
width:94%;
margin:0 3%;
}


.searchandfilter input[type="checkbox"],input[type="radio"],input[type="text"],select,.meta-range,.chosen-container{
margin-left:3%;
}

.searchandfilter input[type="text"],select,.chosen-container{
width:91%;
}
.meta-range {}
.chosen-container{}



@media screen and (min-width: 481px) {

.searchandfilter li {}
.meta-range { margin-right:3%;}

}

@media screen and (min-width: 769px) {

.searchandfilter h4 {
padding:13px 10px 10px 10px;
font-size:14px;
margin-bottom:8px;
}

.searchandfilter ul {}
.searchandfilter li {
list-style: none;
border-bottom:none;
line-height:0;
}
.searchandfilter input[type="checkbox"],input[type="radio"],input[type="text"],select,.meta-range,.chosen-container{
margin-left:10px;
}


.searchandfilter input[type="text"],select{}

.meta-range {}
.searchandfilter input[type="number"]{}
.chosen-container{}


}



