@charset "utf-8";

/********** 【仮】 サイトの定義 **********

使用する文字サイズ：
10px
14px（基本）
16px
18px（中サイズ見出し）
20px（特例:TOPの検索するボタンなど）
24px（特例:TOPのエリア検索・駅検索など）
28px（大サイズ見出し）

空白の使用サイズ：
10px
20px
40px（基本）
60px
120px（大見出しの段落ごと）

*******************************/


.only_index {
	display: none !important;
}




main {
	width: 1200px;
	margin: 40px auto 0;
}

main #main_Region {
	margin: 0 auto;
	padding-bottom: 0;
	border-bottom: 0;
}

main #main_Region .content {
	margin: 0;
	padding-bottom: 120px;
	border-bottom: 1px solid #eee;
}




/********** レンタカー予約検索（枠側）の基本設定＋装飾 **********/

#search_sub {
	width: 300px;

	margin: 0 auto;
	padding: 0;

	background: #fff;
}

#search_sub h2 {
	background: linear-gradient(45deg, #ff9600 15%, #ff66c4 35%, #51FF51 55%, #a54cff 75%, #38b6ff 95%);
	background: -webkit-linear-gradient(45deg, #ff9600 15%, #ff66c4 35%, #51FF51 55%, #a54cff 75%, #38b6ff 95%);
	background-size: 240% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: gradientEffect 1.5s infinite alternate;
}
@keyframes gradientEffect {
	from { background-position: left }
	to { background-position: right }
}

#search_sub h2 i {
	margin-left: 7.5px;
}




/********** レンタカー予約検索BOX タブ枠（外側＝切替ボタン関連）の基本設定＋装飾 **********/

div.searchBox_sub {

}

/*タブ切り替え全体のスタイル*/
div.searchBox_sub .tabs {
	background-color: #fff;
	border-radius: 8px;
}

/*タブのスタイル*/
div.searchBox_sub .tab_item {
  width: 59px;

	padding: 10px 0;
	background-color:#ddd;

  font-size: 14px;
  text-align: center;
  color: #333;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;

	cursor: pointer;
}


/* ↓ 【注】 個別に「margin-right」を設定しないと効かない ↓ */
div.searchBox_sub .tab_item.area		{ margin-right:1px; border-radius:8px 0 0 0; }
div.searchBox_sub .tab_item.airport	{ margin-right:1px; }
div.searchBox_sub .tab_item.station	{ margin-right:1px; }
div.searchBox_sub .tab_item.city	{ margin-right:1px; }
div.searchBox_sub .tab_item.seaport	{ margin-right:0; border-radius:0 8px 0 0; width:60px; }
/* ↑ 【注】 個別に「margin-right」を設定しないと効かない ↑ */


div.searchBox_sub .tab_item:hover,
div.searchBox_sub .tab_item.area:hover i,
div.searchBox_sub .tab_item.airport:hover i,
div.searchBox_sub .tab_item.station:hover i,
div.searchBox_sub .tab_item.city:hover i,
div.searchBox_sub .tab_item.seaport:hover i {
	color:#fff;
}

div.searchBox_sub .tab_item.area:hover	{ background-color:#ff66c4; }
div.searchBox_sub .tab_item.airport:hover	{ background-color:#38b6ff; }
div.searchBox_sub .tab_item.station:hover	{ background-color:#ff9600; }
div.searchBox_sub .tab_item.city:hover	{ background-color:#00b900; }
div.searchBox_sub .tab_item.seaport:hover	{ background-color:#a54cff; }

/*ラジオボタンを全て消す*/
div.searchBox_sub input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
div.searchBox_sub .tab_content {
  display: none;
  padding: 20px;
  clear: both;
  overflow: hidden;

	font-size: 14px;
}

div.searchBox_sub .tab_content#area_content {
	border: 3px solid #ff66c4;
	border-radius: 0 0 8px 8px;
}
div.searchBox_sub .tab_content#airport_content {
	border: 3px solid #38b6ff;
	border-radius: 0 0 8px 8px;
}
div.searchBox_sub .tab_content#station_content {
	border: 3px solid #ff9600;
	border-radius: 0 0 8px 8px;
}
div.searchBox_sub .tab_content#city_content {
	border: 3px solid #00b900;
	border-radius: 0 0 8px 8px;
}
div.searchBox_sub .tab_content#seaport_content {
	border: 3px solid #a54cff;
	border-radius: 0 0 8px 8px;
}

