/* ローディング表示エリア */
.loading-area {
	position: fixed;
	z-index: 10005;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	text-align: center;
    display: none;
	background: rgba(0,0,0,0.6);
}
.loading-message{
	position:relative;
	top:55%;
	right: 0;
	left: 0;
	color: #fff;
	font-weight: bold;
}
/* ローディングアニメーション 色はstyle_area_colorで指定 */
#loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 30px;
	left: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	
	animation: loading 1s infinite steps(12, start);
}
@keyframes loading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);  
	}
}