@charset "utf-8";
/* reserve form */
	.reserve .col33{
		padding: 0;
	}
	.reserve .col33:first-child{
		padding-right: 35px;
	}
	.reserve .col33:last-child{
		padding-left: 25px;
	}
	.reserve .col33 .col60{
		padding-right: 30px;
	}
	.reserve p:not(#returntime){
		margin:15px 0 5px;
	}
	.reserve .btn-red{
		width: 100%;
		padding: 9px 25px;
		text-align: center;
		text-align-last: center;
		border:2px solid #E48026;
	}
	.reserve .btn-red:hover{
		border:2px solid #D75526;
	}

	#returntime{
		width: 100%;
		font-weight: 400;
		min-height: 46px;
		padding: 8px 18px;
		border:1px solid #a0a0a0;
		cursor:default;
	}


	.reserve .col33_left{
		padding-right: 10px;
	}
	.reserve .col33_right{
		padding-left: 10px;
	}
	.reserve .col33_center{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.dot-list{
		margin-top: 5px;
		margin-bottom: 10px;
		border:1px solid #E48026;
		padding-bottom: 5px;
	}
	.dot-list li{
		list-style-type: circle;
		margin-left: 30px;
		padding-top: 5px;
	}

/* reserve form - addr selection */
	.reserve .col50 > .col50:nth-child(2n+1){
		padding-right: 2px;
	}
	.reserve .col50 > .col50:nth-child(2n){
		padding-left: 2px;
	}
	.reserve .col50 > .col50.full{
		width: 100%;
	}
	.reserve .col50 > .col50 .btn-red{
		margin-top: -10px;
		cursor: pointer;
	}
	.self-drive .reserve p.select_addr,
	.self-drive .reserve .select_addr{
		border: 1px solid #a0a0a0;
		padding: 10px 15px;
		margin-top: 0 !important;
		text-align: center;
		display: none;
	}
	.self-drive .reserve p.select_addr.active,
	.self-drive .reserve .select_addr.active{
		display: inline-block;
		vertical-align: middle;
		width: 90%;
		margin-left: -5px !important;
		margin-bottom: 5px;
		cursor: pointer;
	}
	.self-drive .reserve .col50 .select_addr.active{
		width: 100%;
		background-color: #ffffff;
		color:#161616;
		margin-bottom: 5px;
		margin-left: 0 !important;
		cursor: default;
	}
	.self-drive .reserve p.select_addr.active + span.delete,
	.self-drive .reserve .select_addr.active + span.delete{
		display: inline-block;
		vertical-align: middle;
		width: 10%;
		height: 46px;
		cursor: pointer;
		margin:0 0 5px -5px;
		background: url(../img/icon/error.png) center center no-repeat;
	}

/* self-drive form */
	.self-drive .reserve p{
		text-align: left;		
		font-weight: 400;
		color:#5d5d5d;
	}
	.self-drive .reserve .col50{
		vertical-align: top;
	}
	.self-drive .reserve .col50:nth-child(2n+1){
		margin-left: 0;
		padding-left: 0;
	}
	.self-drive .reserve .col50:nth-child(2n){
		padding-right: 0;
	}
	.self-drive .reserve input{
		text-align: center;
		padding-left: 50px;
	}
	.self-drive .reserve  input[type=checkbox]:not(old) + label{
		display: block;
		width: 120px;
		margin:5px 0 -20px auto;
		color:#5d5d5d;
	}
	.self-drive .reserve a.btn-red,
	.self-drive .reserve button.btn-red{
		margin-top: 50px;
	}
	.self-drive .reserve a.btn-red:hover,
	.self-drive .reserve button.btn-red:hover{
		color:#ffffff;
		background-color: #a5002b;
		border-color: #a5002b;
	}

	@-webkit-keyframes goRight{
		from{left: -50px;}
		to{left: 40%;}
	}
	@keyframes goRight{
		from{left: -50px;}
		to{left: 40%;}
	}

	.self-drive #returntime{
		background-color: #f7f7f7;
		border-color: #f7f7f7;
	}
	.self-drive input[type="text"]:focus{
		border-color: #E48026;
	}
	
	.self-drive [class^="icon-"],
	.self-drive [class*="icon-"]{
		position: relative;
	}

	.self-drive [class^="icon-"]:before,
	.self-drive [class*="icon-"]:before{
		content:'';
		display: inline-block;
		vertical-align: middle;
		width: 30px;
		height: 30px;
		margin-right: 15px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		left: 20px;
		top: 0;
		bottom: 0;
		margin:auto 0;
	}
	.self-drive .icon-loc-r:before{
		background-image: url(../img/icon/icon-location.png);
	}
	.self-drive .icon-calendar-r:before{
		background-image: url(../img/icon/icon-calendar-r.png);
	}
	.self-drive .icon-clock-r:before{
		background-image: url(../img/icon/icon-clock.png);
	}
	.self-drive .icon-people-r:before{
		background-image: url(../img/icon/icon-people-r.png);
	}
	.self-drive .icon-contract-r:before{
		background-image: url(../img/icon/icon-contract-r.png);
	}
	.self-drive .icon-luggage-r:before{
		background-image: url(../img/icon/icon-luggage.png);
	}
	.self-drive .icon-package-r:before{
		background-image: url(../img/icon/icon-package-r.png);
	}
	.self-drive .icon-airplane-r:before{
		background-image: url(../img/icon/icon-airplane-r.png);
	}

