@charset "utf-8";
/*-----------------------------------------------------Search*/
#Search{
	background-color: rgb(255 255 255 / 65%);
	padding: 10px;
	border-radius: 4px;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: -14vw;
	position: relative;
}
#Search form{display: block;}

#Search .Main{
}
#Search .Main .Top{
	margin-bottom: 4px;
	display: flex;
	flex-wrap: wrap;
}
#Search .Main .Btm{display: flex;flex-wrap: wrap;}
#Search .Main ul{}
#Search .Main li{}
#Search .Main li + li{
}
#Search .Main .Top li{margin-bottom: 5px;}
#Search .Main .Top li.datepicker{
	margin-bottom: 0;
	margin-left: 9px;
}
#Search .Main .Top li.datepicker div{
	display: flex;
}
#Search .datepicker:after{content:none}
#Search .Main .Top li.datepicker div p + p{
	margin-left: 2px;
}
#Search .Main .Top li#dstList{
	width: 100%;
}
#Search .Main .Top li#dstList .selectbox{
	width: 100%;
	margin-bottom: 4px;
}
#Search .Main .Btm li{margin-right: 15px;}
#Search .Btn{margin-top: 6px;}

#Search input[type=radio]{display: none;}
#Search input[type=radio]+label {position: relative;display: inline-block;cursor: pointer;padding-left:24px;margin-right: 0px;font-size:14px;}
#Search input[type=radio]+label::before,
#Search input[type=radio]+label::after { position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#Search input[type=radio]+label::before { width: 20px; height: 20px; margin-top: -12px; background: #FFF; border: 2px solid #CECECE; }
#Search input[type=radio]+label::after { left: 5px; width: 10px;height: 10px;margin-top: -7px; background: #CECECE;}
#Search input[type=radio]:checked+label::before { border-color:#333333; }
#Search input[type=radio]:checked+label::after {background: #333333;}

#Search input[type=checkbox]{display: none;}
#Search input[type=checkbox]+label {position: relative;display: inline-block;cursor: pointer;padding-left: 18px;margin-right: 0px;font-size: 13px;font-weight: bold;}
#Search input[type=checkbox]+label::before{ position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
#Search input[type=checkbox]+label::before {width: 15px;height: 15px;margin-top: -10px;background: #FFF;border: 1px solid #B7B7B7;}
#Search input[type=checkbox]:checked+label::before { border-color:#333333; }
#Search input[type=checkbox]:checked+label::after {content: "\f00c";font-family:FontAwesome;position:absolute;top: 2px;left: 2px;color:#333333;font-size: 10px;}

#Search input[type=text]{outline:none;font-weight: bold;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';background: none transparent;background-color:#fff;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 45px;padding: 3px 10px;border:1px solid #B9B9B9;width: 10em;border-radius: 4px;box-sizing:border-box;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;}
#Search input[type=text]:hover,
#Search input[type=text]:focus{border-color:#666666;cursor: pointer;}

#Search .selectbox {position: relative; display:inline-block; white-space:nowrap; }
#Search .selectbox:before{content:" ";display:block;position:absolute;top:50%;right: 7px;margin-top: -5px;width: 5px;height: 5px;border-top: 2px solid #939393;border-right: 2px solid #939393;-webkit-transform:rotate(135deg);transform:rotate(135deg);pointer-events:none;}
#Search .selectbox.noTxt:before {right: 10px;}
#Search .selectbox select{background-color:#fff;outline:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';vertical-align: middle;font-size: 12px;font-weight: bold;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 35px;padding: 0px 24px 0px 10px;border:1px solid #B9B9B9;width: 100%;border-radius: 4px;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;}
#Search .selectbox select:hover{border-color:#666666;cursor: pointer;}
#Search select option{  background-color: #fff; color: #333;}
#Search select[disabled]{ background-color:#eee; color:#999; }
#Search select::-ms-expand {display: none;}
#Search select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a;}

#Search button{text-decoration:none;-webkit-transition: all .3s ease-out;position:relative;display: block;overflow: visible;margin:0;padding: 12px 30px 12px 30px;cursor: pointer;text-align: center;text-decoration: none;outline: 0;border:none;background-color: #bda662;box-sizing:border-box;color:#FFFFFF;font-weight:bold;border-radius: 4px;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;font-size: 14px;width: 100%;}
#Search button:hover,
#Search button:focus {background: #937f44;}

#Search input::placeholder{ color:#B7B7B7}