@charset "utf-8";

/*
******************************************************************
* search.css
******************************************************************
*/
.search__area.js__open {
	top: 20px;
}
.search__area::before {
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 1;
}

.search__area--close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	z-index: 0;
}
.search__area--close::before,
.search__area--close::after {
	content: "";
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 2px;
	margin: auto 0;
	transform: rotate(45deg);
	z-index: 0;
}
.search__area--close::after {
	transform: rotate(-45deg);
}

@charset "utf-8";

/*
******************************************************************
* search.css
******************************************************************
*/

.search__area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
}
.search__area--bk {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0.5;
	z-index: 0;
}
.search__area--inner {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	padding: 20px 30px;
	width: 814px;
	height: 580px;
	z-index: 9999;
}
.js__searchChange .search__area--inner {
	padding-bottom: 100px;
	height: 93vh;
	overflow-y: scroll;
}
.search__area--inner::after {
	content: "";
	clear: both;
	display: block;
}
.search__area--left {
	float: left;
	width: 346px;
	border-right: 1px solid #999999;
	padding-right: 15px;
}
.search__area--right {
	float: right;
	width: 393px;
}

.search__area--close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	z-index: 0;
	cursor: pointer;
}
.search__area--close::before,
.search__area--close::after {
	content: "";
	background: #003894;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 2px;
	margin: auto 0;
	transform: rotate(45deg);
	z-index: 0;
}
.search__area--close::after {
	transform: rotate(-45deg);
}

.select__area {
	display: none;
}
.js__position1 .search__area--q1 .search__area--title,
.js__position2 .search__area--q2 .search__area--title,
.js__position3 .search__area--q3 .search__area--title,
.js__position4 .search__area--q4 .search__area--title {
	color: #003894;
}

.select__place {
	background: #fff;
	border-radius: 40px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: left;
	margin: 0 10px 8px;
	width: calc(100% - 20px);
	z-index: 2;
}
.select__place::before {
	content: "";
	background: #fff;
	position: absolute;
	top: -6px;
	left: 0;
	right: 166px;
	margin: 0 auto;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	z-index: 3;
}
.js__position1 .select__place::before {
	background: #eaf7ff;
}
.select__place > div {
	display: flex;
	justify-content: left;
	align-items: center;
	align-content: center;
	padding: 0 15px;
	width: 50%;
	height: 47px;
	position: relative;
}

.select__place--after::after {
	content: "";
	border: 4px solid transparent;
	border-left-color: #c4c4c4;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	width: 0;
	height: 0;
	z-index: 0;
}
.select__place > div > p {
	font-size: 71.4%;
}
.select__place > div > p:nth-child(1) {
	margin-right: 7px;
}
.select__place--before > .select__place--name {
	color: #59bded;
}
.select__place--after > .select__place--name {
	color: #636363;
}

.search__area--tab {
	display: flex;
	margin-bottom: 10px;
}
.search__area--tab > * {
	display: inline-block;
	margin-left: 15px;
	cursor: pointer;
}
.search__area--tab > *:first-child {
	margin-left: 0;
}
.search__area--tab input[type="radio"] {
	display: none;
}
.search__area--tab input[type="radio"] + span {
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 5px 5px 5px 27px;
	position: relative;
}
.search__area--tab input[type="radio"]:checked + span {
	color: #3cb0e8;
	position: relative;
}
.search__area--tab input[type="radio"] + span::after {
	content: "";
	background: #fff;
	border: 1px solid #999999;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
}
.search__area--tab input[type="radio"]:checked + span::before {
	content: "";
	background: #003894;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 4px;
	width: 12px;
	height: 12px;
	z-index: 1;
}
.search__area--q2 .search__area--tab input:disabled + span {
	color: #d5d5d5;
}
.search__area--q2 .search__area--tab input:disabled + span::before {
	background: #d5d5d5;
}

