:root {
	--font-size-title: 36px;
	--font-size-field: 21px;
	--font-size-ruby: 12px;

	--theme-color: #3390b6;
	--theme-color-weak: #FFEECC;
	--theme-color-reverse: #FFFFFF;
	--theme-color-fg: #222222;
	--theme-color-bg: #FFFFFF;
	--theme-color-bd: #3390b6;
	--theme-color-bt: #3390b6;
	--theme-color-ft: #3390b6;
}

select {
	background-image: none !important;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.loader {
	width: 50px;
	height: 50px;
	border: 4px solid #ccc;
	/* 外側のグレー部分 */
	border-top: 4px solid #3498db;
	/* 上部は青色 */
	border-radius: 50%;
	/* 丸い形 */
	animation: spin 1s linear infinite;
	/* 回転アニメーション */
}