.ntt-category-menu{
    position:relative;
    width:100%;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:8px;
    overflow:visible;
}

.ntt-category-menu ul{
    margin:0;
    padding:0;
    list-style:none;
}

.ntt-category-menu li{
    position:relative;
}

.ntt-category-menu>ul>li>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:13px 16px;
    color:#333;
    text-decoration:none;
    transition:.25s;
}

.ntt-category-menu a{
    display:block;
    color:#333;
    text-decoration:none;
}

.ntt-category-menu>ul>li>a:hover{
    background:#f7f7f7;
}

.ntt-category-menu .sub-menu{

    position:absolute;

    left:100%;

    top:0;

    width:260px;

    background:#fff;

    border:1px solid #ececec;

    display:none;

    z-index:999;

    min-height:100%;
}

.ntt-category-menu li:hover>.sub-menu{

    display:block;

}

.ntt-category-menu .sub-menu a{

    padding:12px 16px;

    transition:.2s;

}

.ntt-category-menu .sub-menu a:hover{

    background:#f4f4f4;

}

.ntt-category-menu .menu-item-has-children>a:after{

    content:"›";

    font-size:18px;

    color:#999;

}

.ntt-category-menu.is-open{

    display:block;

}

@media(max-width:849px){

    .ntt-category-menu{

        display:none;

        position:fixed;

        top:0;

        left:0;

        width:320px;

        height:100vh;

        overflow-y:auto;

        z-index:99999;

        border-radius:0;

    }

    .ntt-category-menu.is-open{

        display:block;

    }

    .ntt-category-menu .sub-menu{

        position:static;

        display:none;

        width:100%;

        border:none;

        box-shadow:none;

    }

    .ntt-category-menu .menu-item-has-children.is-expand>.sub-menu{

        display:block;

    }

}