/*選択されているタブのコンテンツのみを表示*/
#area:checked ~ #area_content,
#airport:checked ~ #airport_content,
#station:checked ~ #station_content,
#city:checked ~ #city_content,
#seaport:checked ~ #seaport_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
div.searchBox_sub .tabs input:checked + .tab_item {
  color: #fff;
}

/*選択されているタブのスタイルを変える*/
div.searchBox_sub .tabs input:checked + .tab_item.area		{ background-color:#ff66c4; }
div.searchBox_sub .tabs input:checked + .tab_item.airport	{ background-color:#38b6ff; }
div.searchBox_sub .tabs input:checked + .tab_item.station	{ background-color:#ff9600; }
div.searchBox_sub .tabs input:checked + .tab_item.city		{ background-color:#00b900; }
div.searchBox_sub .tabs input:checked + .tab_item.seaport	{ background-color:#a54cff; }

div.searchBox_sub .tab_item i { display:block; margin-bottom:5px; font-size: 24px; }

div.searchBox_sub .tab_item.area i	{ color:#ff66c4; }
div.searchBox_sub .tab_item.airport i	{ color:#38b6ff; }
div.searchBox_sub .tab_item.station i	{ color:#ff9600; }
div.searchBox_sub .tab_item.city i	{ color:#00b900; }
div.searchBox_sub .tab_item.seaport i	{ color:#a54cff; }

.tabs input:checked + .tab_item.area i,
.tabs input:checked + .tab_item.airport i,
.tabs input:checked + .tab_item.station i,
.tabs input:checked + .tab_item.city i,
.tabs input:checked + .tab_item.seaport i {
	color: #fff;
}




/*** タイトル「出発日時」「返却日時」 ***/
div.searchBox_sub .tab_content .title_DateTime {
	display: block;
}

div.searchBox_sub .tab_content .title_DateTime p {
	margin-bottom: 3px;
	font-weight: bold;
}

div.searchBox_sub .tab_content#area_content .title_DateTime p		{ color:#ff66c4; }
div.searchBox_sub .tab_content#airport_content .title_DateTime p	{ color:#38b6ff; }
div.searchBox_sub .tab_content#station_content .title_DateTime p	{ color:#ff9600; }
div.searchBox_sub .tab_content#city_content .title_DateTime p		{ color:#00b900; }
div.searchBox_sub .tab_content#seaport_content .title_DateTime p	{ color:#a54cff; }




/********** レンタカー予約検索BOX タブ枠（内側＝切替ボタン以下の中身）の基本設定＋装飾 **********/

div.searchBox_sub .tab_content div.area1,
div.searchBox_sub .tab_content div.airport1,
div.searchBox_sub .tab_content div.station1,
div.searchBox_sub .tab_content div.city1,
div.searchBox_sub .tab_content div.seaport1,

div.searchBox_sub .tab_content div.reserve_calendar,
div.searchBox_sub .tab_content div.reserve_time {
	display: inline-block;
	vertical-align: middle;

	/*
	height: 40px;
	line-height: 40px;
	*/

	margin-bottom: 10px;
}

div.searchBox_sub .tab_content div select {
	margin: 0;
	border-radius: 6px;
}



/*** セレクトボタンの矢印カスタマイズ ***/

div.searchBox_sub .tab_content div.area1,
div.searchBox_sub .tab_content div.airport1,
div.searchBox_sub .tab_content div.station1,
div.searchBox_sub .tab_content div.city1,
div.searchBox_sub .tab_content div.seaport1 {	/* selectボックスの親要素 */
    position: relative;
	display: block;
    width: 100%;
}

div.searchBox_sub .tab_content div.area1:after,
div.searchBox_sub .tab_content div.airport1:after,
div.searchBox_sub .tab_content div.station1:after,
div.searchBox_sub .tab_content div.city1:after,
div.searchBox_sub .tab_content div.seaport1:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
	content: "";
	position: absolute;
	right: 10px;
	top: 16px;
	width: 6px;
	height: 6px;
	transform: translateY(-50%) rotate(-135deg);
	pointer-events: none;
}
div.searchBox_sub .tab_content div.area1:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #ff66c4;
    border-left: 2px solid #ff66c4;
}
div.searchBox_sub .tab_content div.airport1:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #38b6ff;
    border-left: 2px solid #38b6ff;
}
div.searchBox_sub .tab_content div.station1:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #ff9600;
    border-left: 2px solid #ff9600;
}
div.searchBox_sub .tab_content div.city1:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #00b900;
    border-left: 2px solid #00b900;
}
div.searchBox_sub .tab_content div.seaport1:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #a54cff;
    border-left: 2px solid #a54cff;
}

div.searchBox_sub .tab_content div.area1 select,
div.searchBox_sub .tab_content div.airport1 select,
div.searchBox_sub .tab_content div.station1 select,
div.searchBox_sub .tab_content div.city1 select,
div.searchBox_sub .tab_content div.seaport1 select {	/* select要素 */
	position: relative;
	padding: 10px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;

	color: #333;

	appearance: none;

	/* 枠線・背景色などの装飾追記分 */
	border-color: #ccc;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ececec));
	background-image: -webkit-linear-gradient(top, white, #ececec);
	background-image: -moz-linear-gradient(top, white, #ececec);
	background-image: -ms-linear-gradient(top, white, #ececec);
	background-image: -o-linear-gradient(top, white, #ececec);
	background-image: linear-gradient(top, white, #ececec);
}




/***** 出発日カレンダー・返却日カレンダー *****/

div.searchBox_sub .tab_content .reserve_calendar {
	width: 134px;
	height: 44px;
}
div.searchBox_sub .tab_content .reserve_calendar:after {
	position: relative;
	left: 112px;
	bottom: 29.5px;

	font-family: "Font Awesome 5 Free";
	content: '\f073';
	font-size: 14px;
	color: #999;

	width: 14px;
	cursor: pointer;
}

div.searchBox_sub .tab_content .reserve_calendar input.calendar_start,
div.searchBox_sub .tab_content .reserve_calendar input.calendar_end {
	width: calc(100% - 10px);
	height: 40px;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #333;
	cursor: pointer;

	border-right: 0;
}


div.searchBox_sub .tab_content#area_content .reserve_calendar input.calendar_start,
div.searchBox_sub .tab_content#area_content .reserve_calendar input.calendar_end {
	border-top: 2px solid #ff66c4;
	border-bottom: 2px solid #ff66c4;
	border-left: 2px solid #ff66c4;
}
div.searchBox_sub .tab_content#airport_content .reserve_calendar input.calendar_start,
div.searchBox_sub .tab_content#airport_content .reserve_calendar input.calendar_end {
	border-top: 2px solid #38b6ff;
	border-bottom: 2px solid #38b6ff;
	border-left: 2px solid #38b6ff;
}
div.searchBox_sub .tab_content#station_content .reserve_calendar input.calendar_start,
div.searchBox_sub .tab_content#station_content .reserve_calendar input.calendar_end {
	border-top: 2px solid #ff9600;
	border-bottom: 2px solid #ff9600;
	border-left: 2px solid #ff9600;
}
div.searchBox_sub .tab_content#city_content .reserve_calendar input.calendar_start,
div.searchBox_sub .tab_content#city_content .reserve_calendar input.calendar_end {
	border-top: 2px solid #00b900;
	border-bottom: 2px solid #00b900;
	border-left: 2px solid #00b900;
}
div.searchBox_sub .tab_content#seaport_content .reserve_calendar input.calendar_start,
div.searchBox_sub .tab_content#seaport_content .reserve_calendar input.calendar_end {
	border-top: 2px solid #a54cff;
	border-bottom: 2px solid #a54cff;
	border-left: 2px solid #a54cff;
}


div.searchBox_sub .tab_content .reserve_calendar input.calendar_start::placeholder,
div.searchBox_sub .tab_content .reserve_calendar input.calendar_end::placeholder {
	color: #333;
}


/***** 出発時間・返却時間 *****/

div.searchBox_sub .tab_content .reserve_time {
	width: 120px;
	height: 44px;
}

div.searchBox_sub .tab_content .reserve_time select.time_start,
div.searchBox_sub .tab_content .reserve_time select.time_end {
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	border: 2px solid;
	border-radius: 0px;
	appearance: none;
}


div.searchBox_sub .tab_content#area_content .reserve_time select.time_start,
div.searchBox_sub .tab_content#area_content .reserve_time select.time_end { border-color: #ff66c4; }

div.searchBox_sub .tab_content#airport_content .reserve_time select.time_start,
div.searchBox_sub .tab_content#airport_content .reserve_time select.time_end { border-color: #38b6ff; }

div.searchBox_sub .tab_content#station_content .reserve_time select.time_start,
div.searchBox_sub .tab_content#station_content .reserve_time select.time_end { border-color: #ff9600; }

div.searchBox_sub .tab_content#city_content .reserve_time select.time_start,
div.searchBox_sub .tab_content#city_content .reserve_time select.time_end { border-color: #00b900; }

div.searchBox_sub .tab_content#seaport_content .reserve_time select.time_start,
div.searchBox_sub .tab_content#seaport_content .reserve_time select.time_end { border-color: #a54cff; }


div.searchBox_sub .tab_content .reserve_time:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
	content: "";
	position: relative;
	left: 99px;
	bottom: 24px;
	width: 6px;
	height: 6px;
	transform: translateY(-50%) rotate(-135deg);
	pointer-events: none;
}


div.searchBox_sub .tab_content#area_content .reserve_time:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #ff66c4;
    border-left: 2px solid #ff66c4;
}

div.searchBox_sub .tab_content#airport_content .reserve_time:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #38b6ff;
    border-left: 2px solid #38b6ff;
}

div.searchBox_sub .tab_content#station_content .reserve_time:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #ff9600;
    border-left: 2px solid #ff9600;
}

