/* JavaScriptで使用するCSS */

.conditional-element {
	display: none;
}

.role_1 {
	display: none;
}

#loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	background: #000000aa url('../img/loading.svg') no-repeat center;
	z-index: 10;

	opacity: 0;
}

#loading.loading-init {
	/*animation: loadingKeyFrames 0.3s linear;*/
	/*animation-fill-mode: forwards;*/
	display: none;
}

@keyframes loadingKeyFrames {
	0% {
		/*opacity: 1;*/
	}
	99.9% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		height: 0;
	}
}

#loading.loading-init.loading-show {
	/*animation: loadingKeyFrames2 0.3s linear;*/
	/*animation-fill-mode: forwards;*/
	animation-name: loadingKeyFrames2;
	animation-timing-function: linear;
	animation-delay: 1.8s;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	display: block;
}
@keyframes loadingKeyFrames2 {
	0% {
		opacity: 0;
	}
	99.9% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
.sort{
	cursor: pointer;
}
.sort.asc::after {
	content: " ▲";
}
.sort.desc::after {
	content: " ▼";
}