html,body{
		height: 100%;
		width: 100%;
	background-image: var(--body-background-image);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
	position: fixed;
  /*
   animation: scroll-anim 150s linear infinite;
  background-position: left top;
  background-size: 130%;*/
}

@keyframes scroll-anim {
	25% {
		background-position: 30% 0%;
	}
	50% {
		background-position: 30% 30%;
	}
	75% {
		background-position: 0% 30%;
	}
}
.note-button-area {
	width:100%;
	overflow:auto;
	white-space:nowrap;
}

.v-application--wrap{
    min-height: fit-content;
}

.noteImgBase{
	max-width:160px;
	max-height:140px;
	/* lazy で読みこんでいるのに、デフォルトの高さが低いとそのまま全画面に一旦表示されてしまうので */
	min-height:100px;
}

.img-size1{
	max-width:200px;
	max-height:180px;
}

.drag-start-flash {
	background-color: white;
	animation: drag-flash ease-in 0.2s infinite;
}
@keyframes drag-flash {
	0% { background: #f0f0f010; }
	10% { background: #f0f0f040; }
	90% { background: #20202040; }
	100% { background: #20202010; }
  }