@charset "UTF-8";

.dynamic-hero .dynamic-hero-header {
    padding-top: 45px;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-header {
        margin: 0 auto;
        max-width: 760px;
    }
}

.dynamic-hero .dynamic-hero-header .dynamic-hero-heading {
    color: #606060;
    text-align: center;
    position: relative;
    z-index: 1;
}

.dynamic-hero .dynamic-hero-header .dynamic-hero-heading svg {
    display: inline-block;
    vertical-align: top;
    width: 203px;
    height: 26px;
    fill: #0b499d;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-header .dynamic-hero-heading svg {
        width: 297px;
        height: 37px;
    }
}

.dynamic-hero .dynamic-hero-header .dynamic-hero-heading span {
    padding-top: 6px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-header .dynamic-hero-heading span {
        padding-top: 12px;
        font-size: 18px;
    }
}

.dynamic-hero .dynamic-hero-header .dynamic-hero-note {
    margin-top: 5px;
    text-align: center;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-header .dynamic-hero-note {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
    }
}

.dynamic-hero .dynamic-hero-header .dynamic-hero-note a {
    color: #0b499d;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
}

.dynamic-hero .dynamic-hero-header .dynamic-hero-note a:hover,
.dynamic-hero .dynamic-hero-header .dynamic-hero-note a:active {
    text-decoration: none;
}

.dynamic-hero .dynamic-hero-header .dynamic-hero-note a::after {
    content: '';
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjbGFzcz0iYmYyYWZiZDMtNGQ2Yy00OTFlLWJmNmQtYTMyYWMxNzZjZTBhIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiMwYjQ5OWQiLz48cGF0aCBjbGFzcz0iYTZlOWNkNzItNzg3OC00ZDYyLWIyZTEtZWY3OTRmZTNmOWRlIiBkPSJNMTMuMDksMTlIMTAuNzdhLjUuNSwwLDAsMS0uNTEtLjUxVjE2LjI4YS41LjUsMCwwLDEsLjUxLS41MWgyLjMyYS41LjUsMCwwLDEsLjUyLjUxdjIuMjFBLjUuNSwwLDAsMSwxMy4wOSwxOVptLTIuMTktLjY0SDEzVjE2LjQxSDEwLjlabTIuMTYtMy4yMUgxMC44MWEuNS41LDAsMCwxLS41MS0uNTF2LS44MUEyLjYxLDIuNjEsMCwwLDEsMTAuOTMsMTJsMS4zNS0xLjc1Yy41Ni0uNjYuNjctMSwuNjctMS4zNWEuODkuODksMCwwLDAtMS0xYy0uNjEsMC0xLC4zNi0xLjEzLDEuMWEuNTEuNTEsMCwwLDEtLjYxLjQzTDguMTYsOS4xNkEuNTEuNTEsMCwwLDEsNy44MSw5YS41Ny41NywwLDAsMS0uMDgtLjQxQTQuMDcsNC4wNywwLDAsMSwxMi4wNyw1YzIuNDQsMCw0LjIxLDEuNiw0LjIxLDMuOGE0LDQsMCwwLDEtMS4xLDIuNzJsLTEuMjksMS42OWExLjIxLDEuMjEsMCwwLDAtLjMyLDF2LjQ2QS41LjUsMCwwLDEsMTMuMDYsMTUuMTVabS0yLjEyLS42NGgydi0uMzNhMS44MiwxLjgyLDAsMCwxLC40Ni0xLjM3bDEuMjgtMS42OWEzLjMxLDMuMzEsMCwwLDAsMS0yLjMyLDMuMjcsMy4yNywwLDAsMC0zLjU2LTMuMTYsMy40MywzLjQzLDAsMCwwLTMuNjksMi45bDEuODcuMjhBMS43MywxLjczLDAsMCwxLDEyLDcuM2ExLjUzLDEuNTMsMCwwLDEsMS42LDEuNiwyLjY1LDIuNjUsMCwwLDEtLjgxLDEuNzVMMTEuNDQsMTIuNGEyLDIsMCwwLDAtLjUsMS40M1oiIGZpbGw9IiNmZmYiLz48L3N2Zz4K);
    background-size: 24px auto;
    background-repeat: no-repeat;
}

