@charset "Shift_JIS";
.menu li{
    max-height: 0;
    overflow-y: hidden;
}

#menu_bar00:checked ~ #links00 li,
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li{
    max-height: 46px;
    opacity: 1;
}

.menu{
    max-width: 300px;
    margin: 0 auto;
    padding: 0;
}

.menu a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    background :#000080;
    line-height: 1;
}

label{
    display: block;
    margin: 3px 0 0 0;
    padding :12px;
    line-height: 1;
    color :#000;
    background :#ffffff;
    cursor :pointer;
}

input{
    display: none;
  color : #ffffff;
}

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

.menu li{
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar00:checked ~ #links00 li,
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li{
    max-height: 46px;
    opacity: 1;
}