@charset "UTF-8";

html {
    /*overflow-y: scroll;*/
}

h1 {
    margin: 0;
    padding: 0;
}

.ios select {
    -webkit-appearance: none;
}

.ios * {
    -webkit-touch-callout: none;
}

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

@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-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-inner::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}

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

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

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

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

.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-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-calendar-pager .modal-calendar-prev span,
.modal-calendar-pager .modal-calendar-next span {
    display: none;
}

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

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

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

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

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

.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-calendar tr td:nth-child(1) {
    color: #e60012;
}

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

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

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

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

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

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

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

.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-select-number .modal-select-brick .modal-select-num + .modal-select-num {
    margin-top: 15px;
}

.modal-select-number .modal-select-brick .modal-select-num .select-num-inc,
.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-select-number .modal-select-brick .modal-select-num .select-num-dec {
    margin-left: 5px;
    border-right: 0;
}

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

.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-select-number .modal-select-brick .modal-select-num input::-webkit-outer-spin-button,
.modal-select-number .modal-select-brick .modal-select-num input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.is-after-join [data-type='after-join'] {
    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-close {
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
}

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

.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-close::before {
        width: 35px;
        height: 35px;
        background-size: 35px auto;
    }
}

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

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

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

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

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

.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-refine-select-number .modal-select-brick .modal-select-num + .modal-select-num {
    margin-top: 0;
    padding-right: 0;
    padding-left: 8px;
}

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

.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-refine-select-number .modal-select-brick .modal-select-num .select-num-inc {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.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-refine-select-number .modal-select-brick .modal-select-num input {
        min-width: 45px;
        max-width: 60px;
    }
}

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

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

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

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

.link3 {
    color: #333;
}

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

    .modal-refine-text {
        font-size: 18px;
        height: 30px;
    }
}

.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-refine-button.is-search {
    background-color: #8fb200;
}

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

@media (min-width: 829px) {
    .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-select-room .modal-refine-room-title {
    padding-top: 15px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

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

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

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

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

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

    .ie11 .modal-select-room .modal-select-brick .modal-select-num input {
        margin: 0;
        padding: 0;
        line-height: 32px;
    }
}

.modal-refine-select-days {
    background-color: #f6f6f6;
    padding-bottom: 20px;
    margin-top: 10px;
}

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

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

.modal-refine-select-days .condition1,
.modal-refine-select-days .condition3,
.modal-refine-select-days .condition4 {
    color: #f00;
    font-weight: bold;
}

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

@media (min-width: 829px) {
    .modal-refine-select-days .modal-refine-select-day {
        width: 97px;
    }
}

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

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

.modal-refine-condition {
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    border-left: 3px solid #0b499d;
    padding-left: 5px;
}

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

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

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

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

    .modal-refine-select-days .modal-refine-select-day {
        height: 65px;
        margin: 10px 0 0 10px;
        font-size: 14px;
    }

    .modal-refine-select-days .modal-refine-select-day .time {
        padding: 5px 4px;
    }

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

    .ie11 .modal-refine-select-days .modal-refine-select-day .condition {
        padding-top: 3px;
    }

    .modal-refine-condition {
        font-size: 20px;
        border-left: 5px solid #0b499d;
        padding-left: 7px;
        line-height: 20px;
    }

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

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

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

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

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

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

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

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

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

.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: 70vh;
}

@media (min-width: 829px) {
    .modal-map-inner {
        height: 80vh;
    }
}

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

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

.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%;
}

.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;
    cursor: pointer;
}

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

.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) {
    .modal-map-inner .modal-map-research {
        width: auto;
        font-size: 16px;
    }
}

.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) {
    .modal-map-inner .modal-map-research::before {
        width: 21px;
        height: 22px;
        background-image: url('../../images/icon-research.png');
        background-size: 21px auto;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    text-decoration: none;
    cursor: default;
}

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

.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) {
    .modal-map-inner .star-box {
        width: auto;
    }
}

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

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

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

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

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

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

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

.modal-refine-inner {
    margin: 15px 35px 0px 20px;
    padding-top: 15px;
}

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

.modal-refine-inner .modal-refine-block-heading {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    border-left: 3px solid #0b499d;
    padding-left: 5px;
}

@media (min-width: 829px) {
    .modal-refine-inner .modal-refine-block-heading {
        font-size: 20px;
        border-left: 5px solid #0b499d;
        padding-left: 7px;
    }
}

.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: 12px;
    cursor: pointer;
}

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

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

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

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

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

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

.ie11 .modal-refine-inner .modal-refine-price-range .item select {
    background-image: none;
}

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

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

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

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

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

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

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

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

.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) {
    .modal-refine-inner .modal-refine-general-types.radio label span {
        padding: 8px 0 7px;
        font-size: 16px;
    }
}

.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%;
    }
}

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

@media (min-width: 829px) {
    .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;
}

.modal-refine-inner .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;
}

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

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

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

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

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

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

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

.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) {
    .modal-refine-inner .modal-refine-general-types label input[type='checkbox'] {
        width: 28px;
        height: 28px;
    }
}

.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) {
    .modal-refine-inner .modal-refine-general-types label input[type='checkbox']:checked {
        background-size: 20px auto;
    }
}

.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 0;
        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;
    }
}

.modal-refine-refine-button {
    margin-bottom: 10px;
    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;
    border: none;
    width: 90%;
    cursor: pointer;
}

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

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

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

.is-route .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-refine-route-step .modal-refine-route-setting {
        margin: 0 46px;
        padding-top: 65px;
        padding-bottom: 20px;
    }
}

.is-route .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-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-refine-route-step .modal-refine-route-setting .way {
        padding-right: 25px;
        font-size: 20px;
    }
}

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

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

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

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

.is-route .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-refine-route-step .modal-refine-route-heading {
        padding: 20px 46px;
        font-size: 20px;
    }
}

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

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

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

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

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

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

.is-route .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-refine-route-step .modal-refine-route-other {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

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

.is-route .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-refine-route-step .modal-refine-route-set-button {
        margin: 0 auto 25px;
        padding: 20px 30px 19px;
        width: 420px;
        font-size: 20px;
    }
}

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

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

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

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

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

.is-pic .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-close::before {
        width: 35px;
        height: 35px;
        background-size: 35px auto;
    }
}

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

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

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

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

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

.is-pic .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-inner .swiper-slide .image img {
        width: 92%;
        left: 4%;
    }

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

.is-pic .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-inner .swiper-modal-pagination .swiper-modal-pagination-inner {
        padding: 3px 15px 3px;
        font-size: 20px;
    }
}

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

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

.is-pic .modal-inner .swiper-modal-button-prev,
.is-pic .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-inner .swiper-modal-button-prev,
    .is-pic .modal-inner .swiper-modal-button-next {
        margin-top: -27px;
        width: 40px;
        height: 53px;
    }
}

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

.is-pic .modal-inner .swiper-modal-button-prev::before,
.is-pic .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-inner .swiper-modal-button-prev::before,
    .is-pic .modal-inner .swiper-modal-button-next::before {
        width: 40px;
        height: 53px;
        background-size: 14px auto;
    }
}

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

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

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

.is-seat {
    color: #333;
}

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

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

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

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

.is-seat .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-close::before {
        width: 24px;
        height: 24px;
        background-size: 24px auto;
    }
}

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

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

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

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

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

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

.is-seat .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 .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 .seat-type-block .seat-type-block-title .js-modal-note::before {
        width: 35px;
        height: 35px;
        background-size: 35px auto;
    }
}

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

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

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

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

.is-seat
    .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
        .seat-type-block
        .seat-type-block-body
        .seat-type-block-buttons
        .seat-type-block-button
        + .seat-type-block-button {
        margin-top: 24px;
    }
}

.is-seat
    .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
    .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 .seat-position-block,
.is-seat .seat-all-block {
    display: none;
}

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

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

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

.is-seat.is-seat-position .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 .seat-position-block .seat-position-title {
        font-size: 20px;
    }
}

.is-seat.is-seat-position .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 .seat-position-block .seat-position-name {
        margin: 0 -32px;
        padding: 15px 32px;
        font-size: 20px;
    }
}

.is-seat.is-seat-position .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 .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 .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 .seat-position-block .seat-position-brick-body .item {
    padding-top: 12px;
    width: 50%;
}

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

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

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

.is-seat.is-seat-position .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 .seat-position-block .seat-position-brick-body label span {
        padding-left: 68px;
        font-size: 20px;
    }
}

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

.is-seat.is-seat-position .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 .seat-position-block .seat-position-brick-body label span::before {
        margin-top: -20px;
        width: 40px;
        height: 40px;
    }
}

.is-seat.is-seat-position .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 .seat-position-block .seat-position-brick-body label span::after {
        left: 8px;
        margin-top: -12px;
        width: 24px;
        height: 24px;
    }
}

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

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

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

.is-seat.is-seat-position .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 .seat-position-block .seat-position-buttons {
        margin-top: 60px;
    }
}

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

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

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

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

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

.is-seat.is-seat-position .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 .seat-position-block .seat-position-buttons .seat-position-button {
        padding: 14px 0;
        border-radius: 5px;
        font-size: 20px;
    }
}

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

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

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

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

.is-seat.is-seat-all .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 .seat-all-block .seat-all-title {
        font-size: 20px;
    }
}

.is-seat.is-seat-all .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 .seat-all-block .seat-all-name {
        margin: 0 -32px;
        padding: 15px 32px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all .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 .seat-all-block .seat-all-direction {
        margin: 48px 0 40px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all .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 .seat-all-block .seat-all-direction::before {
        margin-bottom: 10px;
        width: 64px;
        height: 32px;
        background-size: 64px auto;
    }
}

.is-seat.is-seat-all .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 .seat-all-block .seat-all-train {
        margin: 0 -39px;
    }
}

.is-seat.is-seat-all .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 .seat-all-block .seat-all-train-inner {
        padding: 0 39px;
    }
}

.is-seat.is-seat-all .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 .seat-all-block .swiper-container {
        padding-top: 35px;
        border-top-width: 2px;
    }
}

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

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

.is-seat.is-seat-all .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 .seat-all-block .train-num {
        margin-bottom: 25px;
        font-size: 20px;
    }
}

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

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

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

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

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

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

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

.is-seat.is-seat-all .seat-all-block .swiper-seat-button-prev,
.is-seat.is-seat-all .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 .seat-all-block .swiper-seat-button-prev,
    .is-seat.is-seat-all .seat-all-block .swiper-seat-button-next {
        width: 39px;
        height: 52px;
    }
}

.is-seat.is-seat-all .seat-all-block .swiper-seat-button-prev::before,
.is-seat.is-seat-all .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 .seat-all-block .swiper-seat-button-prev::before,
    .is-seat.is-seat-all .seat-all-block .swiper-seat-button-next::before {
        width: 39px;
        height: 52px;
        background-size: 17px auto;
    }
}

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

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

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

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

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

.is-seat.is-seat-all .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 .seat-all-block .seat-all-train-note a {
        font-size: 14px;
    }
}

.is-seat.is-seat-all .seat-all-block .seat-all-to-back,
.is-seat.is-seat-all .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 .seat-all-block .seat-all-to-back,
    .is-seat.is-seat-all .seat-all-block .seat-all-to-front {
        font-size: 20px;
    }
}

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

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

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

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

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

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

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

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

.is-seat.is-seat-all .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 .seat-all-block .seat-all-seats th {
        font-size: 30px;
    }
}

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

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

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

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

.is-seat.is-seat-all .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 .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 .seat-all-block .seat-all-seats input[type='radio'] {
        padding: 82px 82px 0 0;
        background-size: 82px auto;
    }
}

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

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

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

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

.is-seat.is-seat-all .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 .seat-all-block .seat-all-footer {
        margin-top: 50px;
        font-size: 20px;
    }
}

.is-seat.is-seat-all .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 .seat-all-block .seat-all-buttons {
        margin-top: 35px;
    }
}

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

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

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

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

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

.is-seat.is-seat-all .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 .seat-all-block .seat-all-buttons .seat-all-button {
        padding: 14px 0;
        border-radius: 5px;
        font-size: 20px;
    }
}

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

.is-seat.is-seat-all .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: 5px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
}

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

@media (min-width: 829px) {
    .dynamic-form input[type='text'],
    .dynamic-form select {
        padding: 10px 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;
}

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

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

.dynamic-form .form-other input {
    margin-left: 20px;
}

@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;
}

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

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

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

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

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

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

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

.dynamic-form .apply-form-name-set {
    margin-top: 20px;
}

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

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

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

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

.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: 20px;
}

.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 {
    margin-right: 4px;
}

.dynamic-form .apply-form-gender-set {
    margin-top: 20px;
}

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

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

.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-weight: bold;
    font-size: 12px;
}

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

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

@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: 7px;
        left: 4px;
        width: 17px;
        height: 17px;
    }
}

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

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

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

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

@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: 20px;
}

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

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

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

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

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

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

.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-weight: bold;
    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: 20px;
    }
}

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

@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;
    }
}

.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: 20px;
    margin-left: 20px;
    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: 40px;
    }
}

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

@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;
}

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

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

.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 .form-steps {
    margin: 0 20px;
    padding: 18px 0 28px;
    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: 105px;
        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;
}

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

.dynamic-form .form-steps-block .form-method .form-method-checkbox-text {
    font-size: 11px;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-method .form-method-checkbox-text {
        font-size: 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: #333;
}

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

@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: 12px;
    letter-spacing: -0.04em;
}

@media (min-width: 829px) {
    .dynamic-form .form-steps-block .form-intro .form-intro-text {
        margin-top: 50px;
        padding-bottom: 60px;
        font-size: 18px;
    }
}

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

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

.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 {
        padding: 50px 0 0;
    }
}

.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 {
        padding-bottom: 80px;
    }
}

.dynamic-form .form-block .form-method-heading {
    margin-top: 32px;
    padding-left: 12px;
    line-height: 1.3;
    font-weight: bold;
    font-size: 15px;
    position: relative;
    z-index: 1;
}

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

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

@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;
    }

    .dynamic-form .form-block .form-method-form input {
        height: 44px;
    }
}

.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: 12px;
}

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

.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: 100%;
    font-size: 16px;
}

@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: 12px 15px 11px;
        border-width: 3px;
        border-radius: 5px;
        font-size: 18px;
    }
}

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

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

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

@media (min-width: 829px) {
    .dynamic-form .form-block .form-receive-point {
        margin-top: 40px;
        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;
}

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

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

@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 {
    padding-bottom: 20px;
    font-size: 11px;
}

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

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

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

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

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

.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 10px;
    font-size: 12px;
}

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

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

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

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

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

.dynamic-form .form-block .return-prev {
    margin-top: 20px;
    padding-bottom: 40px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .return-prev {
        padding-bottom: 0;
    }
}

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

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

.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: 30px;
        font-size: 18px;
    }
}

.dynamic-form .form-block .form-payment-blocks .form-payment-block .form-payment-block-title {
    padding-top: 20px;
    font-weight: bold;
    font-size: 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;
    }
}

@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: 20px;
    }
}

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

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