.before__contents,
.after__contents {
	position: relative;
}
.select__area {
	background: #fff;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 52px;
	left: 0;
	height: 344px;
	z-index: 9999;
}
.select__area--inner {
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 344px;
	overflow-x: hidden;
	overflow-y: auto;
}
.select__area--inner > div {
	display: none;
}
.select__area--prefectures {
	width: 110px;
}
.select__area--station,
.select__area--airport {
	max-width: 280px;
}
.search__area--prefecturesSelect2 {
	background: #fafafa;
	left: auto;
	right: 30px;
	width: 340px;
}
.search__area--prefecturesSelect2::after {
	content: "";
	clear: both;
	display: block;
}
.search__area--prefecturesGenre {
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
}
.search__area--prefecturesSelect2 > div {
	border-left: 1px solid #d5d5d5;
	position: absolute;
	top: 0px;
	right: 0;
	width: 55%;
	height: 300px;
}
.select__area input {
	display: none;
}
.search__area--prefecturesGenre {
	background: #fff;
}
.select__area label,
.search__area--prefecturesGenre li {
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
}
.select__area label::before,
.select__area label::after,
.search__area--prefecturesGenre li::before,
.search__area--prefecturesGenre li::after {
	content: "";
	background: #003894;
	position: absolute;
	top: 0;
	bottom: 5px;
	right: 10px;
	margin: auto 0;
	width: 7px;
	height: 1px;
	transform: rotate(50deg);
	z-index: 0;
}
.select__area label::after,
.search__area--prefecturesGenre li::after {
	top: 5px;
	bottom: 0;
	transform: rotate(-50deg);
}
.select__area label span,
.search__area--prefecturesGenre li span {
	display: block;
	font-size: 85.7%;
	padding: 12px 20px 12px 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.select__area label input:checked + span {
	background: #eaf7ff;
}
.search__area--prefecturesGenre li.js__crnt,
.select__area label span:hover,
.search__area--prefecturesGenre li span:hover {
	background: #f4fbff;
}
.search__area--prefecturesGenre li.select--disabled {
	color: #d5d5d5;
}
.search__area--prefecturesGenre li.select--disabled::before,
.search__area--prefecturesGenre li.select--disabled::after {
	background: #d5d5d5;
}

.select__area label.subtitle {
	font-weight: bold;
	padding: 12px;
}
.select__area label.subtitle::before,
.select__area label.subtitle::after {
	display: none;
}

.search__area--hide {
	display: none;
}

.select__area--label {
	background: #fafafa;
	border-radius: 20px;
	color: #d5d5d5;
	padding: 10px 40px 10px 20px;
	width: 280px;
	position: relative;
}
.select__area--label::before,
.select__area--label::after {
	content: "";
	background: #636363;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto 0;
	width: 8px;
	height: 1px;
	transform: rotate(40deg);
	z-index: 0;
}
.select__area--label::after {
	right: 10px;
	transform: rotate(-40deg);
}
.search__area--same .select__area--label::before,
.search__area--same .select__area--label::after {
	display: none;
}
.select__area--labelPrefectures {
	display: inline-block;
	width: 108px;
}
.select__area--labelPrefectures2 {
	display: inline-block;
	margin-left: 8px;
	width: 190px;
}

.js__position1 .search__area--q1 .select__area--label,
.js__position2 .search__area--q2 .search__area--other .select__area--label {
	background: #f7fcff;
	box-shadow: 0 0 2px 2px rgba(132, 194, 234, 0.3);
	color: #636363;
	cursor: pointer;
}

.search__area--q2 {
	margin-top: 30px;
}

.search__area--q3 {
	margin-top: 30px;
}
.search__area--q3 .search__area--datepicker,
.search__area--q3 .search__area--datepicker2 {
	position: relative;
}
.search__area--q3 .search__area--datepicker > label,
.search__area--q3 .search__area--datepicker2 > label {
	display: inline-block;
	position: relative;
	width: 190px;
	height: 42px;
}
.search__area--q3 .search__area--datepicker > label input,
.search__area--q3 .search__area--datepicker2 > label input {
	opacity: 0;
	position: relative;
	width: 190px;
	height: 42px;
	z-index: 0;
}
.search__area--q3 .search__area--datepicker > label > span,
.search__area--q3 .search__area--datepicker2 > label > span {
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	height: 42px;
	padding: 0 15px;
	z-index: 1;
	cursor: pointer;
}
.search__area--q3 .search__area--datepicker > label > span > span:first-child,
.search__area--q3 .search__area--datepicker2 > label > span > span:first-child {
	margin-right: 10px;
}
.search__area--q3 .search__area--datepicker > label > span {
	background: url(/car/common_new/images/search/icon_calender3_on.png) no-repeat
		155px 9px;
}
.search__area--q3 .search__area--datepicker2 > label > span {
	background: url(/car/common_new/images/search/icon_calender3_on.png) no-repeat
		155px 9px;
}
.search__area--q3 .search__area--datepicker > label input:disabled + span,
.search__area--q3 .search__area--datepicker2 > label input:disabled + span {
	box-shadow: none;
	color: #d5d5d5;
}
.search__area--q3 .search__area--datepicker > label > input:disabled + span,
.search__area--q3 .search__area--datepicker2 > label > input:disabled + span {
	background: url(/car/common_new/images/search/icon_calender.png) no-repeat
		155px 9px #fafafa;
}
.search__area--datepicker
	> label
	input.is__clickable
	+ span
	> span:nth-child(2) {
	color: #636363;
}
.search__area--datepicker2
	> label
	input.is__clickable
	+ span
	> span:nth-child(2) {
	color: #ff9100;
}
.search__area--datepicker > label input:disabled + span > span:nth-child(2),
.search__area--datepicker2 > label input:disabled + span > span:nth-child(2) {
	color: #d5d5d5;
}

.search__area--q3 .search__area--select {
	display: none;
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 48px;
	right: 42px;
	width: 100px;
	height: 280px;
	overflow-y: auto;
}
.search__area--q3 .search__area--select label {
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
	color: #003894;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.search__area--q3 .search__area--select label::before,
.search__area--q3 .search__area--select label::after {
	content: "";
	background: #003894;
	position: absolute;
	top: 0;
	bottom: 5px;
	right: 10px;
	margin: auto 0;
	width: 7px;
	height: 1px;
	transform: rotate(50deg);
	z-index: 0;
}
.search__area--q3 .search__area--select label::after {
	top: 5px;
	bottom: 0;
	transform: rotate(-50deg);
}
.search__area--q3 .search__area--select label span {
	display: block;
	font-size: 85.7%;
	padding: 13px 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.search__area--q3 .search__area--select input {
	display: none;
}
.search__area--q3 .select__area--label {
	background: #f4fbff;
	border: none;
	border-radius: 40px;
	box-shadow: 0 0 2px 2px rgba(132, 194, 234, 0.3);
	box-sizing: border-box;
	color: #59bded;
	display: inline-block;
	font-weight: bold;
	padding: 10px 15px;
	margin: 5px 0 0 8px;
	width: 91px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
.search__area--q3 select option {
	background: #fff;
	border-top: 1px solid #f2f2f2;
	padding: 10px;
}
.search__area--q3 .select__area--label::before,
.search__area--q3 .select__area--label::after {
	content: "";
	background: #59bded;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto 0;
	width: 8px;
	height: 1px;
	transform: rotate(40deg);
	z-index: 0;
}
.search__area--q3 .select__area--label::after {
	right: 10px;
	transform: rotate(-40deg);
}
.search__area--q3 .select__area--label {
	display: inline-block;
	margin-left: 8px;
	position: relative;
}
.search__area--q3 .search__area--fromTime {
	margin-top: 5px;
}
.search__area--q3 .search__area--toTime {
	margin-top: 15px;
}
.search__area--q3 .search__area--toTime {
	background: #fdead3;
	border-color: #f08300;
	box-shadow: 0 0 2px 2px rgba(244, 173, 87, 0.4);
	color: #f08300;
}
.search__area--q3 .search__area--toTime::before,
.search__area--q3 .search__area--toTime::after {
	background: #f08300;
}
.search__area--q3 .search__area--fromTime.js__disabled,
.search__area--q3 .search__area--toTime.js__disabled {
	background: #fafafa;
	border-color: #d5d5d5;
	box-shadow: none;
	color: #d5d5d5;
}
.search__area--q3 .search__area--fromTime.js__disabled::before,
.search__area--q3 .search__area--fromTime.js__disabled::after,
.search__area--q3 .search__area--toTime.js__disabled::before,
.search__area--q3 .search__area--toTime.js__disabled::after {
	background: #d5d5d5;
}
.search__area--q3 .search__area--fromTime.js__disabled::-ms-value,
.search__area--q3 .search__area--toTime.js__disabled::-ms-value,
.search__area--q3 .search__area--fromTime.js__disabled::-ms-expand,
.search__area--q3 .search__area--toTime.js__disabled::-ms-expand {
	color: #d5d5d5;
}

#ui-datepicker-div {
	z-index: 9999 !important;
}

.search__area--datepickerInner::before {
	content: "";
	background: #fff;
	border-bottom: 1px solid #003894;
	border-right: 1px solid #003894;
	width: 12px;
	height: 12px;
	position: absolute;
	bottom: -7px;
	left: 26px;
	margin: 0 auto;
	transform: rotate(45deg);
	z-index: 1;
}
.search__area--datepicker2 .search__area--datepickerInner::before {
	bottom: -6px;
}

#ui-datepicker-div.ui-datepicker {
	background: #fff;
	border: 1px solid #003894;
	border-radius: 6px;
	width: 250px;
	padding: 20px 10px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
	background: none;
	border: none;
	font-weight: normal;
	margin-bottom: 10px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	background: #59bded;
	border-radius: 50%;
	cursor: pointer;
}
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next::before,
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next::after,
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::before,
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::after {
	content: "";
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto;
	width: 6px;
	height: 2px;
	transform: rotate(50deg);
	z-index: 0;
}
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next::after,
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::after {
	top: 4px;
	bottom: 0;
	transform: rotate(-50deg);
}
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::before {
	transform: rotate(-50deg);
}
#ui-datepicker-div.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::after {
	transform: rotate(50deg);
}
#ui-datepicker-div.ui-datepicker table {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
#ui-datepicker-div.ui-datepicker table th,
#ui-datepicker-div.ui-datepicker table td {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	font-size: 85.7%;
	font-weight: normal;
}
#ui-datepicker-div.ui-datepicker table thead th {
	background: #fff;
	padding: 3px 0;
}
#ui-datepicker-div.ui-datepicker table thead th:first-child {
	color: #eb3636;
}
#ui-datepicker-div.ui-datepicker table thead th:last-child {
	color: #003894;
}
#ui-datepicker-div.ui-datepicker table tbody td {
	background: #fafafa;
	padding: 5px 0;
	position: relative;
}
#ui-datepicker-div.ui-datepicker table tbody td span,
#ui-datepicker-div.ui-datepicker table tbody td a {
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
}
#ui-datepicker-div.ui-datepicker .ui-state-default {
	background: none;
	border: none;
	position: relative;
	z-index: 1;
}
#ui-datepicker-div.ui-datepicker table tbody td:first-child {
	background: #ff9999;
}
#ui-datepicker-div.ui-datepicker table tbody td:last-child {
	background: #59bded;
}
#ui-datepicker-div.ui-datepicker table tbody td .ui-state-active,
#ui-datepicker-div.search__area--datepicker2.ui-datepicker
	table
	tbody
	td.dp-highlight-before
	.ui-state-default {
	background: #59bded;
	border-radius: 50%;
	color: #fff;
}
#ui-datepicker-div.search__area--datepicker2.ui-datepicker
	table
	tbody
	td
	.ui-state-active {
	background: #f4ad57;
}
#ui-datepicker-div.search__area--datepicker2.ui-datepicker
	table
	tbody
	td.dp-highlight::after {
	content: "";
	background: rgba(132, 194, 234, 0.33);
	border-top: 2px solid #84c2ea;
	border-bottom: 2px solid #84c2ea;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#ui-datepicker-div.search__area--datepicker2.ui-datepicker
	table
	tbody
	td.dp-highlight-before::after {
	border-left: 2px solid #84c2ea;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
#ui-datepicker-div.search__area--datepicker2.ui-datepicker
	table
	tbody
	td.ui-datepicker-current-day::after {
	border-right: 2px solid #84c2ea;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

#ui-datepicker-div > div > div {
	position: relative;
}
.search__area--datetext {
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	font-size: 85.7%;
	text-align: center;
	padding: 3px 0;
	margin: 0 auto 10px;
	width: 255px;
	position: relative;
}
.search__area--datetext::before {
	content: "";
	border-top: 6px solid #fff;
	border-bottom: 6px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -12px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	z-index: 2;
}
.search__area--datetext::after {
	content: "";
	border-top: 7px solid #d5d5d5;
	border-bottom: 7px solid transparent;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	z-index: 1;
}

/* .search__area--q4 {
	background: #fff;
} */
.search__area--q4 dt {
	color: #333333;
	font-size: 85.7%;
	font-weight: bold;
	margin: 16px 0 8px;
}
.js__searchChange .search__area--q4 dt {
	margin-top: 25px;
}
.search__area--q4 dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-content: center;
	align-items: center;
	font-size: 12px;
}
.search__area--q4 dd label {
	width: 180px;
	margin: 10px 0 0 10px;
}
.search__area--q4 dd label input {
	display: none;
}
.js__position4 .search__area--q4 dt {
	color: #003894;
}
.search__area--q4 dd label::before,
.search__area--q4 dd label::after {
	content: none;
}
.search__area--q4 .search__area--car_type dd label > span {
	border-top: 1px solid #f2f2f2;
	border-radius: 4px;
	border: 1px solid #999999;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	align-content: center;
	font-size: 78.5%;
	padding-left: 50px;
	width: 100%;
	height: 50px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.search__area--q4 .search__area--car_type dd label input:checked + span,
.search__area--q4 .search__area--car_type dd label > span:hover {
	background: #eaf7ff;
}
.search__area--q4 .search__area--car_type dd label span span {
	width: 100%;
}
.search__area--q4 .search__area--car_type dd label span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	z-index: 0;
}
.search__area--q4 .search__area--car_type dd label span::after {
	content: "";
	border-left: 3px solid #bbbbbb;
	border-bottom: 3px solid #bbbbbb;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 7px;
	margin: auto 0;
	width: 12px;
	height: 5px;
	transform: rotate(-30deg);
	z-index: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.search__area--q4 .search__area--car_type dd label input:checked + span::after,
.search__area--q4 .search__area--car_type dd label > span:hover::after {
	border-color: #59bded;
}
.search__area--q4 .search__area--car_type dd label input:checked + span span,
.search__area--q4 .search__area--car_type dd label > span:hover {
	color: #59bded;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(1)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(1)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_01_on.png)
		no-repeat center;
	background-size: 27px 16px;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(2)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(2)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_02_on.png)
		no-repeat center;
	background-size: 29px 13px;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(3)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(3)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_03_on.png)
		no-repeat center;
	background-size: 35px 13px;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(4)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(4)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_04_on.png)
		no-repeat center;
	background-size: 37px 15px;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(5)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(5)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_05_on.png)
		no-repeat center;
	background-size: 35px 23px;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(6)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(6)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_07_on.png)
		no-repeat center;
	background-size: 37px 15px;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(7)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(7)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_08_on.png)
		no-repeat center;
	background-size: 37px 15px;
}
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(8)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(8)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_06_on.png)
		no-repeat center;
	background-size: 36px 14px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(1) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(1)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_01.png)
		no-repeat center;
	background-size: 27px 16px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(2) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(2)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_02.png)
		no-repeat center;
	background-size: 29px 13px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(3) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(3)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_03.png)
		no-repeat center;
	background-size: 35px 13px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(4) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(4)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_04.png)
		no-repeat center;
	background-size: 37px 15px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(5) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(5)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_05.png)
		no-repeat center;
	background-size: 35px 23px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(6) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(6)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_07.png)
		no-repeat center;
	background-size: 37px 15px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(7) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(7)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_08.png)
		no-repeat center;
	background-size: 37px 15px;
}
.search__area--q4 .search__area--car_type dd label:nth-child(8) > span::before,
.search__area--q4
	.search__area--car_type
	dd
	label:nth-child(8)
	> input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_car_search_06.png)
		no-repeat center;
	background-size: 36px 14px;
}
.search__area--q4
	.search__area--car_type
	dd
	label
	input:disabled
	+ span::after {
	border-color: #f2f2f2;
}
.search__area--q4 .search__area--car_type dd label input:disabled + span {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
}
.search__area--q4 .search__area--car_type dd label input:disabled + span span {
	color: #d5d5d5;
}

