.submv {
    width: 100%;
    position: relative;
    z-index: -20;
    background-color: #222;
    display: inline-block;
}

.submv_img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    opacity: 0.5;
    display: block;
}

.subpage_title {
    position: absolute;
    width: 28%;
    right: 36%;
    bottom: 50%;
}

.popular {
    padding-top: 70px;
    padding-bottom: 120px;
}

.popular_container {
    margin-top: 50px;
}

.popular_title {
    width: 30%;
}

.sweetbread_container {
    display: flex;
    justify-content: center;
}

.sweetbread_box {
    width: 30%;
    align-items: center;
}

.melonpan_box {
    display: flex;
    justify-content: center;
}

.melonpan_img {
    width: 75%;
}

.melonpan_comment {
    width: 100%;
}

.other_rank {
    display: flex;
    justify-content: center;
}

.rank2_item,
.rank3_item {
    display: flex;
    align-items: center;
}

.rank2_item {
    margin-right: 50px;
}

.rank3_item {
    margin-left: 50px;
}

.rank_img {
    width: 66px;
}

.rank_text {
    margin-left: 10px;
    margin-top: 5%;
}

.otherbread_container {
    margin-top: 80px;
}

.otherbread_box {
    display: flex;
    flex-direction: column;
    width: calc(44%);
}

.otherbread_title {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.baconepi_img,
.currypan_img {
    width: 48%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.otherbread_comment {
    width: 65%;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
}

.other_rank_img {
    width: 25%;
}

.other_rank2_item {
    margin-right: 20px;
}

.other_rank3_item {
    margin-left: 20px;
}

.other_rank2_item,
.other_rank3_item {
    display: flex;
    align-items: center;
}

.other_rank_text {
    font-size: 14px;
    margin-left: 5px;
}

.season {
    padding-bottom: 200px;
}

.season_container {
    margin-top: 80px;
}

.season_box {
    display: flex;
    flex-direction: column;
    width: calc(25%);
    align-items: center;
}

.season_title {
    font-size: 20px;
}

.seasonbread {
    margin-top: 30px;
    margin-bottom: 45px;
}

.seasonbread,
.vegi {
    width: 70%;
}

.season_comment {
    width: 85%;
    height: 130px;
    text-align: start;
}

.vegi {
    margin-top: 30px;
    margin-bottom: 70px;
}

.season_text {
    text-align: center;
    margin-bottom: 50px;
}

@media (max-width: 600px) {

    .flex {
        flex-direction: column;
    }

    .sp_none {
        display: none;
    }

    .section_button_l {
        padding: 1em 4em 1em 1em;
    }

    .section_title {
        font-size: 20px;
    }

    .sp_mv {
        width: 100%;
        position: relative;
        z-index: -20;
        background-color: #222;
        display: inline-block;
    }

    .sp_img {
        width: 100%;
        object-fit: cover;
        opacity: 0.5;
        display: block;
    }

    .subpage_title {
        width: 50%;
        right: 24%;
        bottom: 40%;
    }

    .popular_title {
        width: 80%;
    }

    .melonpan {
        width: 85%;
    }

    .sweetbread_box {
        width: 85%;
    }

    .sweetbread_point {
        text-align: center;
    }

    .rank_img,
    .other_rank_img {
        width: 35px;
    }

    .melonpan_img {
        width: 70%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sweetbread_text {
        margin-bottom: 35px;
    }

    .rank2_item,
    .other_rank2_item {
        margin-right: 7px;
    }

    .rank3_item,
    .other_rank3_item {
        margin-left: 7px;
    }

    .otherbread_box {
        width: 100%;
    }

    .otherbread_box+.otherbread_box {
        margin-top: 70px;
    }

    .otherbread_container {
        margin-top: 70px;
    }

    .otherbread_comment {
        width: 85%;
        height: auto;
    }

    .rank_text,
    .other_rank_text {
        font-weight: 500;
    }

    .season {
        padding-bottom: 150px;
    }

    .season_container {
        margin-top: 50px;
    }

    .season_box {
        width: 100%;
    }

    .season_title {
        font-size: 18px;
        font-weight: 500;
    }

    .seasonbread {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 53%;
    }

    .season_comment {
        height: auto;
    }

    .vegi {
        margin-top: 25px;
        margin-bottom: 75px;
        width: 60%;
    }

    .season_text {
        text-align: start;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

}