div.searchBox_sub .tab_content#city_content .reserve_time:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #00b900;
    border-left: 2px solid #00b900;
}

div.searchBox_sub .tab_content#seaport_content .reserve_time:after {	/* selectボックスの親要素にオリジナルの矢印を宣言 */
    border-top: 2px solid #a54cff;
    border-left: 2px solid #a54cff;
}


div.searchBox_sub .tab_content .arrow_to {
	display: inline-block;
	vertical-align: middle;
	height: 48px;
	line-height: 48px;
	margin: 0 15px;
	font-size: 32px;
}

div.searchBox_sub .tab_content#area_content .arrow_to		{ color: #ff66c4; }
div.searchBox_sub .tab_content#airport_content .arrow_to	{ color: #38b6ff; }
div.searchBox_sub .tab_content#station_content .arrow_to	{ color: #ff9600; }
div.searchBox_sub .tab_content#city_content .arrow_to	{ color: #00b900; }
div.searchBox_sub .tab_content#seaport_content .arrow_to	{ color: #a54cff; }



/***** 検索：車両タイプ（チェックボックス） *****/

div.searchBox_sub .carType {
	margin: 10px auto;
	font-size: 14px;
}

div.searchBox_sub .carType ul {

}

div.searchBox_sub .carType ul li {
	display: inline-block;
	vertical-align: middle;

	width: calc( 100% / 2 - 10px / 2 );
	height: 117px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
}

