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

/*-------------------------------------------------Search*/
.Search{width: 92.6%;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; margin-right:15px}

.Search .selectbox + .selectbox{ margin-top:10px; }
.Search .selectbox select:focus,
.Search input:focus{ background-color:#F5F5EB; } 

.Search .Tab{display: -ms-flexbox;display: flex;justify-content:center; }
.Search .Tab li{background-color:#EAEAEA;padding: 10px 10px 0 10px;position:relative;border-radius: 3px 3px 0 0;}
.Search .Tab li + li{margin-left: 10px;}
.Search .Tab li:after{content:"\f107";font-family:FontAwesome;display: block;text-align: center;line-height: 1;font-size: 2.0rem;}
.Search .Tab li:hover{ cursor:pointer; background-color:#242424; color:#fff}

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

.Search .TabEntry{padding: 15px 0 15px 15px;box-sizing:border-box;border: 1px 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: 15px;padding-bottom: 15px;}
.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:#F2F2F2; padding:10px 20px; }

.Search .inner .smpDateWrap{ width: 100%;}
.Search .inner dd .smpDate{display: flex;}
.Search .inner dd .smpDate + .smpDate{ margin-top:5px;}
.Search .inner dd .smpDate strong{ align-self: center; padding-right: 5px;}
.Search .inner dd .smpDate p{display: flex;align-items: flex-end;margin-right: 15px;}
.Search .inner dd .smpDate span{ margin-right: 5px;}
.Search .inner dd .smpDate .selectbox select{ padding-left: 7px; padding-right: 20px; width: 105%;}
.Search .inner dd .smpDate .selectbox:before{right: 4px;}


.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{display:flex;margin-right: 15px;}
.Search .btn button{padding: 10px;position:relative;margin: 0;}
.Search .btn button + button{margin-left: 10px;}
.Search .btn button.decide{font-size: 1.4rem;flex: 2;}
.Search .btn button:before{top:50%;margin-top:-0.9em;content:"\f002";font-family:FontAwesome;font-weight:normal;padding-right: 5px;}
.Search .btn button.decide:before{content:"\f002";}
.Search .btn button.reset:before{content:"\f00d";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;font-size: 1.2rem;letter-spacing: 0;}

.Search .roomNum dl{ padding-right:20px; padding-bottom:0;}
.Search .room{ display: block;}
.Search .room select{padding-right:30px;width: auto;}

.Search .room .roomNum{ }
.Search .room .roomNum .selectbox{ width:auto;}
.Search .room .personNum{flex: 1;margin-top:10px;border: 1px solid #ccc; margin-bottom:10px;}
.Search .TabEntry .room .personNum{margin-right:15px;}
.Search .room .personNum .entry{position:relative;}
.Search .room .personNum .entry:Nth-Child(1n+2){ display:none}

.Search .room .personNum .entry p{background-color:#242424;color:#fff;text-align: center;}
.Search .room .personNum .entry dl{}
.Search .room .personNum .entry dt{padding-right: 15px;}
.Search .room .personNum .entry dd select{width: auto;}
.Search .room .personNum .entry + .entry{margin-top: 15px;}
.Search .room .personNum .entry .num{display: -ms-flexbox;display: flex;padding:5px 10px;}
.Search .room .personNum .entry .num dl{padding-bottom: 0;padding-right: 20px;}
.Search .room .personNum .entry .age{text-align: center;bottom: 1%;left: 2%;display:none;padding: 5px 10px;background-color: #eaeaea;position: absolute;z-index:99;width: 96%;box-sizing: border-box;}
.Search .room .personNum .entry .age dt span{display:block;background-color:#242424;color:#FFFFFF;padding: 0 5px;}
.Search .room .personNum .entry .age dd{ display:none;}
.Search .room .personNum .entry .age dd + dd{margin-left:10px;}
.Search .room .personNum .entry .age dl{display: flex;}
.Search .room .personNum .entry .age .selectbox{ width:auto;}

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


#ui-datepicker-div{ border: 1px solid #999; padding:5px; background-color:#FFFFFF; font-size:14px}
.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 .active.color{ background-color:#F5F5EB !important; } 

#air .ui-widget-content,
#AH .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;}

.datepickerFromTo input{ width:45%; }
.datepicker input{ font-size:1.6rem;}