/*__________________ [1] Date Picker Fixed ______________*/
#ui-datepicker-div {
border-color: #999999;
margin-top: 1.5em;
}
#ui-datepicker-div .ui-datepicker-wrapper .j_dpTxt {
float: left;
margin: 4px 0 0 10px;
font-size: 78%;
color: #555555;
}
.ui-datepicker-calendar td a.ui-state-hover,
.ui-datepicker-calendar td a.ui-state-active {
background: #ffedca !important;
}
.ui-datepicker-buttonpane p {
position: absolute;
top: -2.1em;
left: -7px;
padding: 0.4em 4px 0.4em 10px;
width: 100%;
line-height: 1.2;
text-align: left;
font-weight: bold;
color: #ffffff;
background-color: #999999;
}

/*_______________ common parts _________________*/
/* btn style common */
.btn-basic {
padding:1px;
border:solid 1px #d8d8d8;
border-radius:3px;
background:#fff;
}
.btn-basic a {
display:block;
border-radius:2px;
background:#ffffff;
background:linear-gradient(to bottom, #ffffff 0%, #f3f2f2 100%); /* W3C */
}

/*_______________ searchform _________________*/
.searchform {
position:relative;
display:table;
width:900px;
padding:10px 28px;
margin-bottom:15px;
table-layout:fixed;
border-collapse:separate;
border-spacing:0 2px;
background:#f9f9f9;
border-color:#cfcfcf;
border-style:solid;
}
.search-row {
display:table-row;
}
.search-row-hdg {
display:table-cell;
width:45px;
padding:0 5px;
background:#e2e2e2;
vertical-align:middle;
line-height:27px;
font-weight:normal;
font-size:11px;
text-align:center;
}
.search-row-cnt {
display:table-cell;
padding:0 12px;
width:820px;
vertical-align:middle;
}
.search-row-cnt:after {
content:"";
clear:both;
display:block;
}
.stay .search-row-cnt{
padding-right:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:auto;
}
.stay .search-row-cnt:after{
display:none;
}
.search-row-cnt .form-item-cap{
font-size:11px;
line-height:1.2;
}
.search-row.depart .search-row-cnt .form-item-cap,
.search-row.return .search-row-cnt .form-item-cap {
margin-left:2em;
}
.search-row-cnt select {
margin:5px 0;
font-size:13px;
line-height:1.6;
height:34px;
}
.search-row-cnt select.select-num {
width:43px;
margin-right:5px;
}
.search-row-cnt select.select-carrier{
width:318px;
}
.search-row-cnt .select-date{
margin-right:5px;
padding: 0 30px 0 10px;
width:180px;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 95% 4px no-repeat;
border:1px solid #aaa;
line-height:1.25;
height:34px;
text-align:left;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.search-row-cnt select.select-place{
min-width:120px;
margin-right:10px;
}
.search-row.depart .search-row-cnt select.select-place,
.search-row.return .search-row-cnt select.select-place {
margin-left:10px;
}
.search-row-cnt .area select.select-place{
width:180px;
}
.search-row-cnt p.select-place {
min-width:118px;
margin:0 5px;
display:inline-block;
}
.search-cnt-box.right select {
width:108px;
}
.search-row-cnt img {
vertical-align:text-bottom;
margin-left:5px;
}
.search-row-cnt .ui-datepicker-trigger {
margin:0 0 0 -5px;
}
.search-row.depart .ui-datepicker-trigger,
.search-row.return .ui-datepicker-trigger {
margin:0 0 0;
}
.search-row-cnt .mark-arrow{
color:rgba(0,0,0,0);
display:inline-block;
width:24px;
height:10px;
background:url(/element/j_dp/shared/images/icon-arrow.svg) 50% 50% no-repeat;
overflow:hidden;
opacity:.5;
}
.search-row-cnt .search-cnt-box.left {
border-right:solid 1px #d7d7d7;
width:525px;
}
.searchform.lcc .search-row-cnt .search-cnt-box.left{
border-right:none;
}
.search-row-cnt .search-cnt-box.right {
padding-left:10px;
}
.search-cnt-box .form-item {
position:relative;
}
.search-cnt-box.left .form-item {
padding-left:85px;
}
.search-cnt-box.right .form-item {
padding-left:65px;
}
.search-cnt-box .form-item .form-item-cap {
position:absolute;
left:0;
top:1.35em;
display:block;
width:80px;
}
.search-cnt-box .form-item.person .form-item-cap {
top:.8em;
}

.search-cnt-box .form-item .form-item-cap .cmn-tip-btn{
margin-top:-6px;
position:absolute;
top:50%;
right:0;
}

.search-cnt-box.left .form-item.stay .info-stay{
display: inline-block;
}

.btn-children{
position: absolute;
top:12px;
right:130px;
border:none;
background:none;
border-radius:0;
}
.btn-children a{
padding-left:15px;
color:#666;
background:none;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:11px 11px;
}
.btn-children a:active,
.btn-children a:hover,
.btn-children a:focus{
text-decoration:none;
}
.btn-children.open a{
background-image: url(/element/shared/images/icon/icon-toggle-minus.svg);
}
.btn-children .icon-plus-minus{
display:none;
}

.form-item-box {
position:relative;
background:#efefef;
width:330px;
padding:5px;
}
.form-item-box.close {
display:none;
}
.form-item-box.open {
display:block;
}
.form-item-box .form-item-cap-detail {
font-size:12px;
width:95px;
display:inline-block;
}
.form-item-box .form-item-cap-detail .age,
.form-item-box .number {
font-size:11px;
}
.form-item-box .number {
margin-right:1em;
}
.form-item-box .notice {
padding-left:1em;
text-indent:-1em;
font-size:11px;
color:#555;
}

.searchform .btn-search,
.btn-research {
position:absolute;
bottom:15px;
right:20px;
}
.btn-search a {
display:block;
width:110px;
height:0;
padding-top:31px;
overflow:hidden;
background:url("/element/j_dp/shared/images/submit_bt01_001.gif") no-repeat left top;
}
.btn-research {
width:150px;
padding:1px;
border:solid 1px #6da403;
border-radius:3px;
background:#a3c757;
text-align:center;
}
.btn-research a {
display:block;
color:#fff;
line-height:42px;
font-size:22px;
font-weight:bold;
border-radius:3px;
background:#8ac21e;
background:linear-gradient(to bottom, #8ac21e 0%, #6ea601 100%); /* W3C */
}
.btn-research a:hover {
background:#639501;
background:linear-gradient(to bottom, #77b500 0%, #639501 100%); /* W3C */
text-decoration:none;
}

.link-01{
padding-left: 5px;
position: relative;
}

.link-01:before{
content:"";
position: absolute;
top: 3px;
left: 0;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #7a7a7a;
}

#ui-datepicker-div{
z-index:999 !important;
}

.search-row-cnt label + .cmn-tip-btn{
margin-left: -5px;
}


#childSelect_Area{
margin-right:10px;
width:auto;
}


/* ----------------------------------------------------------------
  .info-stay
----------------------------------------------------------------- */
.searchform .info-stay{
padding-left:10px;
color:#666;
display:inline-block;
position:relative;
font-size:11px;
}

.searchform .info-stay::before{
content:'';
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* ----------------------------------------------------------------
  .search-airline
----------------------------------------------------------------- */
.search-airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.search-airline .search-airline-note{
margin:3px 0 0 10px;
padding-left:1em;
color:#333;
position:relative;
font-size:11px;
float:left;
line-height:1.35;
}

.search-airline .search-airline-note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}