.floatBanner-box {
    z-index: 100;
}

@media print, screen and (min-width: 800px) {
    .floatBanner-box {
        display: block;
        position: fixed;
        right: 0;
        bottom: 70px !important; /* ← これを追加 */
        top: auto !important;    /* ← 念のためtopの指定をリセット */
        width: 150px;
    }

    .floatBanner-box .floatBanner {
        display: block;
        width: 100%;
        cursor: pointer;
    }

    .floatBanner-box .floatBanner img {
        display: block;
    }
}

@media only screen and (max-width: 799px) {
    .floatBanner-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .floatBanner-box .floatBanner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 50px;
        width: 50%;
        cursor: pointer;
    }

    .floatBanner-box .floatBanner:nth-child(1) {
        background: linear-gradient(
            to bottom right,
            #FF9100,
            #FF9100 50%,
            #F27C33 50.3%,
            #F27C33 100%
        );
    }

    .floatBanner-box .floatBanner:nth-child(2) {
        background: linear-gradient(
            to bottom right,
            #5FB803,
            #5FB803 50%,
            #5D9E12 50.3%,
            #5D9E12 100%
        );
    }

    .floatBanner-box .floatBanner img {
        display: block;
        width: 100%;
        max-width: 180px;
    }
}