#sidemenu {
    background: black;
}

#sidemenu_key {
    border-radius: 0 5px 5px 0;
    background: #000;
    opacity: 0.75;
    color: #FFF;
    padding: 30px 0;
    cursor: pointer;
    margin-top: 300px;
}

    #sidemenu_key:hover {
        opacity: 0.5;
    }

#menu_wrap {
    display: block;
    position: fixed;
    top: 0;
    /* widthはメニュー幅+keyボタン幅 */
    width: 310px;
    /* メニュー幅に合わせる */
    left: -300px;
}

#sidemenu {
    display: inline-block;
    width: 300px;
    float: left;
    color: cornsilk;
    overflow: auto;
}

#sidemenu input{
    color: black;
}

#sidemenu .label-form{
    background-color: darkcyan;
}
#sidemenu .result-form{
    background-color: darkcyan;
}
#sidemenu .label-form-2{
    background-color: darkgreen;
}

#sidemenu_key {
    display: inline-block;
    width: 10px;
    float: left;
}

@media (min-width: 992px) {
    #sidemenu_key {
        display: none;
    }
}