#base {
  display: flex;
  flex-direction: row;
//  width: 100vw;
  height: 100%;
}

#qinov_frame {
   width: 70%;
   height: 100%;
}

#control_frame {
   width: 30%;
   height: 100%;
}


#menu {
    text-align: center;
}

#menu ul {
    margin: 0 ;
    padding: 0 ;
    font-size: 0;
}

#menu ul li{
    list-style: none;
    display: inline-block;
    width: 20%; /* ここで項目の幅を指定します */
    background-color: #333; /* 背景色を指定します */
    font-size: 16px;
}

#menu ul li a {
    text-decoration: none;
    color: #fff; /* 文字色を指定します */
}

#menu li:hover{
    opacity: 0.8; /* hover時の不透明度を調整します */
}