/* JR Form -- renewal-page */
ul.searchTAB li.dpTAB{ width: 90px!important; background:url(../images/jrTAB.svg) top center no-repeat, url(../images/jrTABon.svg) top center no-repeat;}
ul.searchTAB li.dpTAB.on {background: url(../images/jrTABon.svg) top center no-repeat;}
.anajal li.jr label{background: url(../images/logo_JR.png) 5px center no-repeat; background-size: 23px auto;}

#dap-search-form {
    border: none;
}

.anajal {
    width: 880px;
    margin: 0 auto;
    padding: 15px 0;
    border-top: 1px solid #EAEAEA;
    display: none;
}

.anajal li.jal label {
    background-size: 67px auto;
    left: 2px;
}

#djp-search-form {
    display: none;
    background: #fff;
    position: relative;
    position: relative;
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
}

#djp-search-form .flexBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#djp-search-form h3 {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin-bottom: 4px;
}

#djp-search-form .sub-searchbox {
    height: 60px;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#djp-search-form .sub-searchbox#date {
    width: 633px;
    width: 67%;
    background-image: url(../images/search_calendar_svg.svg);
    background-repeat: no-repeat;
    background-position: center left 16px;
    padding: 0 18px 0 54px;
    margin-bottom: 16px;
    position: relative;
}

#djp-search-form .sub-searchbox#date:after {
    width: 26px;
    height: 26px;
    visibility: visible;
    background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/Calendar.svg) no-repeat left center;
    background-size: auto;
    background-size: 26px 26px;
    content: "";
    opacity: .62;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -13px;
}

#djp-search-form .sub-searchbox#date .search-field__dptCal--current-selection {
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}

#djp-search-form .sub-searchbox#date dl {
    display: flex;
    align-items: center;
}

#djp-search-form .sub-searchbox#date .date {
    font-size: 13px;
    color: #999;
}

#djp-search-form .sub-searchbox#date dt {
    width: 60px;
    padding-top: 2px;
}

#djp-search-form .sub-searchbox#date .hasDatepicker {
    text-align: center;
    width: 70%;
    border: none!important;
    background: none!important;
    box-shadow: none!important;
    font-size: 16px;
    font-weight: bold;
    min-height: 16px;
    line-height: 1.4;
}

#djp-search-form .sub-searchbox#date hr {
    width: 8px;
    height: 1px;
    background-color: #000;
    border: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#djp-search-form .sub-searchbox.search-field__departure {
    width: 310px;
    width: 32%;
    background-image: url(../images/departure_svg.svg);
    background-repeat: no-repeat;
    background-position: center left 8px;
    padding: 0px 18px 0 55px;
}

#djp-search-form .sub-searchbox.search-field__departure .area {
    font-size: 13px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}

#djp-search-form .sub-searchbox.search-field__departure .area:after {
    position: absolute;
    content: "";
    background: #8c8c8c;
    height: calc(tan(60deg) * 10px / 2);
    width: 10px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    right: 6%;
    top: 50%;
    margin-top: -2px;
}

#djp-search-form .sub-searchbox.search-field__departure h4 {
    width: 60px;
    font-size: 13px;
    font-weight: normal;
    color: #999;
    padding-top: 2px;
}

#djp-search-form .sub-searchbox.search-field__departure #f_chu {
    background: none;
    border: none;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#djp-search-form .sub-searchbox.search-field__arrival {
    background-image: url(./images/arrival_svg.svg);
    background-repeat: no-repeat;
    background-position: center left 12px;
    padding: 0px 18px 0 40px;
    width: 32.66666%;
    position: relative;
}

#djp-search-form .sub-searchbox.search-field__arrival:after {
    width: 26px;
    height: 26px;
    visibility: visible;
    background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/location.svg) no-repeat left center;
    background-size: 26px 26px;
    content: "";
    opacity: .72;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

#djp-search-form .sub-searchbox.search-field__arrival .area {
    font-size: 13px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}

#djp-search-form .sub-searchbox.search-field__arrival h4 {
    width: 60px;
    font-size: 13px;
    font-weight: normal;
    color: #999;
    padding-top: 2px;
}

#djp-search-form .sub-searchbox.search-field__arrival select, .select-field__location--current-location {
    background: none;
    border: none;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#djp-search-form .sub-searchbox#people {
    position: relative;
    padding: 0px 12px 0 52px;
    width: 32.66666%;
}

#djp-search-form .sub-searchbox#people:before {
    width: 26px;
    height: 26px;
    visibility: visible;
    background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/person.svg) no-repeat left center;
    background-size: 26px 26px;
    content: "";
    opacity: .72;
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -13px;
}

#djp-search-form .sub-searchbox#people .people {
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

#djp-search-form .sub-searchbox#people:after {
    position: absolute;
    content: "";
    background: #8c8c8c;
    height: calc(tan(60deg) * 10px / 2);
    width: 10px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    right: 6%;
    top: 50%;
    margin-top: -2px;
}

#djp-search-form .sub-searchbox#people li {
    font-size: 12px;
}

#djp-search-form .sub-searchbox#people #adult-num, #djp-search-form .sub-searchbox#people #child-num {
    font-size: 14px;
    padding-left: 24px;
}

#djp-search-form .sub-searchbox#people .child a {
    width: 20px;
    color: #333;
}

#djp-search-form .sub-searchbox#people select {
    width: 16px;
    background: none;
    border: none;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#djp-search-form .sub-searchbox#room {
    background-image: url(../images/room_svg.svg);
    background-repeat: no-repeat;
    background-position: center left 12px;
    position: relative;
    padding: 4px 12px 0 52px;
    width: 32.66666%;
}

