body {
	/* モーダルが出るときに右に謎の余白が生じるのを防ぐ */
	padding-right: 0 !important;
}

main {
	min-height: calc(100vh - 100px); /* header + footer = 100px */
	display: flex;
	flex-direction: column;
	align-items: normal;
}

div {
	font-family: "遊ゴシック",sans-serif,Arial,Helvetica,"lucida grande",tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic";
}

td, tr {
	border-color: #D2D2D2;
}

td {
	text-align: center;
}

.main_header {
	margin-top:20px;
	margin-left: 20px;
	border-left: dimgray solid 4px;
	padding-left: 7px;
	font-family: "遊ゴシック",sans-serif,Arial,Helvetica,"lucida grande",tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic";
	font-size: 20px;
}

.table_area{
	background-color: #fff;
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 10px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
	font-family: "遊ゴシック",sans-serif,Arial,Helvetica,"lucida grande",tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic";
}


.fade-out-4sec {
	animation: fadeOut 4.0s ease-in 0.0s 1 normal forwards;
}

.boxanim {
	margin: 5px;
}

.boxanimf {
	margin: 5px;
	animation: flash 1.5s linear infinite;
}

.pending {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	text-align: center;
	line-height: 1.5rem;
	color: white;
	background-color: red;
	animation: flash 1.5s linear infinite;
}

@keyframes flash {
	0%,100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}