.main{
    width:fit-content;
    margin:auto;
}
.menu_all{
    width:fit-content;
    margin:auto;
}
/* dp解像度によりポジションを変える,
960 , 410(360) */
@media screen and (min-width:1200px) { /* 1200以上 */
    .menu_side{
        margin-left:100px;
        margin-top:100px;
        width:300px;
        float:left;
    }
    .menu{
        float:left;
    }
}
@media screen and (min-width:410px) and (max-width:1199px) { /* 410以上、1199以下 */
    .menu_side{    
        margin:0 auto;
        width:100vw;
    }
}
@media screen and (max-width:409px) { /* 410以下(310などが入る) */
    .menu_side{    
        width:300px;
        margin:0 auto;
    }
    .menu{
        width:320px;
    }
}