.search__area--q4 .search__area--car_state {
	margin-top: 15px;
	width: 300px;
}
.search__area--q4 .search__area--car_state dd {
	border-radius: 40px;
	border: 1px solid #999999;
	margin: 8px 0 0;
}
.search__area--q4 .search__area--car_state dd label {
	width: 33.3%;
	margin: 0;
}
.search__area--q4 .search__area--car_state dd label:first-child {
	border-left: none;
}
.search__area--q4 .search__area--car_state dd label > span {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	align-content: center;
	font-size: 78.5%;
	padding-left: 40px;
	width: 100%;
	height: 50px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.search__area--q4 .search__area--car_state dd label span {
	border-left: 1px solid #999999;
}
.search__area--q4 .search__area--car_state dd label:first-child > span {
	border: none;
	border-radius: 40px 0 0 40px;
}
.search__area--q4 .search__area--car_state dd label:last-child > span {
	border-radius: 0 40px 40px 0;
	justify-content: center;
	padding-left: 0;
}
.search__area--q4 .search__area--car_state dd label span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 50px;
	z-index: 0;
}
.search__area--q4 .search__area--car_state dd label input:checked + span,
.search__area--q4 .search__area--car_state dd label > span:hover {
	background: #eaf7ff;
	color: #3cb0e8;
}
.search__area--q4 .search__area--car_state dd label input:disabled + span {
	background: #fff;
	color: #d5d5d5;
}
.search__area--q4
	.search__area--car_state
	dd
	label:nth-child(1)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_state
	dd
	label:nth-child(1)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_kinen_on.png) no-repeat
		center;
	background-size: 24px;
}
.search__area--q4
	.search__area--car_state
	dd
	label:nth-child(2)
	input:checked
	+ span::before,