#djp-search-form .sub-searchbox#room:before {
    width: 26px;
    height: 26px;
    visibility: visible;
    background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/roomnum.svg) no-repeat left center;
    background-size: 26px 26px;
    content: "";
    opacity: .72;
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -13px;
}

#djp-search-form .sub-searchbox#room .room {
    font-size: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 4px solid #fafafa;
}

#djp-search-form .sub-searchbox#room:after {
    position: absolute;
    content: "";
    background: #8c8c8c;
    height: calc(tan(60deg) * 10px / 2);
    width: 10px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    right: 6%;
    top: 50%;
    margin-top: -2px;
}

#djp-search-form .sub-searchbox#room .child a {
    width: 20px;
    color: #333;
}

#djp-search-form .sub-searchbox#room select {
    width: 16px;
    background: none;
    border: none;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#dh-child-popup-contents {
    z-index: 100;
}

/*旅行期間中*/
#djp-search-form .option {
    font-size: 12px;
    margin: 16px auto 16px;
}

#djp-search-form .option input {
    display: none;
}

#djp-search-form .option input[type="checkbox"]+label {
    color: #454545;
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    padding-left: 28px;
    background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/check.svg) left center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 16px 16px;
    cursor: pointer;
    height: 16px;
    padding: 6px 6px 8px 20px;
}

#djp-search-form .option input[type="checkbox"]:checked+label {
    background: url(https://travel.rakuten.co.jp/share/assets/test/demo/PCtop/images/checkedImg.svg) left center no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 16px 16px;
    cursor: pointer;
    height: 16px;
    padding: 6px 6px 8px 20px;
}


#djp-search-form .searchSubmit {
    width: 200px;
    margin: 16px auto 0;
}

#djp-search-form .searchSubmit a {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d04a00;
    color: #fff;
    border-radius: 4px;
}

#djp-parts-contents {
    display: none;
    box-sizing: border-box;
    width: 100%;
}

#djp-parts-contents dl.srcSt01 dt {
    font-size: 12px;
    color: #999;
}

#djp-parts-contents dl {
    background-position: 190px;
    background-image: url(../images/search_calendar_svg.svg) !important;
    background-size: 22px 25px;
    padding: 0 0 0 40px;
    background-repeat: no-repeat;
    background-position: left 16px center;
    float: left;
    width: 49.5%;
    height: 60px;
    box-sizing: border-box;
    position: relative;
    border-radius: 4px;
    border: 1px solid #ccc;
}

#djp-parts-contents dl:nth-child(2) {
    float: right;
}

#djp-parts-contents dl:before {
    width: 26px;
    height: 20px;
    background: url(https://travel.rakuten.co.jp/superdeal/fuseco/images/Calendar.svg) no-repeat left center;
    background-size: auto;
    background-size: auto;
    background-size: 22px 25px;
    content: "";
    opacity: .72;
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -10px;
}

#djp-parts-contents .search-field__input--disabled:before {
    opacity: 0.3;
}

#djp-parts-contents dl .search-field__chkinCal--current-selection {
    display: flex;
    align-items: center;
}

#djp-parts-contents dl.srcSt01 dd {
    margin-bottom: 5px;
    padding-top: 9px;
}

#djp-in-date, #djp-out-date {
    margin-bottom: 0;
    border: none;
    font-weight: bold;
    background: none;
    font-size: 16px;
}

#djp-in-date, #djp-out-date {
    width: 120px;
    padding: 0 10px;
}

/* sltBox */
.childBox.popup-contents {
    z-index: 103;
}

.sltBox {
    position: relative;
    padding: 10px;
    border: 3px solid #ccc;
    background-color: #fff;
    margin-right: 3%;
    margin-left: 3%;
    box-shadow: 0px 3px 5px #666;
}

#djp-child-num-contents .sltBox {
    width: 420px;
}

.sltBox:after, .sltBox:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.sltBox:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}

.sltBox:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 14px;
    left: 50%;
    margin-left: -14px;
}

.sltBox table {
    font-size: 82%;
    margin-bottom: 2px;
}

.sltBox th {
    background-color: #eeeeee;
    color: #888888;
    font-weight: bold;
    width: 3.6em;
}

.sltBox tr {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ccc;
}

.sltBox td {
    width: 8em;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

#djp-child-num-contents .sltBox td {
    width: 13em !important;
}

.sltBox td span.child-select-des {
    display: block;
}

.sltBox td span.child-select-contents {
    display: block;
    vertical-align: middle;
}

.sltBox .tbClose {
    display: block;
    z-index: 5;
    position: absolute;
    top: -10px;
    right: -10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.sltBox .tbClose a.close {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0px 0px;
    height: 23px;
    width: 23px;
    background-image: url(https://img.travel.rakuten.co.jp/share/themes/search/images/closeBtn_72px.png);
    background-repeat: no-repeat;
}

.no-scroll {
    overflow: hidden;
}

.search-field__input--disabled {
    background-color: #EAEAEA;
    color: #CCC;
    pointer-events: none;
}

.search-field__input--disabled #djp-in-date, .search-field__input--disabled label {
    color: #CCC;
}

.search-field__input--disabled .search-field__chkinCal--current-selection.search-field__active-area {
    border-bottom: 4px solid transparent!important;
}

.container.show.dpt-calendar {
    top: 47px !important;
    left: -259px !important;
}
.container.show.chk-calendar {
    top: 40px !important;
    left: -264px !important;
}