@media screen and (min-width:769px) {
    #box-mn-spp {
        display: none;
    }
}

@media screen and (max-width:768px) {
    #box-mn-spp {
        clear: both;
        position: relative;
    }

    .btn-mn img {
        max-height: 40px;
        padding: 5px 10px;
    }

    .btn-mn {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        cursor: pointer;
        background-color:#e4007e;
        text-align: right;
    }
    
    .menu-sp {
        clear: both;
        background-color: rgba(247, 238, 239, .52);
        display: none;
    }

    .menu-sp ul li {
        padding: 0;
    }

    .menu-sp ul li a {
        color: #5a5a5a;
        font-weight: 500;
        padding: 15px 10px;
    }

    #box-mn-spp .rows-mini {
        padding-left: 0; 
        padding-right: 0;
    }

    #box-mn-spp .rows {
        margin-top: -5px;
        }

        .menu-sp ul li a.active {
            font-weight: 700;
            padding-left: 15px;
            border-left: 3px solid #e4007e;
            
        }

}