/* GuestMaskより前に表示されるように変更 */
#VideoSlideArea {
    z-index: 9999;
}

#GuestMask {
    background-color: rgba(255,255,255,0)
}

#GuestMask::after {
    content: '';
    display: block;
    width: 100%;
    height: 25vw;
    max-height: 300px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
    position: absolute;
    bottom: 0;
}

#GuestBtn {
    position: absolute;
    top: auto;
    bottom: 1em;
    transform: translate(-50%, 0);
}
/*スマホ*/
@media screen and (max-width: 767px) {
    /* 縦向きの場合のスタイル */
    @media screen and (max-aspect-ratio: 11/10) {
        #GuestMask::after {
            height: 40vmax;
            max-height: 40vmax;
        }

        #GuestBtn {
            bottom: 12vmin;
            transform: translate(-50%, 0);
        }
    }
}