.ios select {
    -webkit-appearance: none;
}
.limited-train-pos {
    text-align: center;
}

.limited-train {
    background-color: #85e024;
    color: #fff;
    display: inline;
    font-weight: normal;
    padding: 1px 8px 0.5px 8px;
    font-size: 11px;
}

@media (min-width: 829px) {
    .limited-train {
        font-size: 18px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seat-reserve
    a {
    padding: 9px 22px 9px 0;
    border: 2px solid #0b499d;
    border-radius: 3px;
    display: block;
    width: 115px;
    line-height: 1.5;
    color: #fff;
    background-color: #0b499d;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .js-seat-selected {
    border: 2px solid #80b300 !important;
    background-color: #80b300 !important;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-body
        .dp-route-block
        .dp-route-block-detail
        .seats-box
        .seat-reserve
        a {
        padding: 15px 15px 15px 0;
        border-radius: 5px;
        width: 230px;
        font-size: 20px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seat-reserve
    a::after {
    content: none;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-body
        .dp-route-block
        .dp-route-block-detail
        .seats-box
        .seat-reserve
        a::after {
        right: 16px;
        margin-top: -7px;
        width: 27px;
        height: 19px;
        background-size: 27px auto;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seat-reserve
    a.is-disabled {
    padding-right: 0;
    border-color: #b5b5b5;
    color: #5f5f5f;
    background-color: #fff;
    pointer-events: none;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seat-reserve
    a.is-disabled::after {
    display: none;
}

.item {
    width: 50%;
}

.landing-time {
    margin-left: 15px;
}

@media (min-width: 829px) {
    .landing-time {
        margin-left: 35px;
    }
}

.departure-landing-time {
    display: flex;
    margin-top: 10px;
}

@media (min-width: 829px) {
    .departure-landing-time {
        display: flex;
    }
}

.departure-landing-time label input[type='radio'] {
    display: none;
}

.departure-landing-time label span {
    padding-left: 30px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
}

@media (min-width: 829px) {
    .departure-landing-time label span {
        padding-left: 40px;
        font-size: 20px;
    }
}

.departure-landing-time label span::before {
    left: 0;
    margin-top: -10px;
    border: 1px solid #b4b4b4;
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 100%;
}

@media (min-width: 829px) {
    .departure-landing-time label span::before {
        margin-top: -15px;
        width: 30px;
        height: 30px;
    }
}

.departure-landing-time label input[type='radio']:checked + span::after {
    display: block;
}

.departure-landing-time label span::after {
    display: none;
    left: 4px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-color: #0b499d;
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 100%;
}

@media (min-width: 829px) {
    .departure-landing-time label span::after {
        left: 5px;
        margin-top: -10px;
        width: 20px;
        height: 20px;
    }
}

.dp-route-select-people-block .item .num-unit {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}

@media (min-width: 829px) {
    .dp-route-select-people-block .item .num-unit {
        font-size: 24px;
        margin-bottom: 10px;
    }
}

.items .items-left input {
    background-color: #ffffff;
}

.items .items-left input[type='radio'] {
    margin-right: 4px;
    border-radius: 100%;
    border: 1px solid #b5b5b5;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .items .items-left input[type='radio'] {
        margin-right: 8px;
        width: 25px;
        height: 25px;
    }
}

.items .items-left input[type='radio']:checked + label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    background-color: #666;
}

@media (min-width: 829px) {
    .items .items-left input[type='radio']:checked + label::after {
        top: 4px;
        left: 4px;
        width: 16px;
        height: 16px;
    }
}

.items-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-route-list-header {
        margin-right: -50px;
    }
}

.no-result-message {
    text-align: center;
}

@media (min-width: 829px) {
    .no-result-message {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

.mouse-over-no-decoration {
    text-decoration: none;
}

.modal-message {
    color: red;
    text-align: center;
    padding-top: 20px;
    padding-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 829px) {
    .modal-message {
        padding-top: 60px;
    }
}

.form-button-block {
    padding-bottom: 30px;
    font-size: 18px;
    text-align: center;
}

@media (min-width: 829px) {
    .form-button-block {
        padding-bottom: 90px;
        font-size: 18px;
        text-align: center;
    }
}

.modal-item .modal-ok-btn {
    display: inline;
    color: #fff;
    background-color: #ff9024;
    margin-top: 20px !important;
    border-radius: 5px;
    width: 40%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 60px auto 0;
    padding: 0px !important;
    border: none !important;
}

@media (min-width: 829px) {
    .modal-item .modal-ok-btn {
        display: inline;
        color: #fff;
        background-color: #ff9024;
        margin-top: 70px !important;
        border-radius: 5px;
        width: 300px;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        margin: 60px auto 0;
        padding: 0px !important;
        border: none !important;
    }
}

.modal-item .modal-no-btn {
    display: inline;
    color: #fff;
    background-color: #5f5f5f;
    margin-top: 20px !important;
    border-radius: 5px;
    width: 40%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 60px auto 0;
    padding: 0px !important;
    border: none !important;
}

@media (min-width: 829px) {
    .modal-item .modal-no-btn {
        display: inline;
        color: #fff;
        background-color: #5f5f5f;
        margin-top: 70px !important;
        border-radius: 5px;
        width: 300px;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        margin: 60px auto 0;
        padding: 0px !important;
        border: none !important;
    }
}

.no-station-message {
    text-align: center;
    margin: 0 20px;
    color: red;
}

@media (min-width: 829px) {
    .no-station-message {
        font-size: 16px;
        margin: 0 45px;
    }
}

.is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .station.is-active {
    border-color: #0b499d !important;
    background-color: #0b499d !important;
}

.modal-item .modal-close-btn {
    display: block;
    color: #fff;
    background-color: #ff9024;
    margin-top: 20px !important;
    border-radius: 5px;
    width: 90%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 60px auto 0;
    padding: 0px !important;
    border: none !important;
}

@media (min-width: 829px) {
    .modal-item .modal-close-btn {
        display: block;
        color: #fff;
        background-color: #ff9024;
        margin-top: 70px !important;
        border-radius: 5px;
        width: 400px;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        margin: 60px auto 0;
        padding: 0px !important;
        border: none !important;
    }
}

.is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .station,
.is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .station-disable {
    height: 35px;
}

@media (min-width: 829px) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .station,
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .station-disable {
        height: 50px;
    }
}
.timeZone-link:hover {
    text-decoration: none;
    cursor: default;
}

.stationModal-modal .modal-refine-route-step {
    display: none;
}

.stationModal-modal .modal-refine-route-step.modal-refine-route-step-1 {
    display: block;
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting {
    margin: 0 20px;
    padding: 30px 0 10px;
    border-bottom: 1px solid #333;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-setting {
        margin: 0 46px;
        padding-top: 45px;
        padding-bottom: 20px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .item {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .way {
    padding-right: 12px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-setting .way {
        padding-right: 25px;
        font-size: 20px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px 10px 7px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station {
        padding-top: 12px;
        padding-bottom: 11px;
        font-size: 16px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station.is-active {
    border-color: #ff9024;
    color: #fff;
    background-color: #ff9024;
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station-disable {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px 10px 7px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    color: #fff;
    background-color: #5f5f5f;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station-disable {
        padding-top: 12px;
        padding-bottom: 11px;
        font-size: 16px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .separator {
    width: 25px;
    height: 23px;
    background-image: url('../../images/icon-route.png');
    background-size: 10px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-setting .separator {
        width: 50px;
        height: 50px;
        background-size: 14px auto;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-heading {
    padding: 15px 20px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-heading {
        padding: 20px 46px;
        font-size: 20px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-list {
    margin-right: -3px;
    margin-left: -3px;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-list {
        margin-right: -5px;
        margin-left: -5px;
        padding: 0 46px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-list .item {
    padding: 0 3px 6px;
    width: 25%;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-list .item {
        padding: 0 5px 10px;
        width: 16.666666667%;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-list .item label {
    display: block;
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-list .item label input[type='radio'] {
    display: none;
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-list .item label input[type='radio']:checked + span {
    border-color: #0b499d;
    color: #fff;
    background-color: #0b499d;
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-list .item label span {
    padding: 5px 0;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-list .item label span {
        padding: 8px 0 7px;
        border-radius: 6px;
        font-size: 16px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-other {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-other {
        margin-top: 15px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-other .modal-refine-route-other-item {
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-other .modal-refine-route-other-item {
        font-size: 16px;
    }
}

.modal-refine-route-set-button {
    margin: 0 20px;
    padding: 15px 30px 14px;
    border-radius: 6px;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    border: none;
    width: 90%;
}

@media (min-width: 829px) {
    .modal-refine-route-set-button {
        margin: 0 auto 25px;
        padding: 20px 30px 19px;
        width: 420px;
        font-size: 20px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-select-heading {
    margin: 0 20px 15px;
    padding: 15px 0;
    border-bottom: 1px solid #333;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-select-heading {
        margin: 0 46px 25px;
        padding: 20px 0;
        font-size: 20px;
    }
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station.is-active {
    border-color: #0b499d !important;
    background-color: #0b499d !important;
}

.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station,
.stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station-disable {
    min-height: 35px;
}

@media (min-width: 829px) {
    .stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station,
    .stationModal-modal .modal-refine-route-step .modal-refine-route-setting .station-disable {
        min-height: 50px;
    }
}

.stationModal-modal {
    display: none;
}

@media (min-width: 829px) {
    .modal-popup .modal-inner-wrap {
        max-width: 760px;
    }
}

.trainNoticModal-modal .modal-refine-inner {
    margin: 15px 35px 0px 20px;
    padding-top: 15px;
    border-top: 1px solid #333;
}

@media (min-width: 829px) {
    .trainNoticModal-modal .modal-refine-inner {
        margin-right: 46px;
        margin-left: 46px;
    }
}

.trainNoticModal-modal .modal-refine-inner .modal-refine-block-heading {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .trainNoticModal-modal .modal-refine-inner .modal-refine-block-heading {
        font-size: 20px;
    }
}

.trainNoticModal-modal .modal-refine-inner .modal-refine-price-range {
    margin-top: 10px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.trainNoticModal-modal {
    display: none;
}

.freeClassSeat-modal {
    color: #333;
    display: none;
}

.freeClassSeat-modal .modal-inner {
    background-color: transparent;
}

.freeClassSeat-modal .seat-type-block {
    padding: 12px 16px 28px;
    border-radius: 5px;
    color: #333;
    background-color: #fff;
}

@media (min-width: 829px) {
    .freeClassSeat-modal .seat-type-block {
        padding: 35px 80px 80px;
        border-radius: 10px;
    }
}

.freeClassSeat-modal .seat-type-block + .seat-type-block {
    margin-top: 20px;
}

@media (min-width: 829px) {
    .freeClassSeat-modal .seat-type-block + .seat-type-block {
        margin-top: 140px;
    }
}

.freeClassSeat-modal .seat-type-block .seat-type-block-title {
    padding-bottom: 12px;
    border-bottom: 1px solid #333;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

@media (min-width: 829px) {
    .freeClassSeat-modal .seat-type-block .seat-type-block-title {
        padding-bottom: 35px;
        font-size: 20px;
    }
}

.freeClassSeat-modal .seat-type-block .seat-type-block-body .seat-type-block-text {
    padding: 15px 0;
    font-size: 12px;
}

@media (min-width: 829px) {
    .freeClassSeat-modal .seat-type-block .seat-type-block-body .seat-type-block-text {
        padding: 35px 0;
        font-size: 14px;
    }
}

@media (min-width: 829px) {
    .seat-type-block-buttons {
        margin-top: 60px;
    }
}

.seat-type-block-buttons .seat-type-block-button {
    border-radius: 4px;
    display: block;
    width: 100%;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background-color: #8fb200;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .seat-type-block-buttons .seat-type-block-button {
        margin: 0 auto;
        width: 400px;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
    }
}

.seat-type-block-buttons .seat-type-block-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    width: 9px;
    height: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4xIDIxLjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xLjQgMjEuNEwwIDIwbDkuMy05LjNMMCAxLjQgMS40IDBsMTAuNyAxMC43eiIvPjwvc3ZnPg==');
    background-size: 9px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .seat-type-block-buttons .seat-type-block-button::after {
        right: 16px;
    }
}

.seat-type-block-buttons .seat-type-block-button + .seat-type-block-button {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .seat-type-block-buttons .seat-type-block-button + .seat-type-block-button {
        margin-top: 24px;
    }
}
.freeClassSeat-modal .seat-type-block-buttons .seat-type-block-button.seat-type-block-button-ok {
    background-color: #ff9024;
}

.freeClassSeat-modal .seat-type-block-buttons .seat-type-block-button.seat-type-block-button-ok::after {
    display: none;
}

.freeClassSeat-modal .seat-position-block,
.freeClassSeat-modal .seat-all-block {
    display: none;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-header
    .time {
    width: 53.33px !important;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-body
        .dp-route-block
        .dp-route-block-header
        .time {
        width: 89px !important;
    }
}

#loading {
    width: 20px;
    height: 20px;
    margin: 20px auto;
    text-align: center;
}

@media (min-width: 829px) {
    #loading {
        width: 40px;
        height: 40px;
    }
}
.dp-route-select .dp-route-list-section {
    padding: 0 !important;
}
.jsc-route-heading {
    border-left: 3px solid #0b499d;
    padding-left: 5px;
}

@media (min-width: 829px) {
    .jsc-route-heading {
        border-left: 5px solid #0b499d;
        padding-left: 7px;
    }
}

.label-time {
    width: 0px !important;
}
@media (min-width: 829px) {
    .select-time {
        margin-left: 25px;
    }
    .label-time {
        width: 80px !important;
    }
}

.link-default {
    cursor: default !important;
}

.back-train .dp-query-select-current-inner .items .item .modal-item:after {
    background: none !important;
}

.dp-route-select .dp-route-select-largeSeat {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 50px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-largeSeat {
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 0;
    }
}

.large-seat {
    font-size: 9px;
    display: flex;
    width: 42%;
    position: absolute;
    text-align: justify;
    margin-top: 10px;
}

@media (min-width: 829px) {
    .large-seat {
        font-size: 14px;
    }
}

.largeInfoModal {
    display: none;
}

.largeInfoModal .modal-refine-title {
    padding: 15px 20px;
}

.largeInfoModal .modal-refine-title p {
    font-size: 10px;
    font-weight: 100;
    padding-left: 10px;
    line-height: 30px;
}

@media (min-width: 829px) {
    .largeInfoModal .modal-refine-title {
        padding: 30px 25px;
    }

    .largeInfoModal .modal-refine-title p {
        font-size: 18px;
        padding-left: 20px;
        line-height: 40px;
    }
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .large-item {
    display: block;
    height: 34px;
    align-items: center;
    width: 100% !important;
    font-weight: bold;
}

.items-left-large {
    margin-bottom: 5px;
}
@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .large-item {
        display: flex;
        margin-top: 10px;
    }
    .left {
        width: 33.33%;
    }
    .items-left-large {
        margin-bottom: 0;
        text-align: center;
    }
}
#jsi-confirm-dialog .trainNoticModal-modal{
    display: block;
    text-align: left;
}

.modal-item.jsc-departure-go.select-time:before{
    content: "※出発駅をお選びください";
}

.modal-item.jsc-arrival-go.select-time:before{
    content: "※宿泊地最寄りの到着駅をお選びください";
}

.modal-item.jsc-departure-go.select-time:before, .modal-item.jsc-arrival-go.select-time:before{
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #f00;
    line-height: 1.4;
    text-align: left;
}

.large-area{
    padding: 80px 0 10px;
}

.large-area1{
    margin-top: 50px;
}

.item.single.query::after{
    content: '出発駅、到着駅、時間を変更した際は再検索をクリックしてください';
}

.item.return.query::after{
    content: '時間を変更した際は再検索をクリックしてください';
}

.item.single.query::after,.item.return.query::after{
    bottom: auto;
    width: 190px;
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #f00;
    line-height: 1.4;
    text-align: left;
}

@media (min-width: 829px) {
    .item.single.query::after,.item.return.query::after{
        position: absolute;
        left: calc(50% + 90px);
        width: 190px;
    }

    .large-area{
        padding: 45px 0 10px;
    }
     
    .large-area1{
        margin-top: 30px;
    }
}   

.green-banner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 40px;
    width: 413px;
    height: 57px;
    max-width: 413px;
    max-height: 57px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ0AAAA5CAYAAADtJfbuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYmRkOWJkZS00OWVkLTU0NGYtODBiYS04ZjcwYmJjNjIzNGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRCRjZBRDg0MkQ1MTFFQzkwNUU5MDcyQkU0MjRFMzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRCRjZBRDc0MkQ1MTFFQzkwNUU5MDcyQkU0MjRFMzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzUxMzM5ZTItMWZkMy1mMTQzLTg1ODEtM2ZjNTNlZTA0ZDI1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODk5NTUwM2UtZDQwYS04NDRmLThhYTQtNzM5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) no-repeat center/ 100% auto;
    transform: translateX(-50%);
}

@media (min-width: 737px){
    .green-banner {
        position: relative;
        padding-top: 100px !important;
    }
}

@media (max-width: 828px){
    .green-banner::before {
        width: 90%;
        height: 15vw;
    }
}

.green-banner {
    position: relative;
    padding-top: 100px !important;
}


@media (max-width: 828px){
    .green-banner {
    }
}