.float__space {
    height: 106px;
}
.float__wrap {
    width: 100%;
    height: 106px;
    padding-top: 15px;
    background: rgba(255, 255, 255, .8);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
}
    .float__list {
        width: 1280px;
        margin: 0 auto;
        display: flex;
        gap: 16px;
    }
        [class*="float__item"] {
            width: 308px;
            height: 76px;
            border-radius: 5px;
        }
            [class*="float__item"] a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                border-radius: 5px;
                font-family:'メイリオ', 'Meiryo', sans-serif;
                font-size: 18px;
                font-weight: 700;
                color: #333333;
                position: relative;
            }
            [class*="float__item"] a::after {
                content: "";
                width: 8px;
                height: 13px;
                background: url(/images/top/arrow_icn.png) no-repeat center / cover;
                position: absolute;
                top: 32px;
                right: 24px;
            }
            .float__item--campaign a {
                background: #F7BA09;
                padding-left: 33px;
            }
            .float__item--campaign a::before {
                content: "";
                width: 43px;
                height: 43px;
                background: url(/images/top/campaign_icn.png) no-repeat center / cover;
                position: absolute;
                top: 16px;
                left: 28px;
            }
            .float__item--member a {
                background: #FF9C3B;
                padding-left: 35px;
            }
            .float__item--member a::before {
                content: "";
                width: 43px;
                height: 43px;
                background: url(/images/top/member_icn.png) no-repeat center / cover;
                position: absolute;
                top: 16px;
                left: 55px;
            }
            .float__item--mypage a {
                background: #FF9C3B;
                padding-left: 33px;
            }
            .float__item--mypage a::before {
                content: "";
                width: 43px;
                height: 43px;
                background: url(/images/top/mypage_icn.png) no-repeat center / cover;
                position: absolute;
                top: 16px;
                left: 45px;
            }
            .float__item--contact a {
                background: #DCA1FF;
                padding-left: 34px;
            }
            .float__item--contact a::before {
                content: "";
                width: 43px;
                height: 43px;
                background: url(/images/top/contact_icn.png) no-repeat center / cover;
                position: absolute;
                top: 16px;
                left: 36px;
            }
            .float__item--reservation a {
                background: #989CFF;
                padding-left: 35px;
            }
            .float__item--reservation a::before {
                content: "";
                width: 43px;
                height: 43px;
                background: url(/images/top/reservation_icn.png) no-repeat center / cover;
                position: absolute;
                top: 16px;
                left: 54px;
            }