.dynamic-form .form-block .form-payment-blocks .form-payment-horizontal-list.use-point {
    margin-top: 20px;
}

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

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

@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;
}

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

.dynamic-form .form-block .form-payment-blocks .form-payment-note p {
    margin-bottom: 10px;
}

.dynamic-form .form-block .form-payment-blocks .form-payment-arrival > p {
    margin-top: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival > p {
        margin-top: 20px;
        font-size: 20px;
    }
}

.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-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 7px;
    height: 35px;
    -moz-appearance: textfield;
}

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

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item input {
        border-width: 2px;
        height: 50px;
    }
}

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

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-arrival .form-payment-arrival-item:nth-child(1) input {
        width: 90px;
    }
}

.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: 35px;
    line-height: 33px;
    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: 50px;
        line-height: 46px;
    }
}

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

.dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item label {
    padding-left: 20px;
    font-size: 12px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-payment-blocks .form-payment-vertical-radio-item label {
        padding-left: 40px;
        font-size: 20px;
    }
}

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

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-content {
        margin: 15px 0 0;
    }
}

.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: 10px;
    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 10px;
}

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

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-header .detail-content-place {
    margin-left: 12px;
    font-weight: bold;
    font-size: 12px;
}

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

.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: 12px;
}

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

.dynamic-form .form-block .form-comfirm-detail .detail-content .detail-content-body {
    padding: 18px 5px 25px 35px;
    background-color: #fff;
    font-size: 10px;
    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: 20px;
    }
}

.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: 12px;
    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: 24px;
        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: 10px;
}

@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: 20px;
    }
}

.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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.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 {
    margin-top: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    line-height: 1.8;
    font-size: 11px;
    letter-spacing: -0.04em;
}

.dynamic-form .form-block .form-comfirm-cancel {
    font-size: 11px;
    margin-top: 10px;
    padding: 0 10px;
}

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

.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-brick {
        margin-top: 40px;
        padding-bottom: 0;
        padding-left: 0;
        font-size: 20px;
    }

    .dynamic-form .form-block .form-comfirm-cancel {
        font-size: 18px;
        margin-top: 20px;
        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 tr th,
    .dynamic-form .form-block .form-comfirm-cancel table tr td {
        padding: 5px 10px;
        font-size: 16px;
    }
}

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

@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;
    }
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-charge-detail {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
}

.dynamic-form .form-block .form-comfirm-charge-detail dt {
    padding-left: 4px;
    font-size: 10px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-charge-detail dt {
        font-size: 20px;
    }
}

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

@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: 20px;
    }
}

.dynamic-form .form-block .form-comfirm-total {
    margin: 0 10px;
    overflow: hidden;
}

.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: 20px;
    }
}

.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: 20px;
    }
}

.dynamic-form .form-block .form-comfirm-cancel-rate {
    padding: 10px 40px 20px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-cancel-rate {
        padding-right: 130px;
        padding-left: 130px;
        padding-bottom: 0;
    }
}

.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: 10px;
    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: 20px;
    }
}

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

.dynamic-form .form-block .form-comfirm-cancel-rate tbody td {
    border-left: 1px solid #b5b5b5;
    width: 40%;
}

.dynamic-form .form-block .form-comfirm-table {
    margin-top: 10px;
    padding: 0 10px 20px;
}

@media (min-width: 829px) {
    .dynamic-form .form-block .form-comfirm-table {
        margin-top: 40px;
        padding: 0;
    }
}

.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: 20px;
    }

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

@media (min-width: 829px) {
    .dynamic-form .form-block .form-change-content {
        padding-top: 40px;
        padding-bottom: 0;
    }
}

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

@media (min-width: 829px) {
    .dynamic-form .form-block .form-check-condition {
        margin-top: 40px;
        padding-left: 0;
        font-size: 18px;
    }
}

.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: 50px;
        margin-bottom: 50px;
        font-size: 20px;
    }
}

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

@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-top: 25px;
    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 {
        margin: 60px auto 0;
        padding: 14px 0;
        border-radius: 5px;
        width: 400px;
        font-size: 20px;
    }
}

.dynamic-form .dynamic-button.dynamic-button-apply {
    color: #fff;
    background-color: #ff9024;
}

.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: 20px;
}

@media (min-width: 829px) {
    .dynamic-form .form-pre-register .apply-form-tel-radio + .apply-form-tel-field {
        margin-top: 40px;
    }
}

.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 {
    cursor: pointer;
}

.dp-select-steps .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1000px;
    padding: 0 !important;
}

@media (min-width: 829px) {
    .dp-select-steps .inner {
        margin: 0 auto;
    }
}

.dp-select-steps .inner img {
    width: 100%;
}

@media (min-width: 829px) {
    .dp-select-steps .inner img {
        margin: 0 auto;
        width: 1000px;
    }
}

.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');
    }
}

@media (max-width: 736px) and (min-width: 321px) {
    :root {
        font-size: calc(0.625rem + ((1vw - 3.21px) * 3.1348));
    }

    body {
        font-size: 1rem;
        min-width: 16rem;
    }
}

