*{               /* 全体 */
  margin: 0;
  box-sizing: border-box;
}
.btn{            /* ボタン */
  font-size: 2rem;
  width: 100%;
}
#ScanFrame{      /* スキャン領域の枠線 */
  position: absolute;
  display: none;
  top:   30%;
  left:  10%;
  height: 20%;
  width: 80%;
  border: 5px #ff0 solid;
  z-index: 1;
}
#CameraView{     /* カメラ映像表示欄 */
  position: relative;
  display: none;
  top:  0;
  left: 0;
  width:  100%;
  height: 100%;
}
#ISBNShow{       /* ISBNコード表示欄 */
  margin: 1rem;
  font-size: 1.5rem;
  text-align: center;
}
#BookInfo{       /* 書籍情報表示欄 */
  border:2px solid #F00;
}
/*
以下の要素は、Quaggaが自動的に埋め込んでいる。
これらの要素の表示幅が画面幅をオーバーしている。→ 表示幅を制限したい。
*/
canvas, video {
  width: 100%  !important;
  height: auto !important;
}
canvas{
  position: absolute;
/*
  left: 0;
  top:  0;
*/
}