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

/*-------------------------------------------------OverseasSearch*/
.OverseasSearch{width:1000px;margin:0 auto;position: relative;}


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

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

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

.OverseasSearch .Tab li.select{margin-bottom:-1px;background-color:#FFFFFF;font-weight:bold;border: 1px solid #c5c5c5;border-bottom: none;color: #0b2536;}

.OverseasSearch .TabEntry{padding:30px;box-sizing:border-box;border: 1px solid #c5c5c5;border-radius:3px;background-color: #fff;}


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

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

.OverseasSearch .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;}
.OverseasSearch .inner .dst:hover{ border-color:#666666; cursor:default}
.OverseasSearch .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; }


.OverseasSearch .btn{justify-content: center; padding-top:10px; display:flex}
.OverseasSearch #AHSearch .btn{ padding-top:30px;}
.OverseasSearch .btn button{padding: 15px 60px;position:relative;}
.OverseasSearch .btn button + button{margin-left: 15px;}
.OverseasSearch .btn button.decide{font-size: 16px;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;letter-spacing: 1px;}
.OverseasSearch .btn button:before{position: absolute;left: 15px;top:50%;margin-top: -0.6em;content:"\f002";font-family:FontAwesome;font-weight:normal;line-height: 1;}
.OverseasSearch .btn button.decide:before{content:"\f002";}
.OverseasSearch .btn button.reset:before{content:"\f00d";font-size:24px;}


.OverseasSearch .btn button.decide:hover,
.OverseasSearch .btn button.decide:focus{background-color: #0b2536 !important;}
.OverseasSearch .btn button.reset:hover,
.OverseasSearch .btn button.reset:focus{ border-color:#000; color:#000;}
.OverseasSearch .btn button.reset{background-color:#FFFFFF;color:#666666;border: 1px solid #CCC;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;letter-spacing: 1px;}

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

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

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

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

#ui-datepicker-div{ border: 1px solid #999; padding:5px; background-color:#FFFFFF;}
.ui-datepicker-header, .ui-datepicker .ui-datepicker-title{margin-left: 0 !important;margin-right: 0 !important;}
.ui-datepicker-calendar tbody td{height:auto !important;padding: 1px !important;}
.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;color:#000;text-align:center;padding: 3px;}
.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; } 

#airOverseasSearch .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;}

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before{ content:none;}

.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{
	border:none;
	background:none;
	font-weight:normal;
	color: #599fcf;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left:2px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right:2px;
}

/*--------------------------------------------*/
/*-------------------------------------------------form*/
input[type=radio] {
    display: none;
}

input[type=radio]+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 24px;
    margin-right: 0px;
    font-size: 14px;
}

input[type=radio]+label::before, input[type=radio]+label::after {
    position: absolute;
    display: block;
    content: '';
    top: 0.9em;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

input[type=radio]+label::before {
    width: 20px;
    height: 20px;
    margin-top: -12px;
    background: #FFF;
    border: 2px solid #CECECE;
}

input[type=radio]+label::after {
    left: 5px;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    background: #CECECE;
}

input[type=radio]:checked+label::before {
    border-color: #333333;
}

input[type=radio]:checked+label::after {
    background: #333333;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 24px;
    margin-right: 0px;
    font-size: 16px;
}

input[type=checkbox]+label::before {
    position: absolute;
    display: block;
    content: '';
    top: 0.9em;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

input[type=checkbox]+label::before {
    width: 20px;
    height: 20px;
    margin-top: -12px;
    background: #FFF;
    border: 1px solid #B7B7B7;
}

input[type=checkbox]:checked+label::before {
    border-color: #333333;
}

input[type=checkbox]:checked+label::after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 2px;
    color: #333333;
}

input[type=text] {
    outline: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    background-color: #fff;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 3px 10px;
    border: 1px solid #B9B9B9;
    width: auto;
    border-radius: 3px;
    box-sizing: border-box;
}

input[type=text]:hover, input[type=text]:focus {
    border-color: #666666;
}

.selectbox {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.selectbox:before {
    z-index: 1;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -0.6em;
    content: "\f078";
    font-family: FontAwesome;
    color: #626262;
    font-size: 11px;
    pointer-events: none;
}

.selectbox.noTxt:before {
    right: 10px;
}

.selectbox select {
    background-color: #fff;
    outline: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 3px 30px 3px 10px;
    border: 1px solid #B9B9B9;
    width: auto;
    border-radius: 3px;
    font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;
}

.selectbox select:hover {
    border-color: #666666;
    cursor: pointer;
}

select option {
    background-color: #fff;
    color: #333;
}

select[disabled] {
    background-color: #eee;
    color: #999;
}

select::-ms-expand {
    display: none;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #828c9a;
}

button {
    position: relative;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 7px 50px 10px 50px;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
    text-decoration: none;
    outline: 0;
    border: none;
    background-color: #bea31d;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 50px;
}

button:hover, button:focus {
    background: #ADA31D;
}

input::placeholder {
    color: #B7B7B7
}