body {
  margin: auto;
  overscroll-behavior-y: none;
}

#contents { 
  display: block;
  background: #FEF4D1;
}

video {
  /* height: 664px; */ /* タブレットのブラウザ画面サイズに合わせた */
  display: block; /* 非表示 */
  position: relative;
  margin: auto;  
}

/* タブレット以外の画面の場合 UA判断ではなく画面サイズでcss変えるだけで対応*/
@media screen and (min-width:960px) {
  img {
    height: 664px;/* タブレットのブラウザ画面サイズに合わせた */
  }
  video {
    height: 664px;/* タブレットのブラウザ画面サイズに合わせた */
  } 
}
@media screen and (max-width:960px) {
  img {
		width: 90%;
  }
  video {
		width: 90%;
  } 
}

#video-btn {
  position: absolute;
  z-index: 1;
  margin: auto; 
  left: 0;
  right: 0;
  top: 0;
}