li.sub-list__unit {
}
li.sub-list__unit a {
    margin: 1% 0%;
    padding: 8% 0px;
    text-align: center;
    background-color: #736d71;
    color: #ffffff;
    border-radius: 0px;
    height: 50px;
    display: block;
    font-size:90%;
}
li.sub-list__unit a:hover {
    color: #000000;
    background-color:#e6e6e6;
    font-weight:bold;
    border:2px solid #cccccc;
}

@media screen and (max-width: 768px) {
li.sub-list__unit {
    width:48%;
    margin: 0 2px;
}
li.sub-list__unit a {
    margin: 10px 1px;
    padding: 17px 0;
    width: 100%;
    font-size: 100%;
}
li.sub-list__unit a:hover {
    color:#000;
    background-color:#a0d8ef;
    font-weight:bold;
    border:none;
}
  .sub-list{
    letter-spacing:0;
    padding: 0 1% 30px 1%;
}
}

@media screen and (max-width: 640px) {
  li.sub-list__unit a {
    font-size: 80%;
}
}