@charset "utf-8";

/* 追従バナー */
.FootBnr {
    bottom: 0;
    display: block;
    position: fixed;
    right: 0;
    transform: translateY(100%);
    transition: .3s;
    width: 6vh;
    z-index: 100;
    filter: grayscale(100%);
}

.FootBnr--active {
    transform: translate(0);
}

.FootBnr__content {
    margin-top: 10px;
    width: 100%;
}

.FootBnr--sp {
    display: none;
}

/* 完了画面・フォームページ・確認画面は非表示 */
body.event .FootBnr,
body.event-ok .FootBnr,
body.reserve .FootBnr,
body.reserve-ok .FootBnr,
body.contact .FootBnr,
body.contact-ok .FootBnr,
body.online_reserve .FootBnr,
body.online_reserve-success .FootBnr,
body.online_consult .FootBnr,
body.online_consult-success .FootBnr {
    display: none;
}

@media only screen and (max-width:767px) {

    /* 追従バナー */
    .FootBnr {
        display: none;
    }

    .FootBnr--sp {
        bottom: 0;
        display: flex;
        left: 0;
        position: fixed;
        transform: translateY(200%);
        transition: .3s;
        width: 100vw;
        z-index: 10000;
        filter: grayscale(100%);
    }

    .FootBnr--active {
        transform: translate(0);
    }

    .FootBnr__content--sp {
        width: calc(100vw / 3);
    }

    body.event .FootBnr--sp,
    body.event-ok .FootBnr--sp,
    body.reserve .FootBnr--sp,
    body.reserve-ok .FootBnr--sp,
    body.contact .FootBnr--sp,
    body.contact-ok .FootBnr--sp,
    body.online_reserve .FootBnr--sp,
    body.online_reserve-success .FootBnr--sp,
    body.online_consult .FootBnr--sp,
    body.online_consult-success .FootBnr--sp {
        display: none;
    }
}