@media screen and (min-width:871px){
    #hb_menu{
        display:none;
    }

    #header_navi_smp{
        display:none;
    }
}
@media screen and (max-width:870px){
    #hb_menu{
        height:40px;
        position:absolute;
        right:2%;
        top:2%;
        z-index:100;
    }

    #header_navi_smp{
        display:none;
    }

    #header_navi_smp.active{
        width:100%;
        height: 1200px;
        display:block;
        background-color:#FED700;
        position:relative;
        z-index:10;
    }
}