/* flexdatalist */
	.flexdatalist-results{
		border:none;
	}
	.flexdatalist-results li{
		border-bottom: 0;
		background-color: #f4f4f4;
		line-height: 1.5em;
		letter-spacing: 1px;
		padding:8px 20px;
		font-size: 1em;
		padding-left: 87px;
		text-indent: -67px;
	}
	.flexdatalist-results li.active{
		background-color: #E48026;
	}

	.flexdatalist-results li.group{
		background-color: #dddddd;
		font-size: 18px;
		padding:8px 20px;
		text-indent: 0;
	}
	.flexdatalist-results li .group-name{
		font-weight: 400;
		color:#000000;		
	}
	.flexdatalist-results li .group-item-count{
		display: none;
	}

/* datepicker */
	.ui-datepicker{
		min-width: 435px;
		background-color: #f4f4f4;
		color:#000000;
		width: auto;
		padding:15px;
		font-size: 16px;
		letter-spacing: 2px;
		z-index: 1000!important;
		box-shadow: 0 5px 5px rgba(0,0,0,.1);
	}
	.ui-datepicker .ui-datepicker-header{
		background-color: #dddddd;
		margin: 0 .3em 10px;
	}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next{
		background: url(../img/icon/arrow-w.png) center center no-repeat;
		background-size: 30%;
		top:0;
		bottom: 0;
		margin:auto 0;
		cursor:pointer;
	}
	.ui-datepicker .ui-datepicker-prev{		
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	.ui-datepicker .ui-datepicker-prev-hover,
	.ui-datepicker .ui-datepicker-next-hover{
		top:0;
	}
	.ui-datepicker thead tr{
		border-bottom: 5px solid transparent;
	}
	.ui-datepicker th span{
		width: 100%;
		display: inline-block;
		font-weight: 300;
		padding:10px 15px;
		border:1px solid #ffffff;
	}
	.ui-datepicker td{
		/*padding: .3em;*/
	}
	.ui-datepicker td span,
	.ui-datepicker td a{
		text-align:center;
		background-color: #ffffff;
		padding:10px 15px;
	}
	.ui-datepicker td span{
		color:#c6c6c6;
	}
	.ui-datepicker .ui-datepicker-current-day a,
	.ui-datepicker td a:active{
		background-color: #E48026;
		color:#ffffff;
	}

	.ui-datepicker .highlight a{
		background-color: #e5ad7b;
		color:#ffffff;
	}
	.ui-datepicker-calendar .ui-state-hover{
		background-color: #E48026;
		color:#ffffff;
	}

/* small-datepicker */
	.small-date {
		min-width: 300px;
		padding: 0;
	}
	.small-date .ui-datepicker-header{
		margin:0;
		background: #E48026;
	}
	.small-date .ui-datepicker-title select{
		padding:0 15px;
		border-color:#E48026;
		background-color: #f4f4f4;
		color:#161616;
		text-align: center;
		text-align-last:center;
		-webkit-appearance:menulist;
		-moz-appearance:menulist;
		appearance:menulist;
	}
	.small-date .ui-datepicker-title select::-ms-expand {
		display: block;
	}
	.small-date thead tr{
		border-bottom: 0;
	}
	.small-date th{
		padding:5px 0;
	}
	.small-date th span{
		padding:8px 5px;
		border:none;
	}
	.small-date td{
		padding: 0;
	}
	.small-date td span,
	.small-date td a{
		padding:5px;
	}
/* datetimepicker */
	.dtpicker-header .dtpicker-title{
		color:#E48026;
		font-weight: 400;
	}
	.dtpicker-header .dtpicker-value{
		font-size: 30px;
		font-weight: 600;
	}
	.dtpicker-header .dtpicker-close{
		color:#E48026;
		font-size: 30px;
		opacity: .8;
	}
	.dtpicker-header .dtpicker-close:hover{
		color:#E48026;
		opacity: 1;
	}
	.dtpicker-components .dtpicker-compButton{
		font-size: 120%;
	}
	.dtpicker-components .dtpicker-compValue{
		margin:0;
	}
	.dtpicker-overlay .dtpicker-compValue:focus{
		outline: none;
		background: #ffffff;
		border-color: #E48026;
	}
/* scrollbar */
	.mCustomScrollBox{
		background-color: #f4f4f4;
	}
	.mCSB_inside>.mCSB_container{
		margin-right: 15px;
	}
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight,
	.mCSB_scrollTools .mCSB_buttonUp{
		background-image: none;
	}
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar	{
		background-color: #E48026;
	}

/* form-grey */
	.form-grey.w1200{
		width: 100%;
		padding-left: 5px;
	}
	.form-grey .col100{
		padding: 5px 14px 5px 7px;
		margin-left: -5px;
	}
	.form-grey .col50,
	.form-grey .col33,
	.form-grey .col66{
		padding: 5px 7px;
		vertical-align: bottom;
		margin-left: -5px;
	}
	.form-grey p{
		font-size: 16px;
		color: #161616;
		font-weight: 400;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.form-grey .form_title{
		padding-right: 14px;
	}
	.form-grey .form_title h5{
		color: #E48026;
		margin-top: 30px;
	}
	.form-grey .form_title hr{
		margin-bottom: 0;
	}

	.form-grey .form_title input[type=checkbox]:not(old) + label{
		display: block;
		width: 100px;
		margin:-25px 0 0 auto;
		color:#5d5d5d;
	}

	.form-grey input[type="text"],
	.form-grey input[type="password"],
	.form-grey input[type="email"],
	.form-grey textarea,
	.form-grey select{
		border-color: #f9f9f9;
		background-color: #f9f9f9;
	}
	.form-grey input[type="text"]:focus,
	.form-grey input[type="password"]:focus,
	.form-grey input[type="email"]:focus,
	.form-grey textarea:focus,
	.form-grey select:focus{
		border-color: #E48026;
	}
	.form-grey input[type="text"]:disabled,
	.form-grey input[type="password"]:disabled,
	.form-grey input[type="email"]:disabled,
	.form-grey textarea:disabled,
	.form-grey select:disabled,
	.form-grey input[type="text"]:read-only,
	.form-grey input[type="password"]:read-only,
	.form-grey input[type="email"]:read-only,
	.form-grey textarea:read-only{
		border-color: #eeeeee;
		background-color: #eeeeee;
	}

	.form-grey textarea{
		width: 100%;
		max-width: 100%;
	}
	.form-grey label.select:before{
		background-color: #f9f9f9;
	}
	.form-grey label.select.disabled:before{
		background-color: #eeeeee;
	}

/* spots */
	.spots{
		height: 220px;
		overflow: hidden;
	}
	.spots li{
		margin:0 10%;
	}
	.spots input[type="radio"] + label{
		width: 100%;
		font-size: 14px;
		letter-spacing: 2px;
		padding:16px;
		border-bottom: 1px solid #d5d5d5;
		color:#848484;
	}
	.spots input[type="radio"] + label:hover{
		color:#E48026;
	}
	.spots input[type="radio"]:checked + label{
		background-color: #a5002b;
		color:#ffffff;
	}

/* airport */
	/*.airport-tags li{
		display: inline-block;
		padding: 2px 10px;
		min-width: 185px;
		border:1px solid #5d5d5d;
		margin:0 5%;
	}
	.airport-tags li.active{
		color:#ffffff;
		border-color: #E48026;
		background-color: #E48026;
		cursor: default;
	}*/

.add_stop{
	width: 100%;
	display: block;
	padding:7px;
	color:#E48026;
	border:1px solid #E48026;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.add_stop:hover{
	background-color: #E48026;
	border-color: #E48026;
	color:#ffffff;
}
.add_stop:active{
	-webkit-transform: translateY(1px);
	   -moz-transform: translateY(1px);
	    -ms-transform: translateY(1px);
	     -o-transform: translateY(1px);
	        transform: translateY(1px);
}
.create_stop{
	display: none;
}
.create_stop.active{
	display: block;
	margin:0 auto !important;
	text-align: center;
} 

.self-drive .reserve .select_addr[class^="stop-"],
.self-drive .reserve .select_addr[class*="stop-"]{
	background-color: #eeeeee;
	border-color: #eeeeee;
}

@media screen and (max-width: 1550px){
	.ui-datepicker{
		letter-spacing: 1px;
		padding:10px;
	}
	.ui-datepicker .ui-datepicker-header{
		margin-bottom: 7px;
	}
	.ui-datepicker td{
		/*padding:.2em .3em;*/
	}
	.ui-datepicker td span,
	.ui-datepicker td a,
	.ui-datepicker th span{
		padding:5px 7px;
	}
}
@media screen and (max-width: 1366px){
	.reserve .col33:first-child{
		padding-right: 25px;
	}
	.reserve .col33:last-child{
		padding-left: 15px;
	}
	.reserve .col33 .col60{
		padding-right: 20px;
	}

	.self-drive [class^="icon-"]:before,
	.self-drive [class*="icon-"]:before{
		width: 25px;
		height: 25px;
	}

	#returntime{
		min-height: 36px;
		font-size: 14px;
		padding: 6px 18px;
	}
	.reserve .btn-red{
		padding: 6px 10px;
	}

	.flexdatalist-results li {
		padding: 3px 20px;
		padding-left: 80px;
		text-indent: -60px;
	}
	.flexdatalist-results li.group{
		font-size: 14px;
	}

	#lightbox .switch_tag{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 768px){
	.reserve .col33:first-child{
		padding-right: 0;
	}
	.reserve .col33:last-child{
		padding-left: 0;
	}
	.reserve .col33 .col60{
		margin-left: 0;
		padding-right: 20px;
	}

	.reserve .col33{
		margin-left: 0;
	}
	.reserve .col40{
		padding: 0;
	}
	.reserve p:not(#returntime){
		margin:10px 0 5px;
	}

	.reserve .col33_left,
	.reserve .col33_right,
	.reserve .col33_center{
		padding-left: 0;
		padding-right: 0;
	}

	.reserve .col25{
		width: 50%;
	}

	.self-drive .reserve .col50{
		padding-bottom: 0;
		padding-top: 5px;
	}
	.self-drive .reserve .col50:nth-child(2n+1),
	.self-drive .reserve .col50:nth-child(2n){
		padding-left: 0;
		padding-right: 0;
	}

	.self-drive .reserve p.select_addr.active,
	.self-drive .reserve .select_addr.active{
		width: 80%;
	}
	.self-drive .reserve p.select_addr.active + span.delete,
	.self-drive .reserve .select_addr.active + span.delete{
		width: 20%;
	}

	.reserve li.col50 > .col50{
		width: 50%;
		display: inline-block;
		margin-left: -4px;
	}
	.reserve li.col50 > .col50 .btn-red{
		margin-top: -5px;
	}

	.ui-datepicker{
		min-width: 333px;
	}

	
	.form-grey.w1200{
		padding-left: 0;
	}
	.form-grey .col100{
		padding: 5px 7px 5px 7px;
		margin-left: 0;
	}
	.form-grey .col50,
	.form-grey .col33{
		margin-left: 0;
	}

	.form-grey .form_title{
		padding-left: 7px;
		padding-right: 7px;
	}

	#lightbox h4{
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.msg_input .col50:first-child{
		padding-right: 0;
		padding-bottom: 5px;
	}
	.msg_input .col50:nth-child(2){
		padding-left: 0;
		padding-bottom: 5px;
	}
	.msg_input textarea{
		height: 150px;
	}

	.spots{
		height: 180px;
	}
	.spots li{
		margin:0;
	}
	.spots input[type="radio"] + label{
		padding: 10px;
	}


	.reserve li.col50 > .col50 .btn-red,
	.reserve .col50.create_stop > .col50 .btn-red{
		margin-top: -5px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.reserve .col50.create_stop > .col50{
		width: 50%;
		display: inline-block;
		margin-left: -4px;
	}
	.reserve .col50.create_stop > .col50:first-child{
		margin-left: 0;
	}
}
@media screen and (max-width: 480px){
	.reserve .col25{
		width: 100%;
	}
}
@media screen and (max-width: 360px){
	.ui-datepicker{
		min-width: 255px;
	}
	.ui-datepicker th,
	.ui-datepicker td{
		padding: 0;
	}
	.ui-datepicker td span,
	.ui-datepicker td a,
	.ui-datepicker th span{
		padding: 5px 0 ;
	}
}

.form-grey label.select::before{
	background: none;
}

/* 2022.09 */
.ui-datepicker{
	min-width: 265px;
	padding: 10px;
}
.ui-datepicker table{
	margin-bottom: 0;
}
.ui-datepicker .ui-datepicker-header{
	margin: 0 0 5px 0;
}
.ui-datepicker .ui-datepicker-title{
	letter-spacing: 0;
	line-height: 1.1em;
}
.ui-datepicker thead tr{
	border-bottom-width: 1px;
}
.ui-datepicker th{
	padding: 0 1px;
}
.ui-datepicker th span{
	padding:3px 4px;
}
.ui-datepicker td span,
.ui-datepicker td a{
	padding:3px 4px;
}
.self-drive .reserve a.btn_org:hover, .self-drive .reserve button.btn_org:hover{
	background-color: #D75526;
	border-color: #D75526;
}