@charset "UTF-8";

.contents { margin-top: 20px;}
.fade { opacity: 1; transition: all .3s;}
.fade:hover { opacity: .7;}
.cf::after { content: ''; display: block; clear: both;}

/*モーダル用設定セット*/
#modal-overlay{ z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75); cursor: pointer;}
.modalBody { display: none; position: fixed; z-index: 100;}
.modalCloseBtn { cursor: pointer;}

.resultNumber { width: 100%; margin-bottom: 20px; padding: 10px; border: 1px solid #656565; text-align: center; color: red; font-weight: 900; font-size: 1.6rem; font-size: 16px; background: #f2f1ed;}
.NoTourText { width: 100%; margin-bottom: 20px; padding: 10px; border: 1px solid gray; background: #ffffed; text-align: center; font-weight: 900; font-size: 1.6rem; font-size: 16px;}

/*フォーム*/
	/*フォームスタイルリセット*/
	input[type="text"], textarea, select {
		height: 32px;
		margin: 0;
		padding: 3px 10px;
		background: white;
		border: 1px solid #ccc;
		border-radius: 5px;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: #333;
		box-sizing: border-box;
	}
	select::-ms-expand { display: none;}
	select { background-image: url(../images/icn_select.png); background-repeat: no-repeat; background-size: 8px; background-position: right 10px top 50%;}
	input.calendarIcn { background-image: url(../images/icn_calender.png); background-repeat: no-repeat; background-size: 15px; background-position: right 10px top 50%;}
	/*フォームスタイルリセット*/

	.searchWrapper { width: 960px; height: auto; margin: 0 auto;}
	.searchWrapper * { font-size: 1.4rem; font-size: 14px; line-height: 24px; white-space: nowrap;}
	.tabSearchBus { display: none;}

	/*タブ*/
	/*2020 国内DP対応フロント製造 #31776の対応 MOD START*/
	.tabSearch li { width: 310px; height: 60px; float: left; text-align: center; background: transparent; text-indent: 40px; margin-right: 3px}
	.tabSearch li span {
		width: 100%;
		height: 50px;
		margin-top: 10px;
		display: block;
		color: rgba(255,255,255,.95);
		/*border: 3px solid white;
		color: white;
		border-bottom: none;*/
		cursor: pointer;
		line-height: 50px;
		border-top: 5px solid #e57272;
		border-left: 1px solid #e57272;
		border-right: 1px solid #e57272;
		border-bottom: none;
		font-family: "HiraginoSans-W6","Hiragino Sans W6","ヒラギノ角ゴシック W6";
		font-size: 18px;
		font-weight: 600;
	}
	.tabSearch li.active { background: rgba(255,255,255,.95);}
	.tabSearch li.active span {
		width: 310px;
		height: 61px;
		margin: auto auto auto auto;
		display: block;
		border-top: 5px solid #e57272;
		border-left: 1px solid #e57272;
		border-right: 1px solid #e57272;
		border-bottom: 0;
		position: relative;
		cursor: default;
		color: #4c4c4c;
		line-height: 60px;
	}
	/*.tabSearch li.active span::after {
		content: '';
		display: block;
		width: 268px;
		height: 3px;
		background: #fee9ea;
		position: absolute;
		bottom: 0;
		left: 0;
	}*/
	.tabSearch li.tabSearchAirBtn span {
		background-color: rgba(255,255,255,.95);
		background-image: url(../images/icn_tab-air.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 52px 16px;
		/*font-size: 16px;*/
		color: #4c4c4c;
	}
	.tabSearch li.tabSearchAirBtn.active span {
		background-color: rgba(255,255,255,.95);
		background-image: url(../images/icn_tab-air.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 52px 22px;
	}
	.tabSearch li.tabSearchBusBtn span {
		background: rgba(255,255,255,.95);
		background-image: url(../images/icn_tab-bus.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 65px 16px;
		/*font-size: 16px;*/
		color: #4c4c4c;
	}
	.tabSearch li.tabSearchBusBtn.active span {
		background: rgba(255,255,255,.95);
		background-image: url(../images/icn_tab-bus.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 65px 22px;
		/*font-size: 16px;*/
	}

	.searchInner { height: auto; min-height: 384px; padding: 30px; background: rgba(255,255,255,.95); box-shadow: 0px 0px 0px 1px #e57272 inset; overflow: hidden;}
	.searchInner dt { color: rgb(26, 26, 26); font-weight: bold;}
	.searchInner input[type="radio"] { margin-right: 8px;}
	.searchInner.tabSearchBus { display: none;}

	.departureDateBox { margin-bottom: 10px; padding: 0 10px; height: auto; overflow: hidden; clear: both;}
	.departureName { width: 9%}
	.departureDate01 { width: auto; height: auto; overflow: hidden; float: left; display: flex; margin-bottom: 3px}
	.departureDate01 dt, .departureDate01 dd { float: left;}
	.departureDate01 dt { margin-left: 20px; padding: 7px 15px 7px 3px; line-height: 19px; color: #4c4c4c;}
	.departureDate01 dd input { width: 210px;}	
	.departureDate01 dt.localDepartureDate{ padding: 0 15px 0 3px; line-height: 1.2;}

	.departureDate02 { width: auto; height: auto; overflow: hidden; float: left;display: flex; margin-bottom: 3px}
	.departureDate02 dt, .departureDate02 dd { float: left;}
	.departureDate02 dt { margin-left: 20px; padding: 7px 15px 7px 3px; line-height: 19px; color: #4c4c4c;}
	.departureDate02 dd input { width: 210px;}
	.departureDate02 dt.localDepartureDate{ padding: 0 15px 0 3px; line-height: 1.2;}

	.nightNote { width: auto; height: auto; overflow: hidden; float: left; /*padding: 7px;*/ margin-left: 20px; font-size: 12px;}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD END*/

	.flyingRouteBtn { margin-left: 20px; padding: 3px 10px; border: 1px solid #666; border-radius: 5px; float: left; cursor: pointer;}
	.flyingRouteBtn a { color: #4c4c4c;}
	.flyingRouteBtn a:hover { text-decoration: none;}
	.flyingRouteBtn::after {
		content: '';
		display: inline-block;
		background: url(../images/icn_searchBtn.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 8px;
		height: 10px;
		margin-left: 10px;
	}

	.tripTypeNotice { clear: both; padding: 10px; background: #fff4f5;}

	.departureCnts { padding: 0 10px 10px 10px; background: #fff4f5; overflow: hidden; display: none;}
	.departureCnts p { height: 32px; line-height: 32px; padding: 0 10px; background: #e1656c; color: white; float: left;}

	/*2020 国内DP対応フロント製造 #31776の対応 MOD START*/
	.designationTitle { width: 150px; height: 30px; margin-bottom: 10px; padding: 2px 20px; font-size: 16px; line-height: 27px; color: white; background: #e1656c; position: relative; display: inline-block;}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD END*/
	.designationTitle::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 0 15px 15px;
		border-color: transparent transparent transparent #e1656c;
		position: absolute;
		top: 0;
		right: -15px;
	}

	.designationTitle + p.note { display: inline-block; margin-left: 1rem;}
	.designationTitle + p.note img { vertical-align: -9px; margin-left: 10px;}

	.tripTypeBox .designationTitle::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 22px;
		margin-right: 5px;
		background: url(../images/icn_air_white.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -5px;
	}
	.searchRoomBox .designationTitle::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 22px;
		margin-right: 5px;
		background: url(../images/icn_hotel_white.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -6px;
	}

	/*2020 国内DP対応フロント製造 MOD START*/
	.confirmCheckBoxBus { position: relative;}
	.confirmCautionBlkBus {
		position: absolute;
		visibility: hidden;
	}
	.confirmCautionBlkBus + div.checkContentBus label {
		position: absolute;
		width: 21px;
		height: 21px;
		border: 1px solid #A6A6A6;
		border-radius: 5px;
		background-color: white;
		cursor: pointer;
	}
	.confirmCautionBlkBus:checked + div.checkContentBus label:after {
		content: ''; /* チェックの文字 */
		position: absolute;
		left: 2px;
		top: 2px;
		width: 9px;
		height: 4px;
		border: 2px solid #424242;
		border-top-color: transparent;
		border-right-color: transparent;
		transform: rotate(-45deg);
		-ms-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		-webkit-transform: rotate(-60deg);
	}
	.checkMessage { margin-left: 25px;}
	/*2020 国内DP対応フロント製造 MOD END*/

	/*2020 国内DP対応フロント製造 #31776の対応 MOD START*/
	.departurePointBox { clear: both; height: auto; padding-top: 4px; padding-bottom: 10px; overflow: hidden; width: 300px}
	.departurePointBox select { width: 210px; height: 32px;}

	.departurePoint01 { height: auto; margin-bottom: 3px; overflow: hidden; float: left; width: auto; display: flex;}
	.departurePoint01 dt, .departurePoint01 dd { float: left; /*padding: 0px 20px 0px 0px;*/}
	.departurePoint01 dt { padding: 7px 15px 7px 3px; line-height: 19px; color: #4c4c4c; margin-left: 20px}

	.departurePoint02 { overflow: hidden; height: auto; float: left; width: auto; display: flex;}
	.departurePoint02 dt, .departurePoint02 dd { float: left; /*padding: 0px 20px 0px 0px;*/}
	.departurePoint02 dt { padding: 7px 15px 7px 3px; margin-left: 20px; line-height: 19px; color: #4c4c4c;}

	.searchRoomBox { position: relative; clear: both; display: flex; margin-bottom: 15px; padding-bottom: 15px;}
	.searchRoomBox .srchRoomSelect { width: 770px; margin-left: 20px;}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD END*/
	.searchRoomBox .unuseRooms { padding: 0 10px 10px 10px;}

	.searchRoomBox .unuseRooms p { clear: both; margin-bottom: 10px;}
	.searchRoomBox .unuseRooms p input[type="text"] { width: 50%;}

	.searchRoomBox .hiddenCheckBox { clear: both; overflow: hidden; display: none;}
	.searchRoomBox .hiddenCheckBox dl { float: left;}
	.searchRoomBox .hiddenCheckBox dl .dtCheck { padding: 7px; line-height: 19px; color: #4c4c4c; float: left;}
	.searchRoomBox .hiddenCheckBox dl dd { float: left;}
	.searchRoomBox .hiddenCheckBox dl dd select { margin-right: 7px; width: 192px; }
	.searchRoomBox .hiddenCheckBox .dtOther { padding-bottom: 7px; padding-left: 0px; padding-right: 0px; padding-top: 7px; line-height: 19px; color: #4c4c4c; float: left; }

	span.infoIcn { display: inline-block; width: 2rem; height: 2rem; margin-left: 5px; font-size: 12px; color: white; text-align: center; line-height: 2rem; vertical-align: 1px; background: #e1656c; border-radius: 50%; cursor: pointer;}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD START*/
	.searchRoomBox .numberOfRoom { padding-bottom: 10px; clear: both; /*background: #fff4f5;*/ display: flex; align-items: center; margin-bottom: 10px;}
	.searchRoomBox .numberOfRoom dt { padding: 7px; line-height: 24px; color: #4c4c4c; float: left; display: inline-block;}
	.searchRoomBox .numberOfRoom dt.titleInner {color: white;}
	.searchRoomBox .numberOfRoom dd { font-size: 14px; display: inline-block; margin-left: 25px;}
	.searchRoomBox .numberOfRoom dd.roomNotice { font-size: 12px; margin: 0 0 0 10px; width: 350px;}
	.searchRoomBox .numberOfRoom dd.busRoomNotice { font-size: 12px; margin-left: 10px; width: 350px; line-height: 15px;}
	.searchRoomBox .numberOfRoom dd.aboutAge { margin-left: 80px; padding: 3px 10px; border: 1px solid #666; border-radius: 4px; cursor: pointer; background: #4c4c4c;}

	.searchRoomBox .numberOfRoom dd.aboutAge a { color: white;}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD END*/
	.searchRoomBox .numberOfRoom dd.aboutAge a:hover { text-decoration: none;}
	.searchRoomBox .numberOfRoom dd.aboutAge::after {
		content: '';
		display: inline-block;
		background: url(../images/icn_searchBtn.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 8px;
		height: 10px;
		margin-left: 10px;
	}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD START*/
	.searchRoomBox .numberOfRoom dd select { width: 60px; height: 35px; color: rgb(51, 51, 51); background-image: none;}

	.roomDetailSelectBox { padding: 0 0 10px 0; /*background: #fff4f5*/}
	.roomDetailSelectBox .roomDetailSelect01 { clear: both; overflow: hidden; display: table;}
	.roomDetailSelectBox .roomDetailSelect01:first-child { margin-bottom: 0px;}
	.roomDetailSelectBox .roomDetailSelect01 dt { padding: 7px 0 7px 0; line-height: 19px; font-weight: 400; color: #4c4c4c; display: table-cell; vertical-align: top;}
	.roomDetailSelectBox .roomDetailSelect01 dt.roomDetailDt { width: 65px; padding-top: 28px; font-family: "HiraginoSans-W6","Hiragino Sans W6","ヒラギノ角ゴシック W6"; font-size: 15px; font-weight: 600; text-align: center;}
	.roomDetailSelectBox .roomDetailSelect01 dd { display: table-cell;}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li { width: 130px; font-size: 12px; line-height: 1.5; margin-left: 25px; float: left;}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li select { width: 80px; color: rgb(51, 51, 51); background-image: none; padding-left: 30px; border-radius: 0px}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li span { font-size: 12px;}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li ul li { margin-top: 6px; margin-left: 0px;}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li ul li select { width: 70px; color: rgb(51, 51, 51); margin-left: 0; background-image: none; padding-left: 20px; border-radius: 5px}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li .numberSelect{ display: flex;}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li .numberMinus { cursor: pointer; border-radius: 5px 0 0 5px; border: 1px solid #cccccc; background: white; border-right: none; text-align: center; width: 25px; height: 32px; line-height: 30px; font-family: "HiraginoSans-W6","Hiragino Sans W6","ヒラギノ角ゴシック W6";}
	.roomDetailSelectBox .roomDetailSelect01 dd ul li .numberPlus { cursor: pointer; border-radius: 0 5px 5px 0; border: 1px solid #cccccc; background: white; border-left: none; text-align: center; width: 25px; height: 32px; line-height: 30px; font-family: "HiraginoSans-W6","Hiragino Sans W6","ヒラギノ角ゴシック W6";}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD END*/

	.roomDetailNotice { font-size: 12px;}

	.airDivision { border-top: 1px dashed rgb(204, 204, 204); padding-top: 5px; padding-left: 73px;}
	.airDivision dt { font-size: 12px;}
	.airDivision dd.countNumber { font-size: 12px;}
	.airDivision dd.countNumber p { float: left; font-size: 12px; margin-right: 20px;}
	.airDivision dd.countNumber ul { float: left;}
	.airDivision dd.countNumber ul li { float: left; font-size: 12px; margin-right: 20px;}
	.airDivision dd.countNumber ul li span { font-size: 12px;}

	.airDivision dd.aboutAge { float: right;}
	.airDivision dd.aboutAge a { font-size: 12px;}

	/*2020 国内DP対応フロント製造 #31776の対応 MOD START*/
	.topSearchBtn { width: 440px; height: 45px; margin: 10px auto 0 auto; padding-top: 5px; background: #f5463a; border-radius: 5px; clear: both; text-align: center; box-shadow:0px -3px 0px 0px #c46a00 inset; font-weight: 600}
	/*2020 国内DP対応フロント製造 #31776の対応 MOD END*/
	.topSearchBtn a { display: block; color: white; font-size: 18px; line-height: 35px;}
	.topSearchBtn a:hover { text-decoration: none;}
	/*2020 国内DP対応フロント製造 #31776の対応 ADD START*/
	.topSearchBtn a::before {
		content: '';
		display: inline-block;
		width: 15px;
		height: 16px;
		margin-right: 5px;
		background: url(../images/icn_btn-search.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -1px;
	}
	/*2020 国内DP対応フロント製造  #31776の対応 ADD END*/

	/*カレンダーCSS上書き*/
	.SubWinBox { height: auto; width: 700px; position:fixed !important; /*margin: 20px auto;*/}
	/*#departureDate1 { display: none;　z-index: 100;　position: fixed;}*/

	/*フォームバス*/
	.INDEX .tabSearchBus {display: none;}
	.tabSearchBus .tripTypeBox .designationTitle::before {
		content: '';
		display: inline-block;
		width: 26px;
		height: 26px;
		margin-right: 5px;
		background: url(../images/icn_bus_white.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -7px;
	}

	.tabSearchBus .searchRoomBox .designationTitle::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 22px;
		margin-right: 5px;
		background: url(../images/icn_hotel_white.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -6px;
	}

	.arrivalPoint01 { height: auto; margin: 0 0 10px 58px; overflow: hidden; float: left; width: auto; clear: both;}
	.arrivalPoint01 dt, .arrivalPoint01 dd { float: left; padding: 0px 20px 0px 0px;}
	.arrivalPoint01 dt { padding: 7px; line-height: 19px; color: #4c4c4c;}

	.arrivalPoint02 { overflow: hidden; height: auto; float: left; width: auto;}
	.arrivalPoint02 dt, .arrivalPoint02 dd { float: left; padding: 0px 15px 0px 0px;}
	.arrivalPoint02 dt { padding: 8px 0 8px 8px; margin-right: 3.4rem; line-height: 19px; color: #4c4c4c;}

	.departureCnts .departure { margin-bottom: 10px;}
	.departureCnts .departure .departurePoint01{ margin: 0;}
	.departureCnts .arrival { clear: both;}
	.departureCnts .arrival .arrivalPoint01 { clear: none; margin: 0;}

	.tabSearchBus .departureDate01 dt { margin-left: 20px;}
	.tabSearchBus .searchRoomBox .numberOfRoom dd.ageNotice { display: block; float: left; margin-left: 330px;}
	.tabSearchBus .searchRoomBox .numberOfRoom dd.aboutAge { float: left; margin-top: -4px;}
	/*↑フォームバス＋ホテル↑*/

	/*↓就航路線モーダル↓*/
	div#flyingRoutesModal { width: 800px; padding: 20px; background: white; border: 2px solid #e1656c;}
	div#flyingRoutesModal * { font-size: 14px; fz1.4rem;}
	div#flyingRoutesModal h2 { text-align: center; font-size: 18px; font-size: 1.8rem;}

	div#flyingRoutesModal .flyingRoutesModalBoxTab { margin-top: 20px; padding-left: 193px; overflow: hidden; position: relative; clear: both;}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.active { padding-top: 0; background: white; border-bottom: none; border-top: 3px solid #e1656c; z-index: 1;}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li { width: 170px; height: 45px; margin-left: 10px; padding-top: 3px; border: 1px solid #444; border-bottom: none; text-align: center; float: left; position: relative; display: block; background: #444;}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.active a { padding-top: 9px; background: white; border-bottom: 0; z-index: 10; color: #4c4c4c;}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li a { display: block; padding: 8px; color: white;}
	div#flyingRoutesModal .flyingRoutesModalBoxTab::after {
		content: '';
		display: block;
		width: 960px;
		height: 1px;
		background: #444;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnJetstar.active a::before {
		content: '';
		display: inline-block;
		width: 70px;
		height: 22px;
		margin-right: 5px;
		background: url(../images/logo_jetstar.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -5px;
	}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnJetstar a::before {
		content: '';
		display: inline-block;
		width: 70px;
		height: 22px;
		margin-right: 5px;
		background: url(../images/logo_jetstar_white.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -5px;
	}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnVanilla.active a::before {
		content: '';
		display: inline-block;
		width: 70px;
		height: 22px;
		margin-right: 5px;
		background: url(../images/logo_vanilla.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -5px;
	}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnVanilla a::before {
		content: '';
		display: inline-block;
		width: 70px;
		height: 22px;
		margin-right: 5px;
		background: url(../images/logo_vanilla_white.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: -5px;
	}

	div#flyingRoutesModal .flyingRoutesModalBox { margin: 20px 0;}
	div#flyingRoutesModal .flyingRoutesModalBox_vanilla { display: none;}
	div#flyingRoutesModal .tableBox { width: 380px; float: left;}
	div#flyingRoutesModal .tableBox table { width: 100%; border: 2px solid #4c4c4c;}
	div#flyingRoutesModal .tableBox table tr { border: 1px solid #4c4c4c;}
	div#flyingRoutesModal .tableBox table td { padding: 10px;}
	div#flyingRoutesModal .tableBox p { font-size: 10px; font-size: 1rem;}

	div#flyingRoutesModal .mapBox { width: 340px; float: right;}
	div#flyingRoutesModal .modalCloseBtn { width: 120px; margin: 0 auto; padding: 5px 10px; display: block; color: #999; text-align: center; border: 2px solid #999; border-radius: 100px; clear: both;}
	/*↑就航路線モーダル↑*/

	/*2020 国内DP対応フロント製造 #31776の対応 ADD START*/	
	.INDEX {
		width: 100%;
		margin-bottom: 30px;
		padding: 10px 0 20px 0;
		background-repeat : no-repeat;
		background-position: center;
		background-size: cover;
	}
	.js_INDEX--air {
		background-image: url(../images/BP20-019141.jpg);
	}
	.js_INDEX--bus {
		background-image: url(../images/BP20-005106.jpg);
	}

	.tabSearch {
		position: relative;
		display: flex;
		justify-content: space-between;
		width: 635px;
	}
	.tabSearch li:hover span {
		width: 310px;
		height: 60px;
		margin: auto auto auto auto;
		display: block;
		border-top: 5px solid #e57272;
		border-left: 1px solid #e57272;
		border-right: 1px solid #e57272;
		border-bottom: 0;
		position: relative;
		cursor: default;
		color: #4c4c4c;
		line-height: 60px;
	}
	.tabSearch li.active:hover span {
		height: 61px;
	}
	.tabSearch li.tabSearchAirBtn:hover span {
		background-color: rgba(255,255,255,.95);
		background-image: url(../images/icn_tab-air.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 52px 22px;
	}
	.tabSearch li.tabSearchBusBtn:hover span {
		background: rgba(255,255,255,.95);
		background-image: url(../images/icn_tab-bus.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 65px 22px;
	}

	.air_part {
		display: flex;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #afb3b4;
	}
	.air_part .careerIcn {
		display: block;
		width: 68px;
		margin-top: 10px;
	}
	.air_part dt {
		font-weight: normal;
	}
	.bus_part {
		display: flex;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #afb3b4;
	}
	.bus_part dt {
		font-weight: normal;
	}

	.titleOuter {
		width: 130px;
		font-family: "HiraginoSans-W6","Hiragino Sans W6","ヒラギノ角ゴシック W6";
		font-size: 18px;
		font-weight: 600;
	}

	.searchWrapper .titleInner {
		display: block;
		width: 65px;
		color: white;
		text-align: center;
		background: #4c4c4c;
		height: 35px;
		line-height: 35px;
	}
	.titleInnerH4 {
		margin-left: 20px;
	}

	.checkin dd,
	.checkout dd, 
	.departureDate01 dd, 
	.departureDate02 dd,
	.departurePoint01 dd,
	.departurePoint02 dd { 
		position: relative;
	}
	.checkin dd::after,
	.checkout dd::after,
	.departureDate01 dd::after, 
	.departureDate02 dd::after,
	.departurePoint01 dd::after, 
	.departurePoint02 dd::after {
		content: '';
		display: block;
		width: 16px;
		height: 14px;
		position: absolute;
		top: 50%;
		right: 15px;
		opacity: .3;
		transform: translateY(-50%);
	}
	.checkin dd::after,
	.checkout dd::after,
	.departureDate01 dd::after, 
	.departureDate02 dd::after {
		background: url(../images/icn_cal.png) no-repeat center / contain;
	}
	.air_part .departurePoint01 dd::after {
		background: url(../images/icn_airplane_c.png) no-repeat center / contain;
	}
	.air_part .departurePoint02 dd::after {
		background: url(../images/icn_airplane_b.png) no-repeat center / contain;
	}
	.bus_part .departurePoint01 dd::after,
	.bus_part .departurePoint02 dd::after{
		background: url(../images/icn_bus.png) no-repeat center / contain;
	}
	.checkin dd select,
	.checkout dd select, 
	.departureDate01 dd select, 
	.departureDate02 dd select,
	.departurePoint01 dd select,
	.departurePoint02 dd select { 
		background-image: none;
	}

	.searchHotelBox {
		display: flex;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #afb3b4;
	}
	.searchHotelBox .unuseRooms{ display: flex;}
	.searchHotelBox .unuseRooms .inputP { clear: both; margin-left:20px; width: 355px; font-size: 12px;}
	.searchHotelBox .unuseRooms .inputP input[type="text"] { width: 100%;}
	.searchHotelBox .hiddenCheckBox { clear: both; overflow: hidden; width:385px;}
	.searchHotelBox .hiddenCheckBox dl { float: left; margin-bottom: 3px;}
	.searchHotelBox .hiddenCheckBox dl .dtCheck { padding: 7px 15px 7px 0; line-height: 19px; color: #4c4c4c; float: left; width: 165px; text-align: right; font-weight: normal;}
	.searchHotelBox .hiddenCheckBox dl dd { float: left;}
	.searchHotelBox .hiddenCheckBox dl dd input { width: 210px; }
	/*2020 国内DP対応フロント製造 #31776の対応 ADD END*/