@charset "utf-8";

.search-box *,::after,::before {
	box-sizing: border-box
}
.search-box dl,.search-box ol,.search-box ul {
	margin-top: 0;
	margin-bottom: 1rem
}

.search-box dd {
	margin-bottom: .5rem;
	margin-left: 0
}

.search-box .form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.search-box .form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.search-box .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.search-box .form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.search-box .form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.search-box .form-control:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.search-box .form-control::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.search-box .form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.search-box .form-control:disabled,.search-box .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

/*フォーム*/

.search-box input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.search-box input[type=radio],.search-box input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
.search-box input[type=file]:focus,.search-box input[type=radio]:focus,.search-box input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.search-box .form-control{display:block;width:100%;height:38px!important;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.search-box .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.search-box .form-control::-moz-placeholder{color:#777;opacity:1}
.search-box .form-control:-ms-input-placeholder{color:#777}
.search-box .form-control::-webkit-input-placeholder{color:#777}
.search-box .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}
.search-box .form-control {padding-left: 6px !important; padding-right: 6px !important;}
.search-box .form-control[readonly] {background-color: #fff !important;cursor: default !important;}

/*.input-group{position:relative;display:table;border-collapse:separate}
.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}

.input-group .form-control:last-child{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
}*/

@media (min-width:768px){
/*.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .input-group{display:inline-table;vertical-align:middle}
.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}
.form-inline .input-group>.form-control{width:100%}
.form-inline .control-label{margin-bottom:0;vertical-align:middle}
.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.form-inline .radio label,.form-inline .checkbox label{padding-left:0}
.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{position:relative;margin-left:0}
.form-inline .has-feedback .form-control-feedback{top:0}*/
}

/*検索結果（検索ボックス）
**************************************************/
.search-box {
margin: 20px 0 25px;
margin-bottom: 30px;
}
.search-box form{
	/*background-color: #F1A72A;*/
/*  background-color: #28bec7;*/
	background-color: #000000;
	border-radius: 5px;
	padding: 0 8px 10px;
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.065);*/
	}
.search-box .search-box-ttl-head {
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
	padding: 10px 10px 10px 0;
	font-size: 1.8rem;
	color: #fff;
	font-weight: bold;
	/*background-color: #E09310;*/
/*  background-color: #28bec7;*/
	background-color: #000000;
	margin-bottom: 10px;
	margin-right: -7px;
	margin-left: -7px;
	/*box-shadow: 0 1px 0 0 #F3B958;*/
/*  box-shadow: 0 1px 0 0 #4AD2DA;*/
	box-shadow: 0 1px 0 0 #222222;
	padding-left: 10px;
	font-size: 18px;
}
.search-box .search-box-ttl-head .sp-srch-toggle{
	float: right;
}
.search-box .search-box-ttl-head .sp-srch-toggle:before{
	content: "CLOSE";
}
.search-box .search-box-ttl-head .sp-srch-toggle.srch-close:before{
	content: "OPEN";
}
.search-box .inner {
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 10px 25px;
	overflow: hidden;
}
.search-box-wrap {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*width: 80%;*/
	margin: 0 auto 15px;
}
.search-box .box-dep, .search-box .box-arv,
.search-box .box-dep-shop, .search-box .box-cartype,
.search-box .box-gear,.search-box .box-steering,.search-box .box-num{
	width: 100%;
}
.search-box .box-dep dl{
	background-color: #dffbff;
}
.search-box .box-arv dl{
	background-color: #dfffdf;
}
.search-box .box-dep-shop dl{
	background-color: #FFFCDF;
}
.search-box .box-cartype dl{
	background-color: #FFEEDF;
}
.search-box dl{
	/*width: 100%;*/
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 5px;
	/*background-color: #FFFAF2;*/
}
.search-box .ttl {
	font-weight: bold;
	margin-bottom: 5px;
}
.search-box .box-dep input, .search-box .box-arv input {
	width: 140px;
}
.search-box .box-dep select, .search-box .box-arv select {
	width: auto;
}
input.cal-arv
.search-box .box-dep input, .search-box .box-arv input,
.search-box .box-dep select, .search-box .box-arv select {
	display: inline-block;
}
.search-box select{
	width: 100%;
}
.btn-more-wp{
	text-align: center;
}

.search-box .cal-dep,.search-box  .cal-arv {
	cursor: pointer;
	padding-left: 35px !important;
	padding-right: 0 !important;
	 display: inline-block;
			 background: url("../img/icon-calendar.png") no-repeat scroll 6px 7px #fff;
}
@media only screen and (min-width: 992px){
	.search-box .search-box-inner{
			display: block!important;
	}
	.search-box .sp-srch-toggle{
			display: none;
	}
	.search-box .box-dep, .search-box .box-arv,
	.search-box .box-dep-shop,.search-box .box-cartype{
			width: 33.33%;
			padding: 0 5px;
	}
	.search-box .box-gear,
	.search-box .box-steering,
	.search-box .box-num{
			width: 25%;
			padding: 0 5px;
	}
	.search-box .box-dep dl, .search-box .box-arv dl, .search-box .box-dep-shop dl, .search-box .box-cartype dl{
			margin-bottom: 16px;
	}
}
.search-box .form-control[readonly] {
	background-color: #fff !important;
	cursor: default !important;
}

/*ボタン類*/
.basic-btn,.reserve-btn{
	background-color: #c11b48;
	box-shadow: 0 5px 0 0 #a3173d;
	font-weight: bold;
	color: #FFF;
	-webkit-border-radius: 4px;
					border-radius: 4px;
	padding: 10px 15px;
	display: inline-block;
	width: 80%;
	border: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	cursor: pointer;
	font-size: 18px;
}
.basic-btn:hover,.reserve-btn:hover{
	background-color: #d01d4e;
	text-decoration: none;
	color: #fff;
}
.reserve-btn{
	font-size: 20px;
}
.reserve-btn[disabled]{
	opacity: 0.5;
}
.search-box-inner .btn-more-wp .basic-btn{
position: relative;
}
.btn-wp {
	margin: 0 auto;
}