body {
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.87);
  background-color: #ffffff;
}

#app {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#banner {
  margin-top: 10px;
  width: 100%;
}
.banner {
  width: 100%;
}

canvas {
  touch-action: manipulation; /* or touch-action: auto; */
}
/** 入力エリアフォーカス時に画面がズレるのを防ぐ（スクロール完全無効化版） **/
textarea, input[type=text], input[type=password] {
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  z-index: -999999 !important;
  pointer-events: none !important;
  transform: scale(0) !important;
  font-size: 16px !important; /* モバイルズーム防止 */
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* フォーカス時もスクロール位置を維持（画面内の座標で固定） */
textarea:focus, input[type=text]:focus, input[type=password]:focus {
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  z-index: -999999 !important;
  pointer-events: none !important;
  transform: scale(0) !important;
  outline: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
}