@media only screen and (max-width: 1200px) {
    #video_watching::before {
        background: linear-gradient(to right, #F3F3F3 30%, transparent 30%);
    }
    #video_watching::after {
        content: unset;
    }
    #video_watching>article>ul {
        margin: auto auto 20px auto;
        padding-top: 20px;
        padding-bottom: 20px;
        width: var(--max_width);
        height: unset;
        zoom: 0.5;
    }
    #video_watching fieldset#video_watching_view>ul ul>li {
        width: calc(20% - 2px * 2);
    }

    #video_watching>article>div {
        width: var(--max_width);
        zoom: 0.5;
    }
    .watch_side {
        width: 30%;
    }
    .watch_side select {
        margin-bottom: 25px;
    }
    #video_watching fieldset#video_watching_view {
        border-radius: unset;
        padding: 0;
        box-shadow: unset;
        width: 70%;
    }

}

/* Mobile */
@media only screen and (max-width: 420px) {
    #video_watching>article>ul {
        flex-wrap: wrap;
    }
    #video_watching>article>ul>li:nth-of-type(1) {
        width: calc(35% - 5px * 2);
    }
    #video_watching>article>ul>li:nth-of-type(2) {
        width: calc(65% - 5px * 2);
    }
    #video_watching>article>ul>li:nth-of-type(3) {
        line-height: 40px;
    }
    #video_watching fieldset#video_watching_view>ul>li {
        width: 100%;
    }
}