:root{
    --side-width: 15%;
    --front-width: 70%;
}
/* サイド */
.side-left,
.side-right {
    position: relative;
    display: inline-block;
    width: var(--side-width);
    height: 100%;
}
/* フロント */
.front{
    position: relative;
    display: inline-block;
    width: var(--front-width);
    height: 100%;
}
/* スマホ表示 */
@media screen and (max-aspect-ratio: 4/3) {
    :root{
        --side-width: 0%;
        --front-width: 100%;
    }
    .side-left,
    .side-left{
        display: none;
    }
}