.c-grid--system {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media print, screen and (min-width: 768px) {
    .c-grid--system {
        margin-bottom: -20px
    }
}

.c-grid--system__caption {
    width: 100%;
    margin-bottom: 10px
}

@media print, screen and (min-width: 768px) {
    .c-grid--system.c-grid--range .c-col--2__1 {
        width: calc(50% - 25px)
    }

        .c-grid--system.c-grid--range .c-col--2__1:nth-child(odd) {
            position: relative
        }

            .c-grid--system.c-grid--range .c-col--2__1:nth-child(odd)::after {
                height: 30px;
                width: 30px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                content: "〜";
                position: absolute;
                font-size: 20px;
                left: calc(100% + 10px);
                top: 26px;
                bottom: 0
            }
}

.c-grid--system .c-col {
    margin-bottom: 20px;
    width: 100%
}

    .c-grid--system .c-col.c-grid--system {
        margin-bottom: 0
    }

.c-grid--system .c-col--1 {
    width: 100%
}

@media screen and (max-width: 767px) {
    .c-grid--system .c-col--1--sp {
        width: 100%
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--2__1 {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 767px) {
    .c-grid--system .c-col--2__1--sp {
        width: calc(50% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--3__1 {
        width: calc(33.3333% - 10px)
    }
}

@media screen and (max-width: 767px) {
    .c-grid--system .c-col--3__1--sp {
        width: calc(33.3333% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--3__2 {
        width: calc(66.6666% - 10px)
    }
}

@media screen and (max-width: 767px) {
    .c-grid--system .c-col--3__2--sp {
        width: calc(66.6666% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--4__1 {
        width: calc(25% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--4__3 {
        width: calc(75% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--5__1 {
        width: calc(20% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--5__2 {
        width: calc(40% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--5__3 {
        width: calc(60% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--5__4 {
        width: calc(80% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--6__1 {
        width: calc(16.6666% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--6__5 {
        width: calc(83.3333% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--7__1 {
        width: calc((100% / 7) - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--7__2 {
        width: calc(((100% / 7) * 2) - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--7__3 {
        width: calc(((100% / 7) * 3) - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--7__4 {
        width: calc(((100% / 7) * 4) - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--7__5 {
        width: calc(((100% / 7) * 5) - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--7__6 {
        width: calc(((100% / 7) * 6) - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--10__1 {
        width: calc(10% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--10__3 {
        width: calc(30% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--10__7 {
        width: calc(70% - 10px)
    }
}

@media print, screen and (min-width: 768px) {
    .c-grid--system .c-col--10__9 {
        width: calc(90% - 10px)
    }
}

.c-grid--system.o-power {
    justify-content: flex-start
}

    .c-grid--system.o-power .c-col_p {
        margin-bottom: 20px;
        margin-right: 10px
    }

@media print, screen and (min-width: 768px) {
    .c-grid--system.o-power .c-col_p {
        width: calc(100% / 6 - 10px);
        transform: translateX(5px)
    }
}

@media screen and (max-width: 767px) {
    .c-grid--system.o-power .c-col_p {
        width: calc(50% - 10px)
    }
}

body.system .l-header {
    width: 100%;
    background: white;
    border-bottom: 1px solid #c0cac7;
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    body.system .l-header header {
        display: flex;
        justify-content: space-between
    }
}

@media print, screen and (min-width: 768px) {
    body.system .l-header {
        padding: 22px 0 20px;
        min-width: 1200px
    }
}

body.system .l-header__symbol {
    text-align: center
}

@media screen and (max-width: 767px) {
    body.system .l-header__symbol {
        width: 75px;
        margin: 12px 0 0 15px
    }
}

body.system .l-header__symbol a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    body.system .l-header__symbol a img {
        width: 100%
    }

@media print, screen and (min-width: 768px) {
    body.system .l-header__symbol a img {
        width: 138px
    }
}

body.system .l-header__symbol a:hover {
    opacity: .7
}

@media screen and (max-width: 767px) {
    body.system .l-header__systemNav {
        margin: 0
    }
}

@media print, screen and (min-width: 768px) {
    body.system .l-header__systemNav {
        position: absolute;
        top: 10px;
        right: 12px
    }
}

body.system .l-header__systemNav ul {
    display: inline-flex
}

@media print, screen and (min-width: 768px) {
    body.system .l-header__systemNav__item + .l-header__systemNav__item {
        margin-left: 1px;
        position: relative
    }

        body.system .l-header__systemNav__item + .l-header__systemNav__item::before {
            content: "";
            width: 1px;
            height: 20px;
            background: #576b65;
            position: absolute;
            top: 16px;
            left: -1px
        }
}

@media screen and (max-width: 767px) {
    body.system .l-header__systemNav__item {
        border-left: 1px solid #c0cac7
    }
}

body.system .l-header__systemNav__item button {
    display: block;
    background-color: transparent;
    text-decoration: none;
    color: #30403b;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none
}

@media screen and (max-width: 767px) {
    body.system .l-header__systemNav__item button {
        padding: 6px 3px;
        font-size: 0.7rem;
        min-width: 7rem;
        text-align: center
    }
}

@media print, screen and (min-width: 768px) {
    body.system .l-header__systemNav__item button {
        padding: 5px;
        margin: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    html.win body.system .l-header__systemNav__item button {
        font-weight: bold
    }
}

body.system .l-header__systemNav__item button:hover {
    background: #e8edec
}

body.system .l-header__systemNav__item__icn {
    width: 17px;
    height: 17px;
    margin: 0 auto 5px;
    display: block;
    text-align: center
}

html.msie10 body.system .l-header__systemNav__item__icn, html.msie11 body.system .l-header__systemNav__item__icn {
    margin-bottom: 7px
}

body.system .l-header__systemNav__item__icn img {
    max-height: 100%
}

@media print, screen and (min-width: 768px) {
    body.system .l-header__systemNav__item__icn {
        width: 25px;
        height: 25px;
        margin: 0 auto 3px
    }
}

@media print, screen and (min-width: 768px) {
    .l-header__userName {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
        margin: auto;
        height: 2.1rem;
        line-height: 1.5;
        font-size: 1.1rem;
        border-left: 1px solid #c0cac7;
        padding-left: 12px;
        font-weight: bold
    }

        .l-header__userName b {
            font-size: 1.4rem;
            display: inline-block;
            vertical-align: baseline;
            margin: 0 2px
        }
}

@media screen and (max-width: 767px) {
    .l-header__userName {
        width: 100%;
        border-top: 1px solid #c0cac7;
        font-size: 0.9rem;
        text-align: center;
        padding: 10px
    }

        .l-header__userName b {
            font-size: 1.2rem;
            display: inline-block;
            vertical-align: baseline;
            margin: 0 2px
        }
}

body.system .l-footer {
    background: #30403b;
    text-align: center;
    padding: 30px 0 15px
}

@media print, screen and (min-width: 768px) {
    body.system .l-footer {
        padding: 62px 0 32px;
        position: relative;
        z-index: 2
    }
}

body.system .l-footer__symbol {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    body.system .l-footer__symbol {
        width: 155px;
        margin: auto
    }

        body.system .l-footer__symbol img {
            width: 100%
        }
}

body.system .l-footer__copyright {
    color: white;
    font-size: 1.1rem;
    line-height: 1;
    font-family: arial, sans-serif
}

@media screen and (max-width: 767px) {
    body.system .l-footer__copyright {
        font-size: 1rem;
        margin-top: 65px
    }
}

body.system .l-footer__btt {
    position: fixed;
    width: 32.5px;
    height: 32.5px;
    right: 15px;
    bottom: 35px
}

@media print, screen and (min-width: 768px) {
    body.system .l-footer__btt {
        display: none
    }
}

body.system .l-footer__btt img {
    width: 100%
}

.p-systemPlanSearch {
    width: 100%;
    background: #e0eae7;
    margin-right: auto;
    margin-left: auto
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch {
        margin-top: 40px;
        margin-bottom: 40px;
        width: 990px
    }
}

.p-systemPlanSearch a.c-btn.c-btn--large, .p-systemPlanSearch button.c-btn.c-btn--large, .p-systemPlanSearch input.c-btn.c-btn--large {
    width: 100%
}

.p-systemPlanSearch__inner {
    padding: calc(40 / 640 * 100vw) calc(30 / 640 * 100vw) 0
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__inner {
        padding: 40px 55px 30px
    }
}

.p-systemPlanSearch__inner > section > section + section {
    border-top: 1px solid white
}

    .p-systemPlanSearch__inner > section > section + section > section + section {
        margin-top: 30px
    }

@media screen and (max-width: 767px) {
    .p-systemPlanSearch__inner > section > section + section {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__inner > section > section + section {
        margin-top: 30px;
        padding-top: 20px;
        padding-bottom: 30px
    }
}

.p-systemPlanSearch__inner > section > section + section:last-of-type {
    border-bottom: 1px solid white
}

.p-systemPlanSearch__inner > section > section + .p-accordion__target > section {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .p-systemPlanSearch__inner > section > section + .p-accordion__target > section > section {
        padding-top: 20px
    }
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__inner > section > section + .p-accordion__target > section > section {
        padding-top: 20px;
        margin-top: 20px
    }
}

.p-systemPlanSearch__inner > section > section + .p-accordion__target > section > section:first-child {
    border-top: 1px solid #c0cac7
}

.p-systemPlanSearch__inner > section > section + .p-accordion__target > section > section:last-child {
    border-bottom: 1px solid #c0cac7
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__inner > section > section + .p-accordion__target > section > section:last-child {
        margin-bottom: 1px
    }
}

.p-systemPlanSearch__footer {
    padding: calc(40 / 640 * 100vw) calc(30 / 640 * 100vw)
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__footer {
        padding: 0 20px 20px
    }
}

.p-systemPlanSearch__txt_01 {
    font-size: 1rem;
    line-height: 1.4;
    color: #30403b
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__txt_01 {
        font-size: 1.4rem
    }
}

.p-systemPlanSearch__footer__inner {
    margin-right: auto;
    margin-left: auto;
    align-items: center
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__footer__inner {
        padding: 10px;
        font-size: 0;
        text-align: center;
        width: 510px
    }
}

.p-systemPlanSearch__footer__inner fieldset {
    display: contents
}

.p-systemPlanSearch__footer__inner .c-inputText_01 {
    margin-right: 10px;
    margin-bottom: 40px
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__footer__inner .c-inputText_01 {
        width: 100%
    }

        .p-systemPlanSearch__footer__inner .c-inputText_01 + .c-grid {
            margin-top: 40px
        }
}

@media screen and (max-width: 767px) {
    .p-systemPlanSearch__footer__inner .c-inputText_01 {
        width: 100%
    }
}

.p-planResult__header + .p-planResult__contents {
    margin-top: 20px
}

.p-planResult__header + .p-planResult__contents_02 {
    margin-top: 20px
}

.p-planResult__header > .p-planResult__sort {
    margin-left: auto
}

@media screen and (max-width: 767px) {
    .p-planResult__header {
        margin-top: 40px
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__header {
        display: flex;
        align-items: flex-end
    }
}

.p-planResult__header__hitNum {
    color: #30403b
}

@media screen and (max-width: 767px) {
    .p-planResult__header__hitNum {
        font-size: 1.1rem;
        text-align: center
    }

        .p-planResult__header__hitNum + .p-planResult__sort {
            margin-top: 15px
        }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__header__hitNum {
        font-size: 1.4rem
    }
}

.p-planResult__header__hitNum__num {
    font-size: 2.2rem;
    font-weight: bold;
    vertical-align: baseline
}

@media print, screen and (min-width: 768px) {
    .p-planResult__header__hitNum__num {
        margin-right: 5px;
        font-size: 3.2rem
    }
}

.p-planResult__sort {
    display: flex;
    align-items: center
}

    .p-planResult__sort figcaption {
        font-size: 1.3rem;
        display: inline-block;
        margin-right: 10px
    }

@media screen and (max-width: 767px) {
    .p-planResult__sort figcaption {
        white-space: nowrap
    }
}

.p-planResult__sort__inner {
    display: flex
}

@media screen and (max-width: 767px) {
    .p-planResult__sort__inner {
        display: flex;
        width: 100%
    }
}

.p-planResult__sort__item + .p-planResult__sort__item {
    margin-left: 10px
}

@media screen and (max-width: 767px) {
    .p-planResult__sort__item {
        width: calc(33.3333%)
    }

        .p-planResult__sort__item button {
            width: 100%
        }
}

@media print, screen and (min-width: 768px) {
    .l-main > .p-planResult {
        width: 100%;
        max-width: 1120px
    }
}

.p-planResult__contents {
    border: 1px solid #c0cac7;
    border-top: 3px solid #30403b;
    background: white;
    padding: calc(30 / 640 * 100vw)
}

@media print, screen and (min-width: 768px) {
    .p-planResult__contents {
        padding: 50px 40px
    }
}

.p-planResult__contents__header + .p-planResult__item {
    margin-top: 60px
}

.p-planResult__contents__header img {
    max-width: 100%
}

.p-planResult__contents__header__tle {
    text-align: center;
    color: #30403b;
    letter-spacing: 0.1em;
    line-height: 1.2;
    font-size: 1.8rem
}

    .p-planResult__contents__header__tle + *, .p-planResult__contents__header__tle + section {
        margin-top: 40px
    }

    .p-planResult__contents__header__tle small {
        font-size: 1.2rem
    }

@media print, screen and (min-width: 768px) {
    .p-planResult__contents__header__tle small {
        font-size: 2rem
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__contents__header__tle {
        font-size: 3rem
    }
}

.p-planResult__contents__header__img {
    margin: calc(30 / 640 * -100vw) calc(30 / 640 * -100vw) 0
}

    .p-planResult__contents__header__img + .p-planResult__contents__header__tle {
        margin-top: 30px
    }

@media print, screen and (min-width: 768px) {
    .p-planResult__contents__header__img._sp + .p-planResult__contents__header__tle {
        margin-top: 0
    }
}

.p-planResult__contents__header__img img {
    width: 100%
}

.p-planResult__item {
    border-top: 3px solid #30403b
}

    .p-planResult__item + .p-planResult__item {
        margin-top: 60px
    }

@media print, screen and (min-width: 768px) {
    .p-planResult__item + .p-planResult__item {
        margin-top: 40px
    }
}

.p-planResult__item--border {
    border: 1px solid #c0cac7;
    border-top: 3px solid #30403b;
    background: white
}

    .p-planResult__item--border .p-planResult__grid {
        margin-right: 40px;
        margin-bottom: 40px;
        margin-left: 40px
    }

@media screen and (max-width: 767px) {
    .p-planResult__item--border .p-planResult__grid {
        margin-top: calc(30 / 640 * 100vw);
        margin-right: calc(30 / 640 * 100vw);
        margin-bottom: calc(30 / 640 * 100vw);
        margin-left: calc(30 / 640 * 100vw)
    }
}

.p-planResult__item__heading {
    font-size: 2rem;
    line-height: 1.6;
    padding: 22px 20px;
    background: #e0eae7
}

@media print, screen and (min-width: 768px) {
    .p-planResult__item__heading {
        font-size: 2.2rem
    }
}

@media screen and (max-width: 767px) {
    .p-planResult__item__contents {
        margin-top: 10px
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__item__contents {
        margin-top: 20px
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__grid {
        display: flex
    }
}

@media screen and (max-width: 767px) {
    .p-planResult__grid img {
        width: 100%
    }
}

.p-planResult__col {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media screen and (max-width: 767px) {
    .p-planResult__col + .p-planResult__col {
        margin-top: 20px
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__col + .p-planResult__col {
        margin-left: 30px
    }
}

.p-planResult__col .p-accordion_01__body p {
    font-size: 1.4rem
}

@media print, screen and (min-width: 768px) {
    .p-planResult__col--img {
        width: 312px
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__col--desc {
        width: calc(100% - 312px - 30px)
    }
}

.p-planResult__desc {
    border: 1px solid #c0cac7
}

@media screen and (max-width: 767px) {
    .p-planResult__desc {
        margin-top: 15px;
        padding: calc(30 / 640 * 100vw)
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc {
        margin-top: 20px;
        padding: 18px 24px;
        display: flex
    }
}

.p-planResult__desc__guests {
    font-size: 1.3rem;
    line-height: 1.6;
    padding-right: 20px;
    font-weight: bold;
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .p-planResult__desc__guests + .p-planResult__desc__cost {
        margin-top: 10px
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc__guests {
        font-size: 1.5rem
    }
}

.p-planResult__desc__guests small {
    font-size: 1rem;
    vertical-align: baseline
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc__guests small {
        font-size: 1.2rem
    }
}

.p-planResult__desc__cost {
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc__cost {
        padding-left: 20px
    }

        .p-planResult__desc__cost > .p-planResult__desc__cost__item {
            box-sizing: border-box;
            width: 100%;
            border-left: none;
            border-bottom: 1px solid #c0cac7;
            padding-left: 0
        }

            .p-planResult__desc__cost > .p-planResult__desc__cost__item + .p-planResult__desc__cost__item {
                padding-top: 10px
            }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .p-planResult__desc__cost > .p-planResult__desc__cost__item {
        padding-bottom: 10px
    }
}

@media print, screen and (min-width: 768px) and (min-width: 768px) {
    .p-planResult__desc__cost > .p-planResult__desc__cost__item {
        padding-bottom: 5px
    }
}

.p-planResult__desc__cost .p-planResult__desc__cost__item .p-planResult__desc__cost__desc .price {
    line-height: 1.4
}

    .p-planResult__desc__cost .p-planResult__desc__cost__item .p-planResult__desc__cost__desc .price b {
        display: inline-block
    }

.p-planResult__desc__cost .p-planResult__desc__cost__item .p-planResult__desc__cost__desc .lowPrice {
    font-size: 1.8rem
}

.p-planResult__desc__cost .p-planResult__desc__cost__item .p-planResult__desc__cost__desc .highPrice {
    font-size: 1.6rem
}

.p-planResult__desc__cost__item {
    width: 100%
}

    .p-planResult__desc__cost__item + p {
        margin-top: 15px
    }

        .p-planResult__desc__cost__item + p small {
            font-size: 1.2rem
        }

@media screen and (max-width: 767px) {
    .p-planResult__desc__cost__item + .p-planResult__desc__cost__item {
        border-top: 1px solid #c0cac7;
        padding-top: 10px
    }
}

@media screen and (max-width: 767px) {
    .p-planResult__desc__cost__item + p.c-annotation {
        margin-top: 0
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc__cost__item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-left: 20px;
        border-left: 1px solid #c0cac7;
        width: 496px
    }
}

@media screen and (max-width: 767px) {
    .p-planResult__desc__cost__item .c-btn--middle {
        width: 100%;
        margin-bottom: 10px
    }
}

.p-planResult__desc__cost__desc {
    line-height: 1.6
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc__cost__desc {
        font-size: 1.3rem;
        flex: 1
    }
}

@media screen and (max-width: 767px) {
    .p-planResult__desc__cost__desc {
        margin-bottom: 5px
    }
}

.p-planResult__desc__cost__desc * {
    vertical-align: baseline
}

.p-planResult__desc__cost__desc .price {
    font-weight: bold;
    font-size: 1.6rem;
    margin-right: 5px
}

.p-planResult__desc__cost__desc .lowPrice {
    font-size: 1.8rem
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc__cost__desc .lowPrice {
        font-size: 2.2rem
    }
}

@media screen and (max-width: 767px) {
    .p-planResult__desc__cost__desc .highPrice {
        font-size: 1.4rem
    }
}

@media print, screen and (min-width: 768px) {
    .p-planResult__desc__cost__desc .highPrice {
        font-size: 1.8rem
    }
}

.p-planResult__desc__cost__desc small {
    font-size: 1.2rem
}

.p-planResult__desc--multi .p-planResult__desc__guests {
    border-right: none
}

.p-planResult__desc--multi .p-planResult__desc__cost {
    border-bottom: 1px solid #c0cac7
}

.p-planResult__footer {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #c0cac7;
    text-align: center
}

.p-planResult__btn--more {
    background: #576b65;
    color: white;
    font-size: 1.4rem;
    padding: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
    width: 100%
}

@media screen and (max-width: 767px) {
    .p-planResult__btn--more {
        padding: 5px;
        font-size: 1.2rem;
        line-height: 1.4
    }
}

.p-planResult__btn--more:hover {
    opacity: .7
}

.p-planResult__btn--more::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url(/NetReservation/Content/assets/img/misc/icn_arrow_circle_white_down.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width: 767px) {
    .p-planResult__btn--more b {
        font-size: 1rem
    }
}

.c-p-planResult__access {
    font-size: 1.3rem;
    color: #30403b;
    line-height: 1.6;
    text-align: left
}

@media screen and (max-width: 767px) {
    .c-p-planResult__access {
        margin-top: 10px
    }
}

@media print, screen and (min-width: 768px) {
    .p-p-systemPlanSearch__sp .p-p-systemPlanSearch__sp__heading {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .p-p-systemPlanSearch__sp {
        padding-top: 17px
    }

        .p-p-systemPlanSearch__sp .p-p-systemPlanSearch__sp__heading {
            font-size: 1.8rem;
            margin-left: 15px;
            border-left: 1px solid #c0cac7;
            padding: 10px 30px 20px 10px;
            position: relative
        }

            .p-p-systemPlanSearch__sp .p-p-systemPlanSearch__sp__heading::after {
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
                content: "";
                width: 9px;
                height: 11px;
                position: absolute;
                top: -8px;
                bottom: 8px;
                right: 15px;
                margin: auto;
                background-image: url(/NetReservation/Content/assets/img/misc/icn_arrow_green_down.svg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center
            }

            .p-p-systemPlanSearch__sp .p-p-systemPlanSearch__sp__heading.is_active::after {
                transform: rotate(180deg)
            }
}

.p-planResult__accordion__target {
    height: 200px;
    position: relative
}

@media screen and (max-width: 767px) {
    .p-planResult__accordion__target {
        height: 160px
    }
}

.p-planResult__accordion__target.is_narrow {
    height: auto;
    margin-bottom: 30px
}

    .p-planResult__accordion__target.is_narrow::after {
        height: 0;
        background: transparent
    }

    .p-planResult__accordion__target.is_narrow + .p-planResult__accordion__trigger {
        display: none
    }

.p-planResult__accordion__target::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 125px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,0.98) 99%, #fff 100%)
}

.p-planResult__accordion__target.is_open::after {
    height: 0
}

.p-planResult__accordion__trigger {
    margin-bottom: 10px;
    padding: 20px 0;
    text-align: right;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    border-bottom: 1px solid #c0cac7
}

    .p-planResult__accordion__trigger::before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        background-image: url(/NetReservation/Content/assets/img/misc/icn_arrow_circle_green_down.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 5px
    }

    .p-planResult__accordion__trigger::after {
        content: "さらに見る";
        font-size: 1.4rem;
        line-height: 18px;
        color: #30403b
    }

    .p-planResult__accordion__trigger.is_active::before {
        background-image: url(/NetReservation/Content/assets/img/misc/icn_arrow_circle_green_up.svg)
    }

    .p-planResult__accordion__trigger.is_active::after {
        content: "詳細非表示"
    }

.c-grid--system .c-col.p-systemPlanSearch__tle {
    margin-bottom: 0;
    font-size: 1.6rem
}

    .c-grid--system .c-col.p-systemPlanSearch__tle + .c-grid--system__caption {
        margin-top: 10px
    }

.p-systemPlanSearch__cv_footer {
    bottom: 0;
    right: 0;
    left: 0;
    background: #e0eae7;
    margin: auto;
    padding: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateY(100%)
}

    .p-systemPlanSearch__cv_footer.is_show {
        transform: translateY(0)
    }

@media screen and (max-width: 767px) {
    .p-systemPlanSearch__cv_footer .c-btn {
        width: 80%;
        display: inline-block
    }
}

@media print, screen and (min-width: 768px) {
    .p-systemPlanSearch__cv_footer {
        padding: 20px
    }

        .p-systemPlanSearch__cv_footer p > a.c-btn.c-btn--large {
            width: 420px
        }
}

.p-systemPlanSearch__cv_footer.is_fixed {
    position: fixed
}

.l-calendar__header + .l-calendar__body {
    margin-top: 30px
}

.l-calendar__tle {
    background: #e0eae7;
    border-top: 2px solid #30403b;
    color: #30403b;
    padding: 10px 15px;
    font-size: 1.6rem;
    line-height: 1.5
}

    .l-calendar__tle + p {
        margin-top: 13px
    }

@media print, screen and (min-width: 768px) {
    .l-calendar__tle + p {
        margin-top: 20px
    }
}

@media print, screen and (min-width: 768px) {
    .l-calendar__tle {
        padding: 15px 20px;
        line-height: 1.2
    }
}

.l-calendar__body__header + .l-calendar__table {
    margin-top: 15px
}

@media print, screen and (min-width: 768px) {
    .l-calendar__body__header + .l-calendar__table {
        margin-top: 20px
    }
}

@media print, screen and (min-width: 768px) {
    .l-calendar__body__header {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }
}

.l-calendar__date {
    font-size: 2rem;
    display: flex;
    align-items: baseline
}

@media screen and (max-width: 767px) {
    .l-calendar__date {
        font-size: 1.2rem;
        width: 5em;
        align-items: baseline;
        flex-wrap: wrap;
        margin: auto;
        justify-content: center
    }
}

.l-calendar__date .year {
    font-size: 2.8rem;
    margin-right: 2px
}

@media screen and (max-width: 767px) {
    .l-calendar__date .year {
        font-size: 1.6rem;
        display: inline-block;
        vertical-align: bottom
    }
}

.l-calendar__date .month {
    font-size: 3.6rem;
    margin: 0 2px 0 4px
}

@media screen and (max-width: 767px) {
    .l-calendar__date .month {
        font-size: 2.4rem;
        display: inline-block;
        vertical-align: bottom
    }
}

.l-calendar__ctrl {
    display: flex
}

@media screen and (max-width: 767px) {
    .l-calendar__ctrl {
        justify-content: space-between;
        margin-top: calc(-1.4rem * 1.4 - 18px)
    }
}

@media print, screen and (min-width: 768px) {
    .l-calendar__ctrl__item + .l-calendar__ctrl__item {
        margin-left: 10px
    }
}

@media screen and (max-width: 767px) {
    .l-calendar__ctrl__item {
        width: 30%
    }
}

.l-calendar__table {
    width: 100%;
    table-layout: fixed;
    border-right: 1px solid #5b6a65
}

    .l-calendar__table + .c-annotation {
        margin-top: 14px
    }

@media print, screen and (min-width: 768px) {
    .l-calendar__table + .c-annotation {
        margin-top: 20px
    }
}

.l-calendar__table th, .l-calendar__table td {
    text-align: center;
    padding: 5px 0
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table th, .l-calendar__table td {
        padding: 10px 0
    }
}

.l-calendar__table thead {
    position: relative
}

    .l-calendar__table thead th {
        background: #30403b;
        color: white;
        font-size: 1.3rem;
        position: relative
    }

@media print, screen and (min-width: 768px) {
    .l-calendar__table thead th {
        font-size: 1.6rem
    }
}

.l-calendar__table thead th::before {
    content: "";
    width: 1px;
    background: #5b6a65;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    position: absolute
}

.l-calendar__table tbody td {
    border: 1px solid #c0cac7
}

.l-calendar__table td time {
    color: #576b65;
    font-size: 1.3rem
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table td time {
        font-size: 1.8rem
    }
}

.l-calendar__table td .reserve_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #576b65;
    margin-top: 3px
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table td .reserve_info {
        margin-top: 7px;
        min-height: 4.5rem
    }
}

.l-calendar__table td .reserve_status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
    min-height: 2.2rem;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 1.2rem
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table td .reserve_status + .price {
        margin-top: 7px
    }
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table td .reserve_status {
        font-size: 1.6rem
    }
}

.l-calendar__table td .reserve_status b {
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.6rem
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table td .reserve_status b {
        font-size: 2.2rem
    }
}

.l-calendar__table td a.reserve_status:hover {
    width: 2em;
    border-bottom: 1px solid #576b65
}

.l-calendar__table td .price {
    display: block;
    font-size: 1rem
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table td .price {
        font-size: 1.4rem
    }
}

.l-calendar__table td .price a {
    color: inherit;
    font-size: 1rem;
    line-height: 1.2
}

@media print, screen and (min-width: 768px) {
    .l-calendar__table td .price a {
        display: inline-block;
        font-size: 1.3rem;
        line-height: 1
    }
}

.l-calendar__table td[data-reserve_status="0"] {
    background: #d2d7d7
}

    .l-calendar__table td[data-reserve_status="0"] .reserve_status {
        color: #576b65
    }

.l-calendar__table td[data-reserve_status="1"] {
    background: white
}

    .l-calendar__table td[data-reserve_status="1"] .reserve_info {
        justify-content: flex-end
    }

.l-calendar__table td[data-reserve_status="2"] {
    background: #ebeded
}

    .l-calendar__table td[data-reserve_status="2"] .reserve_info {
        justify-content: flex-end
    }

.l-calendar__table td:nth-child(1) time, .l-calendar__table td[data-holiday="1"] time {
    color: #97040c
}

.l-calendar__table td:nth-child(1)[data-reserve_status="1"], .l-calendar__table td[data-holiday="1"][data-reserve_status="1"] {
    background: #f4e5e6
}

.l-calendar__table td:nth-child(7) time {
    color: #067c99
}

.l-calendar__table td:nth-child(7)[data-reserve_status="1"] {
    background: #e6f2f5
}

.l-calendar__footer {
    margin-top: 20px
}

@media print, screen and (min-width: 768px) {
    .l-calendar__footer {
        margin-top: 50px
    }
}

.l-calendar__footer__btn {
    text-align: center
}

@media screen and (max-width: 767px) {
    .l-calendar__footer__btn {
        width: 30%;
        margin: -33px auto 0 !important
    }
}

@media print, screen and (min-width: 768px) {
    .l-calendar__footer__btn {
        margin-top: -30px !important
    }
}

section.p-flow {
    border-top: #576b65 1px solid
}

@media screen and (max-width: 767px) {
    section.p-flow {
        margin: 55px calc(80 / 640 * 100vw) 40px !important
    }
}

@media print, screen and (min-width: 768px) {
    section.p-flow {
        width: 645px;
        margin: 60px auto 65px
    }
}

.p-flow__inner {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .p-flow__inner {
        margin: -31px -50px 0
    }
}

@media print, screen and (min-width: 768px) {
    .p-flow__inner {
        margin: -36px -25px 0
    }
}

.p-flow__item {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.6;
    width: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #c0cac7
}

    .p-flow__item small {
        font-size: 1.3rem;
        display: inline-block;
        vertical-align: baseline
    }

@media screen and (max-width: 767px) {
    .p-flow__item {
        font-size: 1.2rem;
        width: 100px
    }

        .p-flow__item small {
            font-size: 1rem;
            margin-right: 1px
        }
}

.p-flow__item.is_active {
    color: #30403b
}

.p-flow__icn {
    display: block;
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .p-flow__icn {
        margin-bottom: 5px
    }

        .p-flow__icn img {
            width: 60px
        }
}

.p-flow__caption {
    white-space: nowrap
}

.p-book {
    border-bottom: 1px solid #c0cac7;
    padding-bottom: 10px
}

@media print, screen and (min-width: 768px) {
    .p-book {
        width: 992px;
        margin: auto
    }
}

.p-book .c-frame + .p-book__header {
    margin-top: 30px
}

@media print, screen and (min-width: 768px) {
    .p-book .c-frame + .p-book__header {
        margin-top: 60px
    }
}

.p-book__header + .p-book__item {
    margin-top: 20px
}

@media print, screen and (min-width: 768px) {
    .p-book__header {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .p-book__header p {
        margin-top: 20px
    }
}

.p-book__sort {
    display: flex;
    align-items: center
}

    .p-book__sort figcaption {
        font-size: 1.4rem
    }

@media screen and (max-width: 767px) {
    .p-book__sort figcaption {
        width: 20%
    }
}

@media print, screen and (min-width: 768px) {
    .p-book__sort figcaption {
        padding-right: 15px
    }
}

.p-book__sort ul {
    display: flex
}

@media screen and (max-width: 767px) {
    .p-book__sort ul {
        width: 80%;
        justify-content: space-between
    }
}

@media print, screen and (min-width: 768px) {
    .p-book__sort li + li {
        margin-left: 10px
    }
}

@media screen and (max-width: 767px) {
    .p-book__sort li {
        width: calc(50% - 5px)
    }
}

.p-book__item + .p-book__item {
    margin-top: 10px
}

.p-book__item__header {
    background: #e0eae7;
    border-top: 2px solid #30403b;
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 10px
}

@media print, screen and (min-width: 768px) {
    .p-book__item__header {
        padding: 12px 30px;
        display: flex;
        align-items: center
    }
}

.p-book__item__header a {
    color: #30403b
}

    .p-book__item__header a:hover {
        opacity: .7
    }

.p-book__alert {
    color: #97040c;
    font-weight: bold;
    margin-left: auto
}

.p-book__body {
    color: #30403b;
    padding: 15px 0
}

@media print, screen and (min-width: 768px) {
    .p-book__body {
        padding: 30px;
        display: flex;
        align-items: flex-start
    }
}

.p-book__body .c-group_a {
    width: 420px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.4rem;
    line-height: 1.6;
    align-items: flex-start
}

    .p-book__body .c-group_a dt {
        width: 6.5em;
        font-weight: bold;
        white-space: nowrap
    }

    .p-book__body .c-group_a dd {
        width: calc(100% - 6em - 20px)
    }

@media print, screen and (min-width: 768px) {
    .p-book__body .c-group_a dd {
        font-weight: bold
    }
}

.p-book__body .c-group_b {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.4rem;
    line-height: 1.6;
    align-items: flex-start
}

    .p-book__body .c-group_b dt {
        width: 6em;
        font-weight: bold
    }

    .p-book__body .c-group_b dd {
        width: calc(100% - 6em - 20px);
        white-space: nowrap
    }

@media print, screen and (min-width: 768px) {
    .p-book__body .c-group_b dd {
        font-weight: bold
    }
}

@media print, screen and (min-width: 768px) {
    .p-book__body .c-group_b dt {
        width: 4.5em;
        white-space: nowrap
    }

    .p-book__body .c-group_b dd {
        width: calc(100% - 4em - 20px);
        white-space: nowrap
    }
}

@media screen and (max-width: 767px) {
    .p-book__body .c-group_c {
        margin-top: 30px;
        display: flex;
        justify-content: space-between
    }

        .p-book__body .c-group_c li {
            width: calc(50% - 5px)
        }
}

@media print, screen and (min-width: 768px) {
    .p-book__body .c-group_c {
        width: 160px
    }

        .p-book__body .c-group_c li + li {
            margin-top: 10px
        }
}

.l-room__header + .l-room_body {
    margin-top: 30px
}

.l-room__tle {
    background: #e0eae7;
    border-top: 2px solid #30403b;
    color: #30403b;
    padding: 10px 15px;
    font-size: 1.6rem;
    line-height: 1.5
}

    .l-room__tle + p {
        margin-top: 13px
    }

@media print, screen and (min-width: 768px) {
    .l-room__tle + p {
        margin-top: 20px
    }
}

@media print, screen and (min-width: 768px) {
    .l-room__tle {
        padding: 15px 20px;
        line-height: 1.2
    }
}

.l-room__footer {
    margin-top: 20px
}

@media print, screen and (min-width: 768px) {
    .l-room__footer {
        margin-top: 50px
    }
}

.l-room__footer__btn {
    text-align: center
}

@media screen and (max-width: 767px) {
    .l-room__footer__btn {
        width: 30%;
        margin: -33px auto 0 !important
    }
}

@media print, screen and (min-width: 768px) {
    .l-room__footer__btn {
        margin-top: -30px !important
    }
}

.l-room__item {
    border-bottom: 1px solid #c0cac7
}

@media print, screen and (min-width: 768px) {
    .l-room__item {
        padding: 40px 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
}

@media screen and (max-width: 767px) {
    .l-room__item {
        padding: 30px 0 20px
    }
}

@media print, screen and (min-width: 768px) {
    .l-room__photo {
        width: 288px
    }
}

.l-room__photo img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .l-room__desc {
        padding-top: 15px
    }

        .l-room__desc h3 {
            font-size: 1.3rem;
            font-weight: bold
        }

            .l-room__desc h3 + p {
                margin-top: 15px
            }

            .l-room__desc h3 .l-room__desc__alert {
                display: block;
                color: #97040c;
                text-align: right;
                margin-top: 10px
            }

                .l-room__desc h3 .l-room__desc__alert b {
                    font-size: 2rem;
                    vertical-align: baseline
                }

        .l-room__desc p {
            font-size: 1.3rem
        }
}

@media print, screen and (min-width: 768px) {
    .l-room__desc {
        width: 480px
    }

        .l-room__desc h3 {
            display: flex;
            justify-content: space-between;
            font-size: 1.8rem
        }

            .l-room__desc h3 + p {
                margin-top: 15px
            }

            .l-room__desc h3 .l-room__desc__alert {
                color: #97040c;
                font-size: 1.5rem;
                font-weight: bold
            }

                .l-room__desc h3 .l-room__desc__alert b {
                    font-size: 2.2rem;
                    vertical-align: baseline
                }

        .l-room__desc p {
            line-height: 1.6;
            letter-spacing: 0.1em
        }
}

.l-room__detail {
    border: 1px solid #c0cac7;
    margin-top: 15px;
    padding: 10px
}

@media print, screen and (min-width: 768px) {
    .l-room__detail {
        margin-top: 20px;
        padding: 20px 30px
    }
}

.l-room__detail__header {
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #c0cac7;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .l-room__detail__header {
        align-items: center;
        font-size: 1.4rem;
        line-height: 1.6;
        padding-bottom: 10px
    }

        .l-room__detail__header small {
            display: block;
            font-size: 1.2rem
        }
}

@media print, screen and (min-width: 768px) {
    .l-room__detail__header {
        font-size: 1.5rem;
        padding-bottom: 10px
    }

        .l-room__detail__header small {
            font-size: 1.2rem;
            vertical-align: baseline
        }

        .l-room__detail__header .p-accordion__trigger {
            margin-left: auto
        }
}

.l-room__detail__opener {
    display: flex;
    align-items: center
}

    .l-room__detail__opener::before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        margin-right: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-image: url(/NetReservation/Content/assets/img/misc/icn_arrow_circle_green_down.svg);
        background-repeat: no-repeat;
        background-size: contain
    }

    .l-room__detail__opener::after {
        content: "内訳を見る";
        font-size: 1.4rem;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 5em
    }

.p-accordion__trigger.is_active .l-room__detail__opener::before {
    transform: rotate(180deg)
}

.p-accordion__trigger.is_active .l-room__detail__opener::after {
    content: "内訳非表示"
}

.l-room__detail__body {
    padding: 15px 0 5px;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #c0cac7
}

    .l-room__detail__body table {
        width: calc(100% - 20px)
    }

@media print, screen and (min-width: 768px) {
    .l-room__detail__body table {
        width: 288px
    }
}

.l-room__detail__body table th {
    font-size: 1.5rem;
    text-align: left;
    padding: 5px 0 10px
}

.l-room__detail__body table td {
    font-size: 1.3rem;
    text-align: right;
    padding: 5px 0 10px
}

    .l-room__detail__body table td b {
        font-size: 1.8rem;
        font-weight: bold;
        margin-right: 3px;
        vertical-align: baseline
    }

.l-room__detail__body table tfoot {
    border-top: 1px solid #c0cac7
}

    .l-room__detail__body table tfoot td {
        padding: 10px 0;
        font-size: 1.3rem
    }

        .l-room__detail__body table tfoot td span {
            font-size: 1.5rem;
            vertical-align: baseline
        }

        .l-room__detail__body table tfoot td b {
            font-size: 2rem;
            margin-left: 20px;
            margin-right: 3px
        }

@media print, screen and (min-width: 768px) {
    .l-room__detail__body table tfoot td b {
        font-size: 2.2rem
    }
}

.l-room__detail__footer {
    padding: 10px 0 0
}

@media print, screen and (min-width: 768px) {
    .l-room__detail__footer {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.l-room__detail__price {
    font-size: 1.3rem
}

    .l-room__detail__price b {
        font-weight: bold;
        font-size: 1.8rem;
        vertical-align: baseline;
        margin-right: 5px
    }

        .l-room__detail__price b span {
            vertical-align: baseline;
            font-size: 2rem
        }

@media print, screen and (min-width: 768px) {
    .l-room__detail__price b span {
        font-size: 2.2rem
    }
}

@media screen and (max-width: 767px) {
    .l-room__detail__price {
        text-align: center;
        margin-bottom: 20px
    }
}
/*# sourceMappingURL=system.css.map */