.dynamic-hero .dynamic-hero-body {
    margin-top: 15px;
    background-color: #0b499d;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher {
    background-color: #fff;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher ul {
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 760px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher ul {
        padding-right: 0;
        padding-left: 0;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    color: #333;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li:nth-child(1) {
    padding-right: 5px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li:nth-child(1) {
        padding-right: 10px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li:nth-child(2) {
    padding-left: 5px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li:nth-child(2) {
        padding-left: 10px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li span {
    padding: 7px 0;
    border-bottom: 3px solid #dcdddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    background-color: #dcdddd;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li span {
        padding: 13px 0;
        font-size: 20px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab .dynamic-hero-tab-switcher li span.is-active {
    border-color: #ff9024;
    color: #fff;
    background-color: #0b499d;
    cursor: default;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab-body {
    padding: 0 15px;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab-body .dynamic-hero-tab-item {
    display: none;
    padding-top: 20px;
    padding-bottom: 5px;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab-body .dynamic-hero-tab-item.is-active {
    display: block;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-tab-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.jsc-select{
    display: block;
    width: 150px;
    margin: 0 auto;
    padding: 5px 10px;
    border: 0;
    border-radius: 3px;
    background-color: #ff9024;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 2;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-tab-item-inner {
        margin: 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 760px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-form-item {
        margin-bottom: 20px;
        width: 370px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item.dynamic-hero-button-area {
    padding-right: 5px;
    width: 50%;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-form-item.dynamic-hero-button-area {
        padding-right: 0;
        width: 370px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item.dynamic-hero-button-area + .dynamic-hero-button-area {
    padding-right: 0;
    padding-left: 5px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-form-item.dynamic-hero-button-area + .dynamic-hero-button-area {
        padding-left: 0;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item label {
    padding-top: 7px;
    width: 75px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-form-item label {
        width: 80px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item input,
.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item select,
.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 2px;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 10px;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 10px;
    width: 100%;
    background-color: #fff;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xMiAxMS4xOCI+PHBhdGggZD0iTTkuMDYgMTEuMTggMCAyLjEyIDIuMTIgMCA5LjA2IDYuOTQgMTYgMCAxOC4xMiAyLjEyIDkuMDYgMTEuMTh6IiBmaWxsPSIjNWY1ZjVmIi8+PC9zdmc+Cg==');
    background-size: 8px auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
    font-size: 13px;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item select[disabled] {
    background-color: #dcdddd;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item select::-ms-expand {
    display: none;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-select-calendar input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 10px;
    width: 100%;
    background-color: #fff;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xMiAxMS4xOCI+PHBhdGggZD0iTTkuMDYgMTEuMTggMCAyLjEyIDIuMTIgMCA5LjA2IDYuOTQgMTYgMCAxOC4xMiAyLjEyIDkuMDYgMTEuMTh6IiBmaWxsPSIjNWY1ZjVmIi8+PC9zdmc+Cg==');
    background-size: 8px auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0Ny41Ij48cGF0aCBkPSJNMCA1LjVoNDZ2NDJIMHoiIGZpbGw9IiM1ZjVmNWYiLz48cGF0aCBkPSJNMyAxNi41aDQwdjI4SDN6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTcgMjAuNWg4djhIN3pNMTkgMjAuNWg4djhoLTh6TTMxIDIwLjVoOHY4aC04ek03IDMyLjVoOHY4SDd6TTE5IDMyLjVoOHY4aC04ek0zMSAzMi41aDh2OGgtOHoiIGZpbGw9IiM1ZjVmNWYiLz48cmVjdCB4PSI4IiB5PSIxLjUiIHdpZHRoPSI0IiBoZWlnaHQ9IjgiIHJ4PSIyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwIDExYTMuNSAzLjUgMCAwIDEtMy41LTMuNXYtNGEzLjUgMy41IDAgMCAxIDcgMHY0QTMuNSAzLjUgMCAwIDEgMTAgMTF6bTAtOGEuNS41IDAgMCAwLS41LjV2NGEuNS41IDAgMCAwIDEgMHYtNEEuNS41IDAgMCAwIDEwIDN6IiBmaWxsPSIjZmZmIi8+PHJlY3QgeD0iMzQiIHk9IjEuNSIgd2lkdGg9IjQiIGhlaWdodD0iOCIgcng9IjIiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzYgMTFhMy41IDMuNSAwIDAgMS0zLjUtMy41di00YTMuNSAzLjUgMCAwIDEgNyAwdjRBMy41IDMuNSAwIDAgMSAzNiAxMXptMC04YS41LjUgMCAwIDAtLjUuNXY0YS41LjUgMCAwIDAgMSAwdi00QS41LjUgMCAwIDAgMzYgM3oiIGZpbGw9IiNmZmYiLz48cmVjdCB4PSI4IiB5PSIxLjUiIHdpZHRoPSI0IiBoZWlnaHQ9IjgiIHJ4PSIyIiBmaWxsPSIjNWY1ZjVmIi8+PHJlY3QgeD0iMzQiIHk9IjEuNSIgd2lkdGg9IjQiIGhlaWdodD0iOCIgcng9IjIiIGZpbGw9IiM1ZjVmNWYiLz48L3N2Zz4K');
    background-size: 20px auto;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-select,
.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-selects {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-selects select {
    margin-top: 10px;
    width: 130px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-selects select {
        width: 140px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-selects select:nth-child(even) {
    margin-left: 10px;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-selects select:nth-child(1),
.dynamic-hero .dynamic-hero-body .dynamic-hero-form-item .dynamic-hero-selects select:nth-child(2) {
    margin-top: 0;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-button {
    padding: 9px 0 8px;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-button {
        padding: 11px 0;
        font-size: 20px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-button span {
    position: absolute;
    top: 50%;
    right: 13px;
    z-index: 1;
    margin-top: -5px;
    width: 5px;
    height: 10px;
}

@media (min-width: 829px) {
    .dynamic-hero .dynamic-hero-body .dynamic-hero-button span {
        margin-top: -6px;
        width: 6px;
        height: 12px;
    }
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-button span svg {
    display: block;
    width: inherit;
    height: inherit;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-button.dynamic-hero-by-train {
    color: #fff;
    background-color: #8fb200;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-button.dynamic-hero-by-train svg {
    fill: #fff;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-button.dynamic-hero-by-hotel {
    color: #333;
    background-color: #dcdddd;
}

.dynamic-hero .dynamic-hero-body .dynamic-hero-button.dynamic-hero-by-hotel svg {
    fill: #333;
}

body.is-popup {
    position: fixed;
    width: 100%;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
}

@media screen and (max-width: 782px) {
    .modal {
        height: 100%;
    }
}

.is-popup .modal {
    pointer-events: auto;
    opacity: 1;
}

.modal .modal-body {
    position: absolute;
    top: 50%;
    right: 15px;
    left: 15px;
    z-index: 2;
    max-width: 345px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 829px) {
    .modal .modal-body {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.modal .modal-body .modal-inner {
    padding: 45px 23px 23px;
    border: 1px solid #0b499d;
    max-height: 435px;
    background-color: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.modal .modal-body .modal-inner::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}

.modal .modal-body .modal-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.modal .modal-body .modal-inner::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

@media (min-width: 829px) {
    .modal .modal-body .modal-inner {
        max-height: 900px;
    }
}

.modal .modal-body .modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 16px;
    height: 16px;
    z-index: 10;
    cursor: pointer;
    overflow: hidden;
}

.modal .modal-body .modal-close::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi4xMiAzMi4xMiI+PHBhdGggZmlsbD0iIzAwNGI5YyIgZD0iTTMyLjEyIDIuMTJMMzAgMCAxNi4wNiAxMy45NCAyLjEyIDAgMCAyLjEybDEzLjk0IDEzLjk0TDAgMzBsMi4xMiAyLjEyIDEzLjk0LTEzLjk0TDMwIDMyLjEyIDMyLjEyIDMwIDE4LjE4IDE2LjA2IDMyLjEyIDIuMTJ6IiAvPjwvc3ZnPgo=');
    background-size: 16px auto;
    background-repeat: no-repeat;
}

.modal .modal-body .modal-title {
    color: #333;
    font-size: 15px;
    text-align: center;
}

.modal .modal-body .modal-calendar-pager {
    margin-top: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0b499d;
    font-size: 14px;
}

.modal .modal-body .modal-calendar-pager .modal-calendar-prev span,
.modal .modal-body .modal-calendar-pager .modal-calendar-next span {
    display: none;
}

.modal .modal-body .modal-calendar-pager .modal-calendar-prev svg,
.modal .modal-body .modal-calendar-pager .modal-calendar-next svg {
    display: block;
    width: 8px;
    height: 16px;
    fill: #0b499d;
}

.modal .modal-body .modal-calendar-pager .modal-calendar-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modal .modal-body .modal-calendar-pager .modal-calendar-month {
    margin: 0 18px;
}

.modal .modal-body .modal-calendar {
    margin: 0 -5px;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    width: calc(100% + 5px);
}

.modal .modal-body .modal-calendar th,
.modal .modal-body .modal-calendar td {
    text-align: center;
}

.modal .modal-body .modal-calendar tr td {
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    color: #0b499d;
    background-color: #dcdddd;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.modal .modal-body .modal-calendar tr td:nth-child(1) {
    color: #e60012;
}

.modal .modal-body .modal-calendar tr td:nth-child(7) {
    color: #00a0e9;
}

.modal .modal-body .modal-calendar tr td.selected {
    color: #fff;
    background-color: #0b499d;
}

.modal .modal-body .modal-calendar thead th {
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}

.modal .modal-body .modal-calendar thead th:nth-child(1) {
    color: #e60012;
}

.modal .modal-body .modal-calendar thead th:nth-child(7) {
    color: #00a0e9;
}

.modal .modal-body .modal-select-number .modal-select-brick {
    padding: 20px 0;
    border-bottom: 1px solid #333;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-brick-title {
    margin-bottom: 10px;
    color: #0b499d;
    font-size: 12px;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0b499d;
    font-size: 12px;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num + .modal-select-num {
    margin-top: 15px;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .select-num-inc,
.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .select-num-dec {
    border: 1px solid #333;
    width: 40px;
    height: 35px;
    line-height: 33px;
    color: #333;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .select-num-dec {
    margin-left: 5px;
    border-right: 0;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .select-num-inc {
    margin-right: 5px;
    border-left: 0;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    border: 1px solid #333;
    border-radius: 0;
    display: block;
    width: 100px;
    height: 35px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-align: center;
    -moz-appearance: textfield;
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num input::-webkit-outer-spin-button,
.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (min-width: 829px) {
    .modal .modal-body .modal-select-number .modal-select-brick .modal-select-num input {
        font-size: 17px;
    }
}

.modal .modal-body .modal-select-number .modal-select-brick .modal-select-num-note {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    text-align: center;
}

.modal .modal-body .modal-submit-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 15px;
    padding: 12px 0 11px;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 100%;
    color: #fff;
    background-color: #0b499d;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.modal .modal-body .modal-item {
    display: none;
}

.is-calendar .modal .modal-body [data-type='calendar'] {
    display: block;
}

.is-room .modal .modal-body [data-type='room'] {
    display: block;
}

.is-route .modal .modal-body [data-type='route'] {
    display: block;
}

.is-map .modal .modal-body [data-type='map'] {
    display: block;
}

.is-refine .modal .modal-body [data-type='refine'] {
    display: block;
}

.is-child-seat .modal .modal-body [data-type='child-seat'] {
    display: block;
}

.is-afterjoin .modal .modal-body [data-type='afterjoin'] {
    display: block;
}

.is-pic .modal .modal-body [data-type='pic'] {
    display: block;
}

.is-seat .modal .modal-body [data-type='seat'] {
    display: block;
}

.is-seat-position .modal .modal-body [data-type='seat-position'] {
    display: block;
}

.is-seat-all .modal .modal-body [data-type='seat-all'] {
    display: block;
}

.modal .modal-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.is-popup .modal .modal-layer {
    opacity: 0.93;
    pointer-events: auto;
}

.modal.multi-modal .modal-body {
    right: 20px;
    left: 20px;
    max-width: 760px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 760px;
    }
}

.modal.multi-modal .modal-body .modal-close {
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-close {
        top: 15px;
        right: 15px;
        width: 35px;
        height: 35px;
    }
}

.modal.multi-modal .modal-body .modal-close::before {
    width: 25px;
    height: 25px;
    background-image: url('../../images/icon-refine-modal-close.png');
    background-size: 25px auto;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-close::before {
        width: 35px;
        height: 35px;
        background-size: 35px auto;
    }
}

.modal.multi-modal .modal-body .modal-inner {
    padding: 0;
    border: 0;
    border-radius: 5px;
    max-height: 90vh;
}

.modal.multi-modal .modal-body .modal-refine-title {
    padding: 15px 20px 0;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-refine-title {
        padding: 40px 46px 0;
        font-size: 20px;
    }
}

.modal.multi-modal .modal-body .modal-refine-select-number {
    padding: 0 20px 20px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-refine-select-number {
        padding: 0 46px 46px;
    }
}

.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0;
}

.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num {
    padding-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num + .modal-select-num {
    margin-top: 0;
    padding-right: 0;
    padding-left: 8px;
}

.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num .select-num-dec,
.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num .select-num-inc {
    border-color: #b5b5b5;
    width: 29px;
    height: 28px;
    line-height: 26px;
}

.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num .select-num-dec {
    margin-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num .select-num-inc {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-color: #b5b5b5;
    width: 45px;
    height: 28px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-refine-select-number .modal-select-brick .modal-select-num input {
        min-width: 45px;
        max-width: 60px;
    }
}

.modal.multi-modal .modal-body .modal-refine-button {
    margin-bottom: 15px;
    padding: 15px 30px 14px;
    border-radius: 6px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.modal.multi-modal .modal-body .modal-refine-button a {
    color: #fff;
}

.modal.multi-modal .modal-body .modal-refine-text {
    text-align: left;
    font-size: 10px;
    color: #0b4a9d;
    margin-bottom: 10px;
}

.modal.multi-modal .modal-body .modal-refine-text .link2,
.modal.multi-modal .modal-body .link3 {
    display: none;
}

.modal.multi-modal .modal-body .link3 {
    color: #333;
}

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

    .modal.multi-modal .modal-body .modal-refine-text {
        font-size: 18px;
    }
}

.modal.multi-modal .modal-body .modal-refine-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 9px;
    height: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4zIDM1LjUiPjxwYXRoIGQ9Ik0zLjUsMzUuNSAwLDMyIDE0LjIsMTcuOCAwLDMuNSAzLjUsMCAyMS4zLDE3Ljh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==');
    background-size: 9px auto;
    background-repeat: no-repeat;
}

.modal.multi-modal .modal-body .modal-refine-button.is-search {
    background-color: #8fb200;
}

.modal.multi-modal .modal-body .modal-refine-button.is-select {
    background-color: #ff9024;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-select-room {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-top: 10px;
    }
}

.modal.multi-modal .modal-body .modal-select-room .modal-refine-room-title {
    padding-top: 15px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-select-room .modal-refine-room-title {
        padding-top: 0;
        font-size: 22px;
    }
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-select-room .modal-select-brick {
        margin-left: 25px;
    }
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-select-room .modal-select-brick .modal-select-num {
        width: auto;
        font-size: 20px;
    }
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-select-room .modal-select-brick .modal-select-num .select-num-inc,
    .modal.multi-modal .modal-body .modal-select-room .modal-select-brick .modal-select-num .select-num-dec {
        width: 40px;
        height: 39px;
        line-height: 37px;
        font-size: 22px;
    }
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-select-room .modal-select-brick .modal-select-num input {
        width: 80px;
        height: 39px;
        font-size: 24px;
    }
}

.modal.multi-modal .modal-body .modal-refine-select-days {
    background-color: #f6f6f6;
    padding-bottom: 20px;
}

.modal.multi-modal .modal-body .modal-refine-select-days .condition5 {
    color: #0047a1;
}

.modal.multi-modal .modal-body .modal-refine-select-days .condition2 {
    color: #000;
    font-weight: bold;
}

.modal.multi-modal .modal-body .modal-refine-select-days .condition1,
.modal.multi-modal .modal-body .modal-refine-select-days .condition3,
.modal.multi-modal .modal-body .modal-refine-select-days .condition4 {
    color: #f00;
}

.modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-select-day {
    width: 80px;
    height: 47px;
    text-align: center;
    margin-left: 15px;
    margin-top: 10px;
    border: 1px solid #b5b5b5;
    display: inline-block;
    font-size: 12px;
}

.modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-select-day .time {
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #333;
}

.modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-select-day .condition {
    background-color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
}

.modal.multi-modal .modal-body .modal-refine-condition {
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
}

.modal.multi-modal .modal-body .modal-refine-condition .add-refine {
    font-size: 20px;
    font-weight: 100;
    float: right;
}

.modal.multi-modal .modal-body .modal-refine-condition .reduce-refine {
    font-size: 20px;
    font-weight: 100;
    float: right;
    display: none;
}

.modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-define {
    font-size: 12px;
    padding-top: 5px;
    padding-left: 20px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-refine-select-days {
        padding-bottom: 15px;
    }

    .modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-select-day {
        width: 110px;
        height: 65px;
        margin-left: 30px;
        margin-top: 10px;
        font-size: 14px;
    }

    .modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-select-day .time {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-select-day .condition {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .modal.multi-modal .modal-body .modal-refine-condition {
        font-size: 20px;
    }

    .modal.multi-modal .modal-body .modal-refine-condition .add-refine {
        font-size: 30px;
    }

    .modal.multi-modal .modal-body .modal-refine-condition .reduce-refine {
        font-size: 30px;
    }

    .modal.multi-modal .modal-body .modal-refine-select-days .modal-refine-define {
        font-size: 14px;
        padding-top: 5px;
        padding-left: 40px;
    }
}

.modal.multi-modal .modal-body .modal-refine-hotel {
    font-size: 16x;
    font-weight: bold;
    margin-top: 10px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-refine-hotel {
        font-size: 26px;
        margin-top: 30px;
    }
}

.modal.multi-modal .modal-body .modal-refine-note {
    margin-top: 10px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-refine-note {
        margin-top: 10px;
        font-size: 16px;
    }
}

@media (min-width: 829px) {
    .modal.multi-modal .modal-body .modal-refine-note li br {
        display: none;
    }
}

.is-map .modal.multi-modal .modal-body .modal-inner {
    overflow-y: hidden;
    position: relative;
    z-index: 1;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 90vh;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 1;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-image > * {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
    width: auto;
    height: 100%;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-refine {
    position: absolute;
    top: 11px;
    left: 11px;
    z-index: 2;
    padding: 8px 0 7px;
    border-radius: 5px;
    -webkit-box-shadow: 1.5px 2.598px 7.76px 0.24px rgba(0, 0, 0, 0.54);
    box-shadow: 1.5px 2.598px 7.76px 0.24px rgba(0, 0, 0, 0.54);
    width: 160px;
    color: #fff;
    background-color: #8fb200;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-refine {
        padding: 13px 0 12px;
        width: 220px;
        font-size: 16px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-research {
    position: absolute;
    right: 11px;
    bottom: 11px;
    z-index: 2;
    padding: 6px 20px;
    border: 2px solid rgba(194, 194, 194, 0.8);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 12px;
    opacity: 0.8;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-research {
        width: 150px;
        font-size: 16px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-research::before {
    content: '';
    margin-right: 7px;
    display: block;
    width: 15px;
    height: 16px;
    background-image: url('../../images/icon-research.png');
    background-size: 15px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-research::before {
        width: 21px;
        height: 22px;
        background-image: url('../../images/icon-research.png');
        background-size: 21px auto;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .map-research {
    right: 55px !important;
    bottom: 152px !important;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .map-research {
        bottom: 28% !important;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-list {
    height: 216px;
    overflow-y: scroll;
    position: relative;
    z-index: 2;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-list {
        height: 306px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .modal-map-list-item.is-selected {
    background-color: #f4d9d9;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .image {
    padding: 10px;
    width: 110px;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .image {
        padding: 15px;
        width: 155px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px 10px 10px 0;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .text {
        padding: 10px 15px 15px 0;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .name {
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .name {
        font-size: 16px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .tags {
    margin-top: 6px;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .tags li {
    margin-right: 5px;
    margin-bottom: 5px;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .tags a {
    padding: 0 5px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    display: block;
    color: #333;
    background-color: #fff;
    font-size: 10px;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .tags a {
        border-radius: 4px;
        padding: 2px 8px;
        font-size: 12px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .star-box {
    padding-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .star-box {
        width: auto;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .star-box .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .star-box .stars img {
    margin-right: 3px;
    width: 9px;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .star-box .stars img {
        width: 12px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .star-box .score {
    color: #ff9024;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .star-box .score {
        font-size: 15px;
    }
}

.is-map .modal.multi-modal .modal-body .modal-map-inner .price {
    color: #b20000;
    font-weight: bold;
    font-size: 15px;
}

@media (min-width: 829px) {
    .is-map .modal.multi-modal .modal-body .modal-map-inner .price {
        margin-top: 5px;
        font-size: 20px;
    }
}

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

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

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

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

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-toggle-block .modal-refine-toggle {
    padding: 5px 0;
    border-bottom: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-toggle-block .modal-refine-toggle {
        padding: 8px 0;
        font-size: 20px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-toggle-block .modal-refine-toggle-item {
    display: none;
}

.is-refine .modal.multi-modal .modal-body .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;
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-price-range .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-price-range .item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        font-size: 16px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-price-range .item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 20px 7px 10px;
    width: 100%;
    background-color: #fff;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xMiAxMS4xOCI+PHBhdGggZD0iTTkuMDYgMTEuMTggMCAyLjEyIDIuMTIgMCA5LjA2IDYuOTQgMTYgMCAxOC4xMiAyLjEyIDkuMDYgMTEuMTh6IiBmaWxsPSIjNWY1ZjVmIi8+PC9zdmc+Cg==');
    background-size: 8px auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-price-range .item select {
        padding: 12px 20px 12px 10px;
        width: 190px;
        font-size: 16px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-price-range .item-separator {
    padding: 0 6px;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-price-range .item-separator {
        padding: 0 10px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types {
    padding: 10px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.radio {
    margin-right: -3px;
    margin-left: -3px;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.radio {
        margin-right: -5px;
        margin-left: -5px;
    }
}

.is-refine
    .modal.multi-modal
    .modal-body
    .modal-refine-inner
    .modal-refine-general-types.radio
    .modal-refine-general-type {
    padding: 0 3px;
    width: 25%;
}

@media (min-width: 829px) {
    .is-refine
        .modal.multi-modal
        .modal-body
        .modal-refine-inner
        .modal-refine-general-types.radio
        .modal-refine-general-type {
        padding: 0 5px;
        width: 110px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.radio label span {
    padding: 5px 0;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.radio label span {
        padding: 8px 0 7px;
        font-size: 16px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.checkbox {
    border-bottom: 1px solid #333;
}

.dp-facility-plans .modal-refine-block {
    margin-top: 10px;
}

.dp-facility-plans .modal-refine-block .modal-refine-general-types.checkbox .modal-refine-general-type {
    display: inline-block;
    width: 49%;
}

@media (min-width: 829px) {
    .dp-facility-plans .modal-refine-block {
        margin-top: 20px;
    }

    .dp-facility-plans .modal-refine-block .modal-refine-general-types.checkbox .modal-refine-general-type {
        width: 15%;
    }
}

.is-refine
    .modal.multi-modal
    .modal-body
    .modal-refine-inner
    .modal-refine-general-types.checkbox
    .modal-refine-general-type {
    width: 50%;
}

@media (min-width: 829px) {
    .is-refine
        .modal.multi-modal
        .modal-body
        .modal-refine-inner
        .modal-refine-general-types.checkbox
        .modal-refine-general-type {
        width: 25%;
    }
}

.dp-facility-plans .modal-refine-block .modal-refine-general-types.checkbox label {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.checkbox label {
    padding-right: 5px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dp-facility-plans .modal-refine-block .modal-refine-general-types.checkbox label span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 829px) {
    .dp-facility-plans .modal-refine-block .modal-refine-general-types.checkbox label span {
        font-size: 16px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.checkbox label span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types.checkbox label span {
        font-size: 16px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types .modal-refine-general-type {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types label {
    display: block;
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types label input[type='radio'] {
    display: none;
}

.is-refine
    .modal.multi-modal
    .modal-body
    .modal-refine-inner
    .modal-refine-general-types
    label
    input[type='radio']:checked
    + span {
    border-color: #0b499d;
    color: #fff;
    background-color: #0b499d;
}

.dp-facility-plans .modal-refine-block .modal-refine-general-types label input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 12px;
    border: 1px solid #b5b5b5;
    width: 20px;
    height: 20px;
}

@media (min-width: 829px) {
    .dp-facility-plans .modal-refine-block .modal-refine-general-types label input[type='checkbox'] {
        width: 28px;
        height: 28px;
    }
}

.dp-facility-plans .modal-refine-block .modal-refine-general-types label input[type='checkbox']:checked {
    background-image: url('../../images/icon-checked.png');
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 829px) {
    .dp-facility-plans .modal-refine-block .modal-refine-general-types label input[type='checkbox']:checked {
        background-size: 20px auto;
    }
}

.dp-facility-plans .modal-refine-block .modal-refine-general-types label span {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types label input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 12px;
    border: 1px solid #b5b5b5;
    width: 20px;
    height: 20px;
}

@media (min-width: 829px) {
    .is-refine
        .modal.multi-modal
        .modal-body
        .modal-refine-inner
        .modal-refine-general-types
        label
        input[type='checkbox'] {
        width: 28px;
        height: 28px;
    }
}

.is-refine
    .modal.multi-modal
    .modal-body
    .modal-refine-inner
    .modal-refine-general-types
    label
    input[type='checkbox']:checked {
    background-image: url('../../images/icon-checked.png');
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 829px) {
    .is-refine
        .modal.multi-modal
        .modal-body
        .modal-refine-inner
        .modal-refine-general-types
        label
        input[type='checkbox']:checked {
        background-size: 20px auto;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-general-types label span {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

.modal-refine-inner .folding {
    width: 100%;
}

.modal-refine-inner .folding .folding-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modal-refine-inner .modal-refine-nums {
    margin: 10px 0 25px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 829px) {
    .modal-refine-inner .modal-refine-nums {
        margin: 20px 0 35px;
        font-size: 20px;
    }
}

.modal-refine-inner .modal-refine-nums span {
    margin: 0 6px;
    color: #b20000;
    font-size: 19px;
}

@media (min-width: 829px) {
    .modal-refine-inner .modal-refine-nums span {
        font-size: 26px;
    }
}

.is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-refine-button {
    margin-bottom: 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;
}

@media (min-width: 829px) {
    .is-refine .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-refine-button {
        margin: 0 auto 46px;
        padding: 20px 30px 19px;
        width: 420px;
        font-size: 20px;
    }
}

.is-route .modal.multi-modal .modal-body .modal-refine-route-step {
    display: none;
}

.is-route .modal.multi-modal .modal-body .modal-refine-route-step.modal-refine-route-step-1 {
    display: block;
}

.is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting {
    margin: 0 20px;
    padding: 46px 0 10px;
    border-bottom: 1px solid #333;
}

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

.is-route .modal.multi-modal .modal-body .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%;
}

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

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

.is-route .modal.multi-modal .modal-body .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) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .station {
        padding-top: 12px;
        padding-bottom: 11px;
        font-size: 16px;
    }
}

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

.is-route .modal.multi-modal .modal-body .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) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .station-disable {
        padding-top: 12px;
        padding-bottom: 11px;
        font-size: 16px;
    }
}

.is-route .modal.multi-modal .modal-body .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) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-setting .separator {
        width: 50px;
        height: 50px;
        background-size: 14px auto;
    }
}

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

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

.is-route .modal.multi-modal .modal-body .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) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-list {
        margin-right: -5px;
        margin-left: -5px;
        padding: 0 46px;
    }
}

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

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

.is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-list .item label {
    display: block;
}

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

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

.is-route .modal.multi-modal .modal-body .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) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-list .item label span {
        padding: 8px 0 7px;
        border-radius: 6px;
        font-size: 16px;
    }
}

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

@media (min-width: 829px) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-other {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.is-route
    .modal.multi-modal
    .modal-body
    .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) {
    .is-route
        .modal.multi-modal
        .modal-body
        .modal-refine-route-step
        .modal-refine-route-other
        .modal-refine-route-other-item {
        font-size: 16px;
    }
}

.is-route .modal.multi-modal .modal-body .modal-refine-route-step .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;
}

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

.is-route .modal.multi-modal .modal-body .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) {
    .is-route .modal.multi-modal .modal-body .modal-refine-route-step .modal-refine-route-select-heading {
        margin: 0 46px 25px;
        padding: 20px 0;
        font-size: 20px;
    }
}

.is-pic .modal.multi-modal .modal-body {
    right: 20px;
    left: 20px;
    max-width: 760px;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 660px;
    }
}

.is-pic .modal.multi-modal .modal-body .modal-close {
    top: 5px;
    right: 7px;
    width: 25px;
    height: 25px;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-close {
        top: 15px;
        right: 15px;
        width: 35px;
        height: 35px;
    }
}

.is-pic .modal.multi-modal .modal-body .modal-close::before {
    width: 25px;
    height: 25px;
    background-image: url('../../images/icon-refine-modal-close.png');
    background-size: 25px auto;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-close::before {
        width: 35px;
        height: 35px;
        background-size: 35px auto;
    }
}

.is-pic .modal.multi-modal .modal-body .modal-inner {
    padding: 30px 0 0;
    border: 0;
    border-radius: 5px;
    max-height: 90vh;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-inner {
        padding: 56px 44px 45px;
    }
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-slide .image {
    position: relative;
    z-index: 1;
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-slide .image img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-slide .title {
    padding: 5px 15px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-pagination {
    position: absolute;
    z-index: 2;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-slide .image img {
        width: 92%;
        left: 4%;
    }

    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-pagination {
        padding-bottom: 30px;
    }
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-pagination .swiper-modal-pagination-inner {
    padding: 3px 10px;
    border-radius: 2em;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
    font-size: 10px;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-pagination .swiper-modal-pagination-inner {
        padding: 3px 15px 3px;
        font-size: 20px;
    }
}

.is-pic
    .modal.multi-modal
    .modal-body
    .modal-inner
    .swiper-modal-pagination
    .swiper-modal-pagination-inner
    .swiper-pagination-current {
    margin-right: -0.25em;
}

.is-pic
    .modal.multi-modal
    .modal-body
    .modal-inner
    .swiper-modal-pagination
    .swiper-modal-pagination-inner
    .swiper-pagination-total {
    margin-left: -0.25em;
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev,
.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 20px;
    height: 27px;
    margin-top: -14px;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: none;
    cursor: pointer;
    overflow: hidden;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev,
    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-next {
        margin-top: -27px;
        width: 40px;
        height: 53px;
    }
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev.swiper-button-disabled,
.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-next.swiper-button-disabled {
    opacity: 0;
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev::before,
.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-next::before {
    content: '';
    display: block;
    width: 20px;
    height: 27px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4xIDIxLjQiPjxwYXRoIGZpbGw9IiM1ZjVmNWYiIGQ9Ik0xLjQgMjEuNEwwIDIwbDkuMy05LjNMMCAxLjQgMS40IDBsMTAuNyAxMC43eiIvPjwvc3ZnPg==');
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev::before,
    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-next::before {
        width: 40px;
        height: 53px;
        background-size: 14px auto;
    }
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev {
    left: 0;
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-next {
    right: 0;
}

.is-seat .modal.multi-modal .modal-body {
    color: #333;
}

.is-seat .modal.multi-modal .modal-body .modal-close {
    top: 16px;
    right: 16px;
    width: 12px;
    height: 12px;
}

@media (min-width: 829px) {
    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-prev {
        left: 4%;
    }

    .is-pic .modal.multi-modal .modal-body .modal-inner .swiper-modal-button-next {
        right: 4%;
    }

    .is-seat .modal.multi-modal .modal-body .modal-close {
        top: 35px;
        right: 75px;
        width: 24px;
        height: 24px;
    }
}

.is-seat .modal.multi-modal .modal-body .modal-close::before {
    width: 12px;
    height: 12px;
    background-image: url('../../images/icon-seat-close.png');
    background-size: 12px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .is-seat .modal.multi-modal .modal-body .modal-close::before {
        width: 24px;
        height: 24px;
        background-size: 24px auto;
    }
}

.is-seat .modal.multi-modal .modal-body .modal-inner {
    background-color: transparent;
}

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

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

.is-seat .modal.multi-modal .modal-body .seat-type-block + .seat-type-block {
    margin-top: 20px;
}

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

.is-seat .modal.multi-modal .modal-body .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) {
    .is-seat .modal.multi-modal .modal-body .seat-type-block .seat-type-block-title {
        padding-bottom: 35px;
        font-size: 20px;
    }
}

.is-seat .modal.multi-modal .modal-body .seat-type-block .seat-type-block-title .js-modal-note {
    position: absolute;
    top: -2px;
    right: -6px;
    width: 25px;
    height: 25px;
    z-index: 10;
    cursor: pointer;
    overflow: hidden;
}

.is-seat .modal.multi-modal .modal-body .seat-type-block .seat-type-block-title .js-modal-note::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background-size: 25px auto;
}

@media (min-width: 829px) {
    .is-seat .modal.multi-modal .modal-body .seat-type-block .seat-type-block-title .js-modal-note::before {
        width: 35px;
        height: 35px;
        background-size: 35px auto;
    }
}

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

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

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

.is-seat
    .modal.multi-modal
    .modal-body
    .seat-type-block
    .seat-type-block-body
    .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;
}

.jsc-common-seat {
    display: none;
}

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

.is-seat
    .modal.multi-modal
    .modal-body
    .seat-type-block
    .seat-type-block-body
    .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) {
    .is-seat
        .modal.multi-modal
        .modal-body
        .seat-type-block
        .seat-type-block-body
        .seat-type-block-buttons
        .seat-type-block-button::after {
        right: 16px;
    }
}

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

@media (min-width: 829px) {
    .is-seat
        .modal.multi-modal
        .modal-body
        .seat-type-block
        .seat-type-block-body
        .seat-type-block-buttons
        .seat-type-block-button
        + .seat-type-block-button {
        margin-top: 24px;
    }
}

.is-seat
    .modal.multi-modal
    .modal-body
    .seat-type-block
    .seat-type-block-body
    .seat-type-block-buttons
    .seat-type-block-button.seat-type-block-button-ok {
    background-color: #ff9024;
}

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

.is-seat .modal.multi-modal .modal-body .seat-position-block,
.is-seat .modal.multi-modal .modal-body .seat-all-block {
    display: none;
}

.is-seat.is-modal-note .modal.multi-modal .modal-body .seat-type-block.modal-note {
    display: block;
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block {
    padding: 14px 16px;
    border-radius: 3px;
    display: block;
    background-color: #fff;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block {
        padding: 35px 75px 94px;
        border-radius: 10px;
    }
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-title {
    margin-bottom: 18px;
    padding-right: 15px;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-title {
        font-size: 20px;
    }
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-name {
    margin: 0 -16px;
    padding: 5px 16px;
    background-color: #eee;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-name {
        margin: 0 -32px;
        padding: 15px 32px;
        font-size: 20px;
    }
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-brick-title {
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #b4b4b4;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-brick-title {
        margin-top: 40px;
        padding-bottom: 10px;
        border-bottom-width: 2px;
        font-size: 20px;
    }
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-brick-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-brick-body .item {
    padding-top: 12px;
    width: 50%;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-brick-body .item {
        padding-top: 25px;
        padding-bottom: 5px;
    }
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-brick-body
    label
    input[type='radio'] {
    display: none;
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-brick-body
    label
    input[type='radio']:checked
    + span::after {
    display: block;
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-brick-body label span {
    padding-left: 35px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-brick-body label span {
        padding-left: 68px;
        font-size: 20px;
    }
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-brick-body
    label
    span::before,
.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-brick-body
    label
    span::after {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 100%;
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-brick-body
    label
    span::before {
    left: 0;
    margin-top: -10px;
    border: 1px solid #b4b4b4;
    width: 20px;
    height: 20px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position
        .modal.multi-modal
        .modal-body
        .seat-position-block
        .seat-position-brick-body
        label
        span::before {
        margin-top: -20px;
        width: 40px;
        height: 40px;
    }
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-brick-body
    label
    span::after {
    display: none;
    left: 4px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-color: #0b499d;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position
        .modal.multi-modal
        .modal-body
        .seat-position-block
        .seat-position-brick-body
        label
        span::after {
        left: 8px;
        margin-top: -12px;
        width: 24px;
        height: 24px;
    }
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-note {
    margin-top: 20px;
    font-size: 12px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-note {
        margin-top: 35px;
        font-size: 14px;
    }
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-note li {
    padding-top: 15px;
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-buttons {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-buttons {
        margin-top: 60px;
    }
}

.is-seat.is-seat-position .modal.multi-modal .modal-body .seat-position-block .seat-position-buttons .item {
    width: 50%;
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-buttons
    .item:nth-child(odd) {
    padding-right: 8px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position
        .modal.multi-modal
        .modal-body
        .seat-position-block
        .seat-position-buttons
        .item:nth-child(odd) {
        padding-right: 15px;
    }
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-buttons
    .item:nth-child(even) {
    padding-left: 8px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position
        .modal.multi-modal
        .modal-body
        .seat-position-block
        .seat-position-buttons
        .item:nth-child(even) {
        padding-left: 15px;
    }
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-buttons
    .seat-position-button {
    padding: 14px 0 13px;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .is-seat.is-seat-position
        .modal.multi-modal
        .modal-body
        .seat-position-block
        .seat-position-buttons
        .seat-position-button {
        padding: 14px 0;
        border-radius: 5px;
        font-size: 20px;
    }
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-buttons
    .seat-position-button.seat-position-button-cancel {
    background-color: #333;
}

.is-seat.is-seat-position
    .modal.multi-modal
    .modal-body
    .seat-position-block
    .seat-position-buttons
    .seat-position-button.seat-position-button-ok {
    background-color: #ff9024;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block {
    padding: 14px 16px 25px;
    border-radius: 3px;
    display: block;
    background-color: #fff;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block {
        padding: 35px 75px 94px;
        border-radius: 10px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-title {
    margin-bottom: 18px;
    padding-right: 15px;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-title {
        font-size: 20px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-name {
    margin: 0 -16px;
    padding: 5px 16px;
    background-color: #eee;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-name {
        margin: 0 -32px;
        padding: 15px 32px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-direction {
    margin: 24px 0 20px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-direction {
        margin: 48px 0 40px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-direction::before {
    content: '';
    margin: 0 auto 5px;
    display: block;
    width: 32px;
    height: 16px;
    background-image: url('../../images/icon-seat-direction.png');
    background-size: 32px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-direction::before {
        margin-bottom: 10px;
        width: 64px;
        height: 32px;
        background-size: 64px auto;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train {
    margin: 0 -16px;
    color: #231815;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train {
        margin: 0 -39px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train-inner {
    padding: 0 16px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train-inner {
        padding: 0 39px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-container {
    padding-top: 13px;
    border-top: 1px solid #333;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-container {
        padding-top: 35px;
        border-top-width: 2px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-slide {
    padding-right: 20px;
    width: auto;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-slide {
        padding-right: 42px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-num {
    margin-bottom: 10px;
    color: #231815;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-num {
        margin-bottom: 25px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-feature {
    display: inline-block;
    vertical-align: top;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-feature ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-feature li {
    width: 25px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-feature li {
        width: 52px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-feature li + li {
    margin-left: 5px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-feature li + li {
        margin-left: 10px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .train-feature li img {
    display: block;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-prev,
.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-next {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 16px;
    height: 25px;
    overflow: hidden;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-prev,
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-next {
        width: 39px;
        height: 52px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-prev::before,
.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-next::before {
    content: '';
    display: block;
    width: 16px;
    height: 25px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4xIDIxLjQiPjxwYXRoIGZpbGw9IiNiNWI1YjUiIGQ9Ik0xLjQgMjEuNEwwIDIwbDkuMy05LjNMMCAxLjQgMS40IDBsMTAuNyAxMC43eiIvPjwvc3ZnPg==');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 9px auto;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-prev::before,
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-next::before {
        width: 39px;
        height: 52px;
        background-size: 17px auto;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-prev {
    left: 0;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-prev:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .swiper-seat-button-next {
    right: 0;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train-note {
    padding: 10px 16px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train-note {
        padding: 25px 39px 40px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train-note a {
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-train-note a {
        font-size: 14px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-to-back,
.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-to-front {
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-to-back,
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-to-front {
        font-size: 20px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-to-back {
    padding-top: 25px;
    border-top: 1px solid #333;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-to-back {
        border-top-width: 2px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats {
    margin: 15px 0;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats {
        margin: 30px 0;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats table {
    width: 100%;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats thead th {
    padding-left: 18px;
    text-align: left;
}

@media (max-width: 374px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats thead th {
        padding-left: 13px;
    }
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats thead th {
        padding-left: 36px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats th {
    color: #231815;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats th {
        font-size: 30px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats td {
    padding: 4px;
    width: 40px;
}

@media (max-width: 374px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats td {
        padding: 2px;
    }
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats td {
        padding: 6px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats td.separator {
    width: auto;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 40px 40px 0 0;
    display: block;
    width: 0;
    height: 0;
    background-image: url('../../images/icon-seat-checkbox-01.png');
    background-size: 40px auto;
    background-repeat: no-repeat;
}

@media (max-width: 374px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats input[type='radio'] {
        padding: 35px 35px 0 0;
        background-size: 35px auto;
    }
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats input[type='radio'] {
        padding: 82px 82px 0 0;
        background-size: 82px auto;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats input[type='radio']:checked {
    background-image: url('../../images/icon-seat-checkbox-02.png');
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-seats input[type='radio']:disabled {
    background-image: url('../../images/icon-seat-checkbox-03.png');
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-note {
    margin-top: 20px;
    font-size: 12px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-note {
        margin-top: 40px;
        font-size: 14px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-footer {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-footer {
        margin-top: 50px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons {
        margin-top: 35px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons .item {
    width: 50%;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons .item:nth-child(odd) {
    padding-right: 8px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons .item:nth-child(odd) {
        padding-right: 15px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons .item:nth-child(even) {
    padding-left: 8px;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons .item:nth-child(even) {
        padding-left: 15px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons .seat-all-button {
    padding: 14px 0 13px;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .seat-all-block .seat-all-buttons .seat-all-button {
        padding: 14px 0;
        border-radius: 5px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all
    .modal.multi-modal
    .modal-body
    .seat-all-block
    .seat-all-buttons
    .seat-all-button.seat-all-button-cancel {
    background-color: #333;
}

.is-seat.is-seat-all
    .modal.multi-modal
    .modal-body
    .seat-all-block
    .seat-all-buttons
    .seat-all-button.seat-all-button-ok {
    background-color: #ff9024;
}

.modal.multi-modal .modal-layer {
    background-color: #000;
}

.is-popup .modal.multi-modal .modal-layer {
    opacity: 0.5;
}

.recommend-blocks {
    padding-top: 30px;
    background-color: #efefef;
}

@media (min-width: 829px) {
    .recommend-blocks {
        padding-top: 45px;
    }
}

.recommend-blocks .recommend-block-heading {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

@media (min-width: 829px) {
    .recommend-blocks .recommend-block-heading {
        font-size: 26px;
    }
}

.recommend-blocks .recommend-block {
    padding: 10px 15px 0;
}

@media (min-width: 829px) {
    .recommend-blocks .recommend-block {
        margin: 0 auto;
        padding: 20px 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 760px;
    }
}

@media (min-width: 829px) {
    .recommend-blocks .recommend-item {
        width: 370px;
    }
}

.recommend-blocks .recommend-item .recommend-item-image img {
    display: block;
    width: 100%;
}

.recommend-blocks .recommend-item .recommend-item-title {
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
}

.recommend-blocks .recommend-item .recommend-item-tags {
    margin-top: 5px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.recommend-blocks .recommend-item .recommend-item-tags a {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 8px 20px 7px 10px;
    border-radius: 3px;
    line-height: 1;
    color: #fff;
    background-color: #ff9024;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4zIDM1LjUiPjxwYXRoIGQ9Ik0zLjUsMzUuNSAwLDMyIDE0LjIsMTcuOCAwLDMuNSAzLjUsMCAyMS4zLDE3Ljh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==');
    background-size: 5px auto;
    background-repeat: no-repeat;
    background-position: right 5px center;
    font-weight: bold;
    font-size: 13px;
}

.special-blocks {
    padding: 20px 0;
}

@media (min-width: 829px) {
    .special-blocks {
        padding: 45px 0 50px;
    }
}

.special-blocks .special-block-inner {
    margin: 0 auto;
    max-width: 760px;
    overflow: hidden;
}

.special-blocks .special-block-heading {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

@media (min-width: 829px) {
    .special-blocks .special-block-heading {
        font-size: 26px;
    }
}

.special-blocks .special-items {
    padding: 10px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 829px) {
    .special-blocks .special-items {
        margin-right: -10px;
        margin-left: -10px;
        padding: 20px 0 0;
    }
}

.special-blocks .special-items .special-item {
    padding: 0 5px 15px;
    width: 50%;
}

@media (min-width: 829px) {
    .special-blocks .special-items .special-item {
        padding: 0 10px;
        width: 25%;
    }
}

.special-blocks .special-items .special-item a {
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.special-blocks .special-items .special-item a:hover,
.special-blocks .special-items .special-item a:active {
    text-decoration: underline;
}

.special-blocks .special-items .special-item .special-item-image img {
    display: block;
}

.special-blocks .special-items .special-item .special-item-title {
    margin-top: 5px;
}

.feature-blocks {
    padding: 40px 0 20px;
    background-color: #f1f9ff;
}

@media (max-width: 736px) {
    .feature-blocks {
        padding: 25px 13px 15px;
    }
}

.feature-blocks .feature-blocks-inner {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 760px;
}

.feature-blocks .feature-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 50%;
}

@media (max-width: 736px) {
    .feature-blocks .feature-block {
        margin-bottom: 10px;
        width: 100%;
    }
}

.feature-blocks .feature-block:nth-child(odd) {
    padding-right: 10px;
}

@media (max-width: 736px) {
    .feature-blocks .feature-block:nth-child(odd) {
        padding-right: 0;
    }
}

.feature-blocks .feature-block:nth-child(even) {
    padding-left: 10px;
}

@media (max-width: 736px) {
    .feature-blocks .feature-block:nth-child(even) {
        padding-left: 0;
    }
}

@media (max-width: 736px) {
    .feature-blocks .feature-block:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (max-width: 736px) {
    .feature-blocks .feature-block:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (max-width: 736px) {
    .feature-blocks .feature-block:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 736px) {
    .feature-blocks .feature-block:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}

.feature-blocks .feature-block-link {
    padding: 13px;
    border: 1px solid #0b499d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.feature-blocks .feature-block-link:hover,
.feature-blocks .feature-block-link:active {
    text-decoration: none;
}

.feature-blocks .feature-block-link:hover .feature-block-title,
.feature-blocks .feature-block-link:active .feature-block-title {
    text-decoration: underline;
}

.feature-blocks .feature-block-link::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -4px;
    width: 8px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4zIDM1LjU0Ij48ZyBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwYjQ5OWQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNMS43NyAxLjc3bDE2IDE2LTE2IDE2IiBkYXRhLW5hbWU9ImVsZW1lbnQiLz48L2c+PC9zdmc+');
    background-size: 8px auto;
    background-repeat: no-repeat;
}

.feature-blocks .feature-block-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    padding: 15px;
    border: 1px solid #0b499d;
    border-radius: 100%;
    width: 70px;
}

@media (max-width: 736px) {
    .feature-blocks .feature-block-image {
        width: 65px;
    }
}

.feature-blocks .feature-block-image.feature-block-image-pamphlet {
    padding: 11px;
}

.feature-blocks .feature-block-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 26px;
    line-height: 1.5;
}

.feature-blocks .feature-block-text .feature-block-title {
    font-weight: bold;
    font-size: 18px;
}

@media (max-width: 736px) {
    .feature-blocks .feature-block-text .feature-block-title {
        font-size: 17px;
    }
}

.feature-blocks .feature-block-text .feature-block-lead {
    padding-top: 4px;
    color: #333;
    font-size: 15px;
}

@media (max-width: 736px) {
    .feature-blocks .feature-block-text .feature-block-lead {
        font-size: 14px;
    }
}

.others-blocks {
    padding-top: 40px;
    padding-bottom: 80px;
}

@media (max-width: 736px) {
    .others-blocks {
        padding: 23px 13px 40px;
    }
}

@media (min-width: 829px) {
    .others-blocks {
        margin-bottom: 0;
        padding-bottom: 80px;
        border-bottom: 1px solid #333;
    }
}

.others-blocks .others-blocks-inner {
    margin: 0 auto;
    border-bottom: 1px solid #333;
    max-width: 760px;
}

@media (min-width: 829px) {
    .others-blocks .others-blocks-inner {
        border-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 829px) {
    .others-blocks .others-membersclub {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 10px;
        width: 50%;
    }
}

.others-blocks .others-membersclub .others-membersclub-inner {
    padding: 20px;
    color: #fff;
    background-color: #0b499d;
}

.others-blocks .others-membersclub .others-membersclub-title {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -0.04em;
}

@media (max-width: 736px) {
    .others-blocks .others-membersclub .others-membersclub-title {
        font-size: 22px;
    }
}

.others-blocks .others-membersclub .others-membersclub-list {
    margin-top: 12px;
}

.others-blocks .others-membersclub .others-membersclub-list .others-membersclub-list-item {
    padding-left: 12px;
    line-height: 1.6667;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

.others-blocks .others-membersclub .others-membersclub-list .others-membersclub-list-item::before {
    content: '';
    position: absolute;
    top: 0.65em;
    left: 0;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    background-color: #fff;
}

.others-blocks .others-membersclub .others-membersclub-list .others-membersclub-list-item mark {
    color: #fed84e;
}

.others-blocks .others-membersclub .others-membersclub-member {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.others-blocks .others-membersclub .others-membersclub-member a {
    padding: 15px 0;
    display: block;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.others-blocks .others-membersclub .others-membersclub-member a sub {
    vertical-align: baseline;
    font-size: 100%;
}

.others-blocks .others-membersclub .others-membersclub-member a i {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
}

.others-blocks .others-membersclub .others-membersclub-member a i svg {
    display: block;
    width: inherit;
    height: inherit;
}

.others-blocks .others-membersclub .others-membersclub-member .others-membersclub-login {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px;
    width: 50%;
}

.others-blocks .others-membersclub .others-membersclub-member .others-membersclub-login a {
    background-color: #fff;
}

.others-blocks .others-membersclub .others-membersclub-member .others-membersclub-login a svg {
    fill: #0b499d;
}

.others-blocks .others-membersclub .others-membersclub-member .others-membersclub-register {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
    width: 50%;
}

.others-blocks .others-membersclub .others-membersclub-member .others-membersclub-register a {
    color: #fff;
    background-color: #ff9024;
}

.others-blocks .others-membersclub .others-membersclub-member .others-membersclub-register a svg {
    fill: #fff;
}

.others-blocks .others-membersclub .others-membersclub-links {
    margin-top: 15px;
    padding: 15px 25px 8px;
    background-color: #fff;
}

.others-blocks .others-membersclub .others-membersclub-links .others-membersclub-link-item {
    padding-bottom: 7px;
    padding-left: 1em;
    color: #0b499d;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .others-blocks .others-membersclub .others-membersclub-links .others-membersclub-link-item {
        font-size: 19px;
    }
}

.others-blocks .others-membersclub .others-membersclub-links .others-membersclub-link-item::before {
    content: '\25B6\FE0E';
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-transform: scale(0.64);
    transform: scale(0.64);
}

.others-blocks .others-misc {
    padding-bottom: 24px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 0;
        padding-left: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
    }
}

.others-blocks .others-misc .others-socials {
    border-bottom: 1px solid #333;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials {
        height: 50%;
    }
}

.others-blocks .others-misc .others-socials .others-socials-title {
    margin-top: 24px;
    color: #0b499d;
    line-height: 1;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials .others-socials-title {
        margin-top: 0;
        font-size: 26px;
    }
}

.others-blocks .others-misc .others-socials .others-socials-list {
    padding-top: 30px;
    padding-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials .others-socials-list {
        padding-top: 55px;
        padding-bottom: 65px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.others-blocks .others-misc .others-socials .others-socials-list li {
    min-width: 82px;
}

.others-blocks .others-misc .others-socials .others-socials-list li a {
    display: block;
    color: #333;
    font-size: 12px;
    text-align: center;
}

.others-blocks .others-misc .others-socials .others-socials-list li a i {
    margin: 0 auto 5px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials .others-socials-list li a i {
        width: 80px;
        height: 80px;
    }
}

.others-blocks .others-misc .others-socials .others-socials-list li a i svg {
    display: block;
    fill: #fff;
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-blog {
    background-color: #0b499d;
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-blog svg {
    width: 24px;
    height: 24px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials .others-socials-list li a .icon-blog svg {
        width: 32px;
        height: 32px;
    }
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-twitter {
    background-color: #55acee;
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-twitter svg {
    width: 24px;
    height: 20px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials .others-socials-list li a .icon-twitter svg {
        width: 32px;
        height: 26px;
    }
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-facebook {
    background-color: #3b5998;
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-facebook svg {
    width: 11px;
    height: 23px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials .others-socials-list li a .icon-facebook svg {
        width: 15px;
        height: 31px;
    }
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-linat {
    background-color: #00c300;
}

.others-blocks .others-misc .others-socials .others-socials-list li a .icon-linat svg {
    width: 34px;
    height: 32px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-socials .others-socials-list li a .icon-linat svg {
        width: 44px;
        height: 43px;
    }
}

.others-blocks .others-misc .others-domestic {
    padding-top: 25px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-domestic {
        padding-top: 32px;
        height: 50%;
        position: relative;
        z-index: 1;
    }
}

.others-blocks .others-misc .others-domestic .others-domestic-title {
    color: #0b499d;
    line-height: 1;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-domestic .others-domestic-title {
        font-size: 26px;
    }
}

.others-blocks .others-misc .others-domestic .others-domestic-lead {
    margin-top: 22px;
    font-size: 13px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-domestic .others-domestic-lead {
        margin-top: 40px;
        font-size: 16px;
    }
}

.others-blocks .others-misc .others-domestic .others-domestic-search {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .others-blocks .others-misc .others-domestic .others-domestic-search {
        margin-top: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

.others-blocks .others-misc .others-domestic .others-domestic-search a {
    padding: 13px 0 12px;
    color: #fff;
    background-color: #0b499d;
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.others-blocks .others-misc .others-domestic .others-domestic-search a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -3px;
    width: 6px;
    height: 12px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5Ljk4IDE3LjMyIj48ZyBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48cGF0aCBkPSJNMS4zMiAxNy4zMkwwIDE2bDcuMzQtNy4zNEwwIDEuMzIgMS4zMiAwIDEwIDguNjZ6IiBmaWxsPSIjZmZmIiBkYXRhLW5hbWU9ImVsZW1lbnQiLz48L2c+PC9zdmc+Cg==');
    background-size: 6px auto;
    background-repeat: no-repeat;
}

.others-blocks .others-misc .others-domestic .others-domestic-search a:hover,
.others-blocks .others-misc .others-domestic .others-domestic-search a:active {
    text-decoration: underline;
}

.others-blocks .others-misc .others-domestic .others-domestic-search a svg {
    fill: #fff;
}

.dynamic-form {
    border-bottom: 1px solid #333;
}

.dynamic-form input,
.dynamic-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 8px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form input,
    .dynamic-form select {
        border-width: 2px;
        border-radius: 5px;
        font-size: 18px;
    }
}

.dynamic-form input.sp {
    width: calc(100% - 24px);
}

@media (min-width: 829px) {
    .dynamic-form input.sp {
        width: calc(100% - 28px);
    }
}

@media (min-width: 829px) {
    .dynamic-form input[type='text'],
    .dynamic-form select {
        padding: 8px 10px;
    }
}

.dynamic-form select {
    padding-right: 20px;
    width: 80px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xMiAxMS4xOCI+PHBhdGggZD0iTTkuMDYgMTEuMTggMCAyLjEyIDIuMTIgMCA5LjA2IDYuOTQgMTYgMCAxOC4xMiAyLjEyIDkuMDYgMTEuMTh6IiBmaWxsPSIjNWY1ZjVmIi8+PC9zdmc+Cg==');
    background-size: 8px auto;
    background-repeat: no-repeat;
    background-position: right 10px center;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form select {
        width: 160px;
        font-size: 18px;
    }

    .ie11 .dynamic-form select {
        background-size: 12px auto;
    }
    .ie11 .dynamic-form select::-ms-expand {
        display: none;
    }
}

.dynamic-form .form-other {
    margin-top: 15px;
}

.dynamic-form .form-other input {
    margin: 10px 0 10px 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-other input {
        margin: 20px 0 20px 18px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-other {
        margin-top: 30px;
    }
}

.dynamic-form .apply-form-label {
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 12px;
    border-left: 3px solid #0b499d;
    padding-left: 5px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-label {
        font-size: 22px;
        border-left: 5px solid #0b499d;
        padding-left: 7px;
    }
}

.dynamic-form .apply-form-label-sub {
    font-size: 11px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-label-sub {
        font-size: 18px;
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-label1 {
    margin-bottom: 4px;
    font-weight: bold;
    padding-left: 5px;
    border-left: 3px solid #0b499d;
    font-size: 13px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-label1 {
        border-left-width: 5px;
        font-size: 22px;
        padding-left: 7px;
        margin-left: 14px;
    }
}

.dynamic-form .form-other .apply-form-text {
    margin-top: 10px;
    font-size: 11px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-other .apply-form-text {
        font-size: 16px;
        margin-left: 18px;
    }
}

.dynamic-form .required {
    margin-left: 4px;
    color: #c50019;
    font-weight: normal;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .required {
        margin-left: 20px;
        font-size: 16px;
    }
}

.dynamic-form .apply-form-name-set {
    margin-top: 10px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-name-set {
        margin-top: 20px;
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-name-set .apply-form-name-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-name-set .apply-form-name-field {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-name-set .apply-form-name-field.apply-form-age-field {
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-name-set .apply-form-name-field.apply-form-age-field {
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-name-set .apply-form-name-field .apply-form-name-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.dynamic-form .apply-form-name-set .apply-form-name-field .apply-form-name-item:nth-child(1) {
    padding-right: 7px;
}

.dynamic-form .apply-form-name-set .apply-form-name-field .apply-form-name-item:nth-child(2) {
    padding-left: 7px;
}

.dynamic-form .apply-form-born-set {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-born-set {
        margin-top: 40px;
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-born-set .apply-form-born-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-born-set .apply-form-born-field {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-born-set .apply-form-born-field .apply-form-born-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 30%;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-born-set .apply-form-born-field .apply-form-born-item {
        font-size: 20px;
    }
}

.dynamic-form .apply-form-born-set .apply-form-born-field .apply-form-born-item select {
    text-align: left;
    margin-right: 4px;
}

.dynamic-form .apply-form-gender-set {
    margin-top: 10px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-gender-set {
        margin-top: 20px;
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-gender-set .apply-form-gender-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-gender-set .apply-form-gender-field {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-gender-set .apply-form-gender-field .apply-form-gender-item {
    margin-right: 30px;
    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) {
    .dynamic-form .apply-form-gender-set .apply-form-gender-field .apply-form-gender-item {
        margin-top: 20px;
    }
}

.dynamic-form .apply-form-gender-set .apply-form-gender-field .apply-form-gender-item label {
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-gender-set .apply-form-gender-field .apply-form-gender-item label {
        font-size: 18px;
    }
}

.dynamic-form .apply-form-gender-set .apply-form-gender-field .apply-form-gender-item input[type='radio'] {
    margin-right: 4px;
    border-radius: 100%;
    border: 1px solid #b5b5b5;
    width: 15px;
    height: 15px;
    position: relative;
    z-index: 1;
    padding: 0;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-gender-set .apply-form-gender-field .apply-form-gender-item input[type='radio'] {
        margin-right: 8px;
        width: 25px;
        height: 25px;
    }
}

.dynamic-form
    .apply-form-gender-set
    .apply-form-gender-field
    .apply-form-gender-item
    input[type='radio']:checked
    + label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    z-index: 2;
    border-radius: 100%;
    width: 9px;
    height: 9px;
    background-color: #666;
}

@media (min-width: 829px) {
    .dynamic-form
        .apply-form-gender-set
        .apply-form-gender-field
        .apply-form-gender-item
        input[type='radio']:checked
        + label::after {
        top: 6px;
        left: 4px;
        width: 17px;
        height: 17px;
    }
}

.dynamic-form .apply-form-address-set {
    margin-top: 20px;
    margin-left: 12px;
}

.dynamic-form .apply-form-address-set .apply-form-zip-field {
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .apply-form-zip-field {
        margin-left: 18px;
    }

    .dynamic-form .apply-form-address-set {
        margin-top: 40px;
        margin-left: 14px;
    }

    .dynamic-form .apply-form-address-set .apply-form-zip-field .apply-form-zip-field-wrapper {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.dynamic-form .apply-form-address-set .apply-form-zip-field .apply-form-zip-field-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dynamic-form .apply-form-address-set .apply-form-zip-field .apply-form-zip-field-item input {
    width: 80px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .apply-form-zip-field .apply-form-zip-field-item input {
        width: 160px;
    }
}

.dynamic-form .apply-form-address-set .apply-form-zip-field .apply-form-zip-field-item span {
    margin: 0 4px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .apply-form-zip-field .apply-form-zip-field-item span {
        margin: 0 8px;
    }
}

.dynamic-form .apply-form-address-set .zip-auto-fill {
    margin-top: 15px;
    /* margin-bottom: 15px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .zip-auto-fill {
        margin-top: 0;
        padding-left: 50px;
        display: block;
    }
}

.dynamic-form .apply-form-address-set .zip-auto-fill a {
    margin-right: 5px;
    padding: 2px 5px;
    border-radius: 5px;
    display: block;
    color: #fff;
    background-color: #ff9024;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .zip-auto-fill a {
        padding: 1px 25px;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .zip-auto-fill span {
        margin-top: 4px;
        display: block;
        font-size: 16px;
    }
}

.dynamic-form .apply-form-address-set .apply-form-pref-field {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .apply-form-pref-field {
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-address-set .apply-form-city-field {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .apply-form-city-field {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-address-set .apply-form-other-field {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-address-set .apply-form-other-field {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-tel-set {
    margin-top: 20px;
    font-size: 10px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set {
        margin-top: 40px;
        font-size: 18px;
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-tel-set > .apply-form-label + p {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set > .apply-form-label + p {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-mail-set > .apply-form-label + p {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-mail-set > .apply-form-label + p {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-tel-set .apply-form-tel-radio {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set .apply-form-tel-radio {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-tel-set .apply-form-tel-radio .apply-form-tel-radio-item {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.dynamic-form .apply-form-tel-set .apply-form-tel-radio .apply-form-tel-radio-item:last-child {
    margin-right: 0;
}

.dynamic-form .apply-form-tel-set .apply-form-tel-radio .apply-form-tel-radio-item label {
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set .apply-form-tel-radio .apply-form-tel-radio-item label {
        font-size: 18px;
    }
}

.dynamic-form .apply-form-tel-set .apply-form-tel-radio .apply-form-tel-radio-item input[type='radio'] {
    margin-right: 4px;
    border-radius: 100%;
    border: 1px solid #b5b5b5;
    width: 15px;
    height: 15px;
    position: relative;
    z-index: 1;
    padding: 0;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set .apply-form-tel-radio .apply-form-tel-radio-item input[type='radio'] {
        margin-right: 8px;
        width: 25px;
        height: 25px;
        margin-top: 1.6px;
    }
}

.dynamic-form
    .apply-form-tel-set
    .apply-form-tel-radio
    .apply-form-tel-radio-item
    input[type='radio']:checked
    + label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    z-index: 2;
    border-radius: 100%;
    width: 9px;
    height: 9px;
    background-color: #666;
}

@media (min-width: 829px) {
    .dynamic-form
        .apply-form-tel-set
        .apply-form-tel-radio
        .apply-form-tel-radio-item
        input[type='radio']:checked
        + label::after {
        top: 7px;
        left: 4px;
        width: 17px;
        height: 17px;
    }
}

.dynamic-form .apply-form-tel-set .apply-form-tel-field {
    margin-top: 4px;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set .apply-form-tel-field {
        margin-top: 4px;
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-tel-set .apply-form-tel-field input {
    width: 88px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set .apply-form-tel-field input {
        width: 160px;
    }
}

.dynamic-form .apply-form-tel-set .apply-form-tel-field span {
    margin: 0 4px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-tel-set .apply-form-tel-field span {
        margin: 0 8px;
    }
}

.dynamic-form .apply-form-mail-set {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-mail-set {
        margin-top: 40px;
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-mail-set .apply-form-mail-field {
    margin-top: 10px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-mail-set .apply-form-mail-field {
        margin-left: 18px;
    }
}

.dynamic-form .apply-form-mail-set .apply-form-mail-field + .apply-form-mail-field {
    margin-top: 20px;
}

.dynamic-form .form-steps-block {
    background-color: #f6f6f6;
}

.dynamic-form .form-steps-block .title-block {
    padding-bottom: 20px;
}

.dynamic-form .form-steps-block .form-steps {
    margin: 0 20px;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    overflow: hidden;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-steps {
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 36px;
        max-width: 760px;
    }
}

.dynamic-form .form-steps-block .form-steps .form-step {
    position: relative;
    z-index: 2;
}

.dynamic-form .form-steps-block .form-steps .form-step::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 270px;
    height: 1px;
    background-color: #b5b5b5;
}

.dynamic-form .form-steps-block .form-steps .form-step span {
    border-radius: 100%;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background-color: #b5b5b5;
    font-size: 18px;
    text-align: center;
    position: relative;
    z-index: 2;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-steps .form-step span {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 35px;
    }
}

.dynamic-form .form-steps-block .form-steps .form-step:last-child::after {
    display: none;
}

.dynamic-form .form-steps-block .form-steps .form-step.is-progress span,
.dynamic-form .form-steps-block .form-steps .form-step.is-progress::after {
    background-color: #0b499d;
}

.dynamic-form .form-steps-block .form-method {
    margin: 0 auto;
    padding: 0 20px 25px;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method {
        padding: 0 0 50px;
        max-width: 760px;
    }
}

.dynamic-form .form-steps-block .form-method .form-method-checkbox {
    font-size: 11px;
    padding-bottom: 15px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffe1e1;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method .form-method-checkbox {
        text-align: center;
        font-size: 20px;
        padding-bottom: 30px;
        padding-top: 20px;
        background-color: #ffe1e1;
    }
}

.dynamic-form .form-steps-block .form-method .form-method-checkbox-text {
    font-size: 11px;
    background-color: #ffe1e1;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method .form-method-checkbox-text {
        font-size: 18px;
        background-color: #ffe1e1;
        padding-left: 18px;
        padding-right: 18px;
        padding-bottom: 18px;
    }
}

.dynamic-form .form-steps-block .form-method .form-method-inner {
    padding: 15px 22px;
    border: 1px solid #b5b5b5;
    background-color: #fff;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method .form-method-inner {
        padding: 25px 50px;
    }
}

.dynamic-form .form-steps-block .form-method .form-method-heading {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method .form-method-heading {
        font-size: 28px;
    }
}

.dynamic-form .form-steps-block .form-method .form-method-text {
    margin-top: 10px;
    color: #333;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method .form-method-text {
        margin-top: 10px;
        font-size: 20px;
    }
}

.dynamic-form .form-steps-block .form-method .form-method-anchors {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method .form-method-anchors {
        margin-top: 20px;
    }
}

.dynamic-form .form-steps-block .form-method .form-method-anchor a {
    color: #0b499d;
}

.dynamic-form .form-steps-block .form-intro {
    padding: 0 20px 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-intro {
        margin: 0 auto;
        padding: 0;
        max-width: 760px;
    }
}

.dynamic-form .form-steps-block .form-intro .form-intro-heading {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-intro .form-intro-heading {
        font-size: 28px;
    }
}

.dynamic-form .form-steps-block .form-intro .form-intro-text {
    margin-top: 25px;
    line-height: 1.8;
    font-size: 11px;
    letter-spacing: -0.04em;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-intro .form-intro-text {
        margin-top: 30px;
        font-size: 16px;
    }
}

.dynamic-form .form-steps-block .form-intro .form-intro-content {
    padding: 10px;
    border: solid 1px red;
    text-align: justify;
    font-size: 16px;
    line-height: 28px;
}

.dynamic-form .form-steps-block .form-intro .form-intro-text p {
    padding-bottom: 10px;
}

.dynamic-form .form-steps-block .form-intro .form-intro-text p:nth-child(1),
.dynamic-form .form-steps-block .form-intro .form-intro-text p:nth-child(3) {
    font-weight: bold;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-intro .form-intro-text p {
        padding-bottom: 10px;
    }
}

.dynamic-form .form-steps-block .form-intro .form-intro-checkbox {
    padding-top: 10px;
    /* padding-bottom: 25px; */
    letter-spacing: -0.11em;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-intro .form-intro-checkbox {
        padding-top: 40px;
        /* padding-bottom: 100px; */
        font-size: 20px;
        text-align: center;
    }
}

.dynamic-form .form-block {
    padding: 0 15px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block {
    }
}

.dynamic-form .form-block.form-block-dark {
    background-color: #f6f6f6;
}

.dynamic-form .form-block.form-block-light {
    background-color: #fff;
}

.dynamic-form .form-block .form-block-inner {
    margin: 0 auto;
    padding: 1px 0;
    max-width: 760px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-block-inner {
    }
}

.dynamic-form .form-block .form-method-heading {
    margin-top: 20px;
    line-height: 1.3;
    font-weight: bold;
    font-size: 15px;
    position: relative;
    z-index: 1;
    border-left: 3px solid #0b499d;
    padding-left: 5px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-heading {
        margin-top: 30px;
        font-size: 24px;
        border-left: 5px solid #0b499d;
        padding-left: 7px;
    }
}

.dynamic-form .form-block .form-method-heading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -17px;
    height: 35px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-heading::before {
        display: none;
    }
}

.dynamic-form .form-block .form-method-form {
    margin-top: 18px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-form {
        margin-top: 50px;
        margin-left: 14px;
    }

    .dynamic-form .form-block .form-method-form input {
    }
}

.dynamic-form .form-block .form-method-form .form-method-input {
    margin-bottom: 18px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-form .form-method-input {
        margin-bottom: 30px;
    }
}

.dynamic-form .form-block .form-method-form .form-method-input label {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 13px;
    padding-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-form .form-method-input label {
        font-size: 22px;
    }
}

.dynamic-form .form-block .form-method-form .form-method-input input[type='text'],
.dynamic-form .form-block .form-method-form .form-method-input input[type='password'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    padding: 7px 10px 6px;
    border: 2px solid #b5b5b5;
    border-radius: 3px;
    display: block;
    width: 96%;
    font-size: 16px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-form .form-method-input input[type='text'],
    .dynamic-form .form-block .form-method-form .form-method-input input[type='password'] {
        padding: 7px 10px;
        border-width: 3px;
        border-radius: 5px;
        font-size: 18px;
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-method-form .form-method-input .form-mehtod-input-note {
    margin-top: 3px;
    font-size: 11px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-form .form-method-input .form-mehtod-input-note {
        margin-top: 6px;
        font-size: 18px;
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-receive-point {
    margin-top: 20px;
    margin-left: 12px;
    margin-bottom: 15px;
    color: #333;
    font-size: 10px;
    text-align: left;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-receive-point {
        margin-top: 40px;
        margin-bottom: 20px;
        margin-left: 14px;
        font-size: 18px;
        text-align: left;
    }
}

.modal.multi-modal .form-receive-point {
    margin-top: 20px;
    color: #333;
    font-size: 10px;
    text-align: center;
}

@media (min-width: 829px) {
    .modal.multi-modal .form-receive-point {
        margin-top: 40px;
        font-size: 18px;
        text-align: left;
    }
}

.dynamic-form .form-block .form-receive-point-sub {
    margin-top: 10px;
    font-size: 10px;
    margin-left: 12px;
}

.dynamic-form .form-block .form-receive-point-sub p:nth-child(1) {
    font-weight: bold;
}

.dynamic-form .form-block .form-receive-point-sub span {
    color: #b20000;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-receive-point-sub {
        margin-top: 20px;
        font-size: 18px;
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-receive-point span {
    color: #b20000;
    font-weight: bold;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-receive-point br {
        display: none;
    }
}

.modal.multi-modal .form-receive-point span {
    color: #b20000;
}

@media (min-width: 829px) {
    .modal.multi-modal .form-receive-point br {
        display: none;
    }
}

.dynamic-form .form-block .form-button-block {
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-button-block {
        font-size: 18px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 40px;
    }
}

.dynamic-form .form-block .form-button-note {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 12px;
}

.dynamic-form .form-block .form-block-inner .form-button-note-center {
    font-size: 11px;
}

.dynamic-form .form-block .form-button-note-anchor {
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-button-note-anchor {
        padding-left: 0;
        font-size: 18px;
    }
    .dynamic-form .form-block .form-button-note {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 14px;
    }
    .dynamic-form .form-block .form-block-inner .form-button-note-center {
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-button-note-anchor a {
    padding-left: 16px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+57yW57uEIDk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLliIflm77mqKHniYgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYuMDAwMDAwLCAtNDc1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYxNi4wMDAwMDAsIDQ3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzBGNTRBMSIgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIxNy41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxnIGlkPSLlj7Pnrq3lpLQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjAwMDAwMCwgOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjU0MDM3ODA0NSwxNy42MTQyMDcxIEMwLjExMjU0MDEzOCwxNy4xNzkyNzE0IDAuMDc0Nzg5NzM0OSwxNi43MDU5NTkgMC4yNjM1NDE3NTMsMTYuNTE0MDc1NiBMNy41ODcxMjAwNCw5LjA2ODk5OTY0IEwwLjI2MzU0MTc1MywxLjYyMzkyMzY2IEMtMC4xMTM5NjIyODMsMS4yNDAxNTY4NiAtMC4xMDEzNzg4MTUsMC44OTQ3NjY3MzcgMC40MDE5NTk4OTksMC4zODMwNzc2NjYgQzAuOTA1Mjk4NjEzLC0wLjEyODYxMTQwNSAxLjMwNzk2OTU4LC0wLjA3NzQ0MjQ5NzUgMS42MjI1NTYyOCwwLjI0MjM2MzE3MiBMOS43Mzg4OTMwNCw4LjQ5MzM0OTQzIEMxMC4wOTEyMzAxLDguODUxNTMxNzggMTAuMDc4NjQ2Nyw5LjIzNTI5ODU5IDkuNzUxNDc2NTEsOS42MTkwNjUzOSBMMS42MjI1NTYyOCwxNy44OTU2MzYxIEMxLjQ0NjM4NzczLDE4LjA3NDcyNzMgMC45NjgyMTU5NTIsMTguMDQ5MTQyOCAwLjU0MDM3ODA0NSwxNy42MTQyMDcxIFoiIGlkPSLot6/lvoQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')
        no-repeat;
    background-position: left top 0;
    background-size: 9px;
}

.ios .dynamic-form .form-block .form-button-note-anchor a {
    background-position: left top 1px;
    background-size: 9px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-button-note-anchor a {
        padding-left: 30px;
        background-size: 20px;
        background-position: left top 2px;
    }
}

.dynamic-form .form-block .form-button-block .form-button-note-anchor + .form-button-note-anchor {
    margin-top: 5px;
}

.modal.multi-modal .form-button-block {
    padding-bottom: 20px;
    font-size: 11px;
}

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

.modal.multi-modal .form-button-block .form-button-note {
    margin-top: 20px;
}

.modal.multi-modal .form-button-block .form-button-note.form-button-note-center {
    text-align: center;
}

.modal.multi-modal .form-button-block .form-button-note-anchor {
    padding-left: 16px;
}

@media (min-width: 829px) {
    .modal.multi-modal .form-button-block .form-button-note-anchor {
        margin-top: 30px;
        padding-left: 0;
    }
}

.modal.multi-modal .form-button-block .form-button-note-anchor + .form-button-note-anchor {
    margin-top: 5px;
}

.modal.multi-modal .form-method-note {
    padding: 0 12px;
}

@media (min-width: 829px) {
    .modal.multi-modal .form-method-note {
        padding: 0 43px;
    }
}

.dynamic-form .form-block .form-method-note {
    margin-top: 25px;
    padding-bottom: 20px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-note {
        margin-top: 60px;
        font-size: 18px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-method-note .sp {
        display: none;
    }
}

.dynamic-form .form-block .form-method-note .form-method-note-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.dynamic-form .form-block .form-method-note .form-method-note-item::after {
    margin-left: 10px;
}

.dynamic-form .form-block .form-block-unregistered-note {
    margin-top: 15px;
    padding: 0 12px;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-block-unregistered-note {
        margin-top: 30px;
        margin-bottom: 60px;
        font-size: 20px;
        padding: 0 14px;
    }
}

.dynamic-form .form-block .form-comfirm-heading {
    margin-top: 24px;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-heading {
        border-left-width: 5px;
        font-size: 24px;
    }
}

.dynamic-form .form-block .form-comfirm-headingtitle {
    margin-top: 24px;
    font-weight: bold;
    font-size: 14px;
    border-left: 3px solid #0b499d;
    padding-left: 5px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-headingtitle {
        font-size: 24px;
        border-left: 5px solid #0b499d;
        padding-left: 7px;
    }
}

.dynamic-form .form-block .form-comfirm-heading1 {
    font-size: 14px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-heading1 {
        font-size: 24px;
    }
}

.dynamic-form .form-block .return-prev {
    margin: 20px 0 20px 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .return-prev {
        margin-left: 14px;
    }
}

.dynamic-form .form-block .return-prev a {
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .return-prev a {
        font-size: 18px;
    }
}

.dynamic-form .form-block .apply-form .apply-form-field-name {
    margin-bottom: 4px;
    margin-top: 4px;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .apply-form .apply-form-field-name {
        font-size: 18px;
        font-weight: bold;
    }
}

.dynamic-form .form-block .apply-form .apply-form-note {
    margin-top: 15px;
    padding-bottom: 25px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .apply-form .apply-form-note {
        margin-top: 30px;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-payment-blocks input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks input {
        border-radius: 5px;
        font-size: 17px;
    }
}

.dynamic-form .form-block .form-payment-blocks .required {
    margin-left: 4px;
    color: #c50019;
    font-weight: normal;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .required {
        margin-left: 20px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-link {
        margin-top: 10px;
        font-size: 16px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-block .form-payment-block-title {
    padding-top: 20px;
    font-weight: bold;
    font-size: 12px;
    padding-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-block .form-payment-block-title {
        padding-top: 40px;
        font-size: 20px;
        padding-left: 14px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-block .form-payment-text {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-block .form-payment-text {
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 16px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-block .form-payment-text .form-payment-arrival {
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-block .form-payment-text .form-payment-arrival {
        margin-left: 18px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    font-size: 11px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list {
        font-size: 16px;
        margin-left: 18px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list.use-point {
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list.use-point {
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list.use-point dd input {
    margin-right: 5px;
    width: 102px;
    text-align: right;
    vertical-align: inherit;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list.use-point dd input {
        margin-bottom: 10px;
        width: 202px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list dt {
    margin-top: 10px;
    width: 30%;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list dd {
    margin-top: 10px;
    width: 55%;
    letter-spacing: -0.05em;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list dd input {
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-note {
    margin-top: 10px;
    margin-left: 12px;
    font-size: 11px;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-linknote {
    margin-left: 12px;
    font-size: 11px;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-nomargintop {
    font-size: 11px;
}

.right-arrow {
    padding-left: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMzUgMzUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+57yW57uEIDk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLliIflm77mqKHniYgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYuMDAwMDAwLCAtNDc1LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYxNi4wMDAwMDAsIDQ3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzBGNTRBMSIgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIxNy41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxnIGlkPSLlj7Pnrq3lpLQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjAwMDAwMCwgOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjU0MDM3ODA0NSwxNy42MTQyMDcxIEMwLjExMjU0MDEzOCwxNy4xNzkyNzE0IDAuMDc0Nzg5NzM0OSwxNi43MDU5NTkgMC4yNjM1NDE3NTMsMTYuNTE0MDc1NiBMNy41ODcxMjAwNCw5LjA2ODk5OTY0IEwwLjI2MzU0MTc1MywxLjYyMzkyMzY2IEMtMC4xMTM5NjIyODMsMS4yNDAxNTY4NiAtMC4xMDEzNzg4MTUsMC44OTQ3NjY3MzcgMC40MDE5NTk4OTksMC4zODMwNzc2NjYgQzAuOTA1Mjk4NjEzLC0wLjEyODYxMTQwNSAxLjMwNzk2OTU4LC0wLjA3NzQ0MjQ5NzUgMS42MjI1NTYyOCwwLjI0MjM2MzE3MiBMOS43Mzg4OTMwNCw4LjQ5MzM0OTQzIEMxMC4wOTEyMzAxLDguODUxNTMxNzggMTAuMDc4NjQ2Nyw5LjIzNTI5ODU5IDkuNzUxNDc2NTEsOS42MTkwNjUzOSBMMS42MjI1NTYyOCwxNy44OTU2MzYxIEMxLjQ0NjM4NzczLDE4LjA3NDcyNzMgMC45NjgyMTU5NTIsMTguMDQ5MTQyOCAwLjU0MDM3ODA0NSwxNy42MTQyMDcxIFoiIGlkPSLot6/lvoQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
        no-repeat;
    background-position: left top 0;
    background-size: 9px;
    cursor: pointer;
}

.ios .right-arrow {
    background-size: 9px;
    background-position: left top 2px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-note {
        margin-top: 20px;
        font-size: 16px;
        margin-left: 18px;
    }
    .dynamic-form .form-block .form-payment-blocks .form-payment-linknote {
        font-size: 16px;
        margin-left: 18px;
    }
    .dynamic-form .form-block .form-payment-blocks .form-payment-nomargintop {
        font-size: 16px;
    }
    .right-arrow {
        padding-left: 30px;
        background-size: 20px;
        background-position: left top 2px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-text-list {
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-text-list {
        margin-left: 18px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival > p {
    margin-top: 10px;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival > p {
        margin-top: 20px;
        font-size: 16px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-set {
    margin-top: 12px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-set {
        margin-top: 20px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.dynamic-form
    .form-block
    .form-payment-blocks
    .form-payment-arrival
    .form-payment-arrival-item
    input::-webkit-outer-spin-button,
.dynamic-form
    .form-block
    .form-payment-blocks
    .form-payment-arrival
    .form-payment-arrival-item
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 30px;
    -moz-appearance: textfield;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item input {
        border-width: 2px;
        height: 40px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item:nth-child(1) input {
    border-radius: 0;
    width: 100px;
    text-align: center;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item:nth-child(1) input {
        width: 90px;
        font-size: 18px;
    }
}

.dynamic-form
    .form-block
    .form-payment-blocks
    .form-payment-arrival
    .form-payment-arrival-item
    + .form-payment-arrival-item {
    margin-left: 20px;
}

@media (min-width: 829px) {
    .dynamic-form
        .form-block
        .form-payment-blocks
        .form-payment-arrival
        .form-payment-arrival-item
        + .form-payment-arrival-item {
        margin-left: 40px;
    }
}

.dynamic-form
    .form-block
    .form-payment-blocks
    .form-payment-arrival
    .form-payment-arrival-item
    + .form-payment-arrival-item
    input {
    width: 90px;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item span {
    margin-left: 5px;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item span {
        margin-left: 10px;
        font-size: 20px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-inc,
.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-dec {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b5b5b5;
    width: 21px;
    height: 30px;
    line-height: 26px;
    background-color: #fff;
    text-align: center;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-inc,
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-dec {
        border-width: 2px;
        width: 46px;
        height: 40px;
        line-height: 36px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-dec {
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-dec {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-inc {
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item .select-num-inc {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio {
    margin: 20px 0 25px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio.pc−hrizontal label b {
        min-width: 8em;
        display: inline-block;
        vertical-align: baseline;
        font-weight: normal;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio.pc−hrizontal label span {
        display: inline-block;
        vertical-align: baseline;
        width: 26px;
        height: 26px;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item {
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item label {
    padding-left: 20px;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item label {
        padding-left: 40px;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item input[type='radio'] {
    margin-right: 4px;
    border-radius: 100%;
    border: 1px solid #b5b5b5;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item input[type='radio'] {
        width: 25px;
        height: 25px;
    }
}

.dynamic-form
    .form-block
    .form-payment-blocks
    .form-payment-vertical-radio-item
    input[type='radio']:checked
    + label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    z-index: 2;
    border-radius: 100%;
    width: 9px;
    height: 9px;
    background-color: #666;
}

@media (min-width: 829px) {
    .dynamic-form
        .form-block
        .form-payment-blocks
        .form-payment-vertical-radio-item
        input[type='radio']:checked
        + label::after {
        top: 6px;
        left: 4px;
        width: 17px;
        height: 17px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item span {
    display: inline-block;
    font-weight: normal;
    width: 16px;
    height: 16px;
    background: #ccc;
    border-radius: 100%;
    text-align: center;
    margin-left: 10px;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-toggletext {
    display: none;
    padding-bottom: 20px;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-toggletext textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b5b5b5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    height: 100px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-toggletext textarea {
        border-width: 2px;
    }
}

.dynamic-form .form-block .form-comfirm-content {
    margin: 5px 10px 15px 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-content {
        margin: 15px 0 0 14px;
    }
}

.dynamic-form .form-block .form-comfirm-content th,
.dynamic-form .form-block .form-comfirm-content td {
    padding: 5px 0;
    vertical-align: top;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: -0.05em;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-content th,
    .dynamic-form .form-block .form-comfirm-content td {
        padding: 8px 0;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-comfirm-content th {
    padding-right: 10px;
    width: 40%;
}

.dynamic-form .form-block .form-comfirm-detail {
    margin-top: 10px;
    padding: 0 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail {
        padding-left: 14px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-date {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-date {
        margin-top: 40px;
        margin-bottom: 15px;
        font-size: 20px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content {
    padding-bottom: 25px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content {
        padding-bottom: 0;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: #0b499d;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header {
        padding: 10px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 15px;
    width: 1px;
    background-color: #fff;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header::before {
        left: 29px;
        width: 2px;
    }
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-header.detail-content-header-start::before {
    top: 50%;
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-header.detail-content-header-last::before {
    bottom: 50%;
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-icon {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-icon {
        width: 40px;
        height: 40px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-icon::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-icon::before {
        width: 40px;
        height: 40px;
        background-size: 40px auto;
    }
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-header
    .detail-content-icon.detail-content-icon-hotel::before {
    content: '';
    background-image: url(../../images/inn.svg);
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-header
    .detail-content-icon.detail-content-icon-train::before {
    content: '';
    background-image: url(../../images/train.svg);
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-time {
    margin-left: 9px;
    font-weight: bold;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-time {
        font-size: 20px;
    }
    .ie11 .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-time {
        font-size: 19px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-place {
    margin-left: 12px;
    font-weight: bold;
    font-size: 13px;
    max-width: 220px;
    word-break: break-all;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-place {
        font-size: 24px;
        max-width: 500px;
        word-break: break-all;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-place span {
    font-size: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-place span {
        font-size: 20px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body .detail-content-place {
    font-weight: bold;
    font-size: 13px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body .detail-content-place {
        font-size: 22px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body {
    padding: 18px 5px 25px 35px;
    background-color: #fff;
    font-size: 11px;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body {
        padding: 35px 40px 50px 70px;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    width: 1px;
    background-color: #0b499d;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body::before {
        left: 29px;
        width: 2px;
    }
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-body
    .detail-content-item
    .detail-content-name {
    font-size: 11px;
    letter-spacing: -0.05em;
    display: inline;
    padding-right: 20px;
}

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body .detail-content-item .air-ana,
.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body .detail-content-item .air-jal {
    display: flex;
}

@media (min-width: 829px) {
    .dynamic-form
        .form-block
        .form-comfirm-detail
        .detail-content
        .detail-content-body
        .detail-content-item
        .detail-content-name {
        font-size: 20px;
        padding-right: 50px;
    }
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-body
    .detail-content-item
    .detail-content-detail {
    margin-top: 8px;
    margin-right: 15px;
    padding: 15px 15px 5px;
    background-color: #f6f6f6;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form
        .form-block
        .form-comfirm-detail
        .detail-content
        .detail-content-body
        .detail-content-item
        .detail-content-detail {
        margin-right: 0;
        padding: 20px 40px;
        font-size: 16px;
    }
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-body
    .detail-content-item
    .detail-content-detail
    p {
    margin-bottom: 10px;
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-body
    .detail-content-room
    .detail-content-room-num {
    padding-right: 1em;
    min-width: 3em;
}

.dynamic-form
    .form-block
    .form-comfirm-detail
    .detail-content
    .detail-content-body
    .detail-content-room
    .detail-content-room-detail {
    margin-bottom: 10px;
}

.dynamic-form .form-block .form-comfirm-brick {
    line-height: 1.8;
    font-size: 11px;
    letter-spacing: -0.04em;
    padding: 12px;
    text-align: justify;
    margin-top: 20px;
    word-break: break-all;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-brick {
        font-size: 18px;
        padding: 14px;
    }
}

.dynamic-form .form-block .form-comfirm-cancel {
    font-size: 11px;
    margin-top: 10px;
}

.dynamic-form .form-block .form-comfirm-cancel p.form-comfirm-cancel-text {
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-cancel p.form-comfirm-cancel-text {
        margin-left: 14px;
    }
}

.dynamic-form .form-block .detail-air .form-last-cancel {
    padding-bottom: 20px;
}

.dynamic-form .form-block .form-comfirm-cancel .form-comfirm-cancel-title {
    font-weight: bold;
    margin-left: 12px;
}

.dynamic-form .form-block .form-comfirm-cancel table {
    margin-left: 12px;
}

.dynamic-form .form-block .form-comfirm-cancel table tr th {
    width: 60%;
    padding: 5px;
    border: 1px solid #333;
    font-weight: 100;
}

.dynamic-form .form-block .form-comfirm-cancel table tr td {
    width: 40%;
    padding: 5px;
    border: 1px solid #333;
    font-weight: 100;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-cancel {
        font-size: 11px;
        padding-left: 0;
    }

    .dynamic-form .form-block .form-comfirm-cancel .form-comfirm-cancel-title {
        font-size: 20px;
    }

    .dynamic-form .form-block .form-comfirm-cancel table {
        margin-left: 14px;
        margin-top: 20px;
    }

    .dynamic-form .form-block .form-comfirm-cancel table tr th,
    .dynamic-form .form-block .form-comfirm-cancel table tr td {
        padding: 5px 10px;
        font-size: 14px;
    }
}

.dynamic-form .form-block .form-comfirm-cancel .form-comfirm-cancel-sub-title {
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-cancel .form-comfirm-cancel-sub-title {
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-comfirm-brick.smaller {
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-brick.smaller {
        font-size: 16px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-brick + .form-comfirm-table {
        margin-top: 0;
    }

    .dynamic-form .form-block .form-comfirm-brick.pay-note + .form-comfirm-table {
        margin-top: 30px;
    }
}

.dynamic-form .form-block .form-comfirm-charge-detail {
    margin-left: 12px;
}

.dynamic-form .form-block .form-comfirm-charge-detail table tr:nth-child(1) td {
    padding-bottom: 10px;
}

.dynamic-form .form-block .form-comfirm-charge-detail table {
    /* margin-left: 5px; */
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-charge-detail {
        margin: 40px 0 0 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        font-size: 16px;
    }
    .dynamic-form .form-block .form-comfirm-charge-detail table tr:nth-child(1) td {
        padding-bottom: 15px;
    }

    .dynamic-form .form-block .form-comfirm-charge-detail table {
        /* margin-left: 10px; */
    }
}

.dynamic-form .form-block .form-comfirm-charge-detail dt {
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-charge-detail dt {
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-comfirm-charge-detail dd {
    margin-top: 5px;
    padding-left: 8px;
    line-height: 1.8;
    font-size: 11px;
    letter-spacing: -0.1em;
}

.dynamic-form .form-block .form-comfirm-charge-detail dd table td {
    padding-right: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-charge-detail dd {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-top: 0;
        margin-left: 5px;
        font-size: 18px;
        padding: 0 10px;
    }
}

.dynamic-form .form-block .form-comfirm-total {
    margin: 0 12px;
    overflow: hidden;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-total {
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-comfirm-total table {
    margin-left: auto;
}

.dynamic-form .form-block .form-comfirm-total th,
.dynamic-form .form-block .form-comfirm-total td {
    padding: 5px;
    font-weight: normal;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-total th,
    .dynamic-form .form-block .form-comfirm-total td {
        padding: 4px 0;
        font-size: 16px;
    }
}

.dynamic-form .form-block .form-comfirm-total td {
    text-align: right;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-total td {
        padding-left: 1em;
    }
}

.dynamic-form .form-block .form-comfirm-total td::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 1px;
    background-color: #333;
}

.dynamic-form .form-block .form-comfirm-total .form-comfirm-total-note {
    padding: 20px 0;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-total .form-comfirm-total-note {
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-comfirm-cancel-rate {
    padding: 10px 40px 20px;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-cancel-rate {
        padding-right: 130px;
        padding-left: 130px;
        padding-bottom: 0;
        font-size: 18px;
        padding-bottom: 40px;
    }
}

.dynamic-form .form-block .form-comfirm-cancel-rate table {
    width: 100%;
}

.dynamic-form .form-block .form-comfirm-cancel-rate th,
.dynamic-form .form-block .form-comfirm-cancel-rate td {
    color: #333;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-cancel-rate th,
    .dynamic-form .form-block .form-comfirm-cancel-rate td {
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-comfirm-cancel-rate thead th {
    background-color: #b5b5b5;
}

.dynamic-form .form-block .form-comfirm-cancel-rate thead th + th {
    border-left: 1px solid #fff;
}

.dynamic-form .form-block .form-comfirm-cancel-rate tbody tr:last-child th,
.dynamic-form .form-block .form-comfirm-cancel-rate tbody tr:last-child td {
    border-bottom: 0;
}

.dynamic-form .form-block .form-comfirm-cancel-rate tbody th,
.dynamic-form .form-block .form-comfirm-cancel-rate tbody td {
    border-bottom: 1px solid #b5b5b5;
    background-color: white;
}

.dynamic-form .form-block .form-comfirm-cancel-rate tbody td {
    border-left: 1px solid #b5b5b5;
    width: 40%;
    background-color: white;
}

.dynamic-form .form-block .form-comfirm-table {
    margin-top: 10px;
    padding: 0 10px 20px;
    margin-left: 12px;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-table {
        margin-top: 40px;
        padding: 0;
        margin-left: 14px;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-comfirm-table.narrow th {
    width: 32%;
}

.dynamic-form .form-block .form-comfirm-table table {
    width: 100%;
}

.dynamic-form .form-block .form-comfirm-table th,
.dynamic-form .form-block .form-comfirm-table td {
    padding: 4px 0;
    border-bottom: 1px solid #b5b5b5;
    vertical-align: top;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: -0.08em;
}

.dynamic-form .form-block .form-comfirm-table tr:nth-child(1) th {
    font-weight: bold;
}

.dynamic-form .form-block .form-comfirm-table tr:nth-child(1) div {
    background-color: #d20001;
    color: #fff;
    width: 60px;
    text-align: center;
    border-radius: 3px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-table th,
    .dynamic-form .form-block .form-comfirm-table td {
        padding: 5px 0;
        font-size: 18px;
    }

    .dynamic-form .form-block .form-comfirm-table tr:nth-child(1) div {
        width: 100px;
        border-radius: 5px;
    }
}

.dynamic-form .form-block .form-comfirm-table th {
    padding-right: 10px;
    width: 36.7%;
}

.dynamic-form .form-block .form-change-content {
    padding-bottom: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-change-content {
        padding-top: 40px;
        padding-bottom: 20px;
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-change-content a {
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-change-content a {
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-check-condition {
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 11px;
    letter-spacing: -0.04em;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-check-condition {
        margin-top: 40px;
        padding-left: 0;
        font-size: 18px;
        margin-left: 14px;
    }
}

.dynamic-form .form-block .form-check-notice {
    padding: 20px;
    border: solid 1px #000;
    background-color: yellow;
    text-align: justify;
    margin-top: 10px;
}

.dynamic-form .form-block .form-check-notice h3 {
    text-align: center;
}

.dynamic-form .form-block .form-check-notice p {
    line-height: 24px;
    padding-top: 10px;
}

.dynamic-form .form-block .form-check-condition-confirm {
    text-align: center;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-check-condition-confirm {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-comfirm-badge {
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-badge {
        padding-bottom: 0;
    }
}

.dynamic-form .form-block .form-comfirm-badge .form-comfirm-badge-item {
    margin-left: 9px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-badge .form-comfirm-badge-item {
        margin-left: 28px;
    }
}

.dynamic-form .form-block .form-comfirm-badge .form-comfirm-badge-item img {
    display: block;
}

.dynamic-form .form-block .form-comfirm-badge .form-comfirm-badge-item:nth-child(1) {
    width: 50px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-badge .form-comfirm-badge-item:nth-child(1) {
        width: 100px;
    }
}

.dynamic-form .form-block .form-comfirm-badge .form-comfirm-badge-item:nth-child(2) {
    width: 96px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-badge .form-comfirm-badge-item:nth-child(2) {
        width: 192px;
    }
}

.dynamic-form .form-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 5px;
    border: 1px solid #b5b5b5;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: relative;
    top: -2px;
}

.dynamic-form .login-agree {
    display: none;
}

@media (min-width: 829px) {
    .dynamic-form .form-checkbox {
        margin-right: 15px;
        border-width: 2px;
        width: 25px;
        height: 25px;
    }
}

.dynamic-form .form-checkbox:checked {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+PHBhdGggZD0iTTUsMTAgMCw0LjcgMS40LDMuMyA1LDcgMTEuNSwwIDEzLDEuNHoiIGZpbGw9IiMzMzMiLz48L3N2Zz4K');
    background-size: 12px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dynamic-form .form-checkbox:checked {
        background-size: 18px auto;
    }
}

.dynamic-form .dynamic-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: auto;
    padding: 14px 0 13px;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-form .dynamic-button {
        padding: 14px 0;
        border-radius: 5px;
        width: 400px;
        font-size: 20px;
        margin: auto;
    }
}

.dynamic-form .dynamic-button.dynamic-button-apply {
    color: #fff;
    background-color: #ff9024;
    cursor: pointer;
}

.dynamic-form .dynamic-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 9px;
    height: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4zIDM1LjUiPjxwYXRoIGQ9Ik0zLjUsMzUuNSAwLDMyIDE0LjIsMTcuOCAwLDMuNSAzLjUsMCAyMS4zLDE3Ljh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==');
    background-size: 9px auto;
    background-repeat: no-repeat;
}

.dynamic-form .form-pre-register .apply-form-tel-field {
    margin-top: 0;
}

.dynamic-form .form-pre-register .apply-form-tel-field .member-prefix {
    margin-right: 10px;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-pre-register .apply-form-tel-field .member-prefix {
        font-size: 18px;
    }
}

.dynamic-form .form-pre-register .apply-form-tel-radio + .apply-form-tel-field {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-pre-register .apply-form-tel-radio + .apply-form-tel-field {
        margin-top: 20px;
    }
}

.dynamic-form .form-pre-register .form-pre-register-note {
    margin-top: 30px;
    line-height: 2.04545;
    font-size: 11px;
    text-align: center;
}

@media (min-width: 829px) {
    .dynamic-form .form-pre-register .form-pre-register-note {
        font-size: 18px;
    }
}

.dynamic-form .form-pre-register .form-pre-register-card {
    margin: 20px auto;
    display: block;
    width: 187px;
}

@media (min-width: 829px) {
    .dynamic-form .form-pre-register .form-pre-register-card {
        margin: 40px auto;
        width: 260px;
    }
}

.dynamic-form .form-pre-register .form-pre-register-card img {
    display: block;
}

.dynamic-form .form-pre-register .form-receive-point {
    margin-top: 40px;
}

.js-toggle::after {
    content: '';
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 7px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC4xMiAxMS4xOCI+PHBhdGggZD0iTTkuMDYgMTEuMTggMCAyLjEyIDIuMTIgMCA5LjA2IDYuOTQgMTYgMCAxOC4xMiAyLjEyIDkuMDYgMTEuMTh6IiBmaWxsPSIjNWY1ZjVmIi8+PC9zdmc+Cg==');
    background-size: 13px auto;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
}

@media (min-width: 829px) {
    .js-toggle::after {
        margin-left: 5px;
        width: 17px;
        height: 9px;
        background-size: 17px auto;
    }
}

.js-toggle.is-open::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.js-modal {
    display: block;
    cursor: pointer;
}

.dp-select-steps .inner {
    padding: 14px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 900px;
}

@media (min-width: 829px) {
    .dp-select-steps .inner {
        margin: 0 auto;
        padding: 30px 0 0 0;
    }
}

.dp-select-steps .inner img {
    width: 100%;
}

@media (min-width: 829px) {
    .dp-select-steps .inner img {
        margin: 0 auto;
        width: 900px;
    }
}

.dp-select-steps .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
    line-height: 22px;
    color: #fff;
    background-color: #b5b5b5;
    font-weight: bold;
    font-size: 8.5px;
    letter-spacing: -0.08em;
    position: relative;
    width: 24.2%;
}

@media (min-width: 829px) {
    .dp-select-steps .item {
        width: 33%;
        height: 43px;
        line-height: 43px;
        font-size: 18px;
        text-align: center;
    }
}

.dp-select-steps .item span {
    padding: 0 0 0 17px;
    display: block;
    background-color: #b5b5b5;
    position: relative;
    z-index: 1;
}

.dp-select-steps .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    width: 12px;
    height: 22px;
    background-image: url('../../images/bg-dp-step-sp.png');
    background-size: auto 22px;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-select-steps .item::after {
        width: 34px;
        height: 43px;
        background-image: url('../../images/bg-dp-step.png');
        background-size: auto 43px;
    }
}

.dp-select-steps .item.active span {
    background-color: #0b499d;
}

.dp-select-steps .item.active::after {
    background-image: url('../../images/bg-dp-step-sp-active.png');
}

@media (min-width: 829px) {
    .dp-select-steps .item.active::after {
        background-image: url('../../images/bg-dp-step-active.png');
    }
}

.dp-refine-block {
    padding: 20px 20px 25px;
    background-color: #f6f6f6;
}

@media (min-width: 829px) {
    .dp-refine-show {
        margin: 0 auto;
        padding: 1px 0;
        width: 760px;
    }

    .dp-refine-block {
        padding: 30px 0;
    }
}

.dp-refine-block .refine-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    color: #0b499d;
}

@media (min-width: 829px) {
    .dp-refine-block .refine-title {
        font-size: 16px;
    }
}

.dp-refine-block .refine-title::after {
    width: 15px;
    height: 9px;
    background-size: 15px auto;
}

.dp-refine-block .inner {
    margin: 0 auto 18px;
    max-width: 1000px;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-refine-block .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
    }
}

@media (min-width: 829px) {
    .dp-refine-block .brick {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 829px) {
    .dp-refine-block .brick .brick-label {
        width: 16%;
        font-size: 20px;
    }
}

.dp-refine-block .brick-item {
    margin-bottom: 18px;
}

@media (min-width: 829px) {
    .dp-refine-block .brick-item {
        margin-bottom: 24px;
    }
}

.dp-refine-block .brick-item-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.dp-refine-block .brick-label {
    width: 50px;
    font-size: 12px;
    color: #333;
}

.dp-refine-block .brick-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 9px 30px 8px 10px;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    text-align: center;
}

@media (min-width: 829px) {
    .dp-refine-block .brick-input {
        padding-top: 13px;
        padding-bottom: 12px;
    }
}

.dp-refine-block .modal-trigger > span {
    padding: 9px 30px 8px 10px;
    position: relative;
    z-index: 1;
    display: block;
}

@media (min-width: 829px) {
    .dp-refine-block .modal-trigger > span {
        padding-top: 13px;
        padding-bottom: 12px;
    }
}

.dp-refine-block .modal-trigger > span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url('../../images/popup.svg');
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-refine-block .modal-trigger > span::after {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 20px auto;
    }
}

.dp-refine-block .modal-trigger.brick-input > span {
    padding: 0;
}

.dp-refine-block .brick-route {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.dp-refine-block .brick-route + .brick-route {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dp-refine-block .brick-route + .brick-route {
        margin-top: 15px;
    }
}

.dp-refine-block .brick-route .brick-route-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    text-align: center;
}

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

.dp-refine-block .dp-refine-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 auto;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 160px;
    color: #fff;
    background-color: #b5b5b5;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-refine-block .dp-refine-button {
        border-radius: 6px;
        width: 490px;
        font-size: 22px;
    }
}

.dp-refine-block .dp-refine-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url('../../images/popup.svg');
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-refine-block .dp-refine-button::after {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 20px auto;
    }
}

.dp-refine-block .dp-refine-button > span {
    padding: 9px 30px;
    position: relative;
    z-index: 2;
}

@media (min-width: 829px) {
    .dp-refine-block .dp-refine-button > span {
        padding-top: 17px;
        padding-bottom: 17px;
    }
}

.dp-list-header {
    margin: 0 auto;
    padding: 18px 20px 13px;
    max-width: 1000px;
}

.dp-list-header .dp-list-header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 829px) {
    .dp-list-header {
        padding: 36px 0 18px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.dp-list-header .dp-list-numbers {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

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

.dp-list-header .dp-list-numbers .dp-list-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-numbers .dp-list-number {
        font-size: 22px;
    }
}

.dp-list-header .dp-list-numbers .dp-list-number span {
    margin-right: 2px;
    color: #b20000;
    font-size: 19px;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-numbers .dp-list-number span {
        font-size: 30px;
    }
}

.dp-list-header .dp-list-numbers .dp-list-viewed {
    margin-left: 4px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-numbers .dp-list-viewed {
        margin-left: 15px;
        font-size: 18px;
    }
}

.dp-list-header .dp-list-refine {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 18px;
    width: 50%;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-refine {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        width: auto;
    }
}

.dp-list-header .dp-list-refine span {
    margin: 0 auto;
    padding: 9px 30px;
    border-radius: 3px;
    display: block;
    width: 160px;
    color: #fff;
    background-color: #8fb200;
    border: 1px solid #8fb200;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-refine span {
        padding: 6px 40px 6px 20px;
        border-radius: 6px;
        font-size: 18px;
        width: 170px;
    }
}

.dp-list-header .dp-list-refine span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url('../../images/popup-white.svg');
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-refine span::after {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 20px auto;
    }
}

.dp-list-header .dp-map-refine {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 18px;
    width: 50%;
}

@media (min-width: 829px) {
    .dp-list-header .dp-map-refine {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        width: auto;
        margin-right: 10px;
    }
}

.dp-list-header .dp-map-refine span {
    margin: 0 auto;
    padding: 9px 30px;
    border-radius: 3px;
    display: block;
    width: 160px;
    color: #0047a1;
    border: 1px solid #0047a1;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-list-header .dp-map-refine span {
        width: 170px;
        padding: 6px 40px 6px 20px;
        border-radius: 6px;
        font-size: 18px;
    }
}

.dp-list-header .dp-map-refine span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url('../../images/popup-blue.svg');
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-list-header .dp-map-refine span::after {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 20px auto;
    }
}

.dp-list-header .dp-list-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-order {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 16px;
        width: auto;
    }
}

.dp-list-header .dp-list-order span {
    margin-right: 5px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-order span {
        font-size: 16px;
    }
}

.dp-list-header .dp-list-order select {
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
}

.dp-list-header .dp-list-order .dp-list-condition {
    color: #333;
}

@media (min-width: 829px) {
    .dp-list-header .dp-list-order select {
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 16px;
    }
}

@media (min-width: 829px) {
    .dp-list {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 500px;
        overflow: hidden;
    }
}

.dp-list .item {
    margin-bottom: 35px;
    padding-bottom: 60px;
    position: relative;
}

@media (min-width: 829px) {
    .dp-list .item {
        margin-bottom: 80px;
        padding-bottom: 70px;
    }
}

.dp-list .swiper-button-prev,
.dp-list .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 27px;
    margin-top: -14px;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: none;
    overflow: hidden;
}

.dp-list .swiper-button-prev.swiper-button-disabled,
.dp-list .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.dp-list .swiper-button-prev::before,
.dp-list .swiper-button-next::before {
    content: '';
    display: block;
    width: 20px;
    height: 27px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4xIDIxLjQiPjxwYXRoIGZpbGw9IiM1ZjVmNWYiIGQ9Ik0xLjQgMjEuNEwwIDIwbDkuMy05LjNMMCAxLjQgMS40IDBsMTAuNyAxMC43eiIvPjwvc3ZnPg==');
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.dp-list .swiper-button-prev {
    left: 0;
}

.dp-list .swiper-button-prev::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dp-list .swiper-button-next {
    right: 0;
}

.dp-list .swiper-pagination {
    position: absolute;
    top: 15px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: auto;
    text-align: right;
}

@media (min-width: 829px) {
    .dp-list .swiper-pagination {
        top: 20px;
        right: 15px;
    }
}

.dp-list .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: transparent;
    background-image: url('../../images/icon-indicator.png');
    background-position: -12px 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    opacity: 1;
}

.dp-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-position: 0 0;
}

.dp-list .text {
    padding: 10px 20px 0;
    position: relative;
}

.dp-list .name {
    font-weight: bold;
    font-size: 19px;
}

@media (min-width: 829px) {
    .dp-list .name {
        font-size: 24px;
    }
}

.dp-list .area {
    font-weight: bold;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-list .area {
        margin-top: 10px;
        font-weight: normal;
        font-size: 14px;
    }
}

.dp-list .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 829px) {
    .dp-list .info {
        margin-top: 5px;
    }
}

.dp-list .tags {
    margin-top: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dp-list .tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-list .tags li {
    margin-right: 5px;
    margin-bottom: 5px;
}

.dp-list .tags a {
    padding: 0 5px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    display: block;
    color: #333;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-list .tags a {
        border-radius: 4px;
        padding: 2px 8px;
        font-size: 12px;
    }
}

.dp-list .star-box {
    padding-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100px;
}

@media (min-width: 829px) {
    .dp-list .star-box {
        width: auto;
    }
}

.dp-list .star-box .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dp-list .star-box .stars img {
    margin-right: 3px;
    width: 9px;
}

@media (min-width: 829px) {
    .dp-list .star-box .stars img {
        width: 12px;
    }
}

.dp-list .star-box .score {
    color: #ff9024;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-list .star-box .score {
        font-size: 15px;
    }
}

.dp-list .price {
    margin-top: 15px;
    color: #b20000;
    font-weight: bold;
    font-size: 19px;
    text-align: right;
}

@media (min-width: 829px) {
    .dp-list .price {
        margin-top: 5px;
        font-size: 24px;
    }
}

.dp-list .price .per {
    color: #333;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-list .price .per {
        font-size: 12px;
    }
}

.dp-list .detail-button {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
}

@media (min-width: 829px) {
    .dp-list .detail-button {
        right: 0;
        left: 0;
    }
}

.dp-list .detail-button a {
    padding: 14px 20px 15px;
    border-radius: 4px;
    display: block;
    width: 100%;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-list .detail-button a {
        margin: 0 auto;
        width: 85.10638%;
        font-size: 20px;
    }
}

.dp-list .detail-button a::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) {
    .dp-list .detail-button a::after {
        right: 16px;
    }
}

.dp-list-pager {
    padding: 1px 20px 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-list-pager {
        padding-bottom: 70px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.dp-list-pager .dp-list-prev a,
.dp-list-pager .dp-list-next a {
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background-color: #f8f8f8;
    display: block;
    width: 45px;
    height: 30px;
    overflow: hidden;
}

@media (min-width: 829px) {
    .dp-list-pager .dp-list-prev a,
    .dp-list-pager .dp-list-next a {
        height: 32px;
    }
}

.dp-list-pager .dp-list-prev a::before,
.dp-list-pager .dp-list-next a::before {
    content: '';
    display: block;
    width: 45px;
    height: 30px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4xIDIxLjQiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xLjQgMjEuNEwwIDIwbDkuMy05LjNMMCAxLjQgMS40IDBsMTAuNyAxMC43eiIvPjwvc3ZnPg==');
    background-size: 9px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 829px) {
    .dp-list-pager .dp-list-prev a::before,
    .dp-list-pager .dp-list-next a::before {
        height: 32px;
    }
}

.dp-list-pager .dp-list-prev {
    padding-right: 10px;
}

.dp-list-pager .dp-list-prev a::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dp-list-pager .dp-list-next {
    padding-left: 10px;
}

.dp-list-pager .dp-list-page {
    margin: 0 2px;
    border: 1px solid #888;
    border-radius: 2px;
    color: #333;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
}

@media (min-width: 829px) {
    .dp-list-pager .dp-list-page {
        width: 32px;
        height: 32px;
        line-height: 30px;
    }
}

.dp-list-pager .dp-list-page.active {
    border-color: #ff9024;
    color: #fff;
    background-color: #ff9024;
}

.dp-list-pager .dp-list-omit {
    margin: 0 2px;
}

.folding .folding-title {
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .folding .folding-title {
        margin-top: 20px;
        font-size: 16px;
    }
}

.folding .folding-title::after {
    display: none;
}

.folding .folding-body {
    display: none;
}

.dp-facility {
    overflow: hidden;
}

.dp-facility .dp-facility-inner {
    margin: 0 auto;
    max-width: 900px;
}

.dp-facility .dp-facility-header {
    padding: 15px 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-direction: row;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header {
        padding: 30px 0 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.dp-facility .dp-facility-header .jsc-lnn1 {
    display: block;
    width: 100%;
}

.dp-facility .dp-facility-header .jsc-lnn1 h1 {
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .jsc-lnn1 {
        display: flex;
        align-items: center;
        width: 100%;
    }
}

.dp-facility .dp-facility-header .jsc-lnn1 .SPK_btn_review {
    position: absolute;
    margin-left: 50%;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .jsc-lnn1 .SPK_btn_review {
        margin-left: 0;
        position: relative;
    }
}

.dp-facility .dp-facility-header .dp-facility-title {
    width: 100%;
    color: #696969;
    font-weight: bold;
    font-size: 18px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .dp-facility-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 30px;
    }
}

.dp-facility .dp-facility-header .star-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .star-box {
        width: auto;
    }
}

.dp-facility .dp-facility-header .star-box .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dp-facility .dp-facility-header .star-box .stars img {
    margin-right: 3px;
    width: 9px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .star-box .stars img {
        width: 20px;
    }
}

.dp-facility .dp-facility-header .star-box .score {
    color: #ff9024;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .star-box .score {
        font-size: 30px;
    }
}

.dp-facility .dp-facility-inner .slide .slide-info .SPK_btn_review {
    margin: 0 0 10px 16px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-inner .slide .slide-info .SPK_btn_review {
        margin-left: 0;
    }
}

.dp-facility .dp-facility-header .area {
    -webkit-box-flex: 1;
    width: 350px;
    font-size: 10px;
    min-height: 30px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .area {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        font-size: 12px;
        min-height: 0px;
    }
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-inner .slide {
        display: flex;
        margin-top: 10px;
    }

    .dp-facility .dp-facility-inner .slide .slide-pic {
        width: 50%;
    }

    .dp-facility .dp-facility-inner .slide .slide-info {
        width: 48%;
        padding-left: 2%;
    }

    .dp-facility .dp-facility-inner .slide .slide-info .SPK_btn_review {
        margin-top: 20px;
    }
}

.dp-facility .dp-tab-body .tags-room {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 6px;
    padding-bottom: 20px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-body .tags-room {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }
}

.dp-facility .dp-tab-body .tags-room ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-facility .dp-tab-body .tags-room li {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 5px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    display: block;
    color: #333;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-body .tags-room li {
        margin-right: 5px;
        margin-bottom: 5px;
        border: 1px solid #b5b5b5;
        display: block;
        color: #333;
        border-radius: 4px;
        padding: 2px 8px;
        font-size: 12px;
    }
}

.dp-facility .dp-tab-body .tags-room li:nth-child(2) {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 5px;
    display: block;
    background-color: #b5b5b5;
    color: #fff;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-body .tags-room li:nth-child(2) {
        margin-right: 5px;
        margin-bottom: 5px;
        display: block;
        color: #fff;
        padding: 2px 8px;
        font-size: 12px;
    }
}

.dp-facility .dp-facility-header .area .tags {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 6px 16px 0 0;
    width: 60%;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .area .tags {
        padding-left: 0;
        width: 100%;
    }
}

.dp-facility .dp-facility-header .area .tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-facility .dp-facility-header .area .tags li {
    margin-right: 5px;
    margin-bottom: 5px;
}

.dp-facility .dp-facility-header .area .tags span {
    padding: 0 5px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    display: block;
    color: #333;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .area .tags {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-header .area .tags span {
        border-radius: 4px;
        padding: 2px 8px;
        font-size: 12px;
    }
}

.dp-facility-visual {
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    z-index: 1;
}

.dp-facility-visual::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    background-color: #eee;
}

.dp-facility-visual .swiper-pagination-wrapper {
    position: absolute;
    bottom: 85%;
    left: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    width: 100%;
}

.ie11 .dp-facility-visual .swiper-pagination-wrapper {
    top: 60px;
    right: 30px;
    bottom: auto;
}

.dp-facility-visual .swiper-pagination-wrapper .swiper-pagination {
    position: static;
    padding: 3px 10px;
    border-radius: 2em;
    width: auto;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
    font-size: 10px;
}

.ie11 .dp-facility-visual .swiper-pagination-wrapper .swiper-pagination {
    position: inherit;
}

@media (min-width: 829px) {
    .dp-facility-visual .swiper-pagination-wrapper .swiper-pagination {
        font-size: 14px;
    }
}

.dp-facility-visual .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-current {
    margin-right: -0.25em;
}

.dp-facility-visual .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-total {
    margin-left: -0.25em;
}

.dp-facility-visual .swiper-button-prev,
.dp-facility-visual .swiper-button-next {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    width: 20px;
    height: 27px;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: none;
    overflow: hidden;
}

@media (min-width: 829px) {
    .dp-facility-visual .swiper-button-prev,
    .dp-facility-visual .swiper-button-next {
        margin-top: -18px;
        width: 27px;
        height: 35px;
    }
}

.dp-facility-visual .swiper-button-prev.swiper-button-disabled,
.dp-facility-visual .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.dp-facility-visual .swiper-button-prev::before,
.dp-facility-visual .swiper-button-next::before {
    content: '';
    display: block;
    width: 20px;
    height: 27px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4xIDIxLjQiPjxwYXRoIGZpbGw9IiM1ZjVmNWYiIGQ9Ik0xLjQgMjEuNEwwIDIwbDkuMy05LjNMMCAxLjQgMS40IDBsMTAuNyAxMC43eiIvPjwvc3ZnPg==');
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 829px) {
    .dp-facility-visual .swiper-button-prev::before,
    .dp-facility-visual .swiper-button-next::before {
        width: 27px;
        height: 35px;
        background-size: 9px auto;
    }
}

.dp-facility-visual .swiper-button-prev::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dp-facility .dp-facility-access {
    padding: 15px 20px 0;
    width: 100%;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-access {
        padding: 0;
    }
}

.dp-facility .dp-facility-access ul {
    display: inline-block;
}

.dp-facility .dp-facility-access .map_wrapper {
    text-align: right;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-access .map_wrapper {
        display: inline-block;
    }
}

.dp-facility .dp-facility-access .map {
    width: 40px;
    height: 20px;
    line-height: 20px;
    border: solid 1px #000;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-access .map {
        float: none;
        display: inline-block;
    }
}

.dp-facility .dp-facility-access li {
    margin-bottom: 4px;
    color: #333;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-access li {
        font-weight: bold;
        font-size: 14px;
    }
}

.dp-facility .dp-facility-access li i {
    margin-right: 4px;
}

.dp-facility .dp-facility-access li i img {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-access li i img {
        width: 17px;
    }
}

.dp-facility .dp-facility-info .lineclamp {
    padding: 10px 20px 15px;
    color: #333;
    font-size: 12px;
    text-align: center;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-info .lineclamp {
        padding: 14px 0 0;
        font-size: 14px;
    }
}

.dp-facility .dp-facility-info .lineclamp .lineclamp-body {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-info .lineclamp .lineclamp-body {
        -webkit-line-clamp: unset;
    }
}

.dp-facility .dp-facility-info .lineclamp .lineclamp-body.is-open {
    display: block;
    -webkit-line-clamp: none;
}

.dp-facility .dp-facility-info .lineclamp .lineclamp-trigger {
    margin-top: 15px;
    display: inline-block;
    vertical-align: top;
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-info .lineclamp .lineclamp-trigger {
    }
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-inner .dp-tab {
        margin-top: 10px;
    }
}

.dp-facility .dp-tab .dp-tab-switcher ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-switcher ul {
        border-right: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }
}

.dp-facility .dp-tab .dp-tab-switcher li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 34%;
    border: 1px solid #aaa;
    border-left: 0;
    display: block;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-switcher li {
        font-size: 16px;
    }
}

.dp-facility .dp-tab .dp-tab-switcher li:last-child {
    border-right: 0;
}

.dp-facility .dp-tab .dp-tab-switcher li p {
    padding: 9px 0;
    display: block;
    color: #333;
    background-color: #eee;
    position: relative;
    z-index: 1;
    cursor: default;
}

.dp-facility .dp-tab .dp-tab-switcher li p span {
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-switcher li p {
        padding: 7px 0 6px;
    }
}

.dp-facility .dp-tab .dp-tab-switcher li p::before {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #aaa;
}

.dp-facility .dp-tab .dp-tab-switcher li p.is-active {
    background-color: #fff;
}

.dp-facility .dp-tab .dp-tab-switcher li p.is-active::before {
    height: 2px;
    background-color: #ff9024;
}

.dp-facility .dp-tab .dp-tab-footer-switcher {
    padding: 0 20px 20px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-footer-switcher {
        padding-top: 20px;
    }
}

.dp-facility .dp-tab .dp-tab-footer-switcher ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-footer-switcher ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.dp-facility .dp-tab .dp-tab-footer-switcher li {
    padding: 5px 0;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-footer-switcher li {
        padding: 0 22px;
        font-size: 14px;
    }
}

.dp-facility .dp-tab .dp-tab-footer-switcher li:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.dp-facility .dp-tab .dp-tab-footer-switcher li:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.dp-facility .dp-tab .dp-tab-footer-switcher li:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.dp-facility .dp-tab .dp-tab-footer-switcher li:nth-child(4) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.dp-facility .dp-tab .dp-tab-footer-switcher li:nth-child(5) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.dp-facility .dp-tab .dp-tab-footer-switcher li p {
    color: #0b499d;
}

.dp-facility .dp-tab .dp-tab-footer-switcher li p.is-active {
    color: #333;
}

.dp-facility .dp-tab .dp-tab-footer-switcher li p.is-active::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #333;
}

.dp-facility .dp-tab .dp-tab-body .dp-tab-panel {
    display: none;
    padding: 10px 0 0;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-body .dp-tab-panel {
        padding: 10px 0 0;
    }
}

.dp-facility .dp-tab .dp-tab-body .dp-tab-panel.is-active {
    display: block;
}

.dp-facility .dp-tab .dp-tab-view-plan {
    margin-top: 20px;
    padding: 15px 30px 14px;
    border-radius: 6px;
    display: block;
    color: #fff;
    background-color: #8fb200;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab .dp-tab-view-plan {
        margin: 20px auto 20px;
        padding: 20px 30px 19px;
        width: 420px;
        font-size: 20px;
    }
}

.dp-facility .dp-tab .dp-tab-view-plan::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 9px;
    height: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4zIDM1LjUiPjxwYXRoIGQ9Ik0zLjUsMzUuNSAwLDMyIDE0LjIsMTcuOCAwLDMuNSAzLjUsMCAyMS4zLDE3Ljh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==');
    background-size: 9px auto;
    background-repeat: no-repeat;
}

.dp-facility .dp-facility-plans .dp-facility-plans-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #b5b5b5;
    padding: 10px 0;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plans-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .plan-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.05em;
    padding-top: 10px;
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .plan-num span {
    color: #b20000;
    font-size: 19px;
    position: relative;
    top: -2px;
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .refine span {
    margin: 0 auto;
    padding: 9px 30px;
    border-radius: 3px;
    display: block;
    width: 160px;
    color: #fff;
    background-color: #8fb200;
    border: 1px solid #8fb200;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .refine span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url(../../images/popup-white.svg);
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .refine span {
        padding: 6px 40px 6px 20px;
        border-radius: 6px;
        font-size: 18px;
        width: 170px;
    }

    .dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .refine span::after {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 20px auto;
    }
}

.dp-facility .dp-facility-plans .query-condition-border .modal-refine-block .modal-refine-general-type {
}

.dp-facility .dp-facility-plans .query-condition-border .left-label label {
    display: block;
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .order {
    padding-left: 8px;
    display: flex;
    align-items: center;
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .order span {
    margin-right: 5px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .order {
        padding-left: 15px;
    }

    .dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .order span {
        font-size: 16px;
    }
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .order select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px 5px 5px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 40px;
    color: #333;
    background-color: #fff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAACsR+4DAAABsklEQVRIicXVP0tCcRTG8W8SFi6C4KSDkKNLi80uTtYk0aQQTo5NCa1RLTU6N7hEIEQQFUiNvodeRYuDIHHgXDj9+qn3j+azeH3uufd85Ap3q91uA5SBB+AY+GIz+WVIafEB7OtneQOsPwaBDYGCDhQ2gAtQ1jAUWAf4NoNy4h0o/gOqqLsKphNLR2BjoO7gSvor1okr6o6SgxLLOKWF4I6AiRnaWyMuQO2ZbqIGsZAyJz6Bhgf3AuRXiMrrPV1UQw24MMnIg6tovwpcXu9V8aBGdtCFBbgTYOrB5RKgch7UVHeN3GEfTPIEND04eQTZGKisXuuimrrrT+bBLG5muirwFhGX1WuqppstQrEEFuBaHtwrkAmByuisi2otQoWBSQYe3AHwvASX0ZkDD2qwbGkYWIA7dbraAlyAqjn9aRhUFJjkHuh6cPKuTZsurZ2L6uo9QiUKTNL34OQV8qigtB7XPah+lEXbEWEBbhe4Nd2hgoJjm7OoqLgwyR2wA1w5ODc9nY2cqI/S5loXz0tPZ2IlCQxdfOnpL5OgWAFMcgHcmO9yLF2ixP2PuTk3hT2OF+AHLABgYV/8z0kAAAAASUVORK5CYII=');
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: right 5px center;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .order select {
        padding: 7px 35px 7px 7px;
        background-position: right 10px center;
        width: auto;
        font-size: 16px;
    }
}

.dp-facility .dp-facility-plans .dp-facility-plans-header .condition-box .order select::-ms-expand {
    display: none;
}

.dp-facility .dp-facility-plans .dp-facility-plan {
    margin-top: 10px;
    padding: 15px 10px;
    border-radius: 6px;
    background-color: #f6f6f6;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plan {
        padding: 15px 25px;
        border-radius: 14px;
    }
}

.dp-facility .dp-facility-plans .dp-facility-plan .dp-facility-plan-detail {
    padding: 0 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plan .dp-facility-plan-detail {
        padding: 0;
    }
}

.dp-facility
    .dp-facility-plans
    .dp-facility-plan
    .dp-facility-plan-detail
    .dp-facility-plan-detail-header
    .dp-facility-plan-room {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0b499d;
    font-weight: bold;
    font-size: 14px;
    word-break: break-all;
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-facility-plan
        .dp-facility-plan-detail
        .dp-facility-plan-detail-header
        .dp-facility-plan-room {
        font-size: 20px;
    }
}

.dp-facility
    .dp-facility-plans
    .dp-facility-plan
    .dp-facility-plan-detail
    .dp-facility-plan-detail-header
    .dp-facility-plan-room
    .space {
    margin-left: 2px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    flex-grow: 0;
    flex-shrink: 0;
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-facility-plan
        .dp-facility-plan-detail
        .dp-facility-plan-detail-header
        .dp-facility-plan-room
        .space {
        -ms-flex-item-align: end;
        font-size: 14px;
        flex-grow: 0;
        flex-shrink: 0;
    }
}

.dp-facility
    .dp-facility-plans
    .dp-facility-plan
    .dp-facility-plan-detail
    .dp-facility-plan-detail-header
    .dp-facility-plan-room
    .smoking {
    margin-left: 6px;
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-facility-plan
        .dp-facility-plan-detail
        .dp-facility-plan-detail-header
        .dp-facility-plan-room
        .smoking {
        margin-left: 10px;
    }
}

.dp-facility
    .dp-facility-plans
    .dp-facility-plan
    .dp-facility-plan-detail
    .dp-facility-plan-detail-header
    .dp-facility-plan-room
    .smoking
    img {
    display: block;
    width: 19px;
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-facility-plan
        .dp-facility-plan-detail
        .dp-facility-plan-detail-header
        .dp-facility-plan-room
        .smoking
        img {
        width: 24px;
    }
}

.dp-facility .dp-facility-plans .dp-facility-remain {
    margin-top: 10px;
}

.dp-facility .dp-facility-plans .dp-facility-remain span {
    margin-left: 6px;
}

.dp-facility .dp-facility-plans .dp-facility-remain .dp-facility-room {
    background-color: #d20001;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 0 5px;
    display: block;
    width: fit-content;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-remain {
        margin-top: 16px;
        font-size: 14px;
    }

    .dp-facility .dp-facility-plans .dp-facility-remain .dp-facility-room {
        border-radius: 5px;
        padding: 0 10px;
        width: 120px;
    }

    .ie11 .dp-facility .dp-facility-plans .dp-facility-remain .dp-facility-room {
        width: 16%;
    }
}

.dp-facility .dp-facility-plans .dp-facility-plan-equipment {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plan-equipment {
        margin-top: 16px;
    }
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plan-equipment ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.dp-facility .dp-facility-plans .dp-facility-plan-equipment li {
    margin-bottom: 4px;
    color: #333;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plan-equipment li {
        margin-right: 20px;
        font-weight: bold;
    }
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plan-equipment li:last-child {
        margin-right: 0;
    }
}

.dp-facility .dp-facility-plans .dp-facility-plan-equipment li i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.dp-facility .dp-facility-plans .dp-facility-plan-equipment li i img {
    display: block;
    width: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-plan-equipment li i img {
        width: 15px;
    }
}

.dp-facility .dp-facility-plans .dp-facility-tags {
}

.dp-facility .dp-facility-plans .dp-facility-tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-facility .dp-facility-plans .dp-facility-tags li {
    margin-right: 10px;
    margin-bottom: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-tags li {
        margin-right: 15px;
    }
}

.dp-facility .dp-facility-plans .dp-facility-tags li span {
    padding: 1px 6px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    display: block;
    color: #333;
    background-color: #fff;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-facility-tags li span {
        border-radius: 4px;
        font-size: 13px;
    }
}

.dp-facility .dp-facility-plans .dp-plan-list-body {
    display: none;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 10px;
}

.dp-facility .dp-facility-plans .dp-plan-list-body1 {
    display: block;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-plan-list-body {
        border-radius: 14px;
    }
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-plan-list-inner {
    padding: 15px 12px 1px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-plan-list-body .dp-plan-list-inner {
        padding-right: 36px;
        padding-bottom: 20px;
        padding-left: 36px;
    }
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-list .dp-facility-plan-item {
        padding-bottom: 25px;
    }
}

.dp-facility
    .dp-facility-plans
    .dp-plan-list-body
    .dp-facility-plan-list
    .dp-facility-plan-item
    + .dp-facility-plan-item {
    padding-top: 15px;
    border-top: 1px solid #b5b5b5;
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-plan-list-body
        .dp-facility-plan-list
        .dp-facility-plan-item
        + .dp-facility-plan-item {
        border-top-width: 2px;
    }
}

.dp-facility
    .dp-facility-plans
    .dp-plan-list-body
    .dp-facility-plan-list
    .dp-facility-plan-item
    .dp-facility-plan-name {
    color: #0b499d;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-plan-list-body
        .dp-facility-plan-list
        .dp-facility-plan-item
        .dp-facility-plan-name {
        font-size: 16px;
    }
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-plan-list-body
        .dp-facility-plan-list
        .dp-facility-plan-item
        .dp-facility-plan-name
        br {
        display: none;
    }
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-plan-list-body
        .dp-facility-plan-list
        .dp-facility-plan-item
        .dp-facility-plan-databox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-plan-list-body
        .dp-facility-plan-list
        .dp-facility-plan-item
        .dp-facility-plan-databox
        .dp-facility-plan-data {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 829px) {
    .dp-facility
        .dp-facility-plans
        .dp-plan-list-body
        .dp-facility-plan-list
        .dp-facility-plan-item
        .dp-facility-plan-databox
        .dp-facility-plan-button {
        margin-bottom: 0;
        width: 320px;
    }
}

.dp-facility
    .dp-facility-plans
    .dp-plan-list-body
    .dp-facility-plan-list
    .dp-facility-plan-item
    .dp-facility-plan-info {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

.dp-facility
    .dp-facility-plans
    .dp-plan-list-body
    .dp-facility-plan-list
    .dp-facility-plan-item
    .dp-facility-plan-info
    .member {
    margin-right: 1em;
}

.dp-facility
    .dp-facility-plans
    .dp-plan-list-body
    .dp-facility-plan-list
    .dp-facility-plan-item
    .dp-facility-plan-info
    .member
    i {
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.dp-facility
    .dp-facility-plans
    .dp-plan-list-body
    .dp-facility-plan-list
    .dp-facility-plan-item
    .dp-facility-plan-info
    .member
    i
    img {
    display: block;
    width: 12px;
}

.dp-facility
    .dp-facility-plans
    .dp-plan-list-body
    .dp-facility-plan-list
    .dp-facility-plan-item
    .dp-facility-plan-info
    .checkin {
    margin-right: 1em;
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-pricebox {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-pricebox {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-pricebox .dp-facility-plan-price {
    color: #b20000;
    font-weight: bold;
    font-size: 20px;
    word-break: break-all;
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-pricebox .dp-facility-plan-price span {
    display: block;
    color: #333;
    font-weight: normal;
    font-size: 11px;
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-info .dp-facility-plan-meal {
    padding-bottom: 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-info .dp-facility-plan-meal {
        padding-left: 28px;
    }
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-info .dp-facility-plan-meal img {
    margin-left: 4px;
    display: block;
    width: 17px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-info .dp-facility-plan-meal img {
        margin-left: 5px;
        width: 18px;
    }
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-button {
    margin-top: 15px;
    margin-bottom: 25px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    display: block;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-button {
        margin: 0 auto 20px;
        width: 420px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }
}

.dp-facility .dp-facility-plans .dp-plan-list-body .dp-facility-plan-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 9px;
    height: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4zIDM1LjUiPjxwYXRoIGQ9Ik0zLjUsMzUuNSAwLDMyIDE0LjIsMTcuOCAwLDMuNSAzLjUsMCAyMS4zLDE3Ljh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==');
    background-size: 9px auto;
    background-repeat: no-repeat;
}

.dp-facility .dp-plan-button {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: -10px;
    margin-left: -10px;
    border-top: 1px solid #fff;
    height: 30px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-facility .dp-plan-button {
        margin-right: 0;
        margin-left: 0;
        border-top-width: 2px;
        height: 54px;
    }
}

.dp-facility .dp-plan-button.is-open {
    border-top-color: transparent;
}

.dp-facility .dp-plan-button.is-open::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dp-facility .dp-plan-button::before {
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAACsR+4DAAABsklEQVRIicXVP0tCcRTG8W8SFi6C4KSDkKNLi80uTtYk0aQQTo5NCa1RLTU6N7hEIEQQFUiNvodeRYuDIHHgXDj9+qn3j+azeH3uufd85Ap3q91uA5SBB+AY+GIz+WVIafEB7OtneQOsPwaBDYGCDhQ2gAtQ1jAUWAf4NoNy4h0o/gOqqLsKphNLR2BjoO7gSvor1okr6o6SgxLLOKWF4I6AiRnaWyMuQO2ZbqIGsZAyJz6Bhgf3AuRXiMrrPV1UQw24MMnIg6tovwpcXu9V8aBGdtCFBbgTYOrB5RKgch7UVHeN3GEfTPIEND04eQTZGKisXuuimrrrT+bBLG5muirwFhGX1WuqppstQrEEFuBaHtwrkAmByuisi2otQoWBSQYe3AHwvASX0ZkDD2qwbGkYWIA7dbraAlyAqjn9aRhUFJjkHuh6cPKuTZsurZ2L6uo9QiUKTNL34OQV8qigtB7XPah+lEXbEWEBbhe4Nd2hgoJjm7OoqLgwyR2wA1w5ODc9nY2cqI/S5loXz0tPZ2IlCQxdfOnpL5OgWAFMcgHcmO9yLF2ixP2PuTk3hT2OF+AHLABgYV/8z0kAAAAASUVORK5CYII=');
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
}

@media (min-width: 829px) {
    .dp-facility .dp-plan-button::before {
        background-size: 20px auto;
        height: 54px;
    }
}

.dp-facility .dp-facility-tiles {
    margin: 0 auto;
    max-width: 900px;
}

.dp-facility .dp-facility-tiles .dp-facility-tiles-nav {
    margin-bottom: 22px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-tiles .dp-facility-tiles-nav {
        margin-bottom: 35px;
    }
}

.dp-facility .dp-facility-tiles .dp-facility-tiles-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-tiles .dp-facility-tiles-nav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
    }
}

.dp-facility .dp-facility-tiles .dp-facility-tiles-nav li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #b5b5b5;
    border-left: 0;
    color: #333;
    background-color: #fff;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-tiles .dp-facility-tiles-nav li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding: 5px 15px 4px;
        font-size: 14px;
    }
}

.dp-facility .dp-facility-tiles .dp-facility-tiles-nav li.is-active {
    color: #fff;
    background-color: #b5b5b5;
}

.dp-facility .dp-facility-tiles .dp-facility-tiles-nav li:first-child {
    border-left: 1px solid #b5b5b5;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-tiles .dp-facility-tiles-nav li:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}

.dp-facility .dp-facility-tiles .dp-facility-tiles-nav li:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-tiles .dp-facility-tiles-nav li:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
}

.dp-facility .dp-facility-tiles .dp-facility-tiles-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-facility .dp-facility-tiles .dp-facility-tile {
    width: 33.3333%;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-tiles .dp-facility-tile {
        width: 25%;
    }

    .dp-facility .dp-facility-tiles .dp-facility-tile .image {
        width: 215px;
        height: 170px;
        background: #eee;
    }
}

.dp-facility .dp-facility-tiles .dp-facility-tile .image img {
    display: block;
    width: 116px;
    height: 90px;
}

@media (min-width: 829px) {
    .dp-facility .dp-facility-tiles .dp-facility-tile .image img {
        display: block;
        width: auto;
        height: 170px;
        margin: auto;
    }
}

.dp-facility .dp-facility-tiles .dp-facility-tile .title {
    display: none;
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-summary .dp-tab-review-summary-title {
    margin-bottom: 18px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-summary .dp-tab-review-summary-title {
        font-size: 20px;
    }
}

.dp-facility .dp-tab-reivew .review-star-title {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .review-star-title {
        font-size: 20px;
    }
}

.dp-facility .dp-tab-reivew .review-star-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dp-facility .dp-tab-reivew .review-star-box .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dp-facility .dp-tab-reivew .review-star-box .stars img {
    margin-right: 3px;
    width: 14px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .review-star-box .stars img {
        width: 28px;
    }
}

.dp-facility .dp-tab-reivew .review-star-box .score {
    color: #ff9024;
    font-weight: bold;
    font-size: 20px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .review-star-box .score {
        font-size: 42px;
    }
}

.dp-facility .dp-tab-reivew .review-num {
    margin-bottom: 18px;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .review-num {
        font-size: 16px;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list {
    color: #333;
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-title {
        font-size: 20px;
        border-bottom-width: 2px;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item {
    padding: 15px 0;
    border-bottom: 1px solid #333;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item {
        border-bottom-width: 2px;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-star-box .stars img {
    margin-right: 3px;
    width: 14px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-star-box .stars img {
        width: 19px;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-star-box .score {
    font-size: 20px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-star-box .score {
        font-size: 28px;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-summary {
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-summary {
        margin-bottom: 5px;
        font-size: 20px;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-detail {
    max-height: 5.25em;
    line-height: 1.75;
    font-size: 12px;
    overflow: hidden;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-detail {
        font-size: 16px;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .review-detail.is-open {
    max-height: none;
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .readmore {
    display: none;
    margin-top: 10px;
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .readmore {
        margin-top: 20px;
        font-size: 16px;
        text-align: center;
    }
}

.dp-facility .dp-tab-reivew .dp-tab-reivew-list .dp-tab-reivew-list-item .readmore::after {
    content: '';
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAcCAYAAAAnbDzKAAABpUlEQVR4AWLg9pwLaL4MIBOIwjj+5QggMGDABkaD4cJAGCAGQYSABIAKABEAYQDCAMMAAAQwoAABAgJBSLl98X+zzf3P87qvO/yg3r33+3HevefoKZ9KVZGSUoVjz/3m/ugoJyVRPpSohPIR3BK4dlxA28n/4r1kERGcEgec2+c/F0qSwlypFC0PhzlxXJwH1JQvMuCt4IgKHJL/wLnmBt4oSzJwVmDAjDgt4SxuoItYkQemBchPicvKyf8JALfKmjw4uaL8hDis4SgkgEeA0RXkR37yJADcKRsy0dBQfkjW3MBJvALAfUZE30C+z+ThIjyA86BsaYS9/BYOEhQA6iTi53N+ETjGEPk6xoQHgCdlxyIM5HdYU3IJADGJOCqtAPmWciTysSK5BoBnZZ+y6IFGcPlDyjx7rCEmAaCZEdH0ep7L43nDAPASKEHjMafYB/i9Bo2U8Y2A188uALxm7CKxxwZwwhxiHxC2FT6C0C3YPgB0+ZeUfsm7eaxtfpYxOIbYBICBh/wgzzVNz/MG9wn7ADBOkR9brGV/pzW+U5tfzIFY8Q0O2RvHnYpr+wAAAABJRU5ErkJggg==');
    background-size: 14px auto;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
}

.dp-facility .dp-tab-facility-block1 {
    color: #333;
    line-height: 1.5;
    font-size: 11px;
    padding: 0 20px;
    margin-bottom: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block1 {
        line-height: 1.71429;
        font-size: 14px;
        padding: 0;
    }
}

.dp-facility .dp-tab-facility-block1 .dp-tab-facility-heading {
    margin: 0;
    padding: 6px 20px;
    color: #fff;
    background-color: #0b499d;
    font-weight: bold;
    font-size: 12px;
}

.dp-facility .dp-tab-facility-text {
    color: #333;
    padding: 10px 20px;
    display: none;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block1 .dp-tab-facility-heading {
        margin-bottom: 16px;
        padding: 8px 25px 7px;
        font-size: 16px;
    }

    .dp-facility .dp-tab-facility-text {
        font-weight: bold;
        font-size: 14px;
        padding: 0;
        padding-bottom: 20px;
    }
}

.dp-facility .dp-tab-facility-block {
    padding-bottom: 20px;
    color: #333;
    line-height: 1.5;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block {
        padding-bottom: 40px;
        line-height: 1.71429;
        font-size: 14px;
    }
}

.dp-facility .dp-tab-facility-block .dp-tab-facility-heading {
    margin: 0;
    padding: 6px 20px;
    color: #fff;
    background-color: #0b499d;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block .dp-tab-facility-heading {
        margin-bottom: 16px;
        padding: 8px 25px 7px;
        font-size: 16px;
    }
}

.dp-facility .dp-tab-facility-block .dp-tab-facility-heading-2 {
    margin: 15px 0 10px;
    padding: 0 0 0 10px;
    border-left: 3px solid #0b499d;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block .dp-tab-facility-heading-2 {
        margin-top: 20px;
        padding-left: 15px;
        font-size: 16px;
    }
}

.dp-facility .dp-tab-facility-block p {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block p {
        font-size: 15px;
    }
}

.dp-facility .dp-tab-facility-block .dp-facility-access {
    padding: 15px 0 10px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block .dp-facility-access {
        padding-bottom: 40px;
    }
}

.dp-facility .dp-tab-facility-block .dp-facility-access li {
    font-weight: bold;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block .dp-facility-access li {
        margin-bottom: 10px;
        font-size: 14px;
    }
}

.dp-facility .dp-tab-facility-block .dp-tab-facility-map {
    padding-top: 68.20896%;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block .dp-tab-facility-map {
        padding-top: 44.44444%;
    }
}

.dp-facility .dp-tab-facility-block .dp-tab-facility-map iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.dp-facility .dp-tab-facility-block .dp-tab-facility-address {
    margin-top: 5px;
    color: #333;
    font-size: 11px;
    word-break: break-all;
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block .dp-tab-facility-address {
        margin-top: 10px;
        font-weight: bold;
        font-size: 14px;
    }
}

@media (min-width: 829px) {
    .dp-facility .dp-tab-facility-block .dp-tab-facility-map-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.dp-facility .dp-tab-facility-block .dp-tab-facility-map-detail .item {
    width: 100%;
}

.dp-facility .dp-tab-facility-block .dp-tab-facility-map-detail .item:first-child {
    padding-right: 20px;
}

.dp-room {
}

.dp-room .hotel-pic {
    max-width: 900px;
    margin: 0px auto 0;
    padding-top: 20px;
    display: block;
}

@media (min-width: 829px) {
    .dp-room .hotel-pic {
        display: flex;
    }
}

.dp-room .hotel-pic .left-area {
    width: 100%;
    padding: 0 4%;
}

@media (min-width: 829px) {
    .dp-room .hotel-pic .left-area {
        padding: 0 2% 0 0;
    }
}

@media (min-width: 829px) {
    .dp-room .hotel-pic .left-area {
        width: 48%;
        display: block;
    }
}

.dp-room .hotel-pic .left-area .title a {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

@media (min-width: 829px) {
    .dp-room .hotel-pic .left-area .title a {
        font-size: 20px;
    }
}

.dp-room .hotel-pic .left-area .sub-title {
    font-size: 11px;
}

@media (min-width: 829px) {
    .dp-room .hotel-pic .left-area .sub-title {
        font-size: 13px;
    }
}

.dp-room .hotel-pic .left-area .dp-room-title {
    font-size: 13px;
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dp-room .hotel-pic .left-area .dp-room-title {
        margin-top: 20px;
        font-size: 16px;
    }
}

.dp-room .hotel-pic .left-area .tip {
    margin-top: 10px;
}

.dp-room .hotel-pic .left-area .dp-room-membner {
    display: flex;
    align-items: center;
}

.dp-room .hotel-pic .left-area .dp-room-membner {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 829px) {
    .dp-room .hotel-pic .left-area .dp-room-membner {
        margin-top: 10px;
        margin-bottom: 0;
    }
}

.dp-room .hotel-pic .left-area .dp-room-membner img {
    width: 14px;
}

.dp-room .hotel-pic .left-area .dp-room-membner .dp-room-block-meal-type {
    margin-left: 10px;
}

.dp-room .hotel-pic .left-area .dp-room-membner .dp-room-block-meal-type img {
    width: 24px;
    margin-right: 6px;
}

.dp-room .hotel-pic .right-area {
    width: 100%;
}

@media (min-width: 829px) {
    .dp-room .hotel-pic .right-area {
        width: 50%;
        display: block;
    }
}

.dp-room .dp-room-header {
    padding: 20px 20px 0;
}

@media (min-width: 829px) {
    .dp-room .dp-room-header {
        margin: 0 auto;
        padding: 50px 0 0;
        max-width: 760px;
    }
}

.dp-room .dp-room-header .dp-room-return a {
    color: #696969;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-header .dp-room-return a {
        font-size: 20px;
    }
}

.dp-room .dp-room-header .sub-title {
    color: #696969;
}

.dp-room .dp-room-header .dp-room-title {
    margin-top: 10px;
    color: #333;
    line-height: 1.4;
    font-weight: bold;
    font-size: 15px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-header .dp-room-title {
        font-size: 28px;
    }
}

@media (min-width: 829px) {
    .dp-room .dp-room-header .dp-room-title br {
        display: none;
    }
}

.dp-room .dp-room-header .dp-room-membner {
    margin-top: 10px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-header .dp-room-membner {
        font-weight: normal;
        font-size: 15px;
    }
}

.dp-room .dp-room-header .dp-room-membner i {
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-header .dp-room-membner i {
        margin-right: 6px;
    }
}

.dp-room .dp-room-header .dp-room-membner i img {
    display: block;
    width: 12px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-header .dp-room-membner i img {
        width: 16px;
    }
}

.dp-room .dp-room-visual {
    margin: 10px 20px 0;
}

@media (min-width: 829px) {
    .dp-room .dp-room-visual {
        margin: 20px auto 0;
        max-width: 760px;
    }
}

.dp-room .dp-room-visual .swiper-slide .image img {
    display: block;
    width: 100%;
}

.dp-room .dp-room-visual .swiper-slide .title {
    padding-top: 5px;
    line-height: 1.8;
    color: #333;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-visual .swiper-slide .title {
        padding-top: 20px;
        font-size: 15px;
    }
}

.dp-room .dp-room-visual .swiper-pagination {
    position: absolute;
    z-index: 2;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

@media (min-width: 829px) {
    .dp-room .dp-room-visual .swiper-pagination {
        padding-bottom: 40px;
    }
}

.dp-room .dp-room-visual .swiper-pagination .swiper-pagination-inner {
    padding: 3px 10px;
    border-radius: 2em;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-visual .swiper-pagination .swiper-pagination-inner {
        padding: 3px 15px 3px;
        font-size: 14px;
    }
}

.dp-room .dp-room-visual .swiper-pagination .swiper-pagination-inner .swiper-pagination-current {
    margin-right: -0.25em;
}

.dp-room .dp-room-visual .swiper-pagination .swiper-pagination-inner .swiper-pagination-total {
    margin-left: -0.25em;
}

.dp-room .dp-room-visual .swiper-button-prev,
.dp-room .dp-room-visual .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 20px;
    height: 27px;
    margin-top: -14px;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: none;
    cursor: pointer;
    overflow: hidden;
}

@media (min-width: 829px) {
    .dp-room .dp-room-visual .swiper-button-prev,
    .dp-room .dp-room-visual .swiper-button-next {
        margin-top: -27px;
        width: 40px;
        height: 53px;
    }
}

.dp-room .dp-room-visual .swiper-button-prev.swiper-button-disabled,
.dp-room .dp-room-visual .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.dp-room .dp-room-visual .swiper-button-prev::before,
.dp-room .dp-room-visual .swiper-button-next::before {
    content: '';
    display: block;
    width: 20px;
    height: 27px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4xIDIxLjQiPjxwYXRoIGZpbGw9IiM1ZjVmNWYiIGQ9Ik0xLjQgMjEuNEwwIDIwbDkuMy05LjNMMCAxLjQgMS40IDBsMTAuNyAxMC43eiIvPjwvc3ZnPg==');
    background-size: 7px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 829px) {
    .dp-room .dp-room-visual .swiper-button-prev::before,
    .dp-room .dp-room-visual .swiper-button-next::before {
        width: 40px;
        height: 53px;
        background-size: 14px auto;
    }
}

.dp-room .dp-room-visual .swiper-button-prev {
    left: 0;
}

.dp-room .dp-room-visual .swiper-button-prev::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dp-room .dp-room-visual .swiper-button-next {
    right: 0;
}

.dp-room .dp-room-blocks {
    padding: 12px 20px 20px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks {
        margin: 0 auto;
        padding: 20px 0 20px;
        max-width: 900px;
    }
}

.dp-room .dp-room-blocks .dp-room-heading {
    padding: 6px 15px;
    color: #fff;
    background-color: #0b499d;
    font-weight: bold;
    font-size: 12px;
}

.dp-room .dp-room-blocks .dp-room-plan-other {
    font-size: 12px;
    padding-left: 10px;
}

.dp-room .dp-room-blocks .dp-room-plan {
    font-size: 12px;
    padding: 10px;
}

.dp-room .dp-room-blocks .dp-room-plan-first {
    padding-bottom: 0;
}

.dp-room .dp-room-blocks .jsc-dp-room-block {
    display: none;
}

.dp-room .dp-room-blocks .lineclamp-trigger {
    margin: 15px auto;
    text-align: center;
    vertical-align: top;
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    width: 80px;
    padding-bottom: 15px;
}

.dp-room .dp-room-blocks .plan-detail {
    height: 115px;
    overflow: hidden;
}

.dp-room .dp-room-blocks .dp-room-plan .dp-room-plan-point {
    font-size: 12px;
    font-weight: bold;
    border-left: 3px solid #0b499d;
    padding-left: 7px;
}

.dp-room .dp-room-blocks .dp-room-plan .dp-room-plan-content {
    padding-left: 10px;
}

.dp-room .dp-room-blocks .dp-room-plan .dp-room-plan-content table td.label {
    vertical-align: text-top;
    width: 60px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-plan .dp-room-plan-content table td.label {
        width: 80px;
    }
}

.dp-room .go-point-head {
    padding-top: 0 !important;
}

.dp-room .go-point {
    padding: 0 20px 20px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-heading {
        padding-top: 9px;
        padding-bottom: 8px;
        font-size: 16px;
        text-align: center;
    }

    .dp-room .dp-room-blocks .dp-room-plan-other {
        font-size: 15px;
        padding-left: 20px;
    }

    .dp-room .dp-room-blocks .dp-room-plan {
        font-size: 15px;
    }

    .dp-room .dp-room-blocks .dp-room-plan-first {
        padding-bottom: 0;
    }

    .dp-room .dp-room-blocks .dp-room-plan .dp-room-plan-point {
        font-size: 16px;
        border-left-width: 5px;
        margin-top: 10px;
    }
}

.dp-room .dp-room-blocks .dp-room-type {
    padding: 12px 0;
    color: #333;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-type {
        padding: 20px;
        font-size: 15px;
    }
}

.dp-room .dp-room-blocks .dp-room-check {
    border-top: 1px solid #b5b5b5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
}

.dp-room .dp-room-blocks .dp-room-check::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #b5b5b5;
}

.dp-room .dp-room-blocks .dp-room-check .item {
    padding: 9px 10px;
    width: 50%;
    color: #333;
    font-size: 12px;
    text-align: center;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-check .item {
        padding: 14px;
        font-size: 15px;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment {
    color: #333;
    font-size: 12px;
    word-break: break-all;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        font-size: 15px;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .item {
    padding: 9px 10px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .item {
        padding: 12px 10px;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .item i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .item i {
        margin-right: 10px;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .item i img {
    display: block;
    width: 16px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .item i img {
        width: 22px;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .third {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .third {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .third .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.dp-room .dp-room-blocks .dp-room-equipment .third .item:nth-child(odd) {
    border-left: none;
}

.dp-room .dp-room-blocks .dp-room-equipment .third .item:nth-child(even) {
    border-left: solid 1px #b5b5b5;
}

.dp-room .dp-room-blocks .dp-room-equipment .third .one {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 0;
    width: 50% !important;
    text-align: left;
    border-top: solid 1px #b5b5b5;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .third .one {
        padding-left: 15px;
        text-align: center;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .third .two {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    border-top: solid 1px #b5b5b5;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .third .two {
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .third .three {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 0;
    width: 50%;
    text-align: center;
    border-top: solid 1px #b5b5b5;
    border-left: none;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .third .three {
        padding-left: 15px;
        text-align: center;
        border-left: solid 1px #b5b5b5;
    }
}

.dp-room .dp-room-blocks .dp-room-equipment .four {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    border-top: solid 1px #b5b5b5;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-equipment .four {
    }
}

.dp-room .dp-room-blocks .dp-room-note {
    padding-top: 5px;
    padding-bottom: 20px;
    border-top: 1px solid #b5b5b5;
    line-height: 1.8;
    color: #333;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-note {
        padding: 16px 20px;
        font-size: 15px;
    }
}

.dp-room .dp-room-blocks .dp-room-travel dl {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    word-break: break-all;
}

.dp-room .dp-room-blocks .dp-room-travel dt,
.dp-room .dp-room-blocks .dp-room-travel dd {
    padding: 9px 0;
    border-top: 1px solid #b5b5b5;
    color: #333;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-travel dt,
    .dp-room .dp-room-blocks .dp-room-travel dd {
        padding: 14px 20px;
        font-size: 15px;
    }
}

.dp-room .dp-room-blocks .dp-room-travel dl dt {
    padding-left: 12px;
    padding-right: 12px;
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    width: 25%;
    background-color: #f5f5f5;
}

.dp-room .dp-room-blocks .dp-room-travel dl dt:nth-child(1) {
    border-left: none;
}

.dp-room .dp-room-blocks .dp-room-travel dl dt:nth-child(5) {
    border-left: none;
}

.dp-room .dp-room-blocks .dp-room-travel dl dt:nth-child(9) {
    border-left: none;
}

.dp-room .dp-room-blocks .dp-room-travel dd {
    padding-right: 12px;
    padding-left: 12px;
    width: 25%;
}

.dp-room .dp-room-blocks .dp-room-meal dl {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-room .dp-room-blocks .dp-room-meal dt,
.dp-room .dp-room-blocks .dp-room-meal dd {
    padding: 9px 0;
    border-top: 1px solid #b5b5b5;
    color: #333;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-meal dt,
    .dp-room .dp-room-blocks .dp-room-meal dd {
        padding: 14px 20px;
        font-size: 15px;
    }
}

.dp-room .dp-room-blocks .dp-room-meal dl dt {
    padding-right: 12px;
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    width: 35%;
}

.dp-room .dp-room-blocks .dp-room-meal dl dt:nth-child(1) {
    border-left: none;
}

.dp-room .dp-room-blocks .dp-room-meal dl dt:nth-child(3) {
    border-left: none;
}

.dp-room .dp-room-blocks .dp-room-meal dd {
    padding-right: 12px;
    padding-left: 12px;
    width: 65%;
}

.dp-room .dp-room-blocks .dp-room-detail-link1 {
    margin-top: 15px;
}

.dp-room .dp-room-blocks .dp-room-detail-link {
    font-size: 12px;
    margin: 10px auto;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-detail-link {
        font-size: 15px;
    }
}

.dp-room .dp-room-blocks .dp-room-detail-link p:nth-child(1) {
    font-weight: bold;
    font-size: 14px;
}

.dp-room .dp-room-blocks .dp-room-detail-link p:nth-child(2) {
    padding-left: 10px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-detail-link p:nth-child(1) {
        font-size: 20px;
    }

    .dp-room .dp-room-blocks .dp-room-detail-link p:nth-child(2) {
        padding-left: 20px;
    }

    .dp-room .dp-room-blocks .dp-room-detail-link p:nth-child(3) {
        padding-left: 20px;
    }
}

.dp-room .dp-room-blocks .dp-room-detail-link a {
    color: #0b499d;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-detail-link a {
        font-size: 20px;
    }
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-detail-link a br {
        display: none;
    }
}

.dp-room .dp-room-blocks .dp-room-block-meal-type {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 10px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-block-meal-type {
        margin-bottom: 20px;
    }
}

.dp-room .dp-room-blocks .dp-room-block-meal-type img {
    margin-right: 4px;
    display: block;
    width: 17px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-blocks .dp-room-block-meal-type img {
        margin-right: 6px;
        width: 24px;
    }
}

.dp-room .dp-room-order {
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 65px;
    bottom: 0;
    background-color: #333;
    color: #fff;
    background: rgba(51, 51, 51, 0.8);
}

.dp-room .dp-room-order .dp-room-order-inner {
    padding: 12px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 829px) {
    .dp-room .dp-room-order {
        height: 85px;
    }

    .dp-room .dp-room-order .dp-room-order-inner {
        margin: 0 auto;
        padding: 10px 0;
        max-width: 760px;
    }
}

.dp-room .dp-room-order .dp-room-order-price .dp-room-order-price1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #b20000;
    font-weight: bold;
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-order .dp-room-order-price .dp-room-order-price1 {
        font-size: 26px;
        padding: 0.1rem 0.5rem;
    }
}

.dp-room .dp-room-order .dp-room-order-price .dp-room-order-price2 {
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dp-room .dp-room-order .dp-room-order-price .dp-room-order-price2 {
        font-size: 14px;
    }
}

.dp-room .dp-room-order .dp-room-order-button-wrapper a:visited {
    color: #ff9024;
}

.dp-room .dp-room-order .dp-room-order-button-wrapper .dp-room-order-button {
    padding: 8px 30px;
    border-radius: 6px;
    display: none;
    width: 142px;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    opacity: 1;
}

@media (min-width: 829px) {
    .dp-room .dp-room-order .dp-room-order-button-wrapper .dp-room-order-button {
        padding: 11px 10px 10px;
        width: 378px;
        font-size: 20px;
    }
}

.dp-room .dp-room-order .dp-room-order-button-wrapper .dp-room-order-button1 {
    padding: 8px 30px;
    border-radius: 6px;
    display: none;
    width: 142px;
    color: #fff;
    background-color: grey;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    opacity: 1;
}

@media (min-width: 829px) {
    .dp-room .dp-room-order .dp-room-order-button-wrapper .dp-room-order-button1 {
        padding: 11px 10px 10px;
        width: 378px;
        font-size: 20px;
    }
}

.dp-route-select {
    color: #333;
}

.dp-facility .dp-route-select {
    background: #f5f5f5;
}

.dp-route-select .dp-route-select-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-title {
        font-size: 28px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.dp-route-select .dp-query-select-current {
    max-width: 900px;
    margin: auto;
    background: #f6f6f6;
    padding: 14px 20px;
}

.dp-route-select .dp-query-select-current {
    padding: 10px 15px 0;
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items {
    font-size: 12px;
}

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

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .multi {
    margin-bottom: 7px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .multi {
        margin-bottom: 10px;
    }
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item div {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item .right {
    margin-left: 3px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item .right {
        margin-left: 0;
    }
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item .modal-item {
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    position: relative;
    background-color: #fff;
    z-index: 1;
    width: 126px;
    font-weight: bold;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item .modal-item {
        width: 228px;
        height: 30px;
    }
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item .modal-item:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 102px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url(../../images/popup.svg);
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item .modal-item:after {
        left: 176px;
    }
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items label {
    font-weight: bold;
    display: inline-block;
    width: 50px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items label {
        width: 80px;
    }
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items select {
    width: 55px;
    height: 30px;
    text-align-last: left;
    border-radius: 3px;
    font-weight: bold;
    font-size: inherit;
}

@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items select {
        width: 100px;
    }
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .item .multi {
    display: flex;
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .multi .left {
    width: 50%;
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .query {
    padding: 10px 0;
    height: auto !important;
}

.dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .query a {
    margin: auto;
    font-size: 12px;
    font-weight: bold;
}

@media (min-width: 829px) {
    .dp-route-select .dp-query-select-current .dp-query-select-current-inner .items .query a {
        font-size: 16px;
    }
}

.dp-route-select .dp-route-select-current {
    padding: 10px 10px 0;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current {
        max-width: 900px;
        margin: auto;
        padding: 10px 10px 0;
    }
}

.dp-route-select .dp-route-select-current .dp-route-select-current-inner {
    margin: 0 auto;
}

.dp-route-select .dp-route-select-current .dp-route-select-current-title {
    font-weight: bold;
    font-size: 18px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .dp-route-select-current-title {
        font-size: 18px;
    }
}

.dp-tab-body .dp-route-select .dp-route-select-current .dp-route-select-current-title {
    font-weight: normal;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-tab-body .dp-route-select .dp-route-select-current .dp-route-select-current-title {
        font-size: 14px;
    }
}

.dp-route-select .dp-route-select-current .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
}

.dp-route-select .dp-route-select-current .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.dp-tab-body .dp-route-select .dp-route-select-current .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-tab-body .dp-route-select .dp-route-select-current .items .item {
        width: 100%;
        margin-right: 0;
    }
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .item-room {
    }

    .dp-tab-body .dp-route-select .dp-route-select-current .items .item {
        width: 30%;
        display: flex;
    }

    .dp-tab-body .dp-route-select .dp-route-select-current .items .item {
        margin-bottom: 15px;
        padding-bottom: 10px;
        font-size: 18px;
    }
}

.dp-route-select .dp-route-select-current .items .item::after {
    content: '';
    position: absolute;
}

.dp-route-select .dp-route-select-current .items .item:nth-child(odd) {
    padding-right: 0;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .items .item:nth-child(odd) {
        padding-right: 8px;
    }
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .items .item:nth-child(odd) {
    }
}

.dp-route-select .dp-route-select-current .items .item:nth-child(odd)::after {
    right: 8px;
    left: 0;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .items .item:nth-child(odd)::after {
        right: 17px;
    }
}

.dp-route-select .dp-route-select-current .items .item:nth-child(even) {
    padding-left: 30px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .items .item:nth-child(even) {
        padding-left: 17px;
    }
}

.dp-route-select .dp-route-select-current .items .item:nth-child(even)::after {
    right: 0;
    left: 8px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .items .item:nth-child(even)::after {
        left: 17px;
    }
}

.dp-route-select .dp-route-select-current .items .title {
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
}

@media (max-width: 829px) {
    .dp-route-select .dp-route-select-current .items .title {
    }
}

.dp-route-select .dp-route-select-current .items .body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.dp-route-select .dp-route-select-current .items .body select {
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #b5b5b5;
    border-radius: 3px;
    text-align: left;
    text-align-last: left;
    margin-left: 6px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-current .items .body select {
        margin-left: 36px;
        width: 102px;
    }
}

.dynamic-form .dp-route-select-current {
    padding: 20px;
}

.dynamic-form .dp-route-select-current .dp-route-select-current-inner {
    margin: 0 auto;
    max-width: 760px;
    color: #333;
}

.dynamic-form .dp-route-select-current .dp-route-select-current-title {
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dynamic-form .dp-route-select-current .dp-route-select-current-title {
        font-size: 28px;
    }
}

.dynamic-form .dp-route-select-current .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dynamic-form .dp-route-select-current .items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.dynamic-form .dp-route-select-current .items .item:nth-child(4),
.dynamic-form .dp-route-select-current .items .item:nth-child(5) {
    width: 100%;
}

@media (min-width: 829px) {
    .dynamic-form .dp-route-select-current .items .item {
        font-size: 20px;
    }

    .dynamic-form .dp-route-select-current .items .item:nth-child(4),
    .dynamic-form .dp-route-select-current .items .item:nth-child(5) {
        width: 50%;
    }
}

.dynamic-form .dp-route-select-current .items .item::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #434343;
}

.dynamic-form .dp-route-select-current .items .item-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-form .dp-route-select-current .items .item-first {
        font-size: 20px;
    }

    .dynamic-form .dp-route-select-current .items .item-first .body {
        padding-right: 4.5em;
    }
}

.dynamic-form .dp-route-select-current .items .item-first {
    border-bottom: 1px solid #434343;
}

.dynamic-form .dp-route-select-current .items .item:nth-child(even) {
    padding-right: 8px;
}

@media (min-width: 829px) {
    .dynamic-form .dp-route-select-current .items .item:nth-child(even) {
        padding-right: 17px;
    }
}

.dynamic-form .dp-route-select-current .items .item:nth-child(even)::after {
    right: 8px;
    left: 0;
}

.dynamic-form .dp-route-select-current .items .item:nth-child(odd)::after {
    right: 0;
    left: 8px;
}

.dynamic-form .dp-route-select-current .items .item:nth-child(4)::after,
.dynamic-form .dp-route-select-current .items .item:nth-child(5)::after {
    left: 0;
    right: 0;
}

@media (min-width: 829px) {
    .dynamic-form .dp-route-select-current .items .item:nth-child(even)::after {
        right: 17px;
    }
}

.dynamic-form .dp-route-select-current .items .item:nth-child(odd) {
    padding-left: 8px;
}

.dynamic-form .dp-route-select-current .items .item:nth-child(5) {
    padding-left: 0;
    padding-right: 8px;
}

@media (min-width: 829px) {
    .dynamic-form .dp-route-select-current .items .item:nth-child(odd) {
        padding-left: 17px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .dp-route-select-current .items .item:nth-child(odd)::after {
        left: 17px;
    }
}

.dynamic-form .dp-route-select-current .items .title {
    width: 4.5em;
    font-weight: bold;
}

.dynamic-form .dp-route-select-current .items .body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.dp-route-select .dp-route-bgc {
    background-color: #f6f6f6;
    margin-top: 10px;
}

.dp-route-select .dp-route-select-section {
    background-color: #f6f6f6;
    margin: 10px auto;
    padding: 10px 15px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section {
        margin-top: 0;
        padding: 0 20px 20px;
    }
}

.dp-route-select .query-field {
    text-align: center;
    padding-bottom: 20px;
}

.dp-route-select .query-field .query-btn {
    text-decoration: none;
}

.dp-route-select .dp-route-select-section .left-label {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    font-weight: bold;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .left-label {
        width: 14%;
    }
}

.dp-route-select .dp-route-select-section .left-label label {
    margin-bottom: 44px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .left-label label {
        margin-bottom: 12px;
    }
}

.dp-route-select .dp-route-select-section label {
    display: block;
}

.dp-route-select .dp-route-select-section .dp-route-select-section-header {
    position: relative;
}

.dp-route-select .dp-route-select-section .dp-route-select-section-header.is-open::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzhmOGY5MCIgZD0iTTAgOS41aDIwdjFIMHoiLz48L3N2Zz4=');
}

.dp-route-select .dp-route-select-section .dp-route-select-section-header .dp-route-select-section-title {
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    text-align: center;
    color: #0b499d;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-section-header .dp-route-select-section-title {
        line-height: 1;
        font-size: 16px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-section-body {
    display: inline-block;
    width: 70%;
    margin-left: 8%;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-section-body {
        width: 80%;
        margin-left: 0;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-section-body .modal-refine-general-type {
    display: inline-block;
    width: 48%;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-section-body .modal-refine-general-type {
        width: 15%;
    }
}

.dp-route-select
    .dp-route-select-section
    .dp-route-select-section-body
    .modal-refine-general-types
    .modal-refine-general-type
    label {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dp-route-select
    .dp-route-select-section
    .dp-route-select-section-body
    .modal-refine-general-types
    .modal-refine-general-type
    label
    input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 12px;
    border: 1px solid #b5b5b5;
    width: 20px;
    height: 20px;
    background: #fff;
    flex-grow: 0;
    flex-shrink: 0;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-select-section
        .dp-route-select-section-body
        .modal-refine-general-types
        .modal-refine-general-type
        label
        input[type='checkbox'] {
        margin-right: 12px;
    }
}

.dp-route-select
    .dp-route-select-section
    .dp-route-select-section-body
    .modal-refine-general-types
    .modal-refine-general-type
    label
    input[type='checkbox']:checked {
    background-image: url(../../images/icon-checked.png);
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.dp-route-select
    .dp-route-select-section
    .dp-route-select-section-body
    .modal-refine-general-types
    .modal-refine-general-type
    label {
    font-weight: bold;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-title {
        margin-bottom: 10px;
        font-size: 24px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-people-block {
    margin-left: 20px;
    display: flex;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-people-block {
        margin-left: 50px;
        margin-top: 10px;
    }
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-people-block .dp-route-select-people-block-title-secime {
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-people-block-title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

.dp-route-select-people-gakusei {
    font-weight: bold;
    margin-left: 20px;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-route-select-people-gakusei {
        margin-left: 50px;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 20px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-people-block-title-otona {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 5px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-people-block-title-otona {
        margin-bottom: 10px;
        margin-right: 65px;
        font-weight: bold;
        font-size: 24px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-people-block-title-cotomo {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
    margin-left: 25px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-people-block-title-cotomo {
        margin-bottom: 10px;
        margin-left: 110px;
        font-size: 24px;
    }
}

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

.dynamic-panel-select-num-note {
    margin-bottom: 10px;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-panel-select-num-note {
        font-size: 16px;
    }
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dynamic-panel-select-num-note.qiugokuse {
        margin-left: 40px;
        font-weight: bold;
        font-size: 24px;
    }
}

.dp-route-select .dp-route-select-section dynamic-panel-select-num-note..qiugokuse {
    margin-left: 40px;
    font-weight: bold;
    font-size: 12px;
}

.a-js-modal {
    display: block;
    color: #0b499d;
    cursor: pointer;
    text-decoration: underline;
}

.dynamic-panel-select-modal-bolck {
    padding-left: 20px;
    display: block;
    color: #0b499d;
    cursor: pointer;
    text-decoration: underline;
    float: right;
}

@media (min-width: 829px) {
    .dynamic-panel-select-modal-bolck {
        margin-top: 10px;
        display: block;
        color: #0b499d;
        cursor: pointer;
        text-decoration: underline;
        float: right;
    }
}

@media (min-width: 829px) {
    .a-js-modal {
        float: right;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-body > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-body > div .item {
    width: 50%;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-body > div .item:nth-child(odd) {
    padding-right: 7px;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-select-section
        .dp-route-select-time
        .dp-route-select-time-body
        > div
        .item:nth-child(odd) {
        padding-right: 17px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-body > div .item:nth-child(even) {
    padding-left: 7px;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-select-section
        .dp-route-select-time
        .dp-route-select-time-body
        > div
        .item:nth-child(even) {
        padding-left: 17px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-base label {
    display: block;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-base input[type='radio'] {
    display: none;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-base input[type='radio'] + span {
    padding: 7px 5px;
    border: 2px solid #b5b5b5;
    border-radius: 3px;
    display: block;
    height: 35px;
    color: #333;
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-select-section
        .dp-route-select-time
        .dp-route-select-time-base
        input[type='radio']
        + span {
        padding-top: 9px;
        padding-bottom: 9px;
        border-radius: 5px;
        height: 50px;
        font-size: 18px;
    }
}

.dp-route-select
    .dp-route-select-section
    .dp-route-select-time
    .dp-route-select-time-base
    input[type='radio']:checked
    + span {
    border-color: #333;
    color: #fff;
    background-color: #333;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time {
        margin-top: 10px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px 5px 5px;
    border: 2px solid #b5b5b5;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 84px;
    height: 30px;
    color: #333;
    background-color: #fff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAACsR+4DAAABsklEQVRIicXVP0tCcRTG8W8SFi6C4KSDkKNLi80uTtYk0aQQTo5NCa1RLTU6N7hEIEQQFUiNvodeRYuDIHHgXDj9+qn3j+azeH3uufd85Ap3q91uA5SBB+AY+GIz+WVIafEB7OtneQOsPwaBDYGCDhQ2gAtQ1jAUWAf4NoNy4h0o/gOqqLsKphNLR2BjoO7gSvor1okr6o6SgxLLOKWF4I6AiRnaWyMuQO2ZbqIGsZAyJz6Bhgf3AuRXiMrrPV1UQw24MMnIg6tovwpcXu9V8aBGdtCFBbgTYOrB5RKgch7UVHeN3GEfTPIEND04eQTZGKisXuuimrrrT+bBLG5muirwFhGX1WuqppstQrEEFuBaHtwrkAmByuisi2otQoWBSQYe3AHwvASX0ZkDD2qwbGkYWIA7dbraAlyAqjn9aRhUFJjkHuh6cPKuTZsurZ2L6uo9QiUKTNL34OQV8qigtB7XPah+lEXbEWEBbhe4Nd2hgoJjm7OoqLgwyR2wA1w5ODc9nY2cqI/S5loXz0tPZ2IlCQxdfOnpL5OgWAFMcgHcmO9yLF2ixP2PuTk3hT2OF+AHLABgYV/8z0kAAAAASUVORK5CYII=');
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: right 5px center;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-align-last: center;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time select {
        padding: 7px 35px 7px 20px;
        border-radius: 5px;
        height: 40px;
        background-position: right 10px center;
        width: auto;
        font-size: 20px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time select::-ms-expand {
    display: none;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time span {
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-time-time span {
        padding-left: 16px;
        font-size: 20px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station {
        margin-top: 20px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station .item span {
    display: block;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station .item span {
        font-size: 24px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station .item .modal-item {
    margin-top: 5px;
    padding: 7px 30px 6px 5px;
    border: 2px solid #b5b5b5;
    border-radius: 3px;
    height: 30px;
    text-align: center;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station .item .modal-item {
        margin-top: 10px;
        height: 40px;
        font-size: 20px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station .item .modal-item::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url('../../images/popup.svg');
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-select-station .item .modal-item::after {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 16px auto;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .item-rooms {
    padding: 0 30px;
    padding-bottom: 20px;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .item-rooms span {
    font-weight: bold;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .item-rooms select {
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px 5px 5px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 30px;
    color: #333;
    background-color: #fff;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAWCAYAAACsR+4DAAABsklEQVRIicXVP0tCcRTG8W8SFi6C4KSDkKNLi80uTtYk0aQQTo5NCa1RLTU6N7hEIEQQFUiNvodeRYuDIHHgXDj9+qn3j+azeH3uufd85Ap3q91uA5SBB+AY+GIz+WVIafEB7OtneQOsPwaBDYGCDhQ2gAtQ1jAUWAf4NoNy4h0o/gOqqLsKphNLR2BjoO7gSvor1okr6o6SgxLLOKWF4I6AiRnaWyMuQO2ZbqIGsZAyJz6Bhgf3AuRXiMrrPV1UQw24MMnIg6tovwpcXu9V8aBGdtCFBbgTYOrB5RKgch7UVHeN3GEfTPIEND04eQTZGKisXuuimrrrT+bBLG5muirwFhGX1WuqppstQrEEFuBaHtwrkAmByuisi2otQoWBSQYe3AHwvASX0ZkDD2qwbGkYWIA7dbraAlyAqjn9aRhUFJjkHuh6cPKuTZsurZ2L6uo9QiUKTNL34OQV8qigtB7XPah+lEXbEWEBbhe4Nd2hgoJjm7OoqLgwyR2wA1w5ODc9nY2cqI/S5loXz0tPZ2IlCQxdfOnpL5OgWAFMcgHcmO9yLF2ixP2PuTk3hT2OF+AHLABgYV/8z0kAAAAASUVORK5CYII=');
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: right 5px center;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-align-last: center;
}

.dp-route-select .dp-route-select-section .dp-route-select-time .item-rooms select option {
    text-align-last: center;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .item-rooms {
        display: inline-block;
        width: 49%;
        padding: 0 30px;
        font-size: 18px;
    }

    .dp-route-select .dp-route-select-section .dp-route-select-time .item-rooms span {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .dp-route-select .dp-route-select-section .dp-route-select-time .item-rooms select {
        padding: 7px 35px 7px 20px;
        background-position: right 10px center;
        height: 40px;
        width: 130px;
        font-size: 16px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-button-wrapper {
}

.dynamic-form .dp-route-change {
    padding-top: 20px;
    font-size: 11px;
    text-align: center;
    display: none;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-button-wrapper {
        margin-top: 20px;
    }

    .dynamic-form .dp-route-change {
        padding-top: 20px;
        font-size: 16px;
    }
}

.dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-button-wrapper .dp-route-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 10px auto;
    padding: 8px 5px;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 160px;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-select-section .dp-route-select-time .dp-route-button-wrapper .dp-route-button {
        padding-top: 7px;
        padding-bottom: 7px;
        border-radius: 5px;
        width: 250px;
        font-size: 24px;
    }
}

.dynamic-form .dp-refine-block .dp-route-button-wrapper {
    margin-top: 20px;
}

.dynamic-form .dp-refine-block .dp-route-button-wrapper .dp-route-change {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 auto;
    padding: 8px 5px;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 160px;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.dp-route-close {
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    margin-top: 10px;
    color: #0b499d;
}

.dynamic-form .dp-refine-block .inner-show {
    display: none;
    border-top: 1px solid #333;
    padding-top: 20px;
}

@media (min-width: 829px) {
    .dynamic-form .dp-refine-block .dp-route-button-wrapper .dp-route-change {
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 5px;
        width: 320px;
        font-size: 24px;
    }

    .dp-route-close {
        font-size: 16px;
        margin-top: 20px;
    }
}

.dp-route-select .dp-route-list-section {
    padding: 0px 20px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section {
        margin: 10px auto;
        padding: 0 2%;
        max-width: 900px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title {
    font-weight: bold;
    position: relative;
}

@media (min-width: 829px) {
    .dp-route-list-section-header {
        display: flex;
        position: relative;
    }
}

.dp-route-list-section-headers {
    display: flex;
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
}

.dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title-kenko {
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title-kenko {
        font-size: 16px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title-kenko label {
    font-weight: bold;
}

.dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title-kenko label b {
    font-size: 20px;
    color: red;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title-kero {
        font-size: 20px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-section-header
    .dp-route-list-section-title-kenko
    .dp-route-list-section-title-kero {
    color: red;
}

.dp-route-select .dp-route-list-section .dp-route-list-section-headers .dp-route-list-section-title-jikang {
    font-weight: bold;
    position: relative;
    background: url(../../images/icon-route-back.png) no-repeat left center;
    background-size: 6%;
    padding-left: 16px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-section-headers .dp-route-list-section-title-jikang {
        font-size: 16px;
        background-size: 8%;
        padding-left: 30px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-section-headers .dp-route-list-section-title-atojk {
    font-weight: bold;
    position: relative;
    background: url(../../images/icon-route.png) no-repeat right center;
    background-size: 6%;
    padding-right: 16px;
    margin-left: auto;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-section-headers .dp-route-list-section-title-atojk {
        font-size: 16px;
        background-size: 8%;
        padding-right: 30px;
    }
}

.dp-route-list-section-title-atojk-box {
    padding-left: 10px;
}

@media (min-width: 829px) {
    .dp-route-list-section-title-atojk-box {
        padding-left: 10px;
    }
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title {
        padding-left: 0px;
        font-size: 20px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-section-header .dp-route-list-section-title-atojk {
    padding-left: 35px;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-item {
    padding: 0 15px 0;
    border: 2px solid #b5b5b5;
    border-radius: 3px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-item {
        padding-right: 80px;
        border-radius: 5px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-item + .dp-route-list-item {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-item + .dp-route-list-item {
        margin-top: 20px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary {
    display: -webkit-box;
    padding-right: 25px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    position: relative;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary {
        padding-right: 30px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -14px;
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzkxOTE5MSIgZD0iTTAgOS41aDIwdjFIMHoiLz48L3N2Zz4=');
    background-size: 18px auto;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    background-position: center center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary::after {
        width: 28px;
        height: 28px;
        background-size: 28px auto;
        margin-top: -14px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary.is-open::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzhmOGY5MCIgZD0iTTIwIDkuNWgtOS41VjBoLTF2OS41SDB2MWg5LjVWMjBoMXYtOS41SDIweiIvPjwvc3ZnPg==');
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary .route-num {
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary .route-num {
        font-size: 24px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary .route-info {
    font-size: 12px;
    display: inline-block;
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary .route-info-toki {
    float: left;
    font-size: 12px;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-header
    .route-summary-other
    .route-info-toki {
    float: left;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary .route-info-toki {
        float: left;
        font-size: 14px;
        padding-left: 10px;
    }
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-header
        .route-summary-other
        .route-info-toki {
        float: left;
        font-size: 14px;
        padding-left: 10px;
    }
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary .route-info {
        font-size: 18px;
        padding-left: 16px;
        display: inline-block;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary .route-info span {
    display: block;
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-body-other {
    display: none;
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other {
    padding-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    position: relative;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other {
        padding-right: 30px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -14px;
    width: 28px;
    height: 28px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzhmOGY5MCIgZD0iTTIwIDkuNWgtOS41VjBoLTF2OS41SDB2MWg5LjVWMjBoMXYtOS41SDIweiIvPjwvc3ZnPg==');
    background-size: 18px auto;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    background-position: center center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other::after {
        width: 28px;
        height: 28px;
        background-size: 28px auto;
        margin-top: -14px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other.is-open::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzkxOTE5MSIgZD0iTTAgOS41aDIwdjFIMHoiLz48L3N2Zz4=');
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other .route-num {
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other .route-num {
        font-size: 24px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-summary-other .route-info {
    font-size: 12px;
    display: inline-block;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-header
        .route-summary-other
        .route-info {
        padding-left: 16px;
        font-size: 18px;
        display: inline-block;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-header
    .route-summary-other
    .route-info
    span {
    display: block;
}

ul {
    width: 100%;
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    background-image: url('../../images/icon-route.png');
    background-size: 10px auto;
    background-position: center 14px;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-outline {
        background-size: 20px auto;
        display: inline-flex;
        width: 200px;
        background-position: center 12px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-outline .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    width: 50%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-outline .item {
        padding-top: 10px;
        font-size: 20px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-header .route-outline .item:nth-child(odd) {
    padding-right: 30px;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-header
        .route-outline
        .item:nth-child(odd) {
        padding-right: 10px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-header
    .route-outline
    .item:nth-child(even) {
    padding-left: 5px;
}

@media (min-width: 829px) {
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-header
        .route-outline
        .item:nth-child(even) {
        padding-left: 10px;
    }
}

.hr-r {
    margin-top: 10px;
    border: 0.5px solid #333;
}

@media (min-width: 829px) {
    .hr-r {
        margin-left: 10px;
        margin-top: 10px;
        border: 0.5px solid #333;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-body {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-body {
        padding-left: 50px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-body .dp-route-detail-title {
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-body .dp-route-detail-title {
        font-size: 24px;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-body .dp-route-block {
    margin-top: 5px;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-list-body .dp-route-block {
        margin-top: 0px;
    }
}

@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-item:first-child
        .dp-route-block-header,
    .dp-route-select
        .dp-route-list-section
        .dp-route-list-items
        .dp-route-list-body
        .dp-route-block
        .dp-route-block-item:last-child
        .dp-route-block-header {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-header {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    color: #fff;
    background-color: #333;
    font-weight: bold;
}

@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 {
        padding: 4px 20px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-header
    .time {
    font-size: 10px;
}

@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 {
        font-size: 20px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-header
    .name {
    padding-left: 1em;
    font-size: 12px;
    max-width: 220px;
    word-break: break-all;
}

@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
        .name {
        font-size: 24px;
        max-width: 500px;
        word-break: break-all;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail {
    padding: 5px 0 15px 27px;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seat-controller {
    background-color: #f6f6f6;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seat-controller
    > .seats
    > .seat-item {
    padding-top: 20px;
    margin: 10px 10px 0;
}

@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 {
        padding-left: 54px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    width: 2px;
    background-color: #0b499d;
}

@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::before {
        left: 28px;
        width: 5px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box.is-open
    .seat-toggle
    .is-open {
    display: inline-block;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box.is-open
    .seat-toggle
    .is-close {
    display: 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-item {
    padding-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px #aaaaaa;
    margin: 0 10px;
    padding-bottom: 10px;
}

@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-item {
        margin: 0 10px;
        padding: 10px 0px;
    }
}

.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-item-header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
}

@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-item-header {
        font-size: 14px;
    }
}

.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-item-header
    .train {
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    align-items: center;
}

@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-item-header
        .train {
        font-size: 24px;
    }
}

.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-item-header
    .seat-type {
    width: 190px;
}

@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-item-header
        .seat-type {
        width: 360px;
    }
}

.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-item-header
    .seat-fee {
    padding-left: 0.5em;
}

.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-item-header
    .tip {
    flex-wrap: wrap;
    color: red;
    width: 100%;
}

@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-item-header
        .seat-fee {
        padding-left: 2em;
    }
}

.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 0px 9px 0;
    border: 2px solid #0b499d;
    border-radius: 3px;
    display: block;
    width: 80px;
    height: 30px;
    line-height: 1;
    color: #fff;
    background-color: #0b499d;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    text-align: center;
    text-decoration: 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 {
        padding: 4px 0px 8px 0;
        line-height: 1.3;
        border-radius: 5px;
        width: 80px;
        height: 30px;
        font-size: 14px;
    }
}

.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: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@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 {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        background-size: 20px 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: #333;
    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;
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seats-sub {
    display: 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
        .seats-toggle-wrapper {
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seats-toggle-wrapper
    .seat-toggle {
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
    width: fit-content;
    margin: auto;
}

@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
        .seats-toggle-wrapper
        .seat-toggle {
        font-size: 14px;
    }
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seats-toggle-wrapper
    .is-close,
.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seats-toggle-wrapper
    .is-open {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px 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
    .seats-toggle-wrapper
    .is-close {
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzBiNDk5ZCIgZD0iTTIwIDloLTlWMEg5djlIMHYyaDl2OWgydi05aDl6Ii8+PC9zdmc+');
}

.dp-route-select
    .dp-route-list-section
    .dp-route-list-items
    .dp-route-list-body
    .dp-route-block
    .dp-route-block-detail
    .seats-box
    .seats-toggle-wrapper
    .is-open {
    display: none;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzBiNDk5ZCIgZD0iTTAgOWgyMHYySDB6Ii8+PC9zdmc+');
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button {
    margin: 16px 0;
    float: right;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button {
        margin: 8px 0;
    }
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button {
        margin: 20px 20px;
        float: right;
    }
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button label {
    display: block;
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button label input {
    display: none;
}

.dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button label span {
    margin: 0 auto;
    padding: 3px 5px;
    border: 0;
    border-radius: 3px;
    display: block;
    width: 80px;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 2;
    height: 30px;
    cursor: pointer;
}

.item1 {
    width: 50%;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button label span {
        padding-top: 7px;
        padding-bottom: 7px;
        border-radius: 5px;
        width: 80px;
        height: 30px;
        font-size: 16px;
        line-height: 1.3;
    }

    .ie11 .dp-route-select .dp-route-list-section .dp-route-list-items .dp-route-select-button label span {
        line-height: 18px;
    }
}

.dp-route-select .dp-route-set {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 20px 0;
    background-color: #fff;
}

.dp-route-select .dp-route-set a {
    margin: 0 auto;
    padding: 8px 5px;
    border-radius: 3px;
    display: block;
    width: 160px;
    line-height: 1.5;
    color: #fff;
    background-color: #ff9024;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}

@media (min-width: 829px) {
    .dp-route-select .dp-route-set a {
        padding: 15px 40px 15px 20px;
        border-radius: 6px;
        width: 320px;
        font-size: 20px;
    }
}

.dp-route-select .dp-route-set a.is-disabled {
    background-color: #333;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .icon-all-block {
    padding: 14px 16px 25px;
    border-radius: 3px;
    display: none;
    background-color: #fff;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .icon-all-block {
        padding: 35px 75px 94px;
        border-radius: 10px;
    }
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .icon-all-block .seat-all-body img {
    width: 20px;
    height: 20px;
}

.is-seat.is-seat-all .modal.multi-modal .modal-body .icon-all-block .seat-all-body td {
    padding: 6px;
    border: solid 1px #ccc;
}

.add {
    width: 15px;
    height: 15px;
    display: block;
    background: no-repeat url(../../images/add.png);
    background-size: 100%;
    float: right;
    margin: 5px 10px 0;
}

.reduce {
    width: 15px;
    height: 10px;
    display: block;
    background: no-repeat url(../../images/reduce.png);
    background-size: 100%;
    float: right;
    margin: 5px 10px 0;
}

@media (min-width: 829px) {
    .is-seat.is-seat-all .modal.multi-modal .modal-body .icon-all-block .seat-all-body img {
        width: 40px;
        height: 40px;
    }

    .is-seat.is-seat-all .modal.multi-modal .modal-body .icon-all-block .seat-all-body td {
        padding: 10px;
        border: solid 1px #ccc;
    }

    .add {
        width: 15px;
        height: 15px;
        background-size: 100%;
        margin: 10px 10px 0;
    }

    .reduce {
        width: 15px;
        height: 10px;
        background-size: 100%;
        margin: 13px 10px 0;
    }
}

/* tip */

.common-tips-hide {
    display: none;
}

.common-tips-container {
    width: 200px;
    padding: 10px;
    font-size: 14px;
    color: #999999;
    border: 1px #ecedee solid;
    position: absolute;
    top: 0;
    left: 200px;
    border-radius: 5px;
}

.common-tips-animation {
    animation: common-tips-show 0.3s ease-in;
    -webkit-animation: common-tips-show 0.3s ease-in;
    /* Safari 和 Chrome */
}

.common-tips-top-right {
    transform-origin: 10% 100%;
}

.common-tips-top-right:after {
    bottom: -7px;
    left: 16px;
    position: absolute;
    width: 12px;
    height: 12px;
    content: ' ';
    transform: rotate(45deg);
    border: 1px solid #ecedee;
    border-top: 0;
    border-left: 0;
    background-color: #fff;
}

/*动画效果从下往上, 从右往左*/

.common-tips-top-left {
    transform-origin: 90% 100%;
}

.common-tips-top-left:after {
    bottom: -7px;
    right: 16px;
    left: unset;
    position: absolute;
    width: 12px;
    height: 12px;
    content: ' ';
    transform: rotate(45deg);
    border: 1px solid #ecedee;
    border-top: 0;
    border-left: 0;
    background-color: #fff;
}

/*动画效果从上往下, 从右往左*/

.common-tips-bottom-right {
    transform-origin: 10% 10%;
}

.common-tips-bottom-right:after {
    top: -7px;
    left: 16px;
    position: absolute;
    width: 12px;
    height: 12px;
    content: ' ';
    transform: rotate(45deg);
    border: 1px solid #ecedee;
    border-bottom: 0;
    border-right: 0;
    background-color: #fff;
}

/*动画效果从上往下, 从左往右*/

.common-tips-bottom-left {
    transform-origin: 90% 10%;
}

.common-tips-bottom-left:after {
    top: -7px;
    right: 16px;
    left: unset;
    position: absolute;
    width: 12px;
    height: 12px;
    content: ' ';
    transform: rotate(45deg);
    border: 1px solid #ecedee;
    border-bottom: 0;
    border-right: 0;
    background-color: #fff;
}

.common-tips-container-hide {
    animation: common-tips-hide 0.3s ease-out;
    -webkit-animation: common-tips-hide 0.3s ease-out;
    /* Safari 和 Chrome */
}

/*动画效果从上往下, 从左往右*/

.common-tips-right-right {
    transform-origin: 0% 10%;
}

.common-tips-right-right:after {
    left: -7px;
    top: 13px;
    position: absolute;
    width: 12px;
    height: 12px;
    content: ' ';
    transform: rotate(45deg);
    border: 1px solid #ecedee;
    border-top: 0;
    border-right: 0;
    background-color: #fff;
}

/*动画效果从上往下, 从左往右*/

.common-tips-left-left {
    transform-origin: 100% 10%;
}

.common-tips-left-left:after {
    right: -7px;
    top: 13px;
    position: absolute;
    width: 12px;
    height: 12px;
    content: ' ';
    transform: rotate(45deg);
    border: 1px solid #ecedee;
    border-bottom: 0;
    border-left: 0;
    background-color: #fff;
    opacity: 1;
}

@keyframes common-tips-show {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes common-tips-hide {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.6);
    }
}

/* popup */
.seat-info {
    padding: 20px;
    height: 200px;
}

.form-fix-foot {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    z-index: 9;
    color: #fff;
    background: rgba(51, 51, 51, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

@media (max-width: 829px) {
    .form-fix-foot {
        padding: 10px;
    }
}

@media (max-width: 829px) {
    .form-fix-foot {
        padding: 10px 3%;
    }
}

.form-fix-foot .form-fix-foot-inner {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 4px 10px;
    width: 100%;
    max-width: 1000px;
}

.form-fix-foot .form-fix-foot-inner .phrase {
    width: 100%;
}

@media (max-width: 829px) {
    .form-fix-foot .form-fix-foot-inner {
        width: 100%;
        height: 120px;
    }

    .form-fix-foot .form-fix-foot-inner .phrase {
        width: 100%;
    }
}

.form-fix-foot .form-fix-foot-inner .phrase p {
    display: block;
    width: 100%;
    text-align: center;
}

@media (max-width: 829px) {
    .form-fix-foot .form-fix-foot-inner .phrase p {
        text-align: left;
    }
}

.form-fix-foot .form-fix-foot-inner .phrase p.amount {
    color: #d32f2f;
}

.form-fix-foot .form-fix-foot-inner .phrase p.amount-small {
    font-size: 9px;
    color: #d32f2f;
}

.form-fix-foot .form-fix-foot-inner .phrase p.tip {
    color: #242424;
    font-size: 9px;
}

.form-fix-foot .form-fix-foot-inner .phrase p span {
    font-size: 11px;
}

@media (max-width: 829px) {
    .form-fix-foot .form-fix-foot-inner .phrase p span {
    }
}

.form-fix-foot .form-fix-foot-inner .phrase p.amount b {
    font-size: 18px;
}

@media (max-width: 829px) {
    .form-fix-foot .form-fix-foot-inner .phrase p.amount b {
        display: block;
    }
}

.form-fix-foot .form-fix-foot-inner .phrase p.amount b span {
    font-size: 18px;
}

.form-fix-foot .form-fix-foot-inner button {
    width: 30%;
    background: #ff9024;
    border-radius: 4px;
    border: 0;
    margin-left: auto;
    font-weight: bold;
    color: #fff;
    padding: 8px 0;
    font-size: 18px;
}

@media (max-width: 829px) {
    .form-fix-foot .form-fix-foot-inner button {
        padding: 12px 0;
        margin-top: -50px;
    }
}

/* お客さま情報入力画面追加対応 Start */
.no-display {
    display: none;
}

.dynamic-form .member-form-label {
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 13px;
    margin-left: 14px;
}

@media (min-width: 829px) {
    .dynamic-form .member-form-label {
        font-size: 20px;
    }
}

.impColor {
    color: #b20000;
}

.dynamic-form .apply-form-mail-set .apply-form-mail-radio {
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dynamic-form .apply-form-mail-set .apply-form-mail-radio .apply-form-mail-radio-item,
.dynamic-form .rep-person-set .rep-person-radio .rep-person-radio-item {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.dynamic-form .rep-person-set .rep-person-radio {
    margin-left: 40px;
}

.dynamic-form .apply-form-mail-set .apply-form-mail-radio .apply-form-mail-radio-item:last-child {
    margin-right: 0;
}

.dynamic-form .apply-form-mail-set .apply-form-mail-radio .apply-form-mail-radio-item label,
.dynamic-form .rep-person-set .rep-person-radio .rep-person-radio-item label {
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-mail-set .apply-form-mail-radio .apply-form-mail-radio-item label,
    .dynamic-form .rep-person-set .rep-person-radio .rep-person-radio-item label {
        font-size: 18px;
    }
}

.dynamic-form .apply-form-mail-set .apply-form-mail-radio .apply-form-mail-radio-item input[type='radio'],
.dynamic-form .rep-person-set .rep-person-radio .rep-person-radio-item input[type='radio'] {
    margin-right: 4px;
    border-radius: 100%;
    border: 1px solid #b5b5b5;
    width: 15px;
    height: 15px;
    position: relative;
    z-index: 1;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-mail-set .apply-form-mail-radio .apply-form-mail-radio-item input[type='radio'],
    .dynamic-form .rep-person-set .rep-person-radio .rep-person-radio-item input[type='radio'] {
        margin-right: 8px;
        width: 25px;
        height: 25px;
    }
}

.dynamic-form
    .apply-form-mail-set
    .apply-form-mail-radio
    .apply-form-mail-radio-item
    input[type='radio']:checked
    + label::after,
.dynamic-form .rep-person-set .rep-person-radio .rep-person-radio-item input[type='radio']:checked + label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    z-index: 2;
    border-radius: 100%;
    width: 9px;
    height: 9px;
    background-color: #666;
}

@media (min-width: 829px) {
    .dynamic-form
        .apply-form-mail-set
        .apply-form-mail-radio
        .apply-form-mail-radio-item
        input[type='radio']:checked
        + label::after,
    .dynamic-form .rep-person-set .rep-person-radio .rep-person-radio-item input[type='radio']:checked + label::after {
        top: 6px;
        left: 4px;
        width: 17px;
        height: 17px;
    }
}

.mgt20 {
    margin-top: 20px;
}

.readonly {
    background-color: #cccccc !important;
}

.member-agreement textarea {
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b5b5b5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    overflow-x: hidden;
    font-size: 11px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .member-agreement textarea {
        border-width: 2px;
        font-size: 18px;
        margin-left: 14px;
    }
}

.dynamic-form .rep-person-set .rep-person-auto-fill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .rep-person-set .rep-person-auto-fill {
        margin-top: 0;
        display: block;
    }
}

.dynamic-form .rep-person-set .rep-person-auto-fill a {
    margin-right: 5px;
    padding: 2px 5px;
    border-radius: 5px;
    display: block;
    color: #fff;
    background-color: #ff9024;
    text-decoration: none;
}

.dynamic-form .rep-person-set .rep-person-auto-fill a.set-rep-nfo {
    cursor: default;
}

.dynamic-form .rep-person-set .rep-person-auto-fill a.jsc-set-rep-info {
    cursor: pointer !important;
}

@media (min-width: 829px) {
    .dynamic-form .rep-person-set .rep-person-auto-fill a {
        padding: 1px 25px;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
    }
}

.dynamic-form .rep-person-set,
.dynamic-form .apply-form-age-set,
.dynamic-form .apply-form-sex-set,
.dynamic-form .apply-form-companion-set,
.dynamic-form .apply-form-mail-sub-set,
.dynamic-form .apply-form-login-set,
.dynamic-form .apply-form-customer-number-set {
    margin-top: 10px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .rep-person-set,
    .dynamic-form .apply-form-age-set,
    .dynamic-form .apply-form-sex-set,
    .dynamic-form .apply-form-companion-set,
    .dynamic-form .apply-form-mail-sub-set,
    .dynamic-form .apply-form-login-set,
    .dynamic-form .apply-form-customer-number-set {
        margin-top: 20px;
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-login-set .apply-form-login-field,
.dynamic-form .apply-form-login-set .apply-form-password-field {
    margin-top: 20px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-login-set .apply-form-login-field,
    .dynamic-form .apply-form-login-set .apply-form-password-field {
        margin-left: 14px;
    }
}

.dynamic-form .rep-person-set,
.dynamic-form .apply-form-age-set .apply-form-age-field,
.dynamic-form .apply-form-sex-set .apply-form-sex-field,
.dynamic-form .apply-form-companion-set .apply-form-companion-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .rep-person-set,
    .dynamic-form .apply-form-age-set .apply-form-age-field,
    .dynamic-form .apply-form-sex-set .apply-form-sex-field,
    .dynamic-form .apply-form-companion-set .apply-form-companion-field {
        margin-left: 14px;
    }
}

.dynamic-form .apply-form-age-set .apply-form-age-field .apply-form-age-item,
.dynamic-form .apply-form-companion-set .apply-form-companion-field .apply-form-companion-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.apply-form-pref-field select,
.apply-form-companion-field select {
    width: 50% !important;
    margin-bottom: 20px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-sex-set .apply-form-sex-field span {
        font-size: 18px;
    }
}

.dynamic-form .apply-form-age-set .apply-form-age-field span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    display: block;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-age-set .apply-form-age-field span {
        font-size: 18px;
        padding: 14px 20px;
    }
}

.dynamic-form .apply-form-customer-number-set .apply-form-customer-number-field {
    margin-top: 10px;
    font-size: 16px;
    margin-left: 12px;
    margin-bottom: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .apply-form-customer-number-set .apply-form-customer-number-field {
        font-size: 17px;
        margin-bottom: 20px;
    }
}

.dynamic-form .form-individual {
    background-color: #ffe1e1;
    padding-bottom: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-individual {
        margin-left: 14px;
    }
}

.dynamic-form .form-individual .form-individual-text {
    margin-top: 25px;
    line-height: 1.8;
    font-size: 12px;
    letter-spacing: -0.04em;
}

@media (min-width: 829px) {
    .dynamic-form .form-individual .form-individual-text {
        margin-top: 50px;
        padding-bottom: 60px;
        font-size: 18px;
    }
}

.dynamic-form .form-individual .form-individual-text p {
    padding-bottom: 20px;
}

@media (min-width: 829px) {
    .dynamic-form .form-individual .form-individual-text p {
        padding-bottom: 30px;
    }
}

.dynamic-form .form-individual .form-individual-checkbox {
    letter-spacing: -0.11em;
}

@media (min-width: 829px) {
    .dynamic-form .form-individual .form-individual-checkbox {
        font-size: 20px;
        text-align: center;
    }
}

.no-login-info .form-comfirm-content {
    margin: 15px 0 0 12px;
}

@media (min-width: 829px) {
    .no-login-info .form-comfirm-content {
        margin: 15px 0 0 14px;
        font-size: 18px;
    }
}

.no-login-info .form-payment-link {
    margin-left: 14px;
}

.dynamic-form .form-no-login .form-comfirm-heading {
    margin-top: 20px;
    font-weight: bold;
    font-size: 14px;
}

@media (min-width: 829px) {
    .dynamic-form .form-no-login .form-comfirm-heading {
        font-size: 24px;
    }
}

.order-change-info .form-change dt {
    width: 70% !important;
}

.order-change-info .form-change dd {
    width: 30% !important;
}

@media (min-width: 829px) {
    .dynamic-form input[type='password'] {
        padding: 8px 10px;
    }
}

.dynamic-form .rep-person-info .form-block-inner,
.dynamic-form .book-person-info .form-block-inner,
.dynamic-form .payment-info .form-block-inner {
}

@media (min-width: 829px) {
    .dynamic-form .rep-person-info .form-block-inner,
    .dynamic-form .book-person-info .form-block-inner,
    .dynamic-form .payment-info .form-block-inner {
    }
}

.dynamic-form .rep-person-info .apply-form-note,
.dynamic-form .book-person-info .apply-form-note {
    margin-top: 15px;
    font-size: 11px;
    padding-left: 12px;
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .rep-person-info .apply-form-note,
    .dynamic-form .book-person-info .apply-form-note {
        margin-top: 20px;
        font-size: 16px;
        padding-left: 14px;
    }
}

.apply-login-note,
.apply-password-note,
.customer-number-note {
    font-size: 11px;
}

@media (min-width: 829px) {
    .form-mail-note,
    .form-sub-mail-note,
    .apply-form-tel-note,
    .apply-login-note,
    .apply-password-note,
    .customer-number-note {
        font-size: 16px;
    }
}

.form-sub-mail-note,
.apply-login-note,
.apply-password-note {
    margin-top: 10px;
    margin-left: 12px;
}

@media (min-width: 829px) {
    .form-sub-mail-note,
    .apply-login-note,
    .apply-password-note {
        margin-left: 14px;
    }
}

.dynamic-form .form-mail-note {
    margin-top: 15px;
    margin-left: 24px;
}

@media (min-width: 829px) {
    .dynamic-form .form-mail-note {
        margin-top: 30px;
        margin-left: 32px;
    }
}

.dynamic-form .payment-info .form-payment-note {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .payment-info .form-payment-block + .form-payment-block {
        padding: 10px 0;
    }
}

.apply-form-tel-set .tel-note-desc {
    margin-top: 10px;
    background-color: #ffd5d6;
    padding: 6px 12px;
    vertical-align: middle;
}

@media (min-width: 829px) {
    .apply-form-tel-set .tel-note-desc {
        padding: 6px 14px;
    }
}

.unchanged-info .form-payment-arrival-item:nth-child(1) input {
    border-radius: 5px !important;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item:nth-child(2) input {
    width: 100px;
    text-align: center;
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item:nth-child(2) input {
        width: 90px;
        font-size: 18px;
    }
}

.pay-info .pay-card-title,
.pay-info .pay-shop-title {
    margin-top: 10px;
    margin-left: 24px;
    font-size: 11px;
}

.pay-info .pay-card-title {
    font-weight: bold;
}

@media (min-width: 829px) {
    .pay-info .pay-card-title,
    .pay-info .pay-shop-title {
        margin-top: 20px;
        font-size: 18px;
        margin-left: 28px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .card-input-info input {
        padding: 8px 10px;
        border-width: 2px;
        border-radius: 5px;
        font-size: 17px;
    }
}

.dynamic-form .card-input-info .apply-form-card-field,
.dynamic-form .card-input-info .apply-form-card-month {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dynamic-form .card-input-info .apply-form-card-month {
    text-align: center;
}

.dynamic-form .card-input-info .apply-form-card-field,
.dynamic-form .card-input-info .apply-form-card-month,
.dynamic-form .card-input-info .form-input-card-name {
    margin-top: 10px;
}

.dynamic-form .form-block .form-payment-blocks .card-input-info .form-payment-note {
    margin-left: 0;
}

.dynamic-form .form-block .form-payment-blocks .card-input-info .form-input-information {
    margin-left: 0;
}

@media (min-width: 829px) {
    .dynamic-form .card-input-info .apply-form-card-field,
    .dynamic-form .card-input-info .apply-form-card-month,
    .dynamic-form .card-input-info .form-input-card-name {
        margin-top: 20px;
    }
    .form-input-information1 {
        margin-top: 10px;
        margin-right: 350px;
    }
}

.dynamic-form .card-input-info .apply-form-card-field input {
    width: 25%;
}

.dynamic-form .card-input-info .apply-form-card-field span {
    margin: 0 4px;
}

@media (min-width: 829px) {
    .dynamic-form .card-input-info .apply-form-card-field span {
        margin: 0 8px;
    }
}

.dynamic-form .card-input-info .apply-form-card-month-right {
    margin-left: 18px;
}

@media (min-width: 829px) {
    .dynamic-form .card-input-info .apply-form-card-month-right {
        margin-left: 40px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-block .form-comfirm-heading-title {
    font-weight: bold;
    font-size: 13px;
    margin-top: 20px;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-block .pay-info-heading-title,
.dynamic-form .form-block .form-payment-blocks .form-payment-block .point-info-heading-title {
    font-weight: bold;
    font-size: 13px;
    margin-top: 10px;
}

.form-comfirm-heading-title .form-comfirm-heading-span {
    font-size: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-block .form-comfirm-heading-title {
        margin-top: 40px;
        font-size: 20px;
    }

    .dynamic-form .form-block .form-payment-blocks .form-payment-block .pay-info-heading-title,
    .dynamic-form .form-block .form-payment-blocks .form-payment-block .point-info-heading-title {
        padding-top: 0;
        font-size: 20px;
        margin-top: 20px;
    }

    .form-comfirm-heading-title .form-comfirm-heading-span {
        font-size: 18px;
    }
}

@media (min-width: 829px) {
    .card-pay-info {
        margin-bottom: 30px;
    }
}

.form-security {
    display: block;
    float: left;
    width: 75%;
}

.form-input-information {
    padding-top: 10px;
    margin-left: 12px;
    font-size: 11px;
}

@media (min-width: 829px) {
    .form-input-information {
        padding-top: 20px;
        font-size: 16px;
        margin-left: 14px;
    }
}

.form-card {
    display: block;
    float: right;
    margin-top: 20px;
    width: 25%;
}

@media (min-width: 829px) {
    .form-card {
        margin-top: 94px;
    }
}

.dynamic-form .form-block .form-payment-blocks .card-input-info .form-input-tel-security {
    width: 80px;
    margin-top: 46px;
    margin-left: 0px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .card-input-info .form-input-tel-security {
        margin-left: 0px;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .card-input-info .form-input-tel-security input {
        width: 160px;
        margin-top: 94px;
    }
}

.accommodation-info div.accommodation-area + div.accommodation-area {
    padding-top: 10px;
}

@media (min-width: 829px) {
    .accommodation-info div.accommodation-area + div.accommodation-area {
        padding-top: 20px;
    }
}

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

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

.modal-item .reservation-completion {
    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 .reservation-completion {
        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;
    }
}

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

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

/* お客さま情報入力画面追加対応 End */

.dynamic-form .dp-refine-block .dynamic-panel-selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .dynamic-hero-select-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .dynamic-hero-select-item:nth-child(3),
.dynamic-form .dp-refine-block .dynamic-panel-selects .dynamic-hero-select-item:nth-child(4) {
    margin-top: 10px;
}

@media (min-width: 737px) {
    .dynamic-form .dp-refine-block .dynamic-panel-selects .dynamic-hero-select-item:nth-child(3),
    .dynamic-form .dp-refine-block .dynamic-panel-selects .dynamic-hero-select-item:nth-child(4) {
        margin-top: 15px;
    }
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .dynamic-hero-select-item:nth-child(odd) {
    padding-right: 5px;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .dynamic-hero-select-item:nth-child(even) {
    padding-left: 5px;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .select-centering:nth-child(odd) select {
    right: 15px;
    left: 0;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .select-centering:nth-child(even) select {
    right: 0;
    left: 15px;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .selected-item {
    padding: 9px 5px 8px;
    padding-right: 25px;
    border: 0;
    height: 35px;
    color: #333;
    background-color: #fff;
    background-image: url('../../images/icon-arrow-down.png');
    background-size: 10px auto;
    background-position: right 15px center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-align-last: center;
    width: 100%;
}

.dynamic-form .dp-refine-block .dynamic-panel-selects .jsc-area2-1,
.dynamic-form .dp-refine-block .dynamic-panel-selects .jsc-area3-1,
.dynamic-form .dp-refine-block .dynamic-panel-selects .jsc-area4-1 {
    background-color: #eeeeee;
    display: none;
}

@media (min-width: 829px) {
    .dynamic-form .dp-refine-block .dynamic-panel-selects .selected-item {
        padding: 11px;
        padding-right: 35px;
        background-size: 19px auto;
        height: 50px;
        font-size: 18px;
    }
}

.dp-facility-visual .swiper-sub {
    z-index: 9999;
    background-color: #000;
    position: absolute;
    width: 100%;
    color: #fff;
    opacity: 0.8;
    font-size: 9px;
    text-align: center;
    line-height: 30px;
    bottom: 0;
}

.min-select {
    width: 90px !important;
}

@media (min-width: 829px) {
    .dp-facility-visual .swiper-sub {
        font-size: 11px;
        line-height: 40px;
    }

    .min-select {
        width: 110px !important;
    }

    .ie11 .min-select::-ms-expand {
        display: none;
    }
}

.gm-control-active {
    display: none;
}

.gm-svpc {
    display: none;
}

.train-nm-pos {
    font-weight: bold;
    text-align: left;
    font-size: 20px;
    display: inline;
}

.limited-train-pos {
    text-align: left;
    margin-top: 10px;
    display: flex;
}

.limited-train {
    background-color: #007a52;
    color: #fff;
    display: inline;
    font-weight: normal;
    padding: 1px 8px 0.5px 8px;
    margin-left: 20px;
    font-size: 11px;
}

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

.limited-train-enabu {
    background-color: #007a52;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    padding: 0 8px 0 8px;
    margin-left: 20px;
    font-size: 11px;
    width: 72px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

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

.limited-train-toyi {
    color: #0b499d;
    padding: 1px 8px 0.5px 8px;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQwIDQwIj48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntmaWxsOiMwMDY4NDQ7fS5jbHMtMntzdHJva2U6IzAwNjg0NDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+5pyq5qCH6aKYLTEgW+W3suaBouWkjV08L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLC4wN2EyMCwyMCwwLDEsMCwyMCwyMEEyMCwyMCwwLDAsMCwyMCwuMDdabTAsMzYuN2ExNi43MSwxNi43MSwwLDEsMSwxNi43MS0xNi43QTE2LjcxLDE2LjcxLDAsMCwxLDIwLDM2Ljc3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4wNykiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNi43MSwxNy4xN2ExLjYzLDEuNjMsMCwwLDEtLjkxLjIzLDEuNTUsMS41NSwwLDAsMS0xLjE0LS40NiwyLjQxLDIuNDEsMCwwLDEtLjQ1LTEuNyw1LjA1LDUuMDUsMCwwLDEsMS43LTMuNjksNS44NSw1Ljg1LDAsMCwxLDQuMi0xLjY0LDUuNzgsNS43OCwwLDAsMSw0LjA5LDEuNDcsNSw1LDAsMCwxLDEuNTksMy44Niw2LDYsMCwwLDEtLjQ1LDIuMzMsNC41Nyw0LjU3LDAsMCwxLTIuMDUsMiwyMSwyMSwwLDAsMC0yLjQ0LDEuNjQsMi4zMywyLjMzLDAsMCwwLS43NCwxLjg4djJoLS45VjIyLjg1YTQuMjksNC4yOSwwLDAsMSwuMzktMkE0LjM0LDQuMzQsMCwwLDEsMjEsMTkuNDRhNi44LDYuOCwwLDAsMCwyLjIyLTIsNC41OSw0LjU5LDAsMCwwLC41MS0yLjI3LDQuNTEsNC41MSwwLDAsMC0xLTMuMTgsMy44LDMuOCwwLDAsMC0yLjg5LTFBNC40MSw0LjQxLDAsMCwwLDE2LjcxLDEyYTMsMywwLDAsMC0xLjE0LDIuMS43My43MywwLDAsMCwuMTcuNTEsNC42OCw0LjY4LDAsMCwwLC41MS4zOSwxLjQyLDEuNDIsMCwwLDEsLjYzLjU3LDEuODUsMS44NSwwLDAsMSwuMTcuOEEuODYuODYsMCwwLDEsMTYuNzEsMTcuMTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjA3KSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIwLjkxLDI3LjVhMS41NiwxLjU2LDAsMCwxLC40NSwxLjE0LDEuNTUsMS41NSwwLDAsMS0xLjU5LDEuNTksMS41NywxLjU3LDAsMCwxLTEuNTktMS41OSwxLjU1LDEuNTUsMCwwLDEsMS41OS0xLjU5QTEuNTYsMS41NiwwLDAsMSwyMC45MSwyNy41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4wNykiLz48L3N2Zz4=')
        no-repeat center center;
    background-size: cover;
    margin-left: 5px;
    flex-grow: 0;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    top: 4px;
}

@media (min-width: 829px) {
    .limited-train-toyi {
        color: #0b499d;
        padding: 1px 8px 0.5px 8px;
        margin-left: 8px;
        width: 20px;
        height: 20px;
    }
}

/*=================================================

  icon font

================================================= */
@font-face {
    font-family: 'SPK_ico';
    src: url('../../font/SPK_ico.ttf?afrgci') format('truetype'), url('../../font/SPK_ico.woff?afrgci') format('woff'),
        url('../../font/SPK_ico.svg?afrgci#SPK_ico') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='SPK_ico_'],
[class*=' SPK_ico_'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'SPK_ico' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.SPK_ico_arr_1:before {
    content: '\e900';
}

.SPK_ico_arr_2:before {
    content: '\e901';
}

.SPK_ico_arr_3:before {
    content: '\e902';
}

.SPK_ico_arr_4:before {
    content: '\e903';
}

.SPK_ico_car:before {
    content: '\e904';
}

.SPK_ico_check:before {
    content: '\e905';
}

.SPK_ico_cross:before {
    content: '\e906';
}

.SPK_ico_facility:before {
    content: '\e907';
}

.SPK_ico_glasses:before {
    content: '\e908';
}

.SPK_ico_hatena:before {
    content: '\e909';
}

.SPK_ico_map:before {
    content: '\e90a';
}

.SPK_ico_minus_1:before {
    content: '\e90b';
}

.SPK_ico_minus_2:before {
    content: '\e90c';
}

.SPK_ico_photo:before {
    content: '\e90d';
}

.SPK_ico_plan:before {
    content: '\e90e';
}

.SPK_ico_plus_1:before {
    content: '\e90f';
}

.SPK_ico_plus_2:before {
    content: '\e910';
}

.SPK_ico_review:before {
    content: '\e911';
}

.SPK_ico_shinkansen_1:before {
    content: '\e912';
}

.SPK_ico_shinkansen_2:before {
    content: '\e913';
}

.SPK_ico_star:before {
    content: '\e914';
}

.SPK_ico_train:before {
    content: '\e915';
}

.SPK_ico_user:before {
    content: '\e916';
}

.SPK_ico_meal:before {
    content: '\e917';
}

/* グレーグラデーションボタン：クチコミ,施設詳細,ページ内リンク */
.SPK_btn_review > a {
    display: inline-block;
    padding: 0 15px 0 10px;
    background: -webkit-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
    border-radius: 3px;
    color: inherit;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #ccc;
}

.SPK_btn_review > a {
    text-decoration: none;
}

.SPK_btn_review > a span {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 30px;
    padding-left: 22px;
}

.SPK_btn_review > a span:before {
    font-size: 16px;
    margin-right: 0.5em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}

.SPK_btn_review > a:active {
    opacity: 1;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/* クチコミボタン */
.SPK_btn_review > a span {
    position: relative;
}

.SPK_btn_review > a span:before {
    font-family: 'SPK_ico' !important;
    text-decoration: none;
    content: '';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.SPK_btn_review > a span:before {
    color: #8ab602;
}

.SPK_btn_review > a {
    transition: all 0.15s;
}

.SPK_btn_review > a:link {
    color: #008ebf;
    text-decoration: none;
}

.SPK_btn_review > a:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.SPK_btn_review > a > span:hover {
    text-decoration: underline;
}

@media (min-width: 829px) {
    .dynamic-panel-form-item input,
    .dynamic-panel-form-item select {
        padding: 10px;
        height: 50px;
        font-size: 18px;
        height: 35px;
    }
}

.dynamic-panel-form-item input,
.dynamic-panel-form-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    border: 0;
    border-radius: 3px;
    display: block;
    color: #333;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    -moz-appearance: textfield;
}

.dynamic-panel-select-calendar input {
    background-image: url('../../images/popup.svg');
    background-size: 14px auto;
    background-position: right 15px center;
    background-repeat: no-repeat;
    padding: 5px 20px 5px 5px;
    width: 143.6px;
    height: 30px;
    border: 2px solid #b5b5b5;
}

@media (min-width: 829px) {
    .dynamic-panel-select-calendar input {
        padding: 5px;
        margin-bottom: 10px;
        background-size: 16px auto;
        height: 40px;
        font-size: 18px;
        width: 327px;
    }
}

.flatpickr-input[readonly] {
    cursor: pointer;
}

input {
    overflow: visible;
}

element.style {
    top: 1019.06px;
    left: 306.5px;
    right: auto;
    display: block;
}

.jsc-flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.jsc-flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}

.jsc-flatpickr-calendar.open,
.jsc-flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.jsc-flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6,
        0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

*,
::after,
::before {
    box-sizing: inherit;
}

user agent stylesheet div {
    display: block;
}

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

*,
::after,
::before {
    box-sizing: inherit;
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.jsc-flatpickr-calendar.open,
.jsc-flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.jsc-flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6,
        0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.jsc-flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.jsc-flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}

.jsc-flatpickr-calendar.open,
.jsc-flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.jsc-flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6,
        0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.jsc-flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
}

.jsc-flatpickr-calendar.arrowTop:before,
.jsc-flatpickr-calendar.arrowTop:after {
    bottom: 100%;
}

.jsc-flatpickr-calendar.rightMost:before,
.jsc-flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px;
}

.jsc-flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
}

.jsc-flatpickr-calendar:before,
.jsc-flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px;
}

*,
::after,
::before {
    box-sizing: inherit;
}

.jsc-flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
}

.jsc-flatpickr-calendar.arrowTop:before,
.jsc-flatpickr-calendar.arrowTop:after {
    bottom: 100%;
}

.jsc-flatpickr-calendar.rightMost:before,
.jsc-flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px;
}

.jsc-flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
}

.jsc-flatpickr-calendar:before,
.jsc-flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px;
}

*,
::after,
::before {
    box-sizing: inherit;
}

.btn-count {
    margin-left: 0;
    display: inline-block;
    font-size: 12px;
}

@media (min-width: 829px) {
    .btn-count {
        margin-left: 0;
        font-size: 24px;
    }
}

input.inputNum {
    vertical-align: middle;
    height: 30px;
    border: 2px solid #d0d0d0;
    width: 50px;
    border-bottom: 2px solid #d0d0d0;
    border-top: 2px solid #d0d0d0;
    text-align: center;
    margin-left: 0px;
    font-weight: bold;
    min-width: 50px;
    min-height: 20px;
    font-size: 12px;
}

@media (min-width: 829px) {
    input.inputNum {
        vertical-align: middle;
        height: 40px;
        width: 80px;
        text-align: center;
        margin-left: 0px;
        font-size: 20px;
    }
}

.btn {
    display: inline-block;
    vertical-align: middle;
    background: #f0f0f0 no-repeat center;

    width: 20px;
    height: 30px;
    border-radius: 2px;
    box-shadow: 0 1px rgba(100, 100, 100, 0.1);
    color: #666;
    transition: color 0.2s, background-color 0.2s;
    background-color: #ffffff;
    float: left;
}

@media (min-width: 829px) {
    .btn {
        display: inline-block;
        vertical-align: middle;
        background: #f0f0f0 no-repeat center;
        width: 40px;
        height: 40px;
        border-radius: 2px;
        box-shadow: 0 1px rgba(100, 100, 100, 0.1);
        color: #666;
        transition: color 0.2s, background-color 0.2s;
        background-color: #ffffff;
        float: left;
    }
}

.btn:active {
    box-shadow: inset 0 1px rgba(100, 100, 100, 0.1);
}

.btn:hover {
    background-color: #e9e9e9;
    color: #333;
}

@media (min-width: 829px) {
    span.btn_plus {
        background-image: linear-gradient(to top, currentColor, currentColor),
            linear-gradient(to top, currentColor, currentColor);
        background-size: 15px 2px, 2px 15px;
    }

    .btn_minus {
        background-image: linear-gradient(to top, currentColor, currentColor);
        background-size: 10px 2px;
    }
}

span.btn_plus {
    border-right: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
    border-top: 2px solid #d0d0d0;
    background-image: linear-gradient(to top, currentColor, currentColor),
        linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px, 2px 10px;
    float: right;
}

.btn_minus {
    background-image: linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px;
    min-width: 20px;
    min-height: 20px;
    border-left: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
    border-top: 2px solid #d0d0d0;
}

.btn_minus {
    background-image: linear-gradient(to top, currentColor, currentColor),
        linear-gradient(to top, currentColor, currentColor);
    background-size: 15px 2px, 2px 15px;
}

.btn_minus {
    background-image: linear-gradient(to top, currentColor, currentColor);
    background-size: 10px 2px;
    float: left;
    min-width: 20px;
    min-height: 20px;
}

.is-child-num .modal.multi-modal .modal-body .modal-inner,
.is-child-seat .modal.multi-modal .modal-body .modal-inner,
.is-afterjoin .modal.multi-modal .modal-body .modal-inner {
    padding-bottom: 28px;
    border-radius: 0;
    color: #333;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-inner,
    .is-child-seat .modal.multi-modal .modal-body .modal-inner,
    .is-afterjoin .modal.multi-modal .modal-body .modal-inner {
        padding-bottom: 56px;
    }
}

@media (max-width: 828px) {
    .is-child-num .modal.multi-modal .modal-body .modal-close,
    .is-child-seat .modal.multi-modal .modal-body .modal-close,
    .is-afterjoin .modal.multi-modal .modal-body .modal-close {
        top: 5px;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-title,
.is-child-seat .modal.multi-modal .modal-body .modal-title,
.is-afterjoin .modal.multi-modal .modal-body .modal-title {
    padding: 10px 14px;
    color: #fff;
    background-color: #0b499d;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-title,
    .is-child-seat .modal.multi-modal .modal-body .modal-title,
    .is-afterjoin .modal.multi-modal .modal-body .modal-title {
        padding: 20px 30px 19px;
        font-size: 20px;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number,
.is-child-seat .modal.multi-modal .modal-body .modal-select-number,
.is-afterjoin .modal.multi-modal .modal-body .modal-select-number {
    padding: 0 20px;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-select-number,
    .is-child-seat .modal.multi-modal .modal-body .modal-select-number,
    .is-afterjoin .modal.multi-modal .modal-body .modal-select-number {
        padding: 0 100px;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick,
.is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick,
.is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick {
    border-bottom: 0;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick,
    .is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick,
    .is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick {
        padding: 40px 0;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num,
.is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num,
.is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num {
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num,
.is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num,
.is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num {
    padding-top: 15px;
    border-top: 1px solid #a6a6a6;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num,
    .is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num,
    .is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num {
        margin-top: 24px;
        padding-top: 24px;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type,
.is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type,
.is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type {
    padding-right: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 92px;
    font-weight: bold;
    font-size: 10px;
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type > span,
.is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type > span,
.is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type > span {
    min-width: 7em;
    text-align: center;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type,
    .is-child-seat .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type,
    .is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .type {
        padding-right: 0;
        width: 151px;
        font-size: 20px;
    }
}

.is-child-num
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-input,
.is-child-seat
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-input,
.is-afterjoin
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 128px;
    font-size: 10px;
}

@media (min-width: 829px) {
    .is-child-num
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .select-num-input,
    .is-child-seat
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .select-num-input,
    .is-afterjoin
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .select-num-input {
        width: 252px;
        height: 68px;
        font-size: 20px;
    }
}

.is-child-num
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-input
    a,
.is-child-seat
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-input
    a,
.is-afterjoin
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-input
    a {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-decoration: underline;
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .select-num-dec,
.is-afterjoin
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-dec {
    margin-left: 0;
    border-color: #b5b5b5;
    border-width: 2px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 23px;
}

@media (min-width: 829px) {
    .is-child-num
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .select-num-dec,
    .is-afterjoin
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .select-num-dec {
        width: 45px;
        height: auto;
        line-height: 64px;
        font-size: 30px;
    }
}

.is-child-num
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    input[type='number'],
.is-afterjoin
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    input[type='number'] {
    border-color: #b5b5b5;
    border-width: 2px;
    width: 81px;
    font-size: 10px;
}

@media (min-width: 829px) {
    .is-child-num
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        input[type='number'],
    .is-afterjoin
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        input[type='number'] {
        padding: 10px;
        width: 162px;
        height: auto;
        font-size: 18px;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .select-num-inc,
.is-afterjoin
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .select-num-inc {
    margin-right: 0;
    border-color: #b5b5b5;
    border-width: 2px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 23px;
}

@media (min-width: 829px) {
    .is-child-num
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .select-num-inc,
    .is-afterjoin
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .select-num-inc {
        width: 45px;
        height: auto;
        line-height: 64px;
        font-size: 30px;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .num,
.is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .num {
    width: 48px;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .num,
    .is-afterjoin .modal.multi-modal .modal-body .modal-select-number .modal-select-brick .modal-select-num .num {
        font-size: 20px;
    }
}

.is-child-num .modal.multi-modal .modal-body .modal-submit-button,
.is-child-seat .modal.multi-modal .modal-body .modal-submit-button,
.is-afterjoin .modal.multi-modal .modal-body .modal-submit-button {
    margin: 10px auto 0;
    width: 200px;
    background-color: #ff9024;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .modal-submit-button,
    .is-child-seat .modal.multi-modal .modal-body .modal-submit-button,
    .is-afterjoin .modal.multi-modal .modal-body .modal-submit-button {
        padding: 14px 0;
        border-radius: 5px;
        width: 350px;
        font-size: 28px;
    }
}

.is-child-num .modal.multi-modal .modal-body .select-num-radio,
.is-child-seat .modal.multi-modal .modal-body .select-num-radio,
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.is-child-num .modal.multi-modal .modal-body .select-num-radio.is-hide,
.is-child-seat .modal.multi-modal .modal-body .select-num-radio.is-hide,
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio.is-hide {
    display: none;
}

.is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label input[type='radio'],
.is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label input[type='radio'],
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label input[type='radio'] {
    display: none;
}

.is-child-num
    .modal.multi-modal
    .modal-body
    .select-num-radio
    .select-num-radio-item
    label
    input[type='radio']:checked
    + span::after,
.is-child-seat
    .modal.multi-modal
    .modal-body
    .select-num-radio
    .select-num-radio-item
    label
    input[type='radio']:checked
    + span::after,
.is-afterjoin
    .modal.multi-modal
    .modal-body
    .select-num-radio
    .select-num-radio-item
    label
    input[type='radio']:checked
    + span::after {
    display: block;
}

.is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span,
.is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span,
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span {
    padding-right: 12px;
    padding-left: 28px;
    font-weight: bold;
    font-size: 10px;
    position: relative;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span,
    .is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span,
    .is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span {
        padding-right: 25px;
        padding-left: 58px;
        font-size: 18px;
    }
}

.is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before,
.is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after,
.is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before,
.is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after,
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before,
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 100%;
}

.is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before,
.is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before,
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before {
    left: 0;
    margin-top: -10px;
    border: 1px solid #b4b4b4;
    width: 20px;
    height: 20px;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before,
    .is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before,
    .is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::before {
        margin-top: -20px;
        width: 40px;
        height: 40px;
    }
}

.is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after,
.is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after,
.is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after {
    display: none;
    left: 4px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-color: #0b499d;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after,
    .is-child-seat .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after,
    .is-afterjoin .modal.multi-modal .modal-body .select-num-radio .select-num-radio-item label span::after {
        left: 8px;
        margin-top: -12px;
        width: 24px;
        height: 24px;
    }
}

.is-child-num .modal.multi-modal .modal-body .add-modal-select-num,
.is-child-seat .modal.multi-modal .modal-body .add-modal-select-num,
.is-afterjoin .modal.multi-modal .modal-body .add-modal-select-num {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #a6a6a6;
    text-align: center;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .add-modal-select-num,
    .is-child-seat .modal.multi-modal .modal-body .add-modal-select-num,
    .is-afterjoin .modal.multi-modal .modal-body .add-modal-select-num {
        margin-top: 20px;
        padding-top: 20px;
    }
}

.is-child-num .modal.multi-modal .modal-body .add-modal-select-num span,
.is-child-seat .modal.multi-modal .modal-body .add-modal-select-num span,
.is-afterjoin .modal.multi-modal .modal-body .add-modal-select-num span {
    color: #0b499d;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}

@media (min-width: 829px) {
    .is-child-num .modal.multi-modal .modal-body .add-modal-select-num span,
    .is-child-seat .modal.multi-modal .modal-body .add-modal-select-num span,
    .is-afterjoin .modal.multi-modal .modal-body .add-modal-select-num span {
        font-size: 18px;
    }
}

.is-afterjoin .modal.multi-modal .modal-body .item {
    -webkit-transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
}

.is-afterjoin .modal.multi-modal .modal-body .item.toggle {
    display: none;
}

.is-afterjoin .modal.multi-modal .modal-body .item.toggle + .child {
    display: block;
}

.is-afterjoin .modal.multi-modal .modal-body .all {
    display: block;
}

.is-afterjoin .modal.multi-modal .modal-body .child {
    display: none;
}

.child-js-modal {
    display: inline-block;
    color: #333;
    cursor: pointer;
    padding: 5px 30px 5px 5px;
    border: 2px solid #b5b5b5;
    border-radius: 3px;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    z-index: 1;
    background-color: #fff;
    width: 70px;
}

.child-js-modal::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-image: url(../../images/popup.svg);
    background-size: 14px auto;
    background-repeat: no-repeat;
}

@media (min-width: 829px) {
    .child-js-modal {
        height: 40px;
        font-size: 20px;
        width: 130px;
    }
}

.is-child-num
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .js-reduce-child,
.is-child-seat
    .modal.multi-modal
    .modal-body
    .modal-select-number
    .modal-select-brick
    .modal-select-num
    .js-reduce-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    border-radius: 50%;
    background-color: #d10005;
    color: #fff;
}

@media (min-width: 737px) {
    .is-child-num
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .js-reduce-child,
    .is-child-seat
        .modal.multi-modal
        .modal-body
        .modal-select-number
        .modal-select-brick
        .modal-select-num
        .js-reduce-child {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 20px;
    }
}

.modal .modal-body .modal-title-sub {
    color: #d10005;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 10px;
}

@media (min-width: 737px) {
    .modal .modal-body .modal-title-sub {
        font-size: 15px;
        padding-top: 10px;
        padding-left: 20px;
    }
}

.modal-refine-route-set-jr-button {
    margin: 20px 20px !important;
}

@media (min-width: 737px) {
    .modal-refine-route-set-jr-button {
        margin: 30px auto 25px !important;
    }
}
.modal-message .message {
    font-size: 12px;
}

@media (min-width: 737px) {
    .modal-message .message {
        font-size: 16px;
    }
}

.aroundEnvDesc-area {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: left;
}

.aroundEnvDesc-height {
    max-height: 72px;
}

.aroundEnvDesc-disp {
    display: -webkit-box;
}

@media (min-width: 829px) {
    .aroundEnvDesc-height {
        max-height: 84px;
    }
}

.aroundEnvDesc-control {
    text-align: center;
}

@font-face {
    font-family: 'SPK_ico';
    src: url('../../fonts/SPK_ico.ttf?afrgci') format('truetype'), url('../../fonts/SPK_ico.woff?afrgci') format('woff'),
        url('../../fonts/SPK_ico.svg?afrgci#SPK_ico') format('svg');
    font-weight: normal;
    font-style: normal;
}

.parking-info {
    padding-bottom: 10px;
    border-bottom: solid 3px #1648a1;
}

.localRoute {
    width: 53.33px;
}

@media (min-width: 829px) {
    .localRoute {
        width: 88.86px;
    }
}

.tleft {
    text-align: left;
}

.detail-content-time-jr {
    width: 55px;
}

@media (min-width: 737px) {
    .detail-content-time-jr {
        width: 88.86px;
    }
}

.no-result-tip {
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.link-hand {
    cursor: pointer;
}