.search__area--q4
	.search__area--car_state
	dd
	label:nth-child(2)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_kitsuen_on.png) no-repeat
		center;
	background-size: 24px;
}
.search__area--q4 .search__area--car_state dd label:nth-child(1) > span::before,
.search__area--q4
	.search__area--car_state
	dd
	label:nth-child(1)
	input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_kinen.png) no-repeat center;
	background-size: 24px;
}
.search__area--q4 .search__area--car_state dd label:nth-child(2) > span::before,
.search__area--q4
	.search__area--car_state
	dd
	label:nth-child(2)
	input:disabled
	+ span::before {
	background: url(/car/common_new/images/search/icon_kitsuen.png) no-repeat
		center;
	background-size: 24px;
}

.search__area--q4 .search__area--rentacar {
	margin-top: 15px;
}
.search__area--q4 .search__area--rentacar dd {
	box-shadow: none;
	margin: 0;
	position: relative;
}
.search__area--q4 .search__area--rentacar .select__area--label {
	color: #333333;
	background: #fff;
	border: 1px solid #999999;
	border-radius: 40px;
	padding: 15px 40px 14px 20px;
	width: 300px;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}
.search__area--q4 .search__area--rentacar .select__area--label:hover {
	background: #eaf7ff;
}
.search__area--q4 .search__area--rentacar .select__area--label::before,
.search__area--q4 .search__area--rentacar .select__area--label::after {
	background: #003894;
}
.search__area--q4 .search__area--rentacar .select__area {
	width: 300px;
}
.search__area--q4 .search__area--rentacar .select__area label {
	width: 100%;
	margin: 0;
}

.search__area--q4 .search__area--more {
	margin-top: 15px;
}
.search__area--q4 .search__area--more dd {
	margin: -10px 0 0;
}
.search__area--q4 .search__area--more dd label {
	width: 100%;
	margin: 10px 0 0;
}
.search__area--q4 .search__area--more dd label > span {
	box-sizing: border-box;
	border: 1px solid #999999;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	align-content: center;
	font-size: 85.7%;
	padding-left: 12px;
	width: 100%;
	height: 50px;
	position: relative;
}
.search__area--q4 .search__area--more dd label input:checked + span {
	background: #eaf7ff;
	color: #636363;
}
.search__area--q4 .search__area--more dd label span::after {
	content: "";
	border-left: 3px solid #bbbbbb;
	border-bottom: 3px solid #bbbbbb;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 7px;
	margin: auto 0;
	width: 12px;
	height: 5px;
	transform: rotate(-30deg);
	z-index: 0;
}
.search__area--q4 .search__area--more dd label input:hover + span::after,
.search__area--q4 .search__area--more dd label input:checked + span::after {
	border-color: #59bded;
}

