.l-wrapper {
    padding-top: 4rem;
}

.l-wrapper__mainColumn {
    width: 100%;
    height: calc(100% - 56px);
    padding-top: 56px;
}

@media screen and (min-width: 640px) {
    .l-wrapper__sidemenu {
        min-width: 330px;
        max-width: 330px;
        height: 100%;
        padding-top: 56px;
    }

    .l-wrapper__sidemenu::-webkit-scrollbar {
        display: none;
    }

    /* TOP, 差出人登録, 宛名登録, 注文履歴の横幅 */
    .l-wrapper__container {
        max-width: 42rem;
        width: 100%;
        margin: 0 auto;
    }

    .l-wrapper__mainColumn {
        width: calc(100% - 330px);
        height: 100%;
    }
}