#demo{
  display:grid;
  justify-items: center;
  align-items: center; 
}

footer,
#code,
pre{
  display:none;
}

h1{
  font-weight:bold;
}

#kanyoku{
  display:flex;
  justify-content: space-between;
  margin:0 auto;
  width:320px;
  max-width:100%;
  position:relative;
  left:0;
  top:0;
}
#kanyoku ul{
  position:relative;
  left:0;
  top:0;
  z-index:3;
}

#kanyoku canvas{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#kanyoku a{
  display:block;
  padding:12px;
  margin:4px 0;
  line-height:40px;
  border:2px solid #000;
  font-size:20px;
}

#kanyoku a:hover{
  background-color:#ccc;
  cursor:pointer;
}
#kanyoku a.select{
  background-color:#aaa;
}
#kanyoku a.ng{
  background-color:#faa;
}
#kanyoku a.ok{
  background-color:#afa;
}
#after{
  text-align:center;
}
#links{
  height:40px;
  padding:4px;
}
#links a{
  padding:8px;
}

#btns{
  height:80px;
}
button{
  display:block;
  margin:8px auto;
  padding:24px;
}