.search__area--q4 .search__area--other_conditions {
	margin-top: 15px;
}
.search__area--q4 .search__area--other_conditions dd {
	box-shadow: none;
}
.search__area--q4 .search__area--other_conditions ul {
	width: 100%;
	display: contents;
}
.search__area--q4 .search__area--other_conditions ul li a {
	background: #eaf7ff;
	border: 1px solid #999999;
	border-radius: 15px;
	font-size: 85.7%;
	color: #59bded;
	display: inline-block;
	padding: 5px 30px 5px 19px;
	margin: 8px 0 0 6px;
	position: relative;
	cursor: pointer;
}
.search__area--q4 .search__area--other_conditions ul li a::before,
.search__area--q4 .search__area--other_conditions ul li a::after {
	content: "";
	background: #59bded;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto 0;
	width: 10px;
	height: 2px;
	z-index: 0;
	transform: rotate(45deg);
}
.search__area--q4 .search__area--other_conditions ul li a::after {
	transform: rotate(-45deg);
}

.search__area--q4 .btn__search--enter {
	text-align: center;
}
.search__area--q4 .btn__search--enter button {
	background: url(/car/common_new/images/parts/icon_search.png) no-repeat 15px
		center #f08300;
	background-size: 20px;
	border: none;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	font-size: 85.7%;
	vertical-align: middle;
	padding: 16px 0;
	margin: 15px 0 0;
	position: relative;
	width: 240px;
	z-index: 1;
}
.btn__definition {
	background: rgba(241, 241, 241, 0.7);
	padding: 0 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	z-index: 999;
}
.js__searchChange .btn__definition {
	position: fixed;
	bottom: 3.5vh;
	left: 16px;
	right: 0;
	margin: 0 auto;
	width: 814px;
}
.btn__definition button {
	width: 250px;
}
.js__position4 .btn__definition {
	background: rgba(240, 131, 0, 0.19);
}
.js__position4 .btn__definition button {
	background-color: #f08300;
	color: #fff;
}
.js__position4 .btn__definition button::before,
.js__position4 .btn__definition button::after {
	display: block;
}

/*　現行検索窓はここから　*/
.legacySearch__area--wrapper {
	position: relative;
	border: 1px solid #707070;
	background: #fff;
	z-index: 10;
}
.legacySearch__tit {
	margin-top: 12px;
	font-size: 114%;
	font-weight: 600;
	text-align: center;
	line-height: 1.5;
	color: #003894;
}

.legacySearch__area {
	display: block;
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0%;
	transform: none;
	font-size: 88%;
	height: 381px;
}

.legacySearch__area .legacySearch__w100p {
	width: 100% !important;
}
.legacySearch__area .legacySearch--disabled .legacySearch--label {
	background: #fafafa !important;
	color: #bbbbbb !important;
	border: 1px solid #999999 !important;
	pointer-events: none;
	transition: all 0.3s ease;
}
.legacySearch__area .legacySearch--disabled .legacySearch--label::before,
.legacySearch__area .legacySearch--disabled .legacySearch--label::after {
	background: #bbbbbb !important;
	transition: all 0.3s ease;
}

.legacySearch__area--inner {
	width: 394px;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
}

.legacySearch__area .legacySearch--label {
	display: inline-block;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #707070;
	padding: 5px 40px 5px 10px;
	font-size: 14px;
	position: relative;
	box-shadow: none;
	line-height: 21px;
	cursor: pointer;
	height: 34px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.legacySearch__area .legacySearch--label::before,
.legacySearch__area .legacySearch--label::after {
	content: "";
	background: #59bded;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto 0;
	width: 10px;
	height: 2px;
	transform: rotate(40deg);
	z-index: 0;
}
.legacySearch__area .legacySearch--label::after {
	right: 10px;
	transform: rotate(-40deg);
}

.legacySearch__area .search__area--tab {
	padding-bottom: 10px;
	margin: 0 0 0 0;
}
.legacySearch__area .search__area--tab > * {
	cursor: pointer;
}
.legacySearch__area .search__area--tab input[type="radio"] + span {
	padding: 0 0 0 19px;
	line-height: 15px;
	vertical-align: bottom;
}
.legacySearch__area .search__area--tab input[type="radio"]:checked + span {
	color: #333;
	position: relative;
}
.legacySearch__area .search__area--tab input[type="radio"] + span::after {
	width: 13px;
	height: 13px;
}
.legacySearch__area
	.search__area--tab
	input[type="radio"]:checked
	+ span::before {
	width: 7px;
	height: 7px;
}
.legacySearch__area .before__contents,
.legacySearch__area .after__contents {
	position: relative;
	display: flex;
}
.legacySearch__area .before__contents.search__area--hide,
.legacySearch__area .after__contents.search__area--hide {
	display: none;
}
/* .legacySearch__area .search__area--other {
	display: block;
	height: 26px;
} */

.legacySearch__area--block {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	margin: 0;
	padding-bottom: 16px;
	flex-direction: unset;
}
.legacySearch__area--block:first-child {
	border-radius: 15px 0 0 15px;
}
.legacySearch__area--block:last-child {
	border-radius: 0 15px 15px 0;
}
.legacySearch__area--block .search__area--title {
	display: flex;
	align-items: center;
	height: 26px;
	margin: 0 0 12px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.legacySearch__area--blockInner {
	position: relative;
	flex: 1 0 auto;
	padding-left: 8px;
	padding-right: 8px;
	display: flex;
}
.legacySearch__area--from .legacySearch__area--blockInner {
	width: 260px;
	min-width: 260px;
	flex-direction: column;
}
.legacySearch__area--to .legacySearch__area--blockInner {
	width: 268px;
	min-width: 268px;
}
.legacySearch__area--option .legacySearch__area--blockInner {
	width: 108px;
	min-width: 108px;
}

.legacySearch__area--toTime .select__area--label,
.legacySearch__area--to .select__area--label {
	background-color: #fff3e5;
	color: #f08300;
}
.legacySearch__area--toTime .select__area--label::before,
.legacySearch__area--toTime .select__area--label::after,
.legacySearch__area--to .select__area--label::before,
.legacySearch__area--to .select__area--label::after {
	background: #f08300;
}
.legacySearch__area--toTime
	.search__area--tab
	input[type="radio"]:checked
	+ span,
.legacySearch__area--to .search__area--tab input[type="radio"]:checked + span {
	color: #333;
}
.legacySearch__area--toTime
	.search__area--tab
	input[type="radio"]:checked
	+ span::before,
.legacySearch__area--to
	.search__area--tab
	input[type="radio"]:checked
	+ span::before {
	background: #003894;
}

.legacySearch__area .legacySearch__area--from .legacySearch--label::before,
.legacySearch__area .legacySearch__area--from .legacySearch--label::after {
	background-color: #636363;
}
.legacySearch__area .legacySearch__area--to .legacySearch--label {
	color: #636363;
	background-color: #fff;
}
.legacySearch__area .legacySearch__area--to .legacySearch--label::before,
.legacySearch__area .legacySearch__area--to .legacySearch--label::after {
	background-color: #636363;
}

.legacySearch__area .legacySearch--datepicker {
	position: relative;
	display: block;
	width: auto;
	height: 20px;
	margin-bottom: 5px;
	margin-right: 8px;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #707070;
	padding: 5px 40px 5px 10px;
	font-size: 85.7%;
}
.legacySearch__area .legacySearch--datepicker input {
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0;
	border: none;
	z-index: 0;
	opacity: 0;
}
.legacySearch__area .legacySearch--datepicker > span {
	position: absolute;
	top: 4px;
	left: 0;
	border-radius: 0;
	box-shadow: none;
	display: flex;
	align-items: center;
	width: calc(96% - 10px);
	height: 20px;
	padding: 0 0 0 10px;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.legacySearch__area .legacySearch--datepicker > span > span:first-child {
	margin-right: 10px;
}
.legacySearch__area .search__area--datepicker label > span {
	background: url(/car/common_new/images/search/icon_calender4_on.png) no-repeat
		right 0px;
	background-size: 20px auto;
}
.legacySearch__area .search__area--datepicker2 label > span {
	background: url(/car/common_new/images/search/icon_calender4_on.png) no-repeat
		right 0px;
	background-size: 20px auto;
}
.legacySearch__area .search__area--select::before {
	right: 10px;
	transform: rotate(-40deg);
}
.legacySearch__area .search__area--select::after {
	right: 16px;
	transform: rotate(40deg);
}
.legacySearch__area .search__area--select::before,
.legacySearch__area .search__area--select::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 10px;
	height: 2px;
	z-index: 0;
}
.search__area--fromTime,
.search__area--toTime {
	width: 112px;
}
.legacySearch__area .search__area--fromTime::before,
.legacySearch__area .search__area--fromTime::after {
	background: #636363;
}
.legacySearch__area .search__area--toTime::before,
.legacySearch__area .search__area--toTime::after {
	background: #636363;
}

.legacySearch__area .legacySearch__area--option a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding-right: 20px;
	text-decoration: none;
	font-size: 85.7%;
	font-weight: 600;
	color: #636363;
}
.legacySearch__area .legacySearch__area--option a::before,
.legacySearch__area .legacySearch__area--option a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 10px;
	height: 10px;
	border: 1px solid #666666;
	box-sizing: border-box;
	background: #fff;
	transform: translateY(-50%);
}
.legacySearch__area .legacySearch__area--option a::after {
	right: 2px;
	margin-top: -2px;
}

