@charset "utf-8";
@import url('//ajax.googleapis.com/ajax/libs/jqueryui/1/themes/overcast/jquery-ui.css');

/*-------------------------------------------------Search*/
.Search{ width:1020px; margin:0 auto;}

.Search .error{}
.Search .error.false{ color:#C51D4F;font-weight:bold;padding: 10px;border: 1px solid #ccc;box-sizing:border-box;margin-bottom: 10px;}

.Search .selectbox select{ padding:3px 40px 3px 10px;}
.Search .selectbox select:focus,
.Search input:focus{ background-color:#F5F5EB; } 

.Search .selectbox select.area{ width:220px;}
.Search .selectbox select.country{ width:200px;}
.Search .Tab{display: -ms-flexbox;display: flex;justify-content:center; }
.Search .Tab li{background-color: #8c8c8c;padding:15px 50px;position:relative;color: #fff;border-radius: 3px 3px 0 0;}
.Search .Tab li + li{ margin-left:20px;}
.Search .Tab li:after{position: absolute;right: 10px; top:50%; margin-top:-0.9em;content:"\f107"; font-family:FontAwesome;}
.Search .Tab li:hover{cursor:pointer;background-color: #242424;color:#fff;}

.Search .Tab li.select{margin-bottom: -2px;background-color:#FFFFFF;font-weight:bold;}
.Search .Tab li#tour.select{border-top: 2px solid #7D7C40;border-right: 2px solid #7D7C40;border-bottom: 2px solid #FFFFFF;border-left: 2px solid #7D7C40;color:#7D7C40;}
.Search .Tab li#air.select{ border-top: 2px solid #436C7A; border-right: 2px solid #436C7A; border-bottom: 2px solid #FFFFFF; border-left: 2px solid #436C7A; color:#436C7A;}
.Search .Tab li#AH.select{ border-top: 2px solid #78456D; border-right: 2px solid #78456D; border-bottom: 2px solid #FFFFFF; border-left: 2px solid #78456D; color:#78456D;}


.Search .TabEntry{background-color:#fff;padding:30px;box-sizing:border-box;border: 2px solid #000;border-radius:3px;}
.Search .TabEntry#tour{border-color:#7D7C40; }
.Search .TabEntry#air{border-color:#436C7A;}
.Search .TabEntry#AH{border-color:#78456D;}

.Search .inner{display: -ms-flexbox;display: flex;flex-wrap: wrap;}
.Search .inner .required{ color:#C51D4F; font-size:12px; font-weight:bold; display:inline-block; margin-left:3px;}
.Search .inner .required:before{content:"\f069"; font-weight:normal;font-family:FontAwesome;}
.Search .inner dl{padding-right:30px; padding-bottom:20px;}
.Search .inner dt{ font-weight:bold; padding-bottom:3px;}
.Search .inner dd{}
.Search .inner dd ul{display: -ms-flexbox;display: flex; }
.Search .inner dd li{ }
.Search .inner dd li + li{ padding-left:20px;}

.Search .inner dd .param{ background-color:#e4e4e4; padding:10px 20px; }


.Search .inner dl#htl input{ width:400px;}

.Search .inner .dst{ white-space:nowrap;position:relative;height: 40px;padding: 8px 30px 0 10px;border:1px solid #B9B9B9;width:auto;border-radius:3px;box-sizing:  border-box;}
.Search .inner .dst:hover{ border-color:#666666; cursor:default}
.Search .inner .dst:after { position: absolute; right: 8px; top:50%; margin-top:-0.6em;content: "\f078"; font-family:FontAwesome; color: #7F878C; font-size:12px;pointer-events: none; }


.Search .btn{justify-content: center; padding-top:10px; display:flex}
.Search .AHSearch .btn{ padding-top:30px;}
.Search .btn button{ padding:20px 60px; position:relative;}
.Search .btn button + button{ margin-left:20px;}
.Search .btn button.decide{font-size:18px;}
.Search .btn button:before{position: absolute;left: 15px; top:50%; margin-top:-0.9em;content:"\f002"; font-family:FontAwesome; font-weight:normal;}
.Search .btn button.decide:before{content:"\f002";}
.Search .btn button.reset:before{content:"\f00d"; font-size:24px;margin-top:-0.8em;}
.Search #tour .btn button.decide{ background-color:#7D7C40;}
.Search #air .btn button.decide{ background-color:#436C7A;}
.Search #AH .btn button.decide{ background-color:#78456D;}

.Search .btn button.decide:hover,
.Search .btn button.decide:focus{ background-color:#242424 !important;}
.Search .btn button.reset:hover,
.Search .btn button.reset:focus{ border-color:#000; color:#000;}
.Search .btn button.reset{ background-color:#FFFFFF; color:#666666; border: 1px solid #CCC; }

.Search .AHSearch .roomNum dl{ padding-right:20px; padding-bottom:0;}
.Search .AHSearch .room{display: -ms-flexbox;display: flex; }
.Search .AHSearch .room select{ padding-right:30px;}

.Search .AHSearch .room .roomNum{ }
.Search .AHSearch .room .personNum{flex: 1;margin-top:10px;border: 1px solid #ccc;padding: 10px;}
.Search .AHSearch .room .personNum .entry{box-sizing:border-box;position:relative;display: flex;align-items: center;}
.Search .AHSearch .room .personNum .entry:Nth-Child(1n+2){ display:none}

.Search .AHSearch .room .personNum .entry p{background-color:#242424;color:#fff;padding:0 10px;margin-right: 10px;}
.Search .AHSearch .room .personNum .entry dl{display: -ms-flexbox;display: flex;align-items:center;}
.Search .AHSearch .room .personNum .entry dt{ padding-right:5px;}
.Search .AHSearch .room .personNum .entry dd{}
.Search .AHSearch .room .personNum .entry + .entry{margin-top: 10px;border-top: 1px solid #ccc;padding-top: 10px;}
.Search .AHSearch .room .personNum .entry .num{display: -ms-flexbox;display: flex;}
.Search .AHSearch .room .personNum .entry .num dl{padding-bottom: 0;}
.Search .AHSearch .room .personNum .entry .age{display: -ms-flexbox;display: flex;display:none;padding: 5px;background-color: #eaeaea;margin-right: 20px;margin-left: -20px;}
.Search .AHSearch .room .personNum .entry .age dd{ display:none;}
.Search .AHSearch .room .personNum .entry .age dd + dd{ margin-left:10px;}
.Search .AHSearch .room .personNum .entry .age dl{padding: 5px;}

.Search .atte{ text-align:right; padding-top:10px; font-size:12px;}

#ui-datepicker-div{ border: 1px solid #999; padding:5px; background-color:#FFFFFF;}
.ui-widget-header{ background: #fff url(none); border: 1px solid #CCC; }
.ui-widget-content{  background: #fff url(none); }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:none; border:none; background-color:#EAEAEA; color:#000; text-align:center;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { background-color:#E0DDBC}
.ui-state-active{background-color: #ADA31D !important;color: #fff !important;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled{ opacity:0.15;}

.ui-datepicker-today .ui-state-hover{background-color:#EAEAEA !important;}

.datepicker{ position:relative;}
.datepicker:after{ z-index: 1; position: absolute; right: 8px; top:50%; margin-top:-0.7em; content: "\f073"; font-family:FontAwesome; color: #7F878C; font-size:18px; pointer-events: none; }

.datepicker .active.color{ background-color:#F5F5EB !important; } 

#airSearch .ui-widget-content,
.AHSearch .ui-widget-content{background: #fff url(none);padding-top: 55px;}
.doc{position: relative;}
.cal{position: absolute;width: 100%;top: 0;z-index:99;}

.ui-state-selected{background: #ADA31D !important;color: #fff !important;}