@charset "utf-8";
/**********
common
**********/

.sp_view{
	display:none !important;
}
.pc_view{
	display:block;
}
#container {
	min-width: 1200px;
}
#fade{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 989;	
}
.loading,
.loading:after {
	border-radius: 50%;
	width: 6em;
	height: 6em;
}
.loading{
	font-size: 10px;
	text-indent: -9999em;
	border-top: 0.2em solid rgba(200, 200, 200, 1);
	border-right: 0.2em solid rgba(200, 200, 200,1);
	border-bottom: 0.2em solid rgba(200, 200, 200,1);
	border-left: 0.2em solid #000;
	transform: translate(-50%,-50%);
	position: absolute;
	top: 45%;
    left: 50%;

	-webkit-animation: load 0.8s infinite linear;
	-moz-animation: load 0.8s infinite linear;
	animation: load 0.8s infinite linear;
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*----------
SP
----------*/
@media screen and (min-width: 0px) and (max-width: 800px) {
	/*------
	共通
	------*/
	.sp_view{
		display:block !important;
	}
	.pc_view{
		display:none !important;
	}
	.loading{
	  width: 4em;
	  height: 4em;
	}
	.loading{
		font-size: 10px;
		text-indent: -9999em;
		border-top: 0.1em solid rgba(200, 200, 200, 1);
		border-right: 0.1em solid rgba(200, 200, 200,1);
		border-bottom: 0.1em solid rgba(200, 200, 200,1);
		border-left: 0.1em solid #000;
		transform: translate(-50%,-50%);
		position: absolute;
		top: 45%;
		left: 45%;

		-webkit-animation: load 0.8s infinite linear;
		-moz-animation: load 0.8s infinite linear;
		animation: load 0.8s infinite linear;
	}
	#container {
		min-width: inherit;
	}


}/*@media*/