.legacySearch__area .legacySearch__area--definition {
	flex: 0 0 80px;
}
.legacySearch__area .legacySearch__area--definition > button {
	border: none;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
	height: 42px;
	background: #f08300;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	transition: opacity 0.5s ease;
	bottom: 22px;
	right: 16px;
	position: absolute;
}
.legacySearch__area .legacySearch__area--definition > button:hover,
.legacySearch__area .legacySearch__area--search_option > button:hover {
	opacity: 0.5;
}
.legacySearch__area .legacySearch__area--definition img {
	width: 22px;
	position: absolute;
	right: 34px;
}

.legacySearch__area .legacySearch__area--search_option {
	text-align: center;
}
.legacySearch__area .legacySearch__area--search_option > button {
	background: #fff;
	border: 1px solid;
	padding: 10px 0;
	border-radius: 35px;
	width: 70%;
	position: relative;
}
.legacySearch__area .legacySearch__area--search_option > button::before,
.legacySearch__area .legacySearch__area--search_option > button::after {
	content: "";
	border-top: 1px solid #003894;
	width: 12px;
	position: absolute;
	right: 14px;
	top: 19px;
}
.legacySearch__area .legacySearch__area--search_option > button::after {
	transform: rotate(90deg);
}

.legacySearch__area .search__area--prefecturesSelect2 {
	right: -8px;
	top: 40px;
	width: 280px;
}

.legacySearch__balloon--top {
	display: none;
	position: absolute;
	z-index: 100;
	background: none;
	padding: 0;
}
.legacySearch__balloon--inner {
	position: relative;
	height: 100%;
	padding: 20px;
	background: #fff;
	border: 1px solid #003894;
	border-radius: 6px;
}
.legacySearch__balloon--inner::before,
.legacySearch__balloon--inner::after {
	content: "";
	position: absolute;
	left: 30px;
	bottom: -11px;
	z-index: 1;
	display: block;
	width: 0;
	border: 11px solid transparent;
	border-top-color: #fff;
	border-bottom-width: 0;
}
.legacySearch__balloon--inner::after {
	z-index: -1;
	margin-left: -4px;
	bottom: -12px;
	border-width: 15px;
	border-top-color: #003894;
	border-bottom-width: 0;
}
.legacySearch__modal#below .legacySearch__balloon--inner::before,
.legacySearch__modal#below .legacySearch__balloon--inner::after {
	bottom: auto;
	top: -11px;
	border: 11px solid transparent;
	border-bottom-color: #fff;
	border-top-width: 0;
}
.legacySearch__modal#below .legacySearch__balloon--inner::after {
	margin-right: -4px;
	bottom: auto;
	top: -12px;
	border-width: 15px;
	border-bottom-color: #003894;
	border-top-width: 0;
}
.legacySearch__balloon--option {
	width: 490px;
	height: 335px;
}
.legacySearch__balloon--option label {
	cursor: pointer;
}
.legacySearch__balloon--option .legacySearch__balloon--inner::before,
.legacySearch__balloon--option .legacySearch__balloon--inner::after {
	left: auto;
	right: 40px;
}
.legacySearch__balloon--option#above .legacySearch__balloon--inner::after {
	right: 36px;
}
.legacySearch__balloon--option .legacySearch__balloon--inner dl {
	display: flex;
}
.legacySearch__balloon--option .legacySearch__balloon--inner dt {
	flex: 0 0 75px;
	margin: 0;
	font-size: 85.7%;
	font-weight: 600;
	color: #636363;
}
.legacySearch__balloon--option .legacySearch__balloon--inner dd {
	margin: 0;
}
.legacySearch__balloon--option .legacySearch__balloon--inner dd label::before,
.legacySearch__balloon--option .legacySearch__balloon--inner dd label::after {
	content: none;
	display: none;
}
.legacySearch__balloon--option .search__area--car_type dd {
	margin-left: -6px;
	margin-right: -6px;
}
.legacySearch__balloon--option .search__area--car_type label {
	width: 50%;
	margin: 0 0 10px;
	padding-left: 6px;
	padding-right: 6px;
	border: none;
	color: #333333;
	overflow: visible;
}
.legacySearch__balloon--option .search__area--car_type label span,
.legacySearch__balloon--option .search__area--car_type label span > span {
	padding: 0;
}
.legacySearch__balloon--option .search__area--car_type label span em {
	font-weight: 600;
}

