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

.menu-category, .radio-submenu{
    background: #b0c4de;
    color: #000000;
		z-index : 255; /* 数字の大きい方が上に表示される */
}

.menu-item{
    display: inline-block;
    vertical-align: top;
}

.menu-label{
    padding: 2px;
    display: inline-block;
}

.menu-radio{
    display: none;
}

.radio-submenu{
    display: none;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;

}

.radio-submenu li{
    padding: 5px;
}

.radio-submenu li:hover{
    background: #ffd700;
    cursor: pointer;
}

/* チェック済みの.menu-radioに隣接する.menu-labelに隣接するulにCSSを適用 */
.menu-radio:checked + .menu-label + ul{
    display: block;
}