#wrap { margin-top: 10000px; overflow: hidden; height: 0; }

.pcp { display: block; }
.spp { display: none; }
@media screen and (max-width: 768px) {
	.pcp { display: none; }
	.spp { display: block; }
}

.opening  { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; overflow: hidden; }
.opening .set { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; text-align: center; }
.opening .set #loading { position: absolute; top: 50%; margin-top: -2px; left: 50%; margin-left: -2px; }
.opening .set .logo { position: relative; top: 50%; margin-top: -39px; opacity: 0; visibility: hidden; -webkit-transition: all 1.5s; transition: all 1.5s; }
.opening .set .logo.show { opacity: 1; visibility: visible; }


.opening .photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.opening .photo img { width: auto; height: auto; max-width: none; max-height: none; }


.opening .set #loading { position: absolute; opacity: 1; top: 50%; margin-top: -11px; left: 50%; margin-left: -35px; width: 70px; text-align: center; }
.opening .set #loading.hide { opacity: 0; }

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #bbb;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}