.legacySearch__balloon--option .search__area--car_state {
	width: auto;
	margin: 3px 0 0 0;
}
.legacySearch__balloon--option .search__area--car_state dd {
	width: 300px;
}
.legacySearch__balloon--option .search__area--car_state dd label {
	border-bottom: none;
}
.legacySearch__balloon--option .search__area--car_state dd label span > span {
	white-space: nowrap;
	padding: 0;
	font-size: 12px;
	border-left: none;
	color: #333333;
}
.legacySearch__balloon--option
	.search__area--car_state
	dd
	label
	input:checked
	+ span
	> span {
	font-weight: 600;
	color: #3cb0e8;
}

.legacySearch__area--fromTimeList,
.legacySearch__area--toTimeList,
.select__area.select__area--prefectures,
.select__area.search__area--prefecturesSelect2,
.select__area.search__area--prefecturesSelect2 > div,
.legacySearch__area--fromAirport,
.legacySearch__area--fromStation {
	height: 344px;
	background-color: #fff;
}
.legacySearch__area--fromTimeList,
.legacySearch__area--toTimeList {
	width: 100px;
}
.legacySearch__area--fromAirport,
.legacySearch__area--fromStation {
	width: 255px;
}

.legacySearch__modal label,
.legacySearch__modal .search__area--prefecturesGenre li {
	cursor: pointer;
}
.legacySearch__modal .search__area--prefecturesGenre li.select--disabled {
	display: none;
}

.legacy__datepicker .ui-datepicker {
	padding: 0;
	background: transparent;
	border: none;
	height: 265px;
}
.legacy__datepicker .ui-datepicker .ui-datepicker-header {
	background: none;
	border: none;
	font-weight: normal;
	margin-bottom: 10px;
}
.legacy__datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.legacy__datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	background: #59bded;
	border-radius: 50%;
	cursor: pointer;
}
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next::before,
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next::after,
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::before,
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::after {
	content: "";
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto;
	width: 6px;
	height: 2px;
	transform: rotate(50deg);
	z-index: 0;
}
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-next::after,
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::after {
	top: 4px;
	bottom: 0;
	transform: rotate(-50deg);
}
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::before {
	transform: rotate(-50deg);
}
.legacy__datepicker
	.ui-datepicker
	.ui-datepicker-header
	.ui-datepicker-prev::after {
	transform: rotate(50deg);
}
.legacy__datepicker .ui-datepicker table {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
.legacy__datepicker .ui-datepicker table th,
.legacy__datepicker .ui-datepicker table td {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	font-size: 85.7%;
	font-weight: normal;
}
.legacy__datepicker .ui-datepicker table thead th {
	background: #fff;
	padding: 3px 0;
}
.legacy__datepicker .ui-datepicker table thead th:first-child {
	color: #eb3636;
}
.legacy__datepicker .ui-datepicker table thead th:last-child {
	color: #003894;
}
.legacy__datepicker .ui-datepicker table tbody td {
	background: #fafafa;
	padding: 5px 0;
	position: relative;
}
.legacy__datepicker .ui-datepicker table tbody td.date-holiday {
	background: #ff9999;
	padding: 5px 0;
	position: relative;
}
.legacy__datepicker .ui-datepicker table tbody td span,
.legacy__datepicker .ui-datepicker table tbody td a {
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
}
.legacy__datepicker .ui-datepicker .ui-state-default {
	background: none;
	border: none;
	position: relative;
	z-index: 1;
}
.legacy__datepicker .ui-datepicker table tbody td:first-child {
	background: #ff9999;
}
.legacy__datepicker .ui-datepicker table tbody td:last-child {
	background: #bae4f8;
}
.legacy__datepicker.legacy__datepicker1 table .ui-state-active {
	background: #59bded;
	border-radius: 50%;
	color: #fff;
}
.legacy__datepicker.legacy__datepicker1
	table
	.ui-state-active--toDate
	.ui-state-default {
	background: #f4ad57;
	border-radius: 50%;
	color: #fff;
}
.legacy__datepicker.legacy__datepicker2 table td .ui-state-active {
	background: #f4ad57;
	border-radius: 50%;
	color: #fff;
}
.legacy__datepicker.legacy__datepicker2
	table
	.ui-state-active--fromDate
	.ui-state-default {
	background: #59bded;
	border-radius: 50%;
	color: #fff;
}
.legacy__datepicker.legacy__datepicker1
	table
	.ui-state-active--toDate
	.ui-state-active,
.legacy__datepicker.legacy__datepicker2
	table
	.ui-state-active--fromDate
	.ui-state-active {
	background: -moz-linear-gradient(
		left,
		#59bded 0%,
		#59bded 48%,
		#59bded 50%,
		#f4ad57 50%,
		#f4ad57 100%
	);
	background: -webkit-linear-gradient(
		left,
		#59bded 0%,
		#59bded 48%,
		#59bded 50%,
		#f4ad57 50%,
		#f4ad57 100%
	);
	background: linear-gradient(
		to right,
		#59bded 0%,
		#59bded 48%,
		#59bded 50%,
		#f4ad57 50%,
		#f4ad57 100%
	);
}

.legacySearch__alert {
	display: flex;
	position: fixed;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.legacySearch__alert.open {
	opacity: 1;
}
.legacySearch__alert--bg {
	background: #000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
}
.legacySearch__alert--content {
	background: #fff;
	border-radius: 10px;
	padding: 30px 40px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.legacySearch__alert--content ul {
	margin-bottom: 20px;
}
.legacySearch__alert--content button {
	background: #003894;
	border: none;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
}
/*　現行検索窓はここまで　*/

/* rc-loader */
.rc-loader__wrapper {
	display: none;
	position: fixed;
	top: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.4);
}

.rc-loader__wrapper img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -140px;
}

.legacySearch__serchIcon {
	position: absolute;
	bottom: 205px;
	right: 10px;
	z-index: 1;
}

/* こだわり条件を追加 */
.search--opt.display {
	display: none;
}
.search--opt {
	background: #f4fbff;
	box-sizing: border-box;
	border: 4px solid #486598;
	position: absolute;
	top: -77px;
	left: 401px;
	padding: 4px 10px;
	width: 530px;
	height: calc(489px - 20px);
	z-index: 9999;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	display: block;
	box-shadow: 0 0 1px 1px rgb(0 0 0 / 10%);
	bottom: 52px;
}

.search__area--smoking label input {
	display: none;
}

.search__area--smoking,
.search__area--smoking_option,
.search__area--car_company,
.search__area--car_type_select {
	display: flex;
	align-items: center;
}

.search--opt .search__area--smoking dd label {
	margin: 10px 0 3px 10px;
	width: 70px;
}
.search__area--smoking dd label input {
	display: inline-flex;
	position: relative;
	top: 2px;
	margin-right: 3px;
}

.search--opt dt {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 9px 20px 5px 0;
}
.search--opt dd label {
	width: 95px;
	margin: 10px 0 0 5px;
}

.search--opt .search__area--car_type dt {
	margin-bottom: -5px;
}
.search--opt .search__area--car_type dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-content: center;
	align-items: center;
	margin-left: 0;
	margin-right: -7px;
}