@media (min-width: 737px) {
    :root {
        font-size: 0.625rem;
    }

    body {
        font-size: 1.4rem;
        min-width: 32rem;
    }

    a:hover {
        text-decoration: underline;
    }

    .visible-mobile {
        display: none;
    }

    .st2-site-header__block {
        padding: 0 2rem;
    }

    .st2-site-header__block--lower > div {
        padding: 1.2rem 0;
    }

    .st2-site-header__logo a {
        max-width: 25rem;
    }

    .ie .st2-site-header__logo a svg {
        height: 2.2rem;
    }

    .st2-site-header__sp-only-link a {
        font-size: 1.36rem;
        padding: 0.4rem 1.3rem;
        border-radius: 0.5rem;
    }

    .st2-site-header__sp-only-link a svg {
        width: 1.5rem;
        height: 1.5rem;
        margin-top: -0.5rem;
    }

    .st2-site-header__navigation .navigation__block--lower {
        margin-top: 0.7rem;
    }

    .st2-site-header__navigation--smartphone .st2-hamburger-menu-snippet table tbody tr th {
        padding: 14px 2.45% 14px 3.448%;
    }

    .st2-site-header__navigation--smartphone .st2-hamburger-menu-snippet table tbody tr td a {
        padding: 14px 2.45% 14px 3.448%;
    }

    .st2-site-header__navigation--smartphone .st2-hamburger-menu-snippet table tbody tr td a i {
        width: 2.2rem;
        height: 2.2rem;
    }

    .st2-site-header__btn button {
        width: 6rem;
        height: 6rem;
    }

    .st2-site-header__btn button i {
        width: 4rem;
        height: 4rem;
    }

    html:not(.ie):not(.edge) .st2-site-header__global-navigation > div > div > div > div {
        justify-content: space-evenly;
    }

    .edge .st2-site-header__global-navigation > div > div > div > div,
    .ie .st2-site-header__global-navigation > div > div > div > div,
    .ios10 .st2-site-header__global-navigation > div > div > div > div {
        justify-content: space-around;
    }

    .st2-site-header__global-navigation .global-navigation__item > div a {
        font-size: 2rem;
        padding: 0.7rem;
        border-bottom: solid 0.3rem transparent;
    }

    .st2-site-header__category-navigation .category-navigation__item > div a {
        padding: 0.4rem 1.5rem;
    }

    .st2-global-navigation--sticky {
        padding: 0 2rem;
    }

    html:not(.ie):not(.edge) .st2-global-navigation--sticky > div > div > div > div {
        justify-content: space-evenly;
    }

    .edge .st2-global-navigation--sticky > div > div > div > div,
    .ie .st2-global-navigation--sticky > div > div > div > div,
    .ios10 .st2-global-navigation--sticky > div > div > div > div {
        justify-content: space-around;
    }

    .st2-global-navigation--sticky__item a {
        font-size: 2rem;
        padding: 0.7rem;
        border-bottom: solid 0.3rem transparent;
    }

    .st2-category-navigation > div {
        padding: 0 2rem;
    }

    .st2-category-navigation > div > div {
        padding: 1.2rem 0;
    }

    .st2-category-navigation__item a {
        font-size: 1.4rem;
        padding: 0.4rem 1.5rem;
    }

    .st2-category-navigation--swiper > div > div {
        position: relative;
        padding-right: 40px;
        padding-left: 40px;
    }

    .st2-category-navigation--swiper > div > div::after,
    .st2-category-navigation--swiper > div > div::before {
        position: absolute;
        z-index: 3;
        top: 0;
        display: block;
        width: 60px;
        height: 100%;
        content: '';
        pointer-events: none;
    }

    .st2-category-navigation--swiper > div > div::before {
        left: 0;
        background: linear-gradient(90deg, #fff, #fff 30%, rgba(250, 250, 250, 0));
    }

    .st2-category-navigation--swiper > div > div::after {
        right: 0;
        background: linear-gradient(-90deg, #fff, #fff 30%, rgba(250, 250, 250, 0));
    }

    .st2-category-navigation--swiper.no-arr > div > div {
        padding-right: 0;
        padding-left: 0;
    }

    .st2-category-navigation--swiper .swiper-button-prev {
        left: 1rem;
    }

    .st2-category-navigation--swiper .swiper-button-next {
        right: 1rem;
    }

    .st2-section-block > div {
        padding: 0 2rem;
    }

    .st2-section-block > div > div {
        padding: 5rem 0;
    }

    .st2-section-block--wide > div {
        padding: 0;
    }

    .st2-section-block--wide > div > div {
        padding: 0;
    }

    .st2-section-block--wide__head {
        padding: 0 2rem;
    }

    .st2-section-block--wide__head > div {
        padding: 15rem 0 2rem;
    }

    .st2-section-block--wide__body > div {
        padding: 0.6rem 0 0;
    }

    .st2-section-title h1,
    .st2-section-title h2,
    .st2-section-title h3,
    .st2-section-title h4,
    .st2-section-title h5,
    .st2-section-title h6 {
        font-size: 3.2rem;
    }

    .st2-heading--search h1,
    .st2-heading--search h2,
    .st2-heading--search h3,
    .st2-heading--search h4,
    .st2-heading--search h5,
    .st2-heading--search h6 {
        font-size: 2.2rem;
    }

    .st2-heading--search h1 i,
    .st2-heading--search h2 i,
    .st2-heading--search h3 i,
    .st2-heading--search h4 i,
    .st2-heading--search h5 i,
    .st2-heading--search h6 i {
        width: 3rem;
        height: 3rem;
    }

    .st2-heading--note p {
        font-size: 1.2rem;
    }

    .st2-heading--tab-bar > div {
        padding: 0 2rem;
    }

    .st2-heading--tab-bar > div > div {
        padding: 1rem 0;
    }

    .st2-heading--tab-bar__head h1,
    .st2-heading--tab-bar__head h2,
    .st2-heading--tab-bar__head h3,
    .st2-heading--tab-bar__head h4,
    .st2-heading--tab-bar__head h5,
    .st2-heading--tab-bar__head h6 {
        font-size: 2.4rem;
    }

    .st2-heading--tab-bar__tabs .tabs__head > div {
        margin-top: -0.8rem;
        margin-left: -0.4rem;
        padding-right: 1.2rem;
    }

    .st2-heading--tab-bar__tabs .tabs__body > div {
        margin-top: -0.8rem;
        margin-left: -0.4rem;
    }

    .st2-heading--tab-bar__tabs .tabs__item {
        margin-top: 0.8rem;
        margin-left: 0.4rem;
    }

    .st2-heading--tab-bar__tabs .tabs__item p {
        font-size: 1.6rem;
    }

    .st2-heading--extreme > div {
        padding: 0 2rem;
    }

    .st2-heading--extreme > div > div > div > div {
        height: 19rem;
    }

    .st2-hero--str {
        margin-bottom: 11.3rem;
    }

    .st2-hero--str svg g:last-child {
        display: none;
    }

    .st2-hero--search > div {
        padding: 0 2rem;
    }

    .st2-hero--search > div > div {
        padding: 2rem 0;
    }

    .st2-hero--search > div > div > div > div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .st2-hero--search__bnr {
        margin-bottom: 2rem;
    }

    .st2-hero--search__bnr + .st2-hero--search__column,
    .st2-hero--search__column:first-child {
        flex-grow: 1;
        flex-basis: calc(100% - 60rem);
    }

    .st2-hero--search__bnr + .st2-hero--search__column > div,
    .st2-hero--search__column:first-child > div {
        padding-right: 2.5rem;
    }

    .st2-hero--search__column:only-child > div {
        padding-right: 0;
    }

    .st2-hero--search__item.visible-mobile + .st2-hero--search__item {
        margin-top: 0;
    }

    .st2-hero--search__item--split-bnr > div {
        display: flex;
        align-content: stretch;
        justify-content: space-between;
    }

    .st2-hero--search__item--split-bnr .split-bnr__item {
        width: 49.167%;
    }

    .st2-hero--search__item + .st2-hero--search__item {
        margin-top: 1rem;
    }

    .st2-hero--search__item--modifier .item--modifier__stack-container.item--modifier__bnr .st2-bnr__inner {
        max-width: 33.3rem;
    }

    .st2-hero--search__item--modifier .item--modifier__stack-container h2 {
        font-size: 2.2rem;
    }

    .st2-hero--search__item--modifier .item--modifier__split > div {
        display: flex;
        align-content: stretch;
        justify-content: space-between;
    }

    .st2-hero--search__item--modifier .item--modifier__split-item {
        width: 49.167%;
        background-color: #fff;
    }

    .st2-hero--search__item--modifier .item--modifier__split-item h3 {
        font-size: 1.4rem;
    }

    .st2-hero--search__item--modifier .item--modifier__split-item a[role='button'] {
        font-size: 1.6rem;
        max-width: 20rem;
        margin: 0 auto;
        padding: 1rem 0.4rem;
    }

    .st2-hero--search__add-condition p.close a {
        padding: 0 0 0 2rem;
    }

    .st2-hero--search.form-only .st2-hero--search__item > div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--search.form-only .st2-heading--search {
        width: 100%;
    }

    .st2-hero--search.form-only .st2-form-stack-container__fieldset > div {
        display: flex;
        align-items: baseline;
    }

    .st2-hero--search.form-only .st2-form-stack-container:nth-child(2) {
        width: 100%;
    }

    .st2-hero--search.form-only .st2-form-stack-container:nth-child(2) .form-elements-stack-container {
        width: 32%;
    }

    .st2-hero--search.form-only .st2-form-stack-container:nth-child(2) .st2-form-stack-container__form-elements > div {
        justify-content: space-between;
    }

    .st2-hero--search.form-only .st2-form-stack-container:nth-child(3) {
        flex-grow: 1;
    }

    .st2-hero--search.form-only .st2-form-stack-container:nth-child(3) .form-elements-stack-container:first-child {
        width: 23rem;
    }

    .st2-hero--search.form-only .st2-form-stack-container:last-child {
        width: 25%;
    }

    .st2-hero--search.form-only .st2-form-stack-container:last-child .form-elements-stack-container__item {
        width: 100%;
    }

    .st2-hero--search.form-only .st2-form-stack-container__label--narrow {
        margin-right: 2rem;
        flex-basis: auto;
    }

    .st2-hero--search.form-only .st2-form-stack-container__form-elements {
        flex-grow: 1;
    }

    .st2-hero--search.form-only .st2-form-stack-container__form-elements > div {
        display: flex;
        align-items: center;
    }

    .st2-hero--search.form-only .form-elements-stack-container + .form-elements-stack-container {
        margin-top: 0;
        margin-left: 1rem;
    }

    .st2-hero--search.form-only .st2-form--input-checkbox {
        margin-right: 1rem;
    }

    .st2-hero--search.form-only .st2-form--button-submit button[type='submit'] {
        width: 100%;
        height: auto;
        padding: 0.9rem 2rem;
    }

    .st2-pamphlet-search-area > div > div > div > div {
        display: flex;
        justify-content: space-between;
    }

    .st2-hero--general-search__tab {
        border-top: solid 1px rgba(255, 255, 255, 0.88);
        border-right: solid 1px rgba(255, 255, 255, 0.88);
        border-left: solid 1px rgba(255, 255, 255, 0.88);
        flex-shrink: 0;
        flex-basis: 12rem;
    }

    .st2-hero--general-search__tab a {
        height: 5rem;
        background-color: rgba(95, 95, 95, 0.88);
        -webkit-backdrop-filter: blur(0.4rem);
        backdrop-filter: blur(0.4rem);
    }

    .st2-hero--general-search__tab a svg {
        width: 10.4rem;
        height: 4.2rem;
    }

    .st2-hero--general-search__tab.style-newwin a::before {
        top: 0.7rem;
        right: 0.7rem;
        width: 1.2rem;
        height: 1.2rem;
    }

    .st2-hero--general-search__tab + .st2-hero--general-search__tab {
        margin-left: 0.5rem;
    }

    .st2-hero--general-search__tab-box {
        display: none;
        padding: 2rem;
    }

    .st2-hero--general-search__foot {
        display: none;
    }

    .st2-hero--general-search__btn--close {
        display: none;
    }

    .st2-hero--form-grouping {
        margin-top: 1rem;
    }

    .edge .st2-hero--form-grouping .st2-form--increment-number [type='text'],
    .ie .st2-hero--form-grouping .st2-form--increment-number [type='text'] {
        flex: 0 1 auto;
    }

    .st2-hero--form-grouping-01 > div {
        width: 57rem;
    }

    .st2-hero--form-grouping-01 > div .st2-form--select {
        width: 16.7rem;
    }

    .st2-hero--form-grouping-02 > div {
        display: flex;
        width: 28rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-03 > div {
        display: flex;
        width: 47rem;
        align-items: center;
        justify-content: space-between;
    }

    .edge .st2-hero--form-grouping-03 > div .st2-form--input-text,
    .firefox .st2-hero--form-grouping-03 > div .st2-form--input-text,
    .ie .st2-hero--form-grouping-03 > div .st2-form--input-text {
        width: 19.2rem;
    }

    .st2-hero--form-grouping-04 > div {
        width: 31rem;
    }

    .st2-hero--form-grouping-04 > div .st2-form--increment-number input {
        width: 5rem;
    }

    .st2-hero--form-grouping-05 > div {
        width: 15rem;
    }

    .st2-hero--form-grouping-06 > div {
        display: flex;
        width: 19.2rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-06 > div .st2-form--select {
        width: 14rem;
    }

    .st2-hero--form-grouping-07 > div {
        display: flex;
        width: 57.2rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-07 > div .st2-form--select {
        width: 16.7rem;
    }

    .st2-hero--form-grouping-08 > div {
        display: flex;
        width: 40rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-08 > div .st2-form--select {
        width: 16.5rem;
    }

    .st2-hero--form-grouping-08 > div .st2-form--input-text {
        width: 16.5rem;
    }

    .st2-hero--form-grouping-09 > div {
        display: flex;
        width: 18rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-09 > div .st2-form--increment-number input {
        width: 4.5rem;
    }

    .st2-hero--form-grouping-09 > div .st2-form--increment-select select {
        width: 6.2rem;
        padding: 2px 1rem 2px 2rem;
    }

    .firefox .st2-hero--form-grouping-09 > div .st2-form--increment-select select {
        padding: 2px 1rem;
    }

    .edge .st2-hero--form-grouping-09 > div .st2-form--increment-select select,
    .ie .st2-hero--form-grouping-09 > div .st2-form--increment-select select {
        width: 100%;
    }

    .st2-hero--form-grouping-10 > div {
        width: 15rem;
    }

    .st2-hero--form-grouping-11 > div {
        display: flex;
        width: 66.7rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-11 > div p {
        width: 5.4rem;
    }

    .st2-hero--form-grouping-11 > div .st2-form--select {
        width: 19rem;
    }

    .st2-hero--form-grouping-12 > div {
        display: flex;
        width: 33.4rem;
        align-items: baseline;
        justify-content: space-between;
    }

    .firefox .st2-hero--form-grouping-12 > div {
        align-items: center;
    }

    .st2-hero--form-grouping-12 > div p {
        width: 5.4rem;
    }

    .firefox .st2-hero--form-grouping-12 > div p {
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%);
    }

    .st2-hero--form-grouping-12 > div .st2-form--select {
        width: 26.8rem;
    }

    .st2-hero--form-grouping-12 > div .st2-form--input-text {
        width: 26.8rem;
    }

    .st2-hero--form-grouping-12 > div .st2-form--input-checkbox {
        margin-top: 0.5rem;
    }

    .st2-hero--form-grouping-13 > div {
        width: 30.3rem;
    }

    .st2-hero--form-grouping-14 > div {
        display: flex;
        width: 74.8rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-14 > div .st2-form--select {
        width: 16.7rem;
    }

    .st2-hero--form-grouping-15 > div {
        display: flex;
        width: 21.6rem;
        align-items: center;
        justify-content: space-between;
    }

    .st2-hero--form-grouping-15 > div p {
        white-space: nowrap;
    }

    .st2-hero--form-grouping-16 > div {
        width: 55rem;
    }

    .st2-hero--form-grouping-16 > div .st2-form--increment-select select {
        width: 5rem;
        padding: 2px 1rem 2px 2rem;
    }

    .firefox .st2-hero--form-grouping-16 > div .st2-form--increment-select select {
        padding: 2px 1rem;
    }

    .edge .st2-hero--form-grouping-16 > div .st2-form--increment-select select,
    .ie .st2-hero--form-grouping-16 > div .st2-form--increment-select select {
        width: 100%;
    }

    .st2-hero--form-grouping-16 > div .st2-form--increment-select:last-child select {
        width: 8rem;
        padding: 2px 0.5rem 2px 1rem;
    }

    .st2-hero--2column {
        margin: -9rem auto 3rem;
    }

    .st2-hero--2column > div > div > div > div {
        min-height: 38rem;
        justify-content: space-between;
    }

    .st2-hero--2column__category-container,
    .st2-hero--2column__img-container {
        width: calc(50% - 1.2rem);
    }

    .st2-hero--2column__category-container:only-child,
    .st2-hero--2column__img-container:only-child {
        margin-right: 0;
        margin-left: auto;
    }

    .st2-hero--2column__category-container > div {
        padding: 1.5rem;
    }

    .st2-hero--2column__category-container h2 {
        font-size: 2.2rem;
    }

    .st2-hero--2column__category-container h2 svg {
        width: 3rem;
        height: 3rem;
        margin-bottom: -0.8rem;
    }

    .st2-hero--2column__label-list > div > ul > li {
        margin: 0.5rem 1rem 0 0;
    }

    .st2-hero--2column__label-list > div > ul > li a {
        font-size: 1.5rem;
        padding: 0.5rem 2rem;
    }

    .st2-hero--2column__img-container:only-child {
        text-align: right;
    }

    .st2-list--date > div > div > div > div {
        margin-top: -1rem;
    }

    .st2-list--date__item > div {
        display: flex;
        padding: 1.5rem 0;
        padding-right: 3.6rem;
        align-items: baseline;
    }

    .st2-list--date__head {
        padding-right: 1.5rem;
        flex-shrink: 0;
        flex-basis: 27.4rem;
    }

    .st2-list--date__head > div {
        justify-content: space-between;
    }

    .st2-list--date__head span {
        padding: 0.2rem;
        flex-basis: 13.2rem;
    }

    .st2-list--date__body {
        flex-grow: 1;
        flex-basis: 0;
    }

    .st2-list--date__body p {
        font-size: 1.8rem;
    }

    .st2-list--date__body p a.this-blank::before {
        background-position: right 1rem top 50%;
        background-size: 1.6rem auto;
    }

    .st2-list--date__body p a.this-pdf::before {
        background-position: right 1rem top 50%;
        background-size: 1.8rem auto;
    }

    .st2-list--date__body p a::before {
        background-size: 3.2rem auto;
    }

    .st2-keyword-list > div > div > div > div {
        margin-top: -0.8rem;
        margin-left: -0.8rem;
    }

    .st2-keyword-list__item {
        margin-top: 0.8rem;
        margin-left: 0.8rem;
    }

    .st2-btn[data-btn-border=''] {
        border-radius: 0.2rem;
    }

    .st2-btn a::before {
        width: 5rem;
        height: 3.2rem;
    }

    .st2-btn a {
        min-width: 20rem;
    }

    .st2-btn a span {
        font-size: 1.8rem;
    }

    .st2-btn a i {
        width: 5rem;
        height: 3.2rem;
    }

    .st2-card--default__inner {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

    .st2-card--default:only-child .st2-card--default__inner > div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .st2-card--default__pic-container span {
        padding: 0.3rem 1rem;
    }

    .st2-card--default__txt-container > div {
        padding: 1rem;
    }

    .st2-card--default__txt-group--upper + .st2-card--default__txt-group--lower {
        margin-top: 0.7rem;
    }

    .st2-card--default__area-label {
        font-size: 1.5rem;
        padding: 0.5rem 1rem;
    }

    .st2-card--default__title {
        font-size: 1.8rem;
        line-height: 1.32;
    }

    .st2-card--default__area-label + .st2-card--default__title {
        margin-top: 0.7rem;
    }

    .st2-card--default__summary {
        font-size: 1.6rem;
    }

    .st2-card--default__area-label + .st2-card--default__summary {
        margin-top: 0.7rem;
    }

    .st2-card--default__title + .st2-card--default__summary {
        margin-top: 0.5rem;
    }

    .st2-card--default__supplement {
        font-size: 1rem;
    }

    .st2-card--horizontal__inner {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

    .st2-card--horizontal__inner > div {
        padding: 1rem;
    }

    .st2-card--horizontal__pic-container {
        flex-basis: 136px;
    }

    .st2-card--horizontal__txt-container > div {
        padding-left: 0.5rem;
    }

    .st2-card--horizontal__summary {
        font-size: 1.6rem;
    }

    .st2-card--horizontal__pricing {
        margin-top: 0.4rem;
    }

    .st2-card--horizontal__supplement {
        font-size: 1.2rem;
    }

    .st2-card--link__icn-container {
        width: 28.112%;
    }

    .st2-card--link__txt-container > div {
        background-size: 2.4rem 2.4rem;
    }

    .st2-card--link__title b.this-kerning {
        letter-spacing: -0.6pt;
    }

    .st2-card--linkinho__txt-container > div {
        background-size: 2.4rem 2.4rem;
    }

    .st2-card--sns:only-child > div > div > div > div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .st2-card--sns__body > div {
        margin: -2rem auto 0;
    }

    .st2-card--members-club__head p {
        font-size: 2rem;
    }

    .st2-card--members-club__inset-divide-layout > div {
        display: flex;
        align-content: stretch;
        justify-content: space-between;
    }

    .st2-card--members-club .inset-divide-layout__list ul li {
        padding-left: 2rem;
    }

    .st2-card--members-club .inset-divide-layout__list ul li span {
        font-size: 1.4rem;
    }

    .st2-card--members-club .inset-divide-layout__list--link {
        font-size: 1.4rem;
    }

    .st2-card--members-club .inset-divide-layout__list--link ul li {
        padding-left: 2rem;
    }

    .st2-card--members-club .inset-divide-layout__btn a span {
        font-size: 1.2rem;
    }

    .st2-card--tokyo-2020__inner > div {
        display: flex;
        padding: 1rem 0.9rem 1rem 1rem;
        align-items: center;
    }

    .st2-card--tokyo-2020__pic-container img[data-device='mobile'] {
        display: none;
    }

    .st2-card--subsp__title > div {
        padding: 1.2rem;
    }

    .st2-card--subsp__title p {
        font-size: 1.8rem;
        text-align: center;
    }

    .st2-card--subsp__lower-block > div {
        padding: 1.4rem 2rem 2rem;
    }

    .st2-card--subsp__txt-container p {
        font-size: 1.6rem;
    }

    .st2-card--subsp__btns {
        margin-top: 1rem;
    }

    .st2-card--subsp__btn a {
        padding: 0.7rem 0 0.7rem 0.7rem;
    }

    .st2-fig-panel__label-container {
        padding: 0.3rem 1rem;
    }

    .st2-fig-panel__txt-container p {
        font-size: 1.8rem;
        line-height: 1.22;
    }

    .st2-form--input-radio {
        margin-right: 0.4rem;
    }

    .st2-form--input-text.st2-datepicker-wrapper[data-width='general'] {
        width: 16.5rem;
    }

    .st2-form--input-text.st2-datepicker-wrapper i {
        width: 2rem;
        height: 2rem;
    }

    .st2-form--input-text [type='text'] {
        padding: 0.7rem 1.2rem;
    }

    .firefox .st2-form--input-text [type='text'] {
        padding: 0.8rem 1.2rem 0.7rem;
    }

    .edge .st2-form--input-text [type='text'] {
        padding: 0.8rem 1.2rem;
    }

    .ie .st2-form--input-text [type='text'] {
        padding: 0.7rem 1.2rem 0.9rem;
    }

    .st2-pamphlet-search-area .st2-form--input-text [type='text'] {
        font-size: 1.1rem;
    }

    .st2-form--select > span > span > span > span::after {
        width: 3.7rem;
        background-size: 50% 50%;
    }

    .st2-form--select select {
        padding: 0.7rem 3.7rem 0.7rem 1.2rem;
    }

    .st2-form--increment-number button {
        width: 3rem;
    }

    .st2-form--increment-number button i {
        width: 2.4rem;
        height: 2.4rem;
    }

    .firefox .st2-split-layout--japan-railways-plus-stay-exclusive .st2-form--increment-number input[type='text'] {
        max-width: calc(100% - 6rem);
    }

    .st2-split-layout--domestic-stay-exclusive .st2-form--increment-number input[type='text'] {
        font-size: 1.2rem;
        max-width: calc(100% - 5.8rem);
    }

    .st2-form--increment-select button {
        width: 4.1rem;
    }

    .st2-form--increment-select button i {
        width: 2.4rem;
        height: 2.4rem;
    }

    .st2-form--increment-select label::after {
        width: 3.7rem;
        background-size: 50% 50%;
    }

    .st2-form--increment-select label select {
        padding: 0.7rem 3.7rem 0.7rem 1.2rem;
    }

    .st2-form--button-submit button[type='submit'] {
        font-size: 1.8rem;
        height: 5.4rem;
    }

    .st2-hero--form-grouping .st2-form--button-submit button[type='submit'] {
        height: 3.7rem;
    }

    .st2-keyword-search-bar__form .st2-form--button-submit button[type='submit'] {
        max-width: 15rem;
        height: 3.7rem;
    }

    .st2-hero--form-grouping.st2-hero--form-grouping-13 .st2-form--button-submit button[type='submit'] {
        height: 5.8rem;
    }

    .st2-pamphlet-search-area .st2-form--button-submit button[type='submit'] {
        font-size: 1.6rem;
        height: 3.5rem;
    }

    .st2-form--increment-number-container__head p {
        font-size: 1.2rem;
    }

    .st2-split-layout--domestic-stay-exclusive__item--diff .st2-form--increment-number-container__head p {
        font-size: 1.4rem;
    }

    .st2-form--increment-number-container__foot {
        flex-basis: 3rem;
    }

    .st2-form--increment-number-container__foot a {
        width: 2.4rem;
        height: 2.4rem;
    }

    .st2-form-stack-container {
        margin-top: 1.2rem;
    }

    .domestic-tour .st2-form-stack-container {
        margin-top: 1.9rem;
    }

    .form-elements-stack-container + .form-elements-stack-container {
        margin-top: 0.4rem;
    }

    .st2-keyword-search-bar {
        margin: 0 auto 3rem;
    }

    .st2-keyword-search-bar > div > div {
        padding: 3.302%;
    }

    .st2-keyword-search-bar__form form {
        display: flex;
        align-items: center;
    }

    .st2-keyword-search-bar__item:first-child {
        padding-right: 3.5rem;
        flex-grow: 1;
        flex-basis: 0;
    }

    .st2-keyword-search-bar__item:last-child {
        flex-shrink: 0;
        flex-basis: 15rem;
    }

    .st2-modal-scope--map {
        display: none !important;
    }

    .st2-modal-contents--about-children__close a {
        padding: 0 0 0 2rem;
    }

    .st2-bnr {
        margin: 1.3rem auto;
    }

    .st2-btn + .st2-bnr {
        margin-top: 3rem;
    }

    .st2-split-layout--bnr + .st2-bnr {
        margin-top: -2.1rem;
    }

    .st2-selectable-area__device[data-device='mobile'] {
        display: none;
    }

    .st2-bar--sns__body {
        padding: 0 3rem;
    }

    .st2-important-bar > div {
        padding: 0 2rem;
    }

    .st2-important-bar > div > div {
        padding: 1rem 0;
    }

    .st2-tabinaka-summary__head {
        padding: 2.4rem 1.5rem;
    }

    .mac.firefox .st2-tabinaka-summary__head {
        padding: 2.9rem 1.5rem;
    }

    .windows.firefox .st2-tabinaka-summary__head {
        padding: 2.8rem 1.5rem;
    }

    .ie .st2-tabinaka-summary__head {
        padding: 2.8rem 1.5rem;
    }

    .edge .st2-tabinaka-summary__head {
        padding: 3rem 1.5rem;
    }

    .st2-tabinaka-summary__head p:first-child {
        font-size: 2.8rem;
        flex-basis: 19rem;
    }

    .st2-split-layout {
        margin: 3rem auto;
    }

    .st2-split-layout > div > div > div > div {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }

    .st2-bnr + .st2-split-layout--bnr[data-split-layout='2'] {
        margin-top: -0.4rem;
    }

    .st2-split-layout[data-split-layout='2'] > div > div > div > div {
        margin-left: -0.755%;
    }

    .st2-split-layout[data-split-layout='3'] > div > div > div > div {
        margin-left: -0.755%;
    }

    .st2-split-layout[data-split-layout='4'] > div > div > div > div {
        margin-left: -0.755%;
    }

    .st2-split-layout[data-split-layout='5'] > div > div > div > div {
        margin-left: -0.472%;
    }

    .st2-split-layout__item {
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
    }

    [data-show-counter='6'] .st2-split-layout__item:nth-child(-n + 6) {
        display: block !important;
    }

    [data-show-counter='6'] .st2-split-layout__item:nth-child(n + 7) {
        display: none;
    }

    [data-split-layout='2'] .st2-split-layout__item {
        width: 49.251%;
        margin-left: 0.749%;
    }

    [data-split-layout='3'] .st2-split-layout__item {
        width: 32.584%;
        margin-left: 0.749%;
    }

    [data-split-layout='4'] .st2-split-layout__item {
        width: 24.251%;
        margin-left: 0.749%;
    }

    [data-split-layout='5'] .st2-split-layout__item {
        width: 19.531%;
        margin-left: 0.469%;
    }

    .st2-split-layout--keep-2columns[data-item-feature='2'] .st2-split-layout__item:nth-child(-n + 2) {
        width: 49.251%;
        margin-left: 0.749%;
    }

    .st2-split-layout--advance {
        margin: 3rem auto;
    }

    .st2-split-layout + .st2-split-layout--advance {
        margin: -3rem auto;
        margin-bottom: 1px;
    }

    .st2-split-layout--advance > div > div > div > div {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }

    .st2-split-layout--advance[data-split-layout='3'] > div > div > div > div {
        margin-left: -0.755%;
    }

    .st2-split-layout--advance__item {
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
    }

    .st2-split-layout--modifier {
        margin: 3rem auto;
    }

    .st2-split-layout + .st2-split-layout--modifier {
        margin: -3rem auto;
        margin-bottom: 1px;
    }

    .st2-split-layout--modifier__item {
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
    }

    .st2-split-layout--domestic-stay-exclusive__body > div {
        margin-top: -0.7rem;
    }

    .st2-split-layout--domestic-stay-exclusive__item {
        margin-top: 0.7rem;
    }

    .st2-split-layout--japan-railways-plus-stay-exclusive__body > div {
        margin-top: -0.7rem;
    }

    .st2-split-layout--japan-railways-plus-stay-exclusive__item {
        margin-top: 0.7rem;
    }

    .menuBodySearch #searchKw {
        width: 100%;
        height: 35px !important;
    }

    .st2-site-footer__bnr {
        padding: 3rem 2rem;
    }

    .st2-site-footer__bnr > div {
        margin-top: -1rem;
    }

    .st2-site-footer__item--bnr {
        width: 24.434%;
        margin-top: 1rem;
    }

    .st2-site-footer__search-area {
        padding: 0 2rem;
    }

    .st2-site-footer__search-area > div {
        padding: 4.7rem 0 2.5rem;
    }

    .st2-site-footer__search-area + .st2-site-footer__block--navigation {
        margin-top: 2rem;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__head {
        margin-bottom: 1.2rem;
        outline: 0;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__head p {
        font-size: 1.6rem;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__split-body[style^='display'] {
        display: block !important;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__split-body > div {
        display: flex;
        justify-content: space-between;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__body {
        width: 48.113%;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__body.search-toggle--root__clear {
        width: 100%;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__body.search-toggle--root__clear[style^='display'] {
        display: block !important;
    }

    .st2-site-footer__search-toggle--root
        .search-toggle--root__body.search-toggle--root__clear
        .search-toggle--root__item {
        display: inline-block;
        vertical-align: middle;
    }

    .st2-site-footer__search-toggle--root
        .search-toggle--root__body.search-toggle--root__clear
        .search-toggle--root__item:last-child
        p {
        padding-right: 0;
    }

    .st2-site-footer__search-toggle--root
        .search-toggle--root__body.search-toggle--root__clear
        .search-toggle--root__item:last-child
        p::after {
        content: none;
    }

    .st2-site-footer__search-toggle--root
        .search-toggle--root__body.search-toggle--root__clear
        .search-toggle--root__item
        p {
        padding-right: 0.4rem;
    }

    .st2-site-footer__search-toggle--root
        .search-toggle--root__body.search-toggle--root__clear
        .search-toggle--root__item
        p::after {
        font-weight: 700;
        padding-left: 0.7rem;
        content: '\FF5C';
        color: #0b499d;
    }

    .st2-site-footer__search-toggle--root .search-toggle--root__item + .search-toggle--root__item {
        margin-top: 0.2rem;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest > div {
        display: flex;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__head {
        outline: 0;
        flex-shrink: 0;
        flex-basis: 6.6rem;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__head p {
        display: inline-block;
        vertical-align: middle;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__head p + p {
        margin-left: 1rem;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__head p span {
        font-weight: 700;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__body {
        flex-grow: 1;
        flex-basis: 0;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__body[style^='display'] {
        display: block !important;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__body p {
        display: inline-block;
        vertical-align: middle;
    }

    .st2-site-footer__search-toggle--root
        .search-toggle--nest__body
        p[data-invisibility]:not([data-invisibility='true']) {
        display: none;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__body p[data-invisibility='true']::after {
        content: none;
    }

    .st2-site-footer__search-toggle--root .search-toggle--nest__body p::after {
        content: '\3000\FF5C\3000';
    }

    .st2-site-footer__search-toggle--root .split-body--modify .search-toggle--root__item.search-toggle--nest > div {
        display: block;
    }

    .st2-site-footer__search-toggle--root
        .split-body--modify
        .search-toggle--root__item.search-toggle--nest
        + .search-toggle--root__item.search-toggle--nest {
        margin-top: 0.7rem;
    }

    .st2-site-footer__block--navigation {
        padding: 0 2rem;
    }

    .st2-site-footer__block--navigation > div {
        display: flex;
        padding: 3.5rem 0 2.5rem;
        flex-wrap: wrap;
    }

    .st2-site-footer__item--toggle {
        flex-basis: 25%;
        flex-shrink: 0;
    }

    .st2-site-footer__item--toggle:not(:nth-child(-n + 4)) {
        margin-top: 2rem;
    }

    .st2-site-footer__toggle--head {
        outline: 0;
    }

    .st2-site-footer__toggle--head p {
        font-size: 1.6rem;
    }

    .st2-site-footer__toggle--head + .st2-site-footer__toggle--head {
        margin-top: 2rem;
    }

    .st2-site-footer__toggle--body {
        margin-top: 0.8rem;
    }

    .st2-site-footer__toggle--body[style^='display'] {
        display: block !important;
    }

    .st2-site-footer__toggle--body + .st2-site-footer__toggle--head {
        margin-top: 2rem;
    }

    .st2-site-footer__item--unique {
        margin-top: 2rem;
        flex-grow: 1;
        flex-basis: 0;
    }

    .st2-site-footer__page-to-top > div {
        position: relative;
    }

    .st2-site-footer__page-to-top a {
        right: 2rem;
        width: 54px;
    }

    .st2-site-footer__page-to-top.this-active a {
        bottom: 2rem;
    }

    .st2-site-footer__block--floor {
        padding: 0 2rem;
    }

    .st2-site-footer__block--primitive-navigation {
        padding: 3rem 2rem;
    }

    .st2-site-footer__sub-navigation > div {
        padding: 2rem 0 0.5rem;
    }

    .st2-site-footer__copyright {
        padding: 1rem;
    }

    .st2-site-footer__copyright > div small {
        font-size: 1.4rem;
    }

    .sp-only {
        display: none !important;
    }

    .st2-block-components .st2-heading-lv3 {
        margin-bottom: 2rem;
    }

    .st2-block-components .st2-heading-lv3__heading__txt {
        font-size: 2.2rem;
    }

    .st2-block-components .st2-heading-lv3[data-style='1'] > div {
        padding: 1rem 1.5rem;
    }

    .st2-block-components .st2-heading-lv4__heading__txt {
        font-size: 2rem;
    }

    .st2-block-components .st2-heading-lv5__heading__txt {
        font-size: 1.8rem;
    }

    .st2-block-components .st2-heading-lv6 {
        margin-bottom: 2rem;
    }

    .st2-block-components .st2-heading-lv6[data-color] > div {
        padding-left: 2rem;
    }

    .st2-block-components .st2-heading-lv6[data-color] > div::before {
        top: 4px;
    }

    .st2-block-components .st2-heading-lv6__heading__txt {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-catch {
        margin-bottom: 2rem;
    }

    .st2-block-components .st2-catch[data-style='1'] p {
        font-size: 2rem;
    }

    .st2-block-components .st2-catch[data-style='2'] p {
        font-size: 2rem;
    }

    .st2-block-components .st2-paragraph p {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-paragraph[data-size='smaller'] p {
        font-size: 1.5rem;
    }

    .st2-block-components .st2-paragraph[data-size='larger'] p {
        font-size: 2rem;
    }

    .st2-block-components .st2-paragraph[data-size='huge'] p {
        font-size: 2.2rem;
    }

    .st2-block-components .st2-list__item {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-list__item > div.st2-list__container::before {
        top: 0.9rem;
    }

    .st2-block-components .st2-list__item > a.st2-list__container::before {
        top: 0.8rem;
    }

    .st2-block-components .st2-list--order[data-style='1'] .st2-list--order__item::before {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-list--order[data-style='1'] .st2-list--order__container {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-list--order[data-style='2'] .st2-list--order__item {
        padding: 1rem 2rem 1.3rem;
    }

    .st2-block-components .st2-list--order[data-style='2'] .st2-list--order__item-label {
        font-size: 1.8rem;
    }

    .st2-block-components .st2-list--order[data-style='2'] .st2-list--order__item-txt .st2-paragraph p {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-list--note__item > div.st2-list--note__container {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-list--detail__holder {
        display: table;
        width: 100%;
    }

    .st2-block-components .st2-list--detail__item {
        display: table-row;
    }

    .st2-block-components .st2-list--detail__item-label,
    .st2-block-components .st2-list--detail__item-txt {
        display: table-cell;
    }

    .st2-block-components .st2-list--detail__item-label {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-btn__container {
        font-size: 1.5rem;
        padding: 1rem 2.5rem;
    }

    .st2-block-components .st2-btn .st2-icon-newwin,
    .st2-block-components .st2-btn .st2-icon-pdf,
    .st2-block-components .st2-btn .st2-icon-right-arrow {
        width: 1.2rem;
        height: 1.2rem;
    }

    .st2-block-components .st2-btn-list__holder {
        margin: -1rem 0 0 -1.455%;
    }

    .st2-block-components .st2-btn-list__item {
        display: inline-block;
        margin: 1rem 0 0 1.434%;
    }

    .st2-block-components .sp-only {
        display: none;
    }

    .st2-block-components .st2-pic-block__container-wrapper .st2-pic-block__pic-caption--over p {
        font-size: 1.6rem;
    }

    .st2-block-components .st2-pic-block[data-pic-pos] > div > div > div > div {
        display: flex;
    }

    .st2-block-components .st2-pic-block[data-pic-pos='left'] .st2-pic-block__container-wrapper:first-child {
        max-width: 45.455%;
        flex-shrink: 0;
    }

    .st2-block-components .st2-pic-block[data-pic-pos='left'] .st2-pic-block__container-wrapper:last-child {
        margin-left: 2rem;
        flex-grow: 1;
    }

    .st2-block-components .st2-pic-block[data-pic-pos='right'] > div > div > div > div {
        flex-direction: row-reverse;
    }

    .st2-block-components .st2-pic-block[data-pic-pos='right'] .st2-pic-block__container-wrapper:first-child {
        max-width: 45.455%;
        flex-shrink: 0;
    }

    .st2-block-components .st2-pic-block[data-pic-pos='right'] .st2-pic-block__container-wrapper:last-child {
        margin-right: 2rem;
        flex-grow: 1;
    }

    .st2-block-components .st2-pic-block__pic-caption p {
        font-size: 1.3rem;
    }

    .st2-block-components .st2-divide-layout > div > div > div > div {
        display: flex;
        flex-wrap: wrap;
    }

    .st2-block-components .st2-divide-layout[data-border] .st2-divide-layout__item {
        padding: 1rem;
    }

    .st2-block-components .st2-divide-layout[data-column='2'] > div > div > div > div {
        margin: -2rem 0 0 -1.818%;
    }

    .st2-block-components .st2-divide-layout[data-column='2'] .st2-divide-layout__item {
        width: 48.214%;
        margin: 2rem 0 0 1.786%;
    }

    .st2-block-components .st2-divide-layout[data-column='3'] > div > div > div > div {
        margin: -2rem 0 0 -1.455%;
    }

    .st2-block-components .st2-divide-layout[data-column='3'] .st2-divide-layout__item {
        width: 31.9%;
        margin: 2rem 0 0 1.434%;
    }

    .st2-block-components .st2-divide-layout[data-column='4'] > div > div > div > div {
        margin: -2rem 0 0 -1.455%;
    }

    .st2-block-components .st2-divide-layout[data-column='4'] .st2-divide-layout__item {
        width: 23.566%;
        margin: 2rem 0 0 1.434%;
    }

    .st2-block-components .st2-divide-layout[data-column='5'] > div > div > div > div {
        margin: -2rem 0 0 -1.364%;
    }

    .st2-block-components .st2-divide-layout[data-column='5'] .st2-divide-layout__item {
        width: 18.655%;
        margin: 2rem 0 0 1.345%;
    }

    .st2-block-components .st2-embed[data-pic-pos] > div > div > div > div {
        display: flex;
    }

    .st2-block-components .st2-embed[data-pic-pos='left'] .st2-embed__container-wrapper:first-child {
        width: 45.455%;
        flex-shrink: 0;
    }

    .st2-block-components .st2-embed[data-pic-pos='left'] .st2-embed__container-wrapper:last-child {
        margin-left: 2rem;
        flex-grow: 1;
    }

    .st2-block-components .st2-embed[data-pic-pos='right'] > div > div > div > div {
        flex-direction: row-reverse;
    }

    .st2-block-components .st2-embed[data-pic-pos='right'] .st2-embed__container-wrapper:first-child {
        width: 45.455%;
        flex-shrink: 0;
    }

    .st2-block-components .st2-embed[data-pic-pos='right'] .st2-embed__container-wrapper:last-child {
        margin-right: 2rem;
        flex-grow: 1;
    }

    .st2-block-components .st2-embed__pic-caption p {
        font-size: 1.3rem;
    }

    .st2-block-components .st2-360-view__pic-caption {
        font-size: 1.3rem;
    }

    .st2-block-components + .st2-block-components {
        margin-top: 5rem;
    }

    .st2-selectable-area-wrapper + .st2-block-components {
        margin-top: 5rem;
    }

    .st2-site-footer__block-components {
        padding: 0 2rem;
    }

    .st2-site-footer__block-components > div {
        padding: 4.7rem 0 2.5rem;
    }

    .st2-site-footer__block-components + .st2-site-footer__block--navigation {
        margin-top: 2rem;
    }
}

.main {
    padding-top: 30px;
}

@media (max-width: 829px) {
    .main {
        margin-top: 10px;
        padding-top: 0;
    }
}

@media (max-width: 829px) {
    .mask {
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 599;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0.5;
        overflow: hidden;
        background: #000;
        display: none;
        pointer-events: auto;
    }
}

.main-content {
    margin: auto;
    max-width: 1000px;
    display: flex;
    align-items: flex-start;
    padding-bottom: 80px;
}

@media (max-width: 829px) {
    .main-content {
        max-width: 100%;
    }
}

.main-content .query-condition {
    display: inline-block;
    width: 22%;
    border: solid 1px #cfcfcf;
    box-sizing: border-box;
}

@media (max-width: 829px) {
    .main-content .query-condition {
        z-index: 600;
        position: fixed;
        width: 334px;
        margin: auto;
        left: 0;
        right: 0;
        top: 10vh;
        background: #fff;
        display: none;
        overflow: hidden;
        padding-top: 40px;
    }
}

.main-content .hotel-list {
    width: 78%;
    color: #333333;
}

@media (max-width: 829px) {
    .main-content .hotel-list {
        width: 100%;
    }
}

.main-content .query-condition .head-title {
    line-height: 36px;
    background-color: #8fb200;
    color: #fff;
    font-weight: bold;
    text-indent: 12px;
}

.main-content .query-condition .head-title .close {
    display: none;
}

@media (max-width: 829px) {
    .main-content .query-condition .head-title {
        height: 40px;
        font-size: 14px;
        display: flex;
        align-items: center;
        width: 332px;
    }

    .main-content .query-condition .head-title.top1 {
        position: fixed;
        top: 10vh;
    }

    .main-content .query-condition .head-title .close {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA+CAYAAACcA8N6AAAACXBIWXMAAC4jAAAuIwF4pT92AAAGYmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA5LTI5VDIxOjE1OjI4KzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOS0yOVQyMToyMDoxMCswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wOS0yOVQyMToyMDoxMCswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1YzM0MGY4YS1iOGMxLTM5NDctODE4Yy1jMGE3MzY0MTE1OWMiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0NGMzNWQ4My04OGUzLTVlNDYtODhmNS1kZjFkNDIzNWFkMWMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkNzA1OGViZC1iNDFlLThhNGYtODc2MS03YTRkMDc2ZTVjYjYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ3MDU4ZWJkLWI0MWUtOGE0Zi04NzYxLTdhNGQwNzZlNWNiNiIgc3RFdnQ6d2hlbj0iMjAyMC0wOS0yOVQyMToxNToyOCswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjVjMzQwZjhhLWI4YzEtMzk0Ny04MThjLWMwYTczNjQxMTU5YyIgc3RFdnQ6d2hlbj0iMjAyMC0wOS0yOVQyMToyMDoxMCswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhZXFfoAAAJ4SURBVGje3ds9bsIwFMDxHIEjcIQchSPkCNwkR8jCBTgAExNLkZA6dagYWJAQH4IutKVGsqsnY8eO/fz8UekN/SDx7w9xJESrx+NRsfkEU/OflTa15KxkeKkBapUT4u9sdgUGgPAdd77gdwUGqPt8xj/IOIDRZf2HpcHFhmf7gEkm8IntE2lT7MLmyKdJHN6AtV5Mr2DTS+Z5gB821wwCQPiVr/vSd+marhlR8JfNLeEAEH7j6xWvWO2eZdo0jhkE6IMf+zZrm10z5QDOcBt8ygG84Lb4FAN4w4fgUwqAAh+KTyEAGtwFHzMAKtwVbwqwDhCg4cdFg/vg5QBnNt98YWvkAA045o2f5+wL98XLAU5svthsEQNA+JYf/4QBx8A/ZwwWuEEMoIJvwM/GvmvHuiZHyAFM8BHGujE3JawAJHBsPEYAMngIvE8AUngovEsAcnhI/JAAUeCh8bYBosAp8DYBosCp8LoA8IscTomXA6i+SOHUeLi56fCk7wjFgJue+aY0fKvY3ORrHm6CbSn4zrCr6+4CXe54CN9rdnU5wJ4qQGi4wB96bmeqAAeA73LDd2AOAKO7nY2k34vHdCEDhIZ/8Flb3MflAOKxwQJQwIcuHuMY5HjMRZMESBFOFiBVOEmAlOHBz5E6POi5coAHO2cu8CDn9j35ihCuWsPKJ4APfBkBrlrL0jUABnwa6QNJU98AvvAUPormHCBnuHeA3OFeAUqAOwcoBe4UoCT44ADy28u5w20CtDK+Bfh3NouM4aoAC+7qgLWC8Oe8sZkXAFcFmHPfv7eS4DPw/SRzOPyHI2GawQDyMy+mxH8nfXHK13yJcF2A6g8JK2IKAKELNgAAAABJRU5ErkJggg==');
        border: none;
        width: 24px;
        height: 24px;
        display: block;
        margin: auto 10px auto auto;
        cursor: pointer;
        outline: none;
        background-size: cover;
    }
}

.main-content .query-condition .content-title {
    line-height: 15px;
    border-left: solid 5px #104c8b;
    margin: 14px 0 10px 10px;
    text-indent: 4px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
}

@media (max-width: 829px) {
    .main-content .query-condition .content-title {
        font-size: 12px;
        line-height: 13px;
    }
}

@media (max-width: 829px) {
    element::-webkit-scrollbar {
        display: none;
    }

    .main-content .query-condition .condition-change {
        pointer-events: auto;
        overflow-y: auto;
        height: 70vh;
        overscroll-behavior: contain;
        -ms-scroll-chaining: contain;
    }
}

.main-content .query-condition .condition-change .content {
    font-size: 11px;
    color: #696969;
}

.main-content .query-condition .condition-change .content .select-area select {
    width: 86%;
    height: 28px;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    margin: 10px auto 0 9px;
    text-align-last: left;
    color: #696969;
    padding: 0 0 0 10px;
}

.ie11 .main-content .query-condition .condition-change .content .select-area select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-area select {
        height: 42px;
    }
}

.main-content .query-condition .condition-change .content .select-area select:disabled {
    background: #cfcfcf;
}

.main-content .query-condition .condition-change .content .select-area select:first-child {
    margin-top: 0;
}

.main-content
    .query-condition
    .condition-change
    .content
    .select-accommodation-day-outer
    .select-accommodation-day-range {
    width: 86%;
    height: 28px;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    margin-left: 9px;
    display: inline-block;
    font-size: 11px;
}

.main-content
    .query-condition
    .condition-change
    .content
    .select-accommodation-day-outer
    .select-accommodation-day-range.disabled {
    background: #cfcfcf;
}

@media (max-width: 829px) {
    .main-content
        .query-condition
        .condition-change
        .content
        .select-accommodation-day-outer
        .select-accommodation-day-range {
        height: 42px;
        line-height: 42px;
    }
}

.main-content
    .query-condition
    .condition-change
    .content
    .select-accommodation-day-outer
    .select-accommodation-day-range
    input {
    width: 100%;
    height: 20px;
    border: none;
    margin: 3px 0;
    color: #696969;
    outline: none;
    padding: 0 8px;
    font-size: 12px;
    background: transparent url(../../images/popup.svg) no-repeat center right 6px;
    background-size: 14px;
    text-align: center;
}

@media (max-width: 829px) {
    .main-content
        .query-condition
        .condition-change
        .content
        .select-accommodation-day-outer
        .select-accommodation-day-range
        input {
        width: 100%;
    }
}

.main-content .query-condition .condition-change .content .select-accommodation-day-outer .select-accommodation-day {
    width: 86%;
    height: 28px;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    margin-left: 9px;
    display: inline-block;
    font-size: 11px;
    cursor: pointer;
}

.main-content
    .query-condition
    .condition-change
    .content
    .select-accommodation-day-outer
    .select-accommodation-day.disabled {
    cursor: default;
    background: #cfcfcf;
}

@media (max-width: 829px) {
    .main-content
        .query-condition
        .condition-change
        .content
        .select-accommodation-day-outer
        .select-accommodation-day {
        height: 42px;
        line-height: 42px;
        width: 86%;
    }
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-accommodation-day:after {
        margin-top: 13px;
    }
}

.main-content
    .query-condition
    .condition-change
    .content
    .select-accommodation-day-outer
    .select-accommodation-day
    input {
    width: 100%;
    height: 20px;
    border: none;
    margin: 3px 0;
    text-align: center;
    color: #696969;
    outline: none;
    background: url(../../images/popup.svg) no-repeat right 6px center;
    background-size: 14px auto;
    cursor: pointer;
}

@media (max-width: 829px) {
    .main-content
        .query-condition
        .condition-change
        .content
        .select-accommodation-day-outer
        .select-accommodation-day
        input {
        width: 100%;
    }
}

.main-content .query-condition .condition-change .content .select-accommodation-day-outer span {
    width: 40%;
    display: inline-block;
    text-align: center;
    color: #696969;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-accommodation-day-outer span {
        width: 10%;
    }
}

.main-content .query-condition .condition-change .content .select-people-outer {
    margin: 10px 0 0 9px;
}

.main-content .query-condition .condition-change .content .select-people-outer * {
    padding: 0;
    margin: 0;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner.children-inner {
    margin-top: 10px;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner label {
    width: 100%;
    text-align: left;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner .selector {
    width: 100px;
    height: 28px;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    display: inline;
    text-align-last: left;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-people-outer .inner .selector {
        width: 70%;
        height: 42px;
    }
}

.main-content .query-condition .condition-change .content .select-people-outer .inner select.selector {
    padding: 0 0 0 10px;
    color: #696969;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner select.selector:disabled {
    background: #cfcfcf;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner .selector.children {
    background: url('../../images/popup.svg') no-repeat center right 4px;
    background-size: 14px;
    line-height: 28px;
    cursor: pointer;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner .selector.disabled {
    cursor: default;
    background-color: #cfcfcf;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-people-outer .inner .selector.children {
        background-position: right 6px center;
    }
}

.main-content
    .query-condition
    .condition-change
    .content
    .select-people-outer
    .inner
    .selector.children
    input[type='text'] {
    cursor: pointer;
    background: transparent;
}

.main-content
    .query-condition
    .condition-change
    .content
    .select-people-outer
    .inner
    .selector.children
    input[type='text']:disabled {
    cursor: default;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner .selector button {
    border: none;
    background: none;
    width: 20px;
    font-weight: bold;
    line-height: 27px;
    outline: none;
    color: #101010;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-people-outer .inner .selector button {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}

.main-content .query-condition .condition-change .content .select-people-outer .inner .selector .add-num {
    border-left: solid 1px #b5b5b5;
    margin-left: auto;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner .selector .reduce-num {
    border-right: solid 1px #b5b5b5;
}

.main-content .query-condition .condition-change .content .select-people-outer .inner .selector input[type='text'] {
    width: 10px;
    height: 20px;
    border: none;
    margin: 3px 0 0 10px;
    text-align-last: left;
    color: #696969;
    outline: none;
    background-color: #fff;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-people-outer .inner .selector input[type='text'] {
        margin-top: 10px;
        width: 10px;
    }
}

.main-content .query-condition .condition-change .content .select-people-outer .inner span {
    width: 10%;
    display: inline-block;
    text-align: center;
    color: #696969;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-people-outer .inner span {
        width: 10%;
    }
}

.main-content .query-condition .condition-change .content .select-people-outer .num-note {
    margin: 10px 0 0 0;
    width: 86%;
    text-align: left;
}

.main-content .query-condition .condition-change .content .select-people-outer .num-note a {
    text-decoration: none;
}

.main-content .query-condition .condition-change .content .select-people-outer .num-note a.disabled {
    cursor: default;
    color: #696969;
}

.main-content .query-condition .condition-change .content .select-stay-days-outer .selector {
    width: 100px;
    height: 28px;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    margin-left: 9px;
    display: inline-block;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-days-outer .selector {
        width: 70%;
        height: 42px;
    }
}

.main-content .query-condition .condition-change .content .select-stay-days-outer .selector button {
    border: none;
    background: none;
    width: 20px;
    font-weight: bold;
    line-height: 25px;
    outline: none;
    color: #101010;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-days-outer .selector button {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}

.main-content .query-condition .condition-change .content .select-stay-days-outer {
    margin-top: 10px;
}

.main-content .query-condition .condition-change .content .select-stay-days-outer .selector .add-num {
    border-left: solid 1px #b5b5b5;
}

.main-content .query-condition .condition-change .content .select-stay-days-outer .selector .reduce-num {
    border-right: solid 1px #b5b5b5;
}

.main-content .query-condition .condition-change .content .select-stay-days-outer .selector input[type='text'] {
    width: 50px;
    height: 20px;
    border: none;
    margin: 3px 0;
    text-align: center;
    color: #696969;
    outline: none;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-days-outer .selector input[type='text'] {
        width: 142px;
    }
}

.main-content .query-condition .condition-change .content .select-stay-days-outer span {
    width: 40%;
    display: inline-block;
    text-align: center;
    color: #696969;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-days-outer span {
        width: 10%;
    }
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer * {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector {
    width: 100px;
    height: 28px;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    margin-left: 9px;
    text-align-last: left;
    color: #696969;
    padding: 0 0 0 10px;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector {
        width: 70%;
        height: 42px;
    }
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector button {
    border: none;
    background: none;
    width: 20px;
    font-weight: bold;
    line-height: 27px;
    outline: none;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector button {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer {
    margin-top: 10px;
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector .add-num {
    border-left: solid 1px #b5b5b5;
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector .reduce-num {
    border-right: solid 1px #b5b5b5;
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector input[type='text'] {
    width: 50px;
    height: 20px;
    border: none;
    margin: 3px 0;
    text-align: center;
    color: #696969;
    outline: none;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-rooms-outer .selector input[type='text'] {
        width: 142px;
    }
}

.main-content .query-condition .condition-change .content .select-stay-rooms-outer span {
    width: 12%;
    display: inline-block;
    text-align: left;
    color: #696969;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-stay-rooms-outer span {
        width: 10%;
    }
}

.main-content .query-condition .title2 {
    margin-top: 20px;
}

.main-content .query-condition .condition-change .content .select-amount-outer {
    margin-left: 9px;
}

.main-content .query-condition .condition-change .content .select-amount-outer .selector * {
    display: inline-block;
}

.main-content .query-condition .condition-change .content .select-amount-outer .selector select {
    width: 90px;
    height: 30px;
    border: solid 1px #b5b5b5;
    border-radius: 4px;
    font-size: 11px;
    text-align-last: left;
    color: #696969;
    padding: 0 0 0 10px;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-amount-outer .selector select {
        width: 140px;
        height: 42px;
    }
}

.main-content .query-condition .condition-change .content .select-list {
    margin: 0 4px 0 10px;
    border-top: solid 1px #b5b5b5;
}

.main-content .query-condition .condition-change .content .select-list.select-list-first {
    border-top: none;
}

.main-content .query-condition .condition-change .content table {
    width: 100%;
    margin-top: 10px;
}

.main-content .query-condition .condition-change .content table td {
    width: 50px;
    line-height: 24px;
}

.main-content .query-condition .condition-change .content input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    border: 1px solid #b5b5b5;
    width: 13px;
    height: 13px;
    outline: none;
    position: relative;
    top: 2px;
}

.main-content .query-condition .condition-change .content input[type='checkbox']:checked {
    background: url(../../images/icon-checked.png) no-repeat center center;
    background-size: 8px;
}

.main-content .query-condition .condition-change .content .this-active {
    border: 0;
    font-weight: 400;
    background: no-repeat 100% 50%
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZyBjbGFzcz0ibmMtaWNvbi13cmFwcGVyIiBmaWxsPSIjMzMzMzMzIj4KICAgICAgICA8cGF0aCBkPSJNMzggMjZIMTB2LTRoMjh2NHoiLz4KICAgIDwvZz4KPC9zdmc+);
    background-size: contain;
    color: #000;
    width: 14px;
    height: 14px;
    float: right;
    margin-right: 14px;
    outline: none;
    cursor: pointer;
}

.main-content .query-condition .condition-change .content .folder {
    border: 0;
    font-weight: 400;
    background: no-repeat 100% 50%
        url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZyBjbGFzcz0ibmMtaWNvbi13cmFwcGVyIiBmaWxsPSIjMzMzMzMzIj4KICAgICAgICA8cGF0aCBkPSJNMzggMjZIMjZ2MTJoLTRWMjZIMTB2LTRoMTJWMTBoNHYxMmgxMnY0eiIvPgogICAgPC9nPgo8L3N2Zz4=);
    background-size: contain;
    color: #000;
    width: 14px;
    height: 14px;
    float: right;
    margin-right: 14px;
    outline: none;
    cursor: pointer;
}

.main-content .query-condition .condition-change .content .select-list table.room-more {
    margin-top: 0;
}

.main-content .query-condition .condition-change .content .select-list .room-more.is-open {
    height: auto;
}

.main-content .query-condition .condition-change .content .select-list .show-more {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    width: 90px;
    margin: auto;
}

.main-content .query-condition .condition-change .content .select-list .room-more {
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-content .query-condition .condition-change .content .select-list .room-more.is-open {
    height: auto;
}
.main-content .query-condition .condition-change .content .select-list .select-items-border {
    margin-top: 6px;
}

.main-content .query-condition .condition-change .content .select-list .select-items-border .select-items {
    width: 48%;
    display: inline-block;
    margin-top: 6px;
}

.ie11 .main-content .query-condition .condition-change .content .select-list .select-items-border .select-items {
    margin-top: 2px;
}

.main-content .query-condition .condition-change .content .select-list .select-items-border .select-items label {
    display: -webkit-box;
    display: flex;
}

.main-content .query-condition .condition-change .content .select-list .select-items-border .select-items label span {
    flex: 1;
}

.main-content .query-condition .condition-change .content .select-list .keyword-border {
    margin: 15px 0 12px 0;
    display: flex;
}

.main-content .query-condition .condition-change .content .select-list .keyword-border .keyword {
    width: 150px;
    height: 33px;
    border: solid 1px #b5b5b5;
    font-size: 11px;
    padding: 0 8px;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-list .keyword-border .keyword {
        width: 240px;
        height: 50px;
        font-size: 12px;
    }
}

.main-content .query-condition .condition-change .content .select-list .keyword-border button {
    width: 45px;
    height: 33px;
    background: #8fb200
        url('data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI5LjgxIDI5LjkxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnNlYWNoPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOS45MSwyNy45MywyMS40OCwxOS41YTEyLDEyLDAsMSwwLTIsMkwyNy44OCwzMFpNMTIsMjEuMzVBOS4zMSw5LjMxLDAsMSwxLDIxLjMsMTIsOS4zMSw5LjMxLDAsMCwxLDEyLDIxLjM1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDkgLTAuMDQpIi8+PC9zdmc+')
        no-repeat center center;
    background-size: 50%;
    border: none;
    border-radius: 2px;
    margin-left: 8px;
    cursor: pointer;
}

@media (max-width: 829px) {
    .main-content .query-condition .condition-change .content .select-list .keyword-border button {
        width: 66px;
        height: 50px;
    }
}

.main-content .hotel-list .hotel-list-inner {
    margin-left: 40px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner {
        width: 100%;
        margin-left: 0;
    }
}

.main-content .hotel-list .query-condition-show {
    background: #f6f6f6;
    color: #232323;
    padding: 14px 24px;
}

.main-content .hotel-list .query-condition-show h1 {
    padding: 8px 0 0 8px;
    font-size: 20px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .query-condition-show h1 {
        font-size: 14px;
    }
}

.main-content .hotel-list .query-condition-show .title {
    font-size: 15px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .query-condition-show .title {
        font-size: 12px;
    }
}

.main-content .hotel-list .query-condition-show .query-content {
    font-size: 14px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .query-condition-show .query-content {
        font-size: 12px;
    }
}

.main-content .hotel-list .query-condition-show .query-content .line-block {
    display: flex;
    flex-wrap: wrap;
}

.main-content .hotel-list .query-condition-show .query-content .sub-title {
    font-weight: bold;
}

.main-content .hotel-list .query-condition-show .query-content .content {
    margin: 0 20px 0 10px;
    text-align: justify;
}

.main-content .hotel-list .hotel-list-inner .btn-area1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 40px;
    margin-top: 10px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area1 {
        padding: 0 16px;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area1 .left-area {
    display: flex;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area1 .left-area {
        position: absolute;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area1 .left-area * {
    display: none;
}

.main-content .hotel-list .hotel-list-inner .btn-area1 h1 {
    color: #910c0f;
    font-weight: bolder;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area1 h1 {
        font-size: 16px;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area1 b {
    font-size: 20px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area1 b {
        font-size: 14px;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area1 span {
    margin-left: 4px;
    font-size: 18px;
    color: #969696;
    font-weight: bold;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area1 span {
        font-size: 12px;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area1 button {
    margin-left: auto;
    width: 170px;
    height: 42px;
    border: solid 1px #324148;
    color: #1f3e5d;
    border-radius: 4px;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-indent: 14px;
    background: url(../../images/popup.svg) no-repeat right 16px center;
    cursor: pointer;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area1 button {
        width: 110px;
        height: 30px;
        font-size: 12px;
        text-indent: 4px;
        background-position: right 8px center;
        background-size: 14%;
    }
    .ios .main-content .hotel-list .hotel-list-inner .btn-area1 button {
        text-indent: 0;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: solid 4px #1648a1;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area2 {
        padding: 10px 0;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area2 label {
    margin-left: auto;
    font-weight: bold;
    font-size: 16px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area2 label {
        font-size: 13px;
    }
}

.main-content .hotel-list .hotel-list-inner .btn-area2 select {
    width: 138px;
    height: 38px;
    border: solid 1px #b6b6b6;
    border-radius: 4px;
    text-align-last: left;
    font-size: 16px;
    font-weight: bold;
    color: #696969;
    padding: 0 0 0 6px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .btn-area2 select {
        width: 100px;
        height: 30px;
        font-size: 12px;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body {
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body {
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .tip {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .tip p {
    line-height: 24px;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dt {
    padding-bottom: 12px;
    border-bottom: dotted 1px #cfcfcf;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body {
        font-size: 9px;
    }

    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dt {
        padding: 0 16px;
        border-bottom: none;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl {
    margin-top: 16px;
    border-bottom: solid 3px #1648a1;
    padding-bottom: 10px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl {
        margin-top: 10px;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dt h1 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dt h1 {
        font-size: 16px;
    }

    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dt span {
        font-size: 11px;
        margin: 8px 0 9px;
        display: block;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd {
    margin-top: 12px;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd {
        margin-top: 0;
    }
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd {
        display: inline;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd img {
    margin: auto;
    height: 224px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd img {
        height: 280px;
    }
}

/*.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .tag {
    margin-top: 8px;
}*/

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .tag a {
    margin-top: 8px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .tag {
        padding: 0 16px;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .tag a {
    color: #696969;
    display: inline-block;
    border: solid 1px #b6b6b6;
    text-align: center;
    border-radius: 4px;
    padding: 3px 9px;
    margin-right: 6px;
    font-size: 12px;
    text-decoration: none;
    cursor: auto;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .tag a {
        margin-right: 0;
    }

    .main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise {
        padding: 0 16px;
    }
}

/* グレーグラデーションボタン：クチコミ,施設詳細,ページ内リンク */

@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;
    font-display: swap;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise 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;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a {
    text-decoration: none;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a span {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 30px;
    padding-left: 22px;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a span:before {
    font-size: 16px;
    margin-right: 0.5em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a:active {
    opacity: 1;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/* クチコミボタン */
.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a span {
    position: relative;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise 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;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a span:before {
    color: #8ab602;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a {
    transition: all 0.15s;
    margin-top: 5px;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a:link {
    color: #008ebf;
    text-decoration: none;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body dl dd .see-public-praise a span:hover {
    text-decoration: underline;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .left {
    display: inline-block;
    width: 38%;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .left .image {
    width: 280px;
    height: 224px;
    background: #eee;
    text-align: center;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .left img {
    width: auto;
    height: 224px;
    margin: auto;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .left {
        width: 100%;
    }

    .main-content .hotel-list .hotel-list-inner .hotel-list-body .left .image {
        width: 100%;
    }

    .main-content .hotel-list .hotel-list-inner .hotel-list-body .left img {
        min-height: auto;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right {
    font-size: 13px;
    text-align: justify;
    margin-left: 16px;
    display: inline-block;
    width: 438px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .right {
        display: block;
        width: 100%;
        margin-left: 0;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .text-area {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .right .text-area {
        margin-top: 20px;
        padding: 0 16px;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .text-area .text-area-inner {
    height: fit-content;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .more {
    display: none;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .view-more {
    display: none;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .more-control {
    text-align: center;
    margin-top: 20px;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right a {
    text-decoration: none;
    font-weight: bold;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .explain {
    width: 100%;
    min-height: 82px;
    background: #f5f5f5 url('../../images/icon-train.svg') no-repeat left 20px top 22px;
    background-size: 3%;
    margin-top: 20px;
    padding: 20px 0;
    line-height: 20px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .right .explain {
        background-position: left 20px top 22px;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .explain p {
    padding-left: 10%;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .explain2 {
    margin-top: 20px;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .right .explain2 {
        padding: 0 16px;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .explain2 p {
    text-align: right;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .explain2 p.money-range {
    font-size: 20px;
    font-weight: bold;
    color: #dd0000;
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .detail {
    text-align: right;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .right .detail {
        padding: 0 16px;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .right .detail button {
    width: 50%;
    height: 50px;
    background: #ff9024;
    border-radius: 4px;
    font-weight: bold;
    border: none;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .right .detail button {
        width: 100%;
    }
}

.main-content .hotel-list .hotel-list-inner .hotel-list-body .pagination {
    float: right;
}

@media (max-width: 829px) {
    .main-content .hotel-list .hotel-list-inner .hotel-list-body .pagination {
        width: 100%;
    }
}

.show-search-menu-btn {
    display: none;
}

@media (max-width: 829px) {
    .show-search-menu-btn {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        background: #8fb200
            url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMyMzgwNTAwMjA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEzMTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgyOCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik02ODAuMjM4NjkyIDU0OC4zOTc3MjZjLTE0Ny4zODEyOTMgMzQuMDI1MTM3LTI5NC43NzY3NTUtNTcuMzc0OTEzLTMyOC41Njg3NTUtMjAzLjc0NjM3NS0zMy43OTItMTQ2LjM3MTQ2MiA1OC42MTkxNy0yOTMuMTM0NDkxIDIwNS45OTc4ODctMzI3LjE1OTYyOEM3MDUuMDUwNDA1LTE2LjUzNDcwMiA4NTIuNDQ0NTc5IDc0Ljg2NTM0OCA4ODYuMjM3ODY3IDIyMS4yMzU1MjJjMzMuNzkzMjg4IDE0Ni4zNzE0NjItNTguNjE3ODgyIDI5My4xMzQ0OTEtMjA1Ljk5Nzg4NyAzMjcuMTYwOTE2ek01NzAuNjQ3NTA3IDczLjcwNDgxNWMtMTE2LjU2MzQwMSAyNi45MTEyMzUtMTg5LjY3ODI4OSAxNDIuNjI3MDk5LTE2My4wMzQ5NjkgMjU4LjAzMTI1NSAyNi42NDMzMjEgMTE1LjQwNDE1NiAxNDMuMDg1NjQ1IDE4Ny4zNTg1MTEgMjU5LjY0Nzc1OSAxNjAuNDQ3Mjc2IDExNi41NjIxMTMtMjYuOTA5OTQ3IDE4OS42NzcwMDEtMTQyLjYyNTgxMSAxNjMuMDMzNjgtMjU4LjAzMTI1NUM4MDMuNjUwNjU3IDExOC43NDkyMjMgNjg3LjIwOTYyIDQ2Ljc5NDg2OCA1NzAuNjQ3NTA3IDczLjcwNDgxNXoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjgyOSI+PC9wYXRoPjxwYXRoIGQ9Ik05NTkuNjY1NzUxIDYxNS40NDA3NDVhMjAuOTI0Mzc3IDIwLjkyNDM3NyAwIDAgMS0xNS4zNjc3MjgtNS41OTY1NzlMNzg1Ljc4NTM5OSA0NjEuMzQwOTgxYy04LjI0MzUyMi03LjY4MzIyLTguNDU2MDUtMjAuNDgtMC41Nzk2MjMtMjguNTYzODA0IDcuODc1MTQtOC4wODM4MDQgMjAuOTU0MDAzLTguMzk4MDg4IDI5LjIwMDEwMS0wLjY0MDE2MUw5NzIuOTIxMDc3IDU4MC42NDAyMDFjOC4yNDM1MjIgNy42ODQ1MDggOC40NTYwNSAyMC40ODEyODggMC41Nzk2MjIgMjguNTY1MDkyLTMuNzUzMzc5IDMuOTE5NTM3LTguNzQ1ODYyIDUuOTcwMTEzLTEzLjgzMzY2IDYuMjM2NzR6IiBmaWxsPSIjRkZGRkZGIiBwLWlkPSI4MzAiPjwvcGF0aD48cGF0aCBkPSJNOTEuNzIyMDYzIDc2OS40NDUxOTJjLTIxLjA5Njk3NiAxOS4yNDg2MjQtNDMuMzMzODc3IDM1LjAxMTc4NC02Ni43MTE5OSA0Ny4yOTA3NjhsLTExLjU4MDg2LTE1LjU5ODI5YzQ2Ljk3NTE5NS0yNy42NTQ0NCA4MC43Mzg4NTgtNTkuMTgwNzYgMTAxLjI4OTctOTQuNTgwMjQ2bDI1Ljc3MTMxMSA0LjgxMjE1NmMtNC4zNDk3NDYgNy45NjUzMDMtOS4zNTEyNDUgMTUuNzA3Nzc0LTE1LjAwNTc4NiAyMy4yMjk5ODdoMTI4LjIwMzUxMmw5LjYyMzAyNCA5LjI5MzI4M2MtNy41MDI4OTMgMTIuOTQyMzMtMTQuOTc4NzM3IDIzLjc1NTUxMi0yMi40Mjc1MzIgMzIuNDM5NTQ3LTcuNDQ4Nzk1IDguNjgyNzQ3LTE1LjI3NjI3NyAxNi42NzUwOTktMjMuNDg3NTk4IDIzLjk3NzA1Ny04LjIxMDAzMyA3LjMwMDY2OS0xNy4wNDQ3NyAxNC4xNTk1MzctMjYuNTA0MjExIDIwLjU3NTMxNiAzMS43NTA0NCAxMi44MzE1NTcgNzQuMDUwMDEzIDIzLjIyOTk4NyAxMjYuODk4NzE3IDMxLjE5NTI5bC05LjYyNDMxMiAyMS4yMzk5NWMtNDkuMzY4MzkyLTcuMDgwNDEzLTk1LjQxODc2Ny0yMC4yOTk2NzMtMTM4LjE1MjQxMy0zOS42NTkwNjktMzguMDU5MzExIDIwLjEzMzUxNC04OS4yMjA2NjkgMzQuMzQ4NDM4LTE1My40ODUzNjMgNDIuNjQ0NzdsLTYuODUxMTQtMTguNTgzOTljNTYuOTc5NDgyLTcuNjMyOTg2IDEwMi44Njc1NjItMTkuODU2NTg0IDEzNy42NjQyNDItMzYuNjcwNzkzLTIyLjYxODE2NC0xNC40OTA1NjYtNDEuMTU4MzYtMzEuNjkzNzY2LTU1LjYyMDU4OS01MS42MDU3MzZ6IG0yNC4yNTM5ODctMTYuMDYwNjk5bC0xLjY1NjQzMiAxLjcxNjk3MWMxNC45MDc4OTQgMjIuMjAwODM1IDM1LjY2ODY4OSA0MS4xNDAzMjcgNjIuMjgzNjczIDU2LjgxNzE4OCAyNC42MjYyMzQtMTUuMTA2MjU0IDQ0LjU1ODgxMy0zNC42MTYzNTIgNTkuNzk3NzM1LTU4LjUzNDE1OUgxMTUuOTc2MDV6IG0zNi43MzAwNDMgMTc4Ljg4NTcxNmMtMTkuOTk4MjY5IDE1LjQ1NTMxNi00Mi45NzQ1MTEgMjkuMDI4NzktNjguOTI4NzI0IDQwLjcyMjk5OS0yNS45NTQyMTQgMTEuNjk0MjA5LTUwLjA3OTM5NiAyMC4wMTM3MjYtNzIuMzcyOTcyIDI0Ljk1ODU1TDMuODY0MTUxIDk4MC45NTMzNThjMTkuNzgwNTg5LTQuNzQwMDI1IDQyLjA3NDE2NC0xMi41OTU4NDQgNjYuODgwNzI0LTIzLjU2NzQ1NiAyNC44MDc4NDktMTAuOTc0MTg5IDQ3Ljg2NTIzOC0yNS4xMTQ0MDUgNjkuMTc2MDMxLTQyLjQyMzIyNUgxOS45Mjg3MTR2LTE5LjAwOTA0N2gxMzIuMTIxNzYxdi0yNS40OTk1MzJoMjYuMzkyMTUxdjI1LjQ5OTUzMmgxMzQuOTA5MTAydjE5LjAwOTA0N2gtMTI1LjQwMjAwMmMxOS4wMTU0ODcgMTUuNTU3MDcyIDQxLjQ0NTU5NSAyOS4xMzE4MzQgNjcuMjkxNjEyIDQwLjcyMjk5OCAyNS44NDQ3MyAxMS41OTExNjUgNTAuNTY4ODU1IDIwLjExNjc3IDc0LjE3NDk1NCAyNS41NzY4MTZsLTEyLjYyMjg5MyAxOS4zMTgxNzhjLTU1LjE4NjUxNi0xNS4xNDQ4OTYtMTAxLjUyMjgzOC0zOC4xNzI2NTktMTM5LjAwNjM5LTY5LjA4MjAwMnY3OS40MzY2MzloLTI1LjA4MDkxNnYtNzguNjYzODA5eiBtMjg3LjE2NTY2NS0zNi44NTExMnYtMjAuMjk3MDk3aDEwMi4wNTg2Njd2LTgzLjE3MDY5NmgtNTUuNjgzNzAzYy04Ljc1NDg3OCAyMS4xMjI3MzctMTYuOTU0NjA2IDM2LjYzNDcyNy0yNC42MDA0NzMgNDYuNTM1OTY5bC0yMC40NDUyMjMtOS41NzE1MDFjNy42NDU4NjctMTIuMTAxMjMzIDE1LjU5ODI4OS0yOC43MTMyMTggMjMuODUyMTE2LTQ5LjgzNTk1NSA4LjI1NjQwMy0yMS4xMjQwMjUgMTMuODgwMDMtMzkuNjU5MDY5IDE2Ljg3MjE3MS01NS42MTI4NjFsMjUuMjY1MTA3IDQuMTI1NjI2Yy0yLjQzODI3OSAxMi4xMDI1MjEtNi43NTk2ODggMjYuNjc4MDk4LTEyLjk2NTUxNCA0My43MzA1OTZoNDcuNzA1NTE5di01OC45MTE1NTdoMjYuNzYxODIydjU4LjkxMTU1N2g4NS40MzYzNzd2MjAuNjI4MTI2aC04NS40MzYzNzd2ODMuMTY5NDA4aDk3LjkwMzQxNnYyMC4yOTk2NzNoLTk3LjkwNDcwNXYxMTUuNTEyMzUzaC0yNi43NjA1MzN2LTExNS41MTIzNTNoLTEwMi4wNTg2Njd6IG0tNDguNDY1NDY5IDExNS41MTQ5MjlWODQxLjAwNTQwNGMtMTIuOTM3MTc3IDIwLjQ0Nzc5OS0yNi4xMDIzNCAzNy42NzAzMTktMzkuNDk0MTk4IDUxLjY2NzU2MkwzMzUuMjI5MjYzIDg3OS4yMjMxNDVjMTkuNDA3MDU0LTIzLjI5MTgxNCAzNy42MjEzNzQtNTAuNzY1OTI3IDU0LjY0NTUzNC04Mi40MjIzNCAxNy4wMjI4NzMtMzEuNjU2NDEzIDI4LjU0MTkwNy01OS43ODYxNDMgMzQuNTU3MTAyLTg0LjM4OTE5MmwyNy4wNjU4MDIgNC43NTU0ODFjLTYuMTI3MjU1IDIyLjYzNjE5Ni0yMC4wMjkxODIgNTMuMzYzOTI1LTQxLjcwNzA3IDkyLjE4MTg5N2g4LjY4MTQ2djIwMS41ODUwMjdoLTI3LjA2NTgwMnogbTMzNi41Mzc5MjItMTI4Ljc3NDExOWwtMTEuNzU5ODk5LTE2LjgwMzkwNGM1MC4zNTM3NTEtMjEuODMyNDUzIDc2LjA4MTI2OC01NS40OTY5MzYgNzcuMTg2NDE1LTEwMC45OTIxNjFoLTEwMy41MjA2MDRWNzQzLjYxNzIwOGgxMzMuODMxMDA0di0zMS4yMDU1OTVoMjYuOTk3NTM1djMxLjIwNTU5NWgxMzUuNjU0ODgzdjIwLjc0NjYyNmgtOTMuNzQ4MTY2djgzLjE2MDM5MmMwIDYuMjg1Njg2LTIuNTk1NDIxIDExLjY1OTQzMS03Ljc4NDk3NiAxNi4xMTczNzQtNS4xOTA4NDMgNC40NTY2NTQtMTEuODE1Mjg2IDYuNjg2MjY5LTE5Ljg3NTkwNSA2LjY4NjI2OWgtMzEuNDcwOTMzbC0zLjgxMDA1My0yMS43NzU3NzhoMjQuMTgzMTQ1YzMuNzU0NjY3IDAgNi45NTU0NzItMS4xMTQxNjQgOS42MDYyNzktMy4zNDI0OTEgMi42NTA4MDgtMi4yMjk2MTUgMy45NzYyMTEtNS4wNTgxNzQgMy45NzYyMTEtOC40ODgyNTJ2LTcyLjM1NzUxNGgtNDkuMDI4MzQ3Yy0yLjA5ODIzNCAzMS4yMDY4ODMtMTEuNjIyMDc4IDU2LjE1Mzg0Mi0yOC41NzE1MzIgNzQuODQzNDUyLTE2Ljk1MDc0MiAxOC42ODk2MS0zNy41NzI0MjggMzMuMDA3NTc3LTYxLjg2NTA1NyA0Mi45NTI2MTN6IG0tMzYuOTUxNTg3LTQwLjk3NDE2OGwtMTIuNzcxMDE5LTEzLjA5MzAzMmMxMi4yMjEwMjEtNy43MDI1NDEgMjMuNjM5NTg3LTE2LjY4Nzk4IDM0LjI1Njk4Ni0yNi45NTYzMTcgMTAuNjE3Mzk5LTEwLjI2OTYyNSAxNy44MjkxOTItMTguMzgxNzY2IDIxLjYzNTM4MS0yNC4zMzc3MWwxOS42ODI2OTcgOC4xNjM2NjNjLTUuMjA4ODc1IDcuNTk5NDk3LTE0LjEyMzQ3MiAxNy4xNzQ4NjMtMjYuNzQzNzg4IDI4LjcyNzM4Ni0xMi42MjE2MDUgMTEuNTUzODExLTI0LjY0MDQwMyAyMC43MTgyODktMzYuMDYwMjU3IDI3LjQ5NjAxeiBtMjg0LjM3NzAzNiA1Ljg1MjljLTkuNDQwMTIxLTYuMTIwODE1LTIwLjI2NjE4NC0xNS43MzYxMTEtMzIuNDc2OS0yOC44NDU4ODYtMTIuMjEwNzE3LTEzLjEwOTc3Ni0yMC45ODM2MjgtMjQuMjUzOTg3LTI2LjMyMDAyLTMzLjQzNzc4N2wxOS4yMzk2MDctNy45NTYyODZjNi4zNjI5NjkgOS4xODEyMjMgMTUuMTM0NTkxIDE5LjI1NjM1MiAyNi4zMjAwMiAzMC4yMjI4MTIgMTEuMTg1NDI5IDEwLjk2Nzc0OCAyMS4xODk3MTYgMTkuNDA5NjMgMzAuMDE1NDM3IDI1LjMyNjkzNGwtMTYuNzc4MTQ0IDE0LjY5MDIxM3pNNzU5LjkzNDIyOSA5MjUuOTE0OTY5Yy0xNS43NTI4NTUgMTAuNDYyODMzLTM0Ljg0ODIwMSAyMC42MjAzOTctNTcuMjg4NjE0IDMwLjQ3MjY5NGwtMTAuODQyODA3LTE0LjkzMTA3OWM0NS44NTIwMTUtMjEuMDI3NDIxIDc5LjAyNzAzOS00NC42OTUzNDYgOTkuNTI2MzU5LTcxLjAwMjQ4NmwyMy4zMDM0MDcgNi4wOTM3NjZjLTQuODU1OTUgNy4wMDk1Ny0xMC43MzQ2MTEgMTMuODE1NjI4LTE3LjYzOTg0OSAyMC40MTgxNzRoMTMwLjExMTExNGwxMC4xOTYyMDYgNy45MjE1MDljLTE2LjE4MzA2NCAyMy4zNjM5NDUtNDAuMjk2NjU0IDQzLjcyOTMwOC03Mi4zMzgxOTMgNjEuMDk5OTU1IDMyLjE0OTczNiAxMC44Njg1NjkgNzIuNjA3Mzk2IDE4LjYzODA4OCAxMjEuMzcyOTgxIDIzLjMxMTEzNGwtMTIuMTM4NTg2IDE5Ljk2MDkxNmMtNDguNDQwOTk2LTQuNjczMDQ3LTkyLjk5NzIzMy0xNS4xMzQ1OTEtMTMzLjY3MTI4Ni0zMS4zODcyMS0xOS45NTgzNCA4LjczNTU1Ny00NC4xMjQ3NCAxNi4wNDkxMDctNzIuNDk5MiAyMS45NDA2NDktMjguMzc1NzQ4IDUuODkxNTQyLTU0LjQyOTE0MiA5LjU5ODU1MS03OC4xNjQwNDUgMTEuMTIyMzE1bC01LjgyNTg1Mi0xNy44MjY2MTdjMjAuMjgyOTI4LTEuNjI1NTE5IDQzLjYzOTE0NS00Ljk3NzAyNiA3MC4wNzI1MTMtMTAuMDU3MDk3IDI2LjQzMDc5Mi01LjA3ODc4MiA0Ny4zNjE2MS0xMC40NjE1NDUgNjIuNzg5ODc3LTE2LjE0OTU3NC0yMy43MzQ5MDMtMTIuMjkxODY0LTQyLjcyMzM0MS0yNS45NTQyMTQtNTYuOTY0MDI1LTQwLjk4NzA0OXogbTkxLjQ2NDQ1MyAyNi40ODYxNzhjMjUuMjgwNTY0LTExLjk2MzQxMSA0NS4wNjc1OTItMjUuNjIwNjA5IDU5LjM2MTA4Ny00MC45NzI4OGgtMTIyLjA4MTQwOWMxNy43MDU1NCAxNi43NDcyMyAzOC42MTMxNzIgMzAuNDA1NzE2IDYyLjcyMDMyMiA0MC45NzI4OHpNMTMwMi45NTY5MjEgNzIxLjU4ODk3MXYyMC4zNTg5MjNoLTEzMy44MTU1NDd2MzIuOTc3OTUzaDExMS4zNTE5NDl2MTI4LjcxNjE1NmgtMTE1LjA0MjIxNGMtMy43NDQzNjIgMTcuNjExNTEyLTEwLjUzNjI1MiAzMy4zMTU0MjEtMjAuMzc2OTU2IDQ3LjExMTcyOCA1MS42NjM2OTggMjEuNTM2MjAxIDEwOC40MTAwNDMgMzUuMzMzNzk2IDE3MC4yMzc3NDYgNDEuMzkxNDk3bC05LjE0NTE1NyAyMi4yMDk4NTFjLTU4LjA4MzM0MS00LjcxMTY4OC0xMTYuNzU1MzIxLTIwLjE5MDE4OS0xNzYuMDE1OTM5LTQ2LjQzOTM2Ni0yNC45MjM3NzQgMjMuODkzMzMzLTYyLjYyODg3IDM5LjQ4NTE4Mi0xMTMuMTE2NTc5IDQ2Ljc3NTU0N2wtNi4wOTc2My0xOS42ODUyNzNjMjQuNjAxNzYxLTQuNDg3NTY3IDQ0LjA5NjQwMy05LjczMTIyIDU4LjQ4MzkyNC0xNS43MzIyNDYgMTQuMzg3NTIyLTYuMDAyMzE0IDI2LjcxNDE2NC0xMy42MDE4MTEgMzYuOTgzNzg5LTIyLjc5ODQ5MS0xOS4wMzk5Ni05Ljg3MTYxOC0zNC4yMjk5MzctMTkuNDA1NzY2LTQ1LjU2NzM1Ni0yOC42MDM3MzNsMTYuMjA0OTYxLTE0LjQ2OTk1N2MxMy4wNTA1MjYgOS42NDc0OTcgMjguMDI1Mzk5IDE4LjYyMDA1NSA0NC45MjcxOTUgMjYuOTIwMjUxIDguNzcxNjIzLTEwLjg4MDE2MSAxNC43MDY5NTgtMjMuMTA3NjIzIDE3LjgwOTg3Mi0zNi42Nzk4MDhoLTEwMi42ODk4MTJ2LTEyOC43MTYxNTZoMTA2LjIxOTA2OXYtMzIuOTc3OTUzaC0xMjkuOTY0Mjc2di0yMC4zNTg5MjNoMjg5LjYxMjk2MXogbS0xNjMuMjQ3NDk3IDEyMy4xMDI4MzNoLTc2LjA5Mjg2djM1LjE3Mjc5aDc2LjA5NDE0OFY4NDQuNjkwNTE2eiBtMTIyLjkyMjUwNiAwaC04Ni45OTQ5MTl2MTguMDY2MTkzYzAgNS43NTUwMDktMC4yNjc5MTQgMTEuNDU3MjA4LTAuODA2MzE5IDE3LjEwNTMwOWg4Ny44MDEyMzh2LTM1LjE3MTUwMnogbTAtNTIuNzU4NTQxSDExNzQuODMwNjkydjM1LjE3Mjc5aDg3LjgwMTIzOFY3OTEuOTMxOTc1eiBtLTEyMi45MjEyMTggMGgtNzYuMDk0MTQ4djM1LjE3Mjc5aDc2LjA5NDE0OFY3OTEuOTMxOTc1eiIgZmlsbD0iI0ZGRkZGRiIgcC1pZD0iODMxIj48L3BhdGg+PC9zdmc+)
            no-repeat center center;
        position: fixed;
        border: 0;
        bottom: 10px;
        right: 10px;
        background-size: 70%;
        outline: none;
    }
}

/* 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;
    display: none;
}

@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%;
}

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

@media (max-width: 829px) {
}

.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: 4px 0;
}

/* modal */
.is-child-num .modal-inner,
.is-child-seat .modal-inner,
.is-after-join .modal-inner {
    padding-bottom: 28px;
    border-radius: 0;
    color: #333;
}

@media (min-width: 829px) {
    .is-child-num .modal-inner,
    .is-child-seat .modal-inner,
    .is-after-join .modal-inner {
        padding-bottom: 56px;
    }
}

@media (max-width: 828px) {
    .is-child-num .modal-close,
    .is-child-seat .modal-close,
    .is-after-join .modal-close {
        top: 5px;
    }
}

.modal-title-sub {
    color: #d10005;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 10px;
}

@media (min-width: 737px) {
    .modal-title-sub {
        font-size: 15px;
        padding-top: 10px;
        padding-left: 20px;
    }
}

@media (min-width: 737px) {
    .modal-select-number {
        padding: 0 30px 0;
        max-width: 650px;
        margin: auto;
    }
}

.modal-select-number .modal-select-brick {
    border-bottom: 0;
}

@media (min-width: 829px) {
    .modal-select-number .modal-select-brick {
        padding: 10px 0;
    }
}

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

.after-join-modal .modal-select-number .modal-select-brick .modal-select-num,
.child-seat-modal .modal-select-number .modal-select-brick .modal-select-num,
.child-age-modal .modal-select-number .modal-select-brick .modal-select-num {
    padding-top: 15px;
    border-top: 1px solid #a6a6a6;
}

@media (min-width: 829px) {
    .after-join-modal .modal-select-number .modal-select-brick .modal-select-num,
    .child-seat-modal .modal-select-number .modal-select-brick .modal-select-num,
    .child-age-modal .modal-select-number .modal-select-brick .modal-select-num {
        margin-top: 24px;
        padding-top: 24px;
    }
}

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

.modal-select-number .modal-select-brick .modal-select-num .type > span {
    min-width: 7em;
    text-align: center;
}

@media (min-width: 737px) {
    .modal-select-number .modal-select-brick .modal-select-num .type {
        padding-right: 0;
        width: 151px;
        font-size: 20px;
    }
}

.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;
    cursor: pointer;
}

@media (min-width: 737px) {
    .modal-select-number .modal-select-brick .modal-select-num .js-reduce-child {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 20px;
    }
}

.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: 737px) {
    .modal-select-number .modal-select-brick .modal-select-num .select-num-input {
        width: 252px;
        height: 68px;
        font-size: 20px;
    }
}

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

.after-join-modal .modal-select-number .modal-select-brick .modal-select-num .select-num-dec,
.child-age-modal .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: 737px) {
    .after-join-modal .modal-select-number .modal-select-brick .modal-select-num .select-num-dec,
    .child-age-modal .modal-select-number .modal-select-brick .modal-select-num .select-num-dec {
        width: 45px;
        height: auto;
        line-height: 64px;
        font-size: 30px;
    }
}

.after-join-modal .modal-select-number .modal-select-brick .modal-select-num input[type='number'],
.child-age-modal .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: 737px) {
    .after-join-modal .modal-select-number .modal-select-brick .modal-select-num input[type='number'],
    .child-age-modal .modal-select-number .modal-select-brick .modal-select-num input[type='number'] {
        padding: 10px;
        width: 162px;
        height: auto;
        font-size: 18px;
    }
}

.after-join-modal .modal-select-number .modal-select-brick .modal-select-num .select-num-inc,
.child-age-modal .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: 737px) {
    .after-join-modal .modal-select-number .modal-select-brick .modal-select-num .select-num-inc,
    .child-age-modal .modal-select-number .modal-select-brick .modal-select-num .select-num-inc {
        width: 45px;
        height: auto;
        line-height: 64px;
        font-size: 30px;
    }
}

.modal-select-number .modal-select-brick .modal-select-num .num {
    width: 48px;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
}

@media (min-width: 737px) {
    .modal-select-number .modal-select-brick .modal-select-num .num {
        font-size: 20px;
    }
}

.modal-submit-button {
    margin: 10px auto 0;
    width: 200px;
    background-color: #ff9024;
    cursor: pointer;
}

@media (min-width: 829px) {
    .modal-submit-button {
        padding: 14px 0;
        border-radius: 5px;
        width: 350px;
        font-size: 28px;
    }
}

.select-num-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.select-num-radio.is-hide {
    display: none;
}

.select-num-radio .select-num-radio-item label input[type='radio'] {
    display: none;
}

.select-num-radio .select-num-radio-item label input[type='radio']:checked + span::after {
    display: block;
}

.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) {
    .select-num-radio .select-num-radio-item label span {
        padding-right: 25px;
        padding-left: 58px;
        font-size: 18px;
    }
}

.select-num-radio .select-num-radio-item label span::before,
.select-num-radio .select-num-radio-item label span::after,
.select-num-radio .select-num-radio-item label span::before,
.select-num-radio .select-num-radio-item label span::after,
.select-num-radio .select-num-radio-item label span::before,
.select-num-radio .select-num-radio-item label span::after {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 100%;
}

.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) {
    .select-num-radio .select-num-radio-item label span::before {
        margin-top: -20px;
        width: 40px;
        height: 40px;
    }
}

.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) {
    .select-num-radio .select-num-radio-item label span::after {
        left: 8px;
        margin-top: -12px;
        width: 24px;
        height: 24px;
    }
}

.add-modal-select-num {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #a6a6a6;
    text-align: center;
}

@media (min-width: 829px) {
    .add-modal-select-num {
        margin-top: 20px;
        padding-top: 20px;
    }
}

.add-modal-select-num span {
    color: #0b499d;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}

@media (min-width: 829px) {
    .add-modal-select-num span {
        font-size: 18px;
    }
}

/* popup */
.blue-modal .modal-header {
    background-color: #0b499d;
}

#jsi-child-age-modal,
#jsi-child-seat-modal,
#jsi-after-join-modal,
#jsi-room-modal,
#jsi-map-modal,
#jsi-refine-modal {
    display: none;
}

#jsi-refine-modal {
    overflow-x: hidden;
}

/* loading */
#loading {
    width: 20px;
    height: 20px;
    margin: 20px auto;
}

@media (min-width: 829px) {
    #loading {
        width: 40px;
        height: 40px;
    }
}

#jsi-map {
    width: 100%;
    height: 66vh;
}

.folding .folding-title {
    color: #0b499d;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 829px) {
    .folding .folding-title {
        margin-bottom: 20px;
        font-size: 16px;
    }
}

.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) {
    .modal.multi-modal .modal-body .modal-refine-inner .modal-refine-toggle-block .modal-refine-toggle {
        padding: 8px 0;
        font-size: 20px;
    }
}

.modal-popup .modal-footer {
}

.google-map-ok-button {
    width: 60%;
    height: 40px;
    margin: auto;
    border: 0;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    background-color: #ff9024;
    cursor: pointer;
}

@media (min-width: 829px) {
    .google-map-ok-button {
        font-size: 16px;
    }
}

@media (min-width: 829px) {
    .modals-room-wrapper .modal-popup .modal-inner-wrap {
        max-width: 620px !important;
    }
    .modals-map-wrapper .modal-popup .modal-inner-wrap {
        max-width: 760px !important;
    }
    .modals-refine-wrapper .modal-popup .modal-inner-wrap {
        max-width: 760px !important;
    }
}

.modal-popup .modal-title {
    border-radius: 10px 10px 0 0;
}

.link-hand {
    cursor: pointer;
}

@media (max-width: 829px) {
    .modals-map-wrapper .modal-popup .modal-inner-wrap {
        margin: 2rem auto !important;
    }
}

.hotel-list .hotel-list-inner .btn-area2 .refine span {
    margin: 0 auto;
    padding: 9px 30px;
    border-radius: 3px;
    display: block;
    width: 180px;
    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;
}

.hotel-list .hotel-list-inner .btn-area2 .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;
}
.show-search-btn {
    display: none;
}

.main-content .hotel-list .hotel-list-inner .btn-area2 {
    flex-direction: row-reverse;
}

@media (max-width: 829px) {
    .show-search-btn {
        display: block;
    }

    .main-content .hotel-list .hotel-list-inner .btn-area2 {
        flex-direction: row;
    }
}
.st2-flatpickr-current-month--add {
    display: none;
}

.ie .numInputWrapper input {
    width: 100%;
}

#jsi-specialAlert-dialog {
    margin: 0 !important;
}

.specialAlert-dialog-content {
    margin-top: 30px;
}

.main-content select:not(:disabled) {
    background:#fff;
    -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;
}

.modal-refine-nums .jsc-search-tip{
    font-size: 12px;
}

@media (min-width: 829px) {
    .modal-refine-nums .jsc-search-tip{
        font-size: 17px;
    }
}

.modal-map .tip {
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

@media (min-width: 829px) {
    .modal-map .tip {
        margin-top: 40px;
    }
}

#jsi-qrcode-modal {
    text-align: center;
    margin-top: 30px;
}

#jsi-search-alert-modal,
#jsi-search-alert1-modal {
    text-align: center;
    margin-top: 30px;
}