@charset "utf-8";
/* CSS Document */

/* =============================================== */
/* moon
-------------------------------------------------- */
/* animation
-------------------------------------------------- */
.slideup {
	opacity : 0;
	transform: translateY(40px);
	transition: all 900ms;
}
.fromleft {
	opacity : 0;
	transform: translateX(-100%);
	transition: all 1250ms ;
}
.fromright {
	opacity : 0;
	transform: translateX(100%);
	transition: all 1250ms ;
}

.fadeIn {
	opacity: 0;
	animation-delay: 0;
	animation-name: fadeIn01;
	animation-duration:1.5s;
	animation-fill-mode: forwards;
}
@keyframes fadeIn01 {
	0% { opacity : 0;}
	100% {
		opacity : 1;
		transform: translate(0);
	}
}

.fuwa01 {
	animation: fuwa01 2s ease-in-out infinite;
}
@keyframes fuwa01 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 上に10px移動 */
  }
  100% {
    transform: translateY(0);
  }
}

.fuwa02 {
	animation: fuwa02 2.6s ease-in-out infinite;
}
@keyframes fuwa02 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 上に10px移動 */
  }
  100% {
    transform: translateY(0);
  }
}

.fuwa03 {
	animation: fuwa03 3.2s ease-in-out infinite;
}
@keyframes fuwa03 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 上に10px移動 */
  }
  100% {
    transform: translateY(0);
  }
}

.dt01 { transition-delay:0.1s;}
.dt02 { transition-delay:0.2s;}
.dt03 { transition-delay:0.3s;}
.dt04 { transition-delay:0.4s;}
.dt05 { transition-delay:0.5s;}
.dt06 { transition-delay:0.5s;}
.dt08 { transition-delay:0.8s;}
.dt10 { transition-delay:1.0s;}
.dt12 { transition-delay:1.2s;}

.ad01 {	animation-delay:0.1s;}
.ad02 {	animation-delay:0.2s;}
.ad03 {	animation-delay:0.3s;}
.ad04 {	animation-delay:0.4s;}
.ad05 {	animation-delay:0.5s;}
.ad06 {	animation-delay:0.6s;}
.ad07 {	animation-delay:0.7s;}
.ad08 {	animation-delay:0.8s;}
.ad09 {	animation-delay:0.9s;}

.ad10 {	animation-delay:1.0s;}
.ad11 {	animation-delay:1.1s;}
.ad16 {	animation-delay:1.6s;}

.ad20 {	animation-delay:2.0s;}
.ad30 {	animation-delay:3.0s;}