.search--opt label span {
	background: #fff;
	border: 1px solid #999999;
	border-radius: 7px;
	padding: 6px;
	text-align: center;
	font-size: 11px;
	display: block;
	cursor: pointer;
}
.search--opt label input:checked + span {
	background: #fff;
}

.search--opt .search__area--car_type dd label:nth-child(1) > span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(1)
	> input:disabled
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(1)
	input:checked
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(1)
	input
	+ span:hover::before {
	background: none;
}
.search--opt .search__area--car_type dd label:nth-child(2) > span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(2)
	> input:disabled
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(2)
	input:checked
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(2)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_01.png)
		no-repeat center;
	background-size: 25px 17px;
}
.search--opt .search__area--car_type dd label:nth-child(3) > span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(3)
	> input:disabled
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(3)
	input:checked
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(3)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_02.png)
		no-repeat center;
	background-size: 33px 16px;
}
.search--opt .search__area--car_type dd label:nth-child(4) > span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(4)
	> input:disabled
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(4)
	input:checked
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(4)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_03.png)
		no-repeat center;
	background-size: 35px 17px;
}
.search--opt .search__area--car_type dd label:nth-child(5) > span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(5)
	> input:disabled
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(5)
	input:checked
	+ span::before,
.search--opt
	.search__area--car_type
	dd
	label:nth-child(5)
	input
	+ span:hover::before {
	background: url(/car/common_new/images/search/icon_car_search_04.png)
		no-repeat center;
	background-size: 35px 14px;
}

.search--opt .search__area--car_type dd label input:checked + span,
.search--opt .search__area--car_type dd label > span:hover,
.search--opt .search__area--car_feature dd label input:checked + span,
.search--opt .search__area--car_feature dd label > span:hover {
	color: #fff;
	background: #053892;
}

.search__area .search__area--car_type label {
	width: 18%;
	padding-left: 3px;
	margin: 0 8px 10px 0;
}
.search--opt .search__area--car_type dd label span::before {
	content: "";
	position: absolute;
	top: -14px;
	left: 18px;
	width: 50px;
	height: 50px;
	z-index: 0;
}
.search--opt .search__area--car_type dd label span::after {
	content: none;
}
.search--opt .search__area--car_type dd label span span {
	border: 0;
}

.search--opt .search__area--car_type dd label > span {
	width: 100%;
	height: 55px;
	padding: 0;
	justify-content: center;
	font-size: 11px;
	position: relative;
}

.search--opt .search__area--car_type label span em {
	position: relative;
	top: 12px;
}
.search--opt .search__area--car_type dd label:nth-child(1) > span em {
	top: 0;
}

.search__area--car_feature dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-content: center;
	align-items: center;
}
dl.search__area--car_feature:nth-child(1) dt {
	margin-top: 0;
}

.search--opt .search__area--car_feature label {
	width: 122px;
	margin: 3px 0 0 3px;
}

.search--opt .search__area--car_company {
	margin: 10px 0;
}
.search--opt .search__area--car_company-title {
	margin-right: 26px;
	font-size: 12px;
	font-weight: bold;
}
.search--opt .search__area--car_company .legacySearch__input {
	border-radius: 7px;
	font-size: 70%;
	width: 313px;
	height: 27px;
	font-weight: 500;
}

.search__area--car_type_select dt {
	margin-right: 68px;
}
.search__area--car_type_select dd {
	border: 1px solid #999999;
	border-radius: 25px;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-content: center;
	align-items: center;
}
.search__area--car_type_select dd label {
	margin: 4px;
	border-radius: 20px;
	width: 75px;
}
.search__area--car_type_select dd label input + span {
	padding: 4px;
	height: 16px;
}
.search__area--car_type_select dd label input:checked + span {
	background: #053892;
	color: #fff;
	border-radius: 25px;
	border: 1px solid #053892;
	padding: 3px;
	height: 16px;
}
.search__area--car_type_select dd label span {
	border: 0;
}

.legacySearch__area--to dd {
	flex-direction: column;
}
.legacySearch__area .search__area--other {
	display: flex;
}

.legacySearch__area--search_option.reflect {
	margin-top: 14px;
}
.legacySearch__area--search_option.reflect button {
	background: #053892;
	border: 1px solid #053892;
	color: #fff;
	font-weight: bold;
	position: relative;
	bottom: 4px;
}
.legacySearch__area--search_option.reflect button::before,
.legacySearch__area--search_option.reflect button::after {
	content: none;
}

.legacySearch__area--search_option-close {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 10px;
	cursor: pointer;
}
.close_button {
	position: relative;
	display: block;
	width: 36px;
	height: 34px;
	background: #053892;
	color: #fff;
	padding: 20px 3px 3px;
	box-sizing: border-box;
}
.close_button::before,
.close_button::after {
	content: "";
	position: absolute;
	top: 37%;
	left: 50%;
	width: 2px;
	height: 17px;
	background: #fff;
}
.close_button::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.close_button::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}