@charset "UTF-8";

/*--------------------------------------
mvtkWidget
----------------------------------------*/
#mvtk{
	width:100%;
	min-width: 1200rem;
	margin:80rem auto 0;
}

#mvtkWidget{
	position:relative;
}

#mvtk-widgets-container{
	margin:0 auto;
}

#bnr{
	width:160rem;
  position: absolute;
  bottom: 50rem;
  left: 20rem;
}

#bnr ul li{
	border:none;
  cursor: pointer;
  transition: .2s;
}

#bnr ul li:hover{
	opacity:1.0;
	animation: poyon-bounce 0.6s ease-in-out forwards;
}



/* --------------------------------------------------
animation
-------------------------------------------------- */

@keyframes zoomOut {
  from {
    opacity: 0;
    transform:scale(1.25);
  }
  to {
    opacity: 1;
    transform:scale(1.0);
  }
}


#logo,
#date{
	opacity:0;
}

.is-loaded #logo{
  animation: zoomOut 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards;
}

.is-loaded #date{
  animation: zoomOut 1.6s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards;
}