div.searchBox_sub .carType ul li:nth-child(2n) {
	margin-right: 0;
}

div.searchBox_sub .carType ul li p {
	position: relative;
	top: 72px;

	margin: 0;
	font-size: 10px;
}

div.searchBox_sub .carType ul li:nth-child(4) p,
div.searchBox_sub .carType ul li:nth-child(5) p,
div.searchBox_sub .carType ul li:nth-child(9) p,
div.searchBox_sub .carType ul li:nth-child(12) p {
	top: 65px; /* 2行になってしまう車両タイプ名のみ適用 */
}

div.searchBox_sub .carType ul input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}

div.searchBox_sub .carType ul input[type=checkbox] + label {
	position: relative;
	display: block;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
}

@media (min-width: 1px) {
	div.searchBox_sub .carType ul input[type=checkbox] {
		display: none;
		margin: 0;
    }
	div.searchBox_sub .carType ul input[type=checkbox] + label {
		width: 100px;
		height: 95px;
		margin-right: 10px;
		padding: 10px; /* 文字幅の関係上「15px」ではなく「10px」にしている */

		border: 1px solid;
		border-color: #ccc;
		border-radius: 4px;
		background-color: #fff;
	}
	div.searchBox_sub .carType ul li:nth-child(2n) input[type=checkbox] + label {
		margin-right: 0;
	}

    div.searchBox_sub .carType ul input[type=checkbox]:checked + label {
		background-color: #ffffc0;
	}


    div.searchBox_sub .carType.search1 ul input[type=checkbox]:checked + label { border-color: #ff66c4; }
    div.searchBox_sub .carType.search2 ul input[type=checkbox]:checked + label { border-color: #38b6ff; }
    div.searchBox_sub .carType.search3 ul input[type=checkbox]:checked + label { border-color: #ff9600; }
    div.searchBox_sub .carType.search4 ul input[type=checkbox]:checked + label { border-color: #00b900; }
    div.searchBox_sub .carType.search5 ul input[type=checkbox]:checked + label { border-color: #a54cff; }


    div.searchBox_sub .carType ul input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		display: block;
	}
}


.carType ul li label,
.carType ul li input[type=checkbox]:checked + label {
	background-size: 75px;
	background-repeat: no-repeat;
	background-position: top 10px center;
}


.carType ul li:nth-child(1) label,
.carType ul li:nth-child(1) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/01.png);
}
.carType ul li:nth-child(2) label,
.carType ul li:nth-child(2) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/02.png);
}
.carType ul li:nth-child(3) label,
.carType ul li:nth-child(3) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/03.png);
}
.carType ul li:nth-child(4) label,
.carType ul li:nth-child(4) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/04.png);
}
.carType ul li:nth-child(5) label,
.carType ul li:nth-child(5) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/05.png);
}
.carType ul li:nth-child(6) label,
.carType ul li:nth-child(6) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/06.png);
}
.carType ul li:nth-child(7) label,
.carType ul li:nth-child(7) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/07.png);
}
.carType ul li:nth-child(8) label,
.carType ul li:nth-child(8) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/08.png);
}
.carType ul li:nth-child(9) label,
.carType ul li:nth-child(9) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/09.png);
}
.carType ul li:nth-child(10) label,
.carType ul li:nth-child(10) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/10.png);
}
.carType ul li:nth-child(11) label,
.carType ul li:nth-child(11) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/11.png);
}
.carType ul li:nth-child(12) label,
.carType ul li:nth-child(12) input[type=checkbox]:checked + label {
	background-image: url(../../img/carType/12.png);
}


