.loading {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0px);
  transition: all 0.25s;
}
.loading.disp {
  opacity: 1;
  visibility: visible;
  transform: translateY(-3px);
}


.box {
  position:fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;

  width: 78px;
  height: 108px;

  background-color:#fff;/*削除予定*/
}

.loadingArea {/*親div*/
	position: relative;/*相対配置*/
}

.load_1 {
	position: absolute;/*絶対配置*/
	top :6px;
	left:34px;
	width: 30px;
	height: 30px;
	opacity:0.1;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 3s linear infinite;
}

.load_2 {
	position: absolute;/*絶対配置*/
	top :20px;
	left:3px;
	width: 40px;
	height: 40px;
	opacity:0.2;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spinX 3s linear infinite;
}

.load_3 {
	position: absolute;/*絶対配置*/
	top :38px;
	left:31px;
	width: 50px;
	height: 50px;
	opacity:0.4;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 3s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@keyframes spinX {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}


.load_txt {
	position: absolute;/*絶対配置*/
	top :40px;
	left:0px;
	font-family: 'Montserrat';
	font-size	: 15px;
	font-weight: 600;
	color:#000;
text-shadow:
    #FFF 1px  0px, #FFF -1px  0px,
    #FFF 0px -1px, #FFF  0px  1px,
    #FFF 1px  1px, #FFF -1px  1px,
    #FFF 1px -1px, #FFF -1px -1px,
    #FFF 1px  1px, #FFF -1px  1px,
    #FFF 1px -1px, #FFF -1px -1px,
    #FFF 1px  1px, #FFF -1px  1px,
    #FFF 1px -1px, #FFF -1px -1px;

}

.blink_1 {
	animation: 2s linear infinite blinkEffect_1;
}
.blink_2 {
	animation: 2s linear infinite blinkEffect_2;
}
.blink_3 {
	animation: 2s linear infinite blinkEffect_3;
}
@keyframes blinkEffect_1 {
	  0%{opacity:0;}
	 25%{opacity:1;}
	 50%{opacity:1;}
	 75%{opacity:1;}
	100%{opacity:0;}
}
@keyframes blinkEffect_2 {
	  0%{opacity:0;}
	 25%{opacity:0;}
	 50%{opacity:1;}
	 75%{opacity:1;}
	100%{opacity:0;}
}
@keyframes blinkEffect_3 {
	  0%{opacity:0;}
	 25%{opacity:0;}
	 50%{opacity:0;}
	 75%{opacity:1;}
	100%{opacity:0;}
}