div.searchBox_sub .carType p.attention {
	margin-top: 5px;
	font-size: 12px;
	color: #e50000;
}




/***** 検索：見出し（共通：カラー帯＋右矢印）*****/

div.searchBox_sub .title {
	display: block;
	margin: 0 0 5px 0;
	padding: 5px 10px;
}

div.searchBox_sub .carFeature .title {
	margin: 0 0 10px 0;
}

div.searchBox_sub .carFeature.search1 .title,
div.searchBox_sub .otherItem.search1 .title { background: #ff66c4; }

div.searchBox_sub .carFeature.search2 .title,
div.searchBox_sub .otherItem.search2 .title { background: #38b6ff; }

div.searchBox_sub .carFeature.search3 .title,
div.searchBox_sub .otherItem.search3 .title { background: #ff9600; }

div.searchBox_sub .carFeature.search4 .title,
div.searchBox_sub .otherItem.search4 .title { background: #00b900; }

div.searchBox_sub .carFeature.search5 .title,
div.searchBox_sub .otherItem.search5 .title { background: #a54cff; }


/*
div.searchBox_sub .carFeature .title:before,
div.searchBox_sub .otherItem .title:before {
  content: "";
  position: relative;
  top: 10px;
  left: calc(100% + 3px);
  border: 18px solid transparent;
}

div.searchBox_sub .carFeature.search1 .title:before,
div.searchBox_sub .otherItem.search1 .title:before { border-left: 18px solid #ff66c4; }

div.searchBox_sub .carFeature.search2 .title:before,
div.searchBox_sub .otherItem.search2 .title:before { border-left: 18px solid #38b6ff; }

div.searchBox_sub .carFeature.search3 .title:before,
div.searchBox_sub .otherItem.search3 .title:before { border-left: 18px solid #ff9600; }

div.searchBox_sub .carFeature.search4 .title:before,
div.searchBox_sub .otherItem.search4 .title:before { border-left: 18px solid #00b900; }

div.searchBox_sub .carFeature.search5 .title:before,
div.searchBox_sub .otherItem.search5 .title:before { border-left: 18px solid #a54cff; }
*/

div.searchBox_sub .title p {
	margin: 0;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
}


/***** 検索：車両の特徴（ラジオボタン）*****/

div.searchBox_sub .carFeature {

}

div.searchBox_sub .carFeature ul {
	display: inline-block;
}

div.searchBox_sub .carFeature ul li {
	display: inline-block;
	width: calc(100% / 2 - 20px / 2);
	margin-right: 20px;
	margin-bottom: 10px;
}
div.searchBox_sub .carFeature ul li:nth-child(2n) {
	margin-right: 0;
}
div.searchBox_sub .carFeature ul li:nth-last-child(-n+2) {
	margin-bottom: 0;
}
div.searchBox_sub .carFeature ul li:last-child {
	margin-right: 0;
}

div.searchBox_sub .carFeature ul li label {
	display: inline-block;
	height: 22px;
	cursor: pointer;
}

div.searchBox_sub .carFeature ul li label input {
	vertical-align: -2.5px;
	margin: 0 5px 0 0;
	width: 17px;
	height: 17px;
	cursor: pointer;

	/*accent-color: #ff66c4;*/
}


/***** 検索：「車種指定」～「空港からの移動費キャッシュバック」（チェックボックス）*****/

.choice {
	margin: 20px 0;
}

div.searchBox_sub .otherItem {
	display: block;
}
div.searchBox_sub .otherItem.end {
	margin-right: 0;
}

div.searchBox_sub .otherItem ul {
	display: block;
	margin-bottom: 15px;
}
div.searchBox_sub .otherItem:last-child ul {
	margin-bottom: 0;
}

div.searchBox_sub .otherItem ul li {
	display: block;
	margin: 0;
	padding: 5px 10px;
	border-radius: 6px;
}

div.searchBox_sub .otherItem.end ul li {
	padding: 5px 0 5px 10px;
}

div.searchBox_sub .otherItem ul li.highlight {
	animation: blinkAnimeS2 0.5s infinite alternate;
}
@keyframes blinkAnimeS2{
   0% { background:#ffffff; }
 100% { background:#ffffc0; }
}

div.searchBox_sub .otherItem ul li label {
	display: block;
	cursor: pointer;
}

div.searchBox_sub .otherItem ul li label input {
	vertical-align: -2.5px;
	margin: 0 5px 0 0;
	width: 17px;
	height: 17px;
	cursor: pointer;

	/*accent-color: #ff66c4;*/
}




/*** ［検索する］ボタン ***/
div.searchBox_sub .tab_content button {
	font-family: "YakuHanJP","Roboto","Noto Sans JP",Meiryo,sans-serif;
	position: relative;
	width: 100%;
	height: 46px;
	line-height: 44px; /* 上下線の幅を考慮 */
	padding: 10px;
	border: 0;
	border-radius: 6px;

	/* ▼ ▼ ▼ 新ボタンデザインCSS （一部）　▼ ▼ ▼ */
	-webkit-border-radius: 6px;

	text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 1px #ffffff inset, 1px 1px 1px 0px rgba(0,0,0,0.1);
			box-shadow: 0px 1px 1px #ffffff inset, 1px 1px 1px 0px rgba(0,0,0,0.1);

	outline: none;
	cursor: pointer;
	/* ▲ ▲ ▲ 新ボタンデザインCSS （一部）　▲ ▲ ▲ */
}

/* ボタンの色 */
div.searchBox_sub .tab_content button.search1 {
	background: #ff66c4;

	/* ▼ ▼ ▼ 新ボタンデザインCSS （一部）　▼ ▼ ▼ */
	border: 1px solid #ff66c4;
	background-image: -webkit-linear-gradient(#ff99d7 0%, #ff66c4 100%);
	background-image: linear-gradient(#ff99d7 0%, #ff66c4 100%);
	/* ▲ ▲ ▲ 新ボタンデザインCSS （一部）　▲ ▲ ▲ */
}
div.searchBox_sub .tab_content button.search2 {
	background: #38b6ff;

	/* ▼ ▼ ▼ 新ボタンデザインCSS （一部）　▼ ▼ ▼ */
	border: 1px solid #38b6ff;
	background-image: -webkit-linear-gradient(#7FD0FF 0%, #38b6ff 100%);
	background-image: linear-gradient(#7FD0FF 0%, #38b6ff 100%);
	/* ▲ ▲ ▲ 新ボタンデザインCSS （一部）　▲ ▲ ▲ */
}
div.searchBox_sub .tab_content button.search3 {
	background: #ff9600;

	/* ▼ ▼ ▼ 新ボタンデザインCSS （一部）　▼ ▼ ▼ */
	border: 1px solid #ff9600;
	background-image: -webkit-linear-gradient(#FFBF66 0%, #ff9600 100%);
	background-image: linear-gradient(#FFBF66 0%, #ff9600 100%);
	/* ▲ ▲ ▲ 新ボタンデザインCSS （一部）　▲ ▲ ▲ */
}
div.searchBox_sub .tab_content button.search4 {
	background: #00b900;

	/* ▼ ▼ ▼ 新ボタンデザインCSS （一部）　▼ ▼ ▼ */
	border: 1px solid #00b900;
	background-image: -webkit-linear-gradient(#6BFF6B 0%, #00b900 100%);
	background-image: linear-gradient(#6BFF6B 0%, #00b900 100%);
	/* ▲ ▲ ▲ 新ボタンデザインCSS （一部）　▲ ▲ ▲ */
}
div.searchBox_sub .tab_content button.search5 {
	background: #a54cff;

	/* ▼ ▼ ▼ 新ボタンデザインCSS （一部）　▼ ▼ ▼ */
	border: 1px solid #a54cff;
	background-image: -webkit-linear-gradient(#C793FF 0%, #a54cff 100%);
	background-image: linear-gradient(#C793FF 0%, #a54cff 100%);
	/* ▲ ▲ ▲ 新ボタンデザインCSS （一部）　▲ ▲ ▲ */
}

div.searchBox_sub .tab_content button:hover {
	opacity: 0.8;
}

div.searchBox_sub .tab_content button a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;

	font-size: 18px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 3px;
	text-decoration: none;
}