@charset "UTF-8";

.duck-history .birthday-block{
  position: relative;
  margin: 1em 0 0 33%;
  padding: 3em 1em 2em 1em;
  width: 67%;
  display: block;
  overflow: visible;
  border-radius: 0.8rem;
  border: 0.2rem solid #00adef;  
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1.6rem, rgba(0, 173, 239, 0.1) 1.6rem, rgba(0, 173, 239, 0.1) 3.2rem );
  z-index: 100;
}



.duck-history .duck-status{
  position: relative;
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 40rem;
  display: block;
  pointer-events: none;
  z-index: 600;
}



.duck-history .title-trigger{
  position: relative;
  margin: 0 0 0 33%;
  padding: 0;
  width: 67%;
  display: block;
  z-index: 100;
}

.duck-history .title-trigger.accordion-trigger::before,
.duck-history .title-trigger.accordion-trigger::after{ display: none;}


.duck-history .title-trigger em{
  position: relative;
  margin: auto;
  padding: 0.8em 0.5rem 0.8em 2rem;
  width: 90%;
  max-width: 20em;
  display: block;
  border-radius: 2em;
  background-color: #00adef;
  color: #fff;
  font-size: var(--font-size-m);
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  z-index: 100;
}

.duck-history .title-trigger em:after{
  position: absolute;
  top: 0;
  left: 1rem;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  background: url(/common/img/icon_plus_w.svg) center center no-repeat;
  background-size: contain;
  transition: 0.3s ease-in-out;
  transform: rotate( 0deg);
  content: "";
  z-index: 1;
}

.duck-history .title-trigger.active em:after{ transform: rotate( 135deg);}



@media screen and (max-width: 480px) {

.duck-history .birthday-block{
  margin: 1em 0 2em 20%;
  width: 80%;
}

.duck-history .title-trigger{
  margin: 0 0 0 20%;
  width: 80%;
}

.duck-history .title-trigger em{
  width: 90%;
  max-width: 22em;
  font-size: 1.5rem;
}


} /* End max 480 */

/*duck14*/

.duck-history .duck-status .duck-14-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_14th_01.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-bg-14 25s  infinite;
  transform: translate(0,0);
  z-index: 800;
  content: "";
}

@keyframes egg-swing-bg-14 {
  0% { opacity: 0;}
  1% { opacity: 1;}
  5% { opacity: 1;}
  11% { opacity: 0;}
  95% { opacity: 0;}
  100% { opacity: 0;}
}

.duck-history .duck-status.ver14-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_14th_06.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-14-1 25s infinite;
  z-index: 600;
}

@keyframes egg-jump-14-1 {
  0% { bottom: 7%; opacity: 0;}
  3% { opacity: 1;}
  5% { bottom: 10%;}
  10% { opacity: 1;}
  11% { bottom: 10%; opacity: 0;}
  11.5% { bottom: 10%; opacity: 1;}
  12% { opacity: 0;}
  12.5% {opacity: 1;}
  13% {opacity: 1%;}
  14% { bottom: 10%; opacity: 0;}
  16% {opacity: 0%;}
  17% { bottom: 10%; opacity: 1;}
  21% { bottom: 10%; opacity: 1;}
  23% { bottom: 10%; opacity: 0;}
  95% { bottom: -8%; opacity: 0;}
  100% { bottom: -8%; opacity: 0;}
}



.duck-history .duck-status.ver14-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_14th_05.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-14-2 25s infinite;
  z-index: 600;
}

@keyframes egg-jump-14-2 {
  0% { opacity: 0;}
/*  投げキッス */
  10% { bottom: 10%; opacity: 0;}
  11% { bottom: 10%; opacity: 1;}
  11.5% { bottom: 10%; opacity: 0;}
  12% { bottom: 10%; opacity: 1;}
  12.5% { bottom: 10%; opacity: 0;}
  13% { bottom: 10%; opacity: 1;}
/* 小刻みに震える */
  13.2% { opacity: 1; left: -0.5rem;}
  13.4% { opacity: 1; left: 0.5rem;}
  13.6% { opacity: 1; left: -0.5rem;}
  13.8% { opacity: 1; left: 0.5rem;}
  14% { opacity: 1; left: -0.5rem;}
  14.2% { opacity: 1; left: 0.5rem;}
  14.4% { opacity: 1; left: -0.5rem;}
  14.6% { opacity: 1; left: 0.5rem;}  
  14.8% { opacity: 1; left: -0.5rem;}
  15% { opacity: 1; left: 0.5rem;}
  16% { opacity: 1; left: 0rem; }
  17% { opacity: 0; left: 0rem;}
  99% { opacity: 0;} 
  100% { opacity: 0;}  
}


.duck-history .duck-status .duck-14-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_14th_07.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-14-3 25s infinite;
  z-index: 600;
}

@keyframes egg-jump-14-3 {
  0% { opacity: 0;}
  15% { opacity: 0; transform: rotate( 0deg) scale(0, 0); z-index: 10; bottom: 0;}
  17% { opacity: 1; transform: rotate( 0deg) scale(0, 0); z-index: 1000; bottom: 0;}
  20% { opacity: 0; transform: rotate( 30deg) scale(1.5, 1.5); bottom: 20%;}
  21% { opacity: 0; transform: rotate( 0deg) scale(1.4, 1.4); bottom: 50%;}
  22% { opacity: 0; transform: scale(1.3, 1.3); bottom: 48%;}
  23% { opacity: 0;}
/*  落ちていくハート*/
  25% { opacity: 0; transform: scale(1.0, 1.0); }
  26% { opacity: 1; transform: scale(1.0, 1.0); }
  27% { opacity: 1;}
  29%{transform: scale(1.0, 1.0);}
  32% { bottom: 0%; right: 0%; transform: scale(1.05, 0.95);}
  36% { bottom: 25%;}
  39%{transform: scale(1.0, 1.0);}
  41% { bottom: 0%; right: 0%; transform: scale(1.05, 0.95);}
  46%{ bottom: 25%; }
  48%{transform: scale(1.0, 1.0);}
  50% { bottom: 0%; right: 0%; transform: scale(1.05, 0.95);}
  52%{ opacity: 1; }
  53%{ bottom: 80%; opacity: 0; transform: scale(0.8, 1.3);}
  99% { opacity: 0;}
  100% { bottom: -8%; opacity: 0;}
}



.duck-history .duck-status.ver14-5 em:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_14th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-14-4 25s infinite;
  z-index: 1000;
}

@keyframes egg-jump-14-4 {
  0% { opacity: 0;}
  20% { right: 3%; opacity: 0; scale: 1.1;}
  22%{ bottom: 48%;}
  23% { opacity: 0;}
  25% { opacity: 0;}
  26% { opacity: 1; }
  30%{transform: scale(1.0, 1.0);}
  32% { bottom: 0%; right: 0%;}
  32.5% {transform: scale(1.05, 0.95);}
  36% { bottom: 25%;}
  39.5%{transform: scale(1.0, 1.0);}
  41% { bottom: 0%;}
  41.5% { transform: scale(1.05, 0.95);}
  46%{ bottom: 25%;}
  48.5%{transform: scale(1.0, 1.0);}
  50% { bottom: 0%;}
  50.5% { transform: scale(1.05, 0.95);}
  52%{ opacity: 1; }
  53%{ bottom: 80%; opacity: 0; transform: scale(0.8, 1.3);}
  99% { opacity: 0;}
  100% { bottom: -8%; opacity: 0; scale: 1.1;}
}

.duck-history .duck-status.ver14-5 em:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_14th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-14-5 25s infinite;
  z-index: 900;
  transform-origin: 50% 100%;
}

@keyframes egg-jump-14-5 {
  0% { opacity: 0;}
  50% { bottom: 0%; right: 0%; opacity: 0; }
  53%{ opacity: 0;}
  54%{ bottom: 80%; opacity: 1; transform: scale(0.8, 1.2);}
  56% { bottom:7%; transform: scale(1.3, 0.7);}
  57% { bottom:7%; transform: scale(0.8, 1.2);}
  58% { bottom:7%; transform: scale(1.1, 0.9);}
  59% { bottom:7%; transform: scale(1.0, 1.0); opacity: 1;}
  63% { opacity: 1;}
  64% { opacity: 0;}
  99% { opacity: 0;}
  100% { bottom: 7%; opacity: 0;} 
}

.duck-history .duck-status.ver14-5 span:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_14th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-14-6 25s infinite;
  z-index: 1000;
}

@keyframes egg-jump-14-6 {
  0% { bottom: 7%;opacity: 0;}
  63% { opacity: 0; }
  64% { transform:rotateY(180deg); opacity: 1; scale: 1.0;}
  64.5% {transform:rotateY(0deg); opacity: 1;}
  65% { transform:rotateY(180deg); opacity: 1;}
  65.5% { transform:rotateY(0deg); opacity: 1;}
  66% { transform:rotateY(180deg); opacity: 1;}
  66.5% { transform:rotateY(0deg); opacity: 1;}
  67% {transform:rotateY(180deg); opacity: 1;}
  67.5% {transform:rotateY(0deg); opacity: 1; scale: 0.5;}
  68% { transform:rotateY(180deg); opacity: 1;}
  68.5% { transform:rotateY(0deg); opacity: 1;}
  69% { transform:rotateY(180deg); opacity: 1;}
  69.5% { transform: rotateY(0deg); opacity: 1;} 
  70% { transform:rotateY(180deg); opacity: 1;}
  70.5% { transform: rotateY(0deg); opacity: 1;}
  71% { transform:rotateY(180deg); opacity: 1;}
  71.5% { bottom: 7%; transform: rotateY(0deg); opacity: 1; scale: 1.0;}
  72% { bottom: 7%; scale: 1.0;}
  90% { opacity: 1;}
  99% { opacity: 0;}
  100% { bottom: 7%; opacity: 0;} 
}


/*duck13*/
.duck-history .duck-status.ver13-5 div::before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/funding/img/home/duck_13th_01.svg) no-repeat;
  background-size: contain;
  animation: duck13_1 15s infinite;
  transform: translate(0,0);
  z-index: 300;
}
@keyframes duck13_1{
   0% { opacity:0; }
13.9% { opacity:0;top:10px; }
  14% { opacity:1;top:10px; }
  29% { opacity:1;top:10px; }
  31% { opacity:0;top:10px; }
 100% { opacity:0; }
}


.duck-history .duck-status.ver13-5 div::after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/funding/img/home/duck_13th_02.svg) no-repeat;
  background-size: contain;
  animation: duck13_2 15s infinite linear;
  transform: translate(0,0);
  z-index: 250;
}
@keyframes duck13_2{
   0% { opacity:0; }
13.9% { opacity:0; transform: translate(-60px,50px); rotate: -45deg; }
  14% { opacity:1; transform: translate(-60px,50px); rotate: -45deg; }
  18% { opacity:0.4; transform: translate(-60px,-60px); rotate: 0deg; }
  23% { opacity:0.2; transform: translate(0px,0px); }
  26% { opacity:0; transform: translate(60px,60px); }
 100% { opacity:0; }
}


.duck-history .duck-status.ver13-5 span::before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/funding/img/home/duck_13th_03.svg) no-repeat;
  background-size: contain;
  animation: duck13_3 15s infinite ease-in-out;
  transform: translate(0,0);
  z-index: 200;
}
@keyframes duck13_3{
   0% { opacity:0; }
14.5% { opacity:0; } 
14.6% { opacity:1; }
  26% { opacity:1; } 
27.5% { opacity:1; top:0; left: 0; transform: scale(1,1); }
  28% { opacity:1;top:0px;}
  29% { opacity:1;top:20px; transform: scale(1,0.6); }
  31% { opacity:1;top:-200px; transform: scale(1,1.2); }
  36% { opacity:1;top:0px; transform: scale(1,1); }
  49% { opacity:1; }
50.8% { opacity:1; }
50.9% { opacity:1; }
  51% { opacity:0; }
 100% { opacity:0; }
}


.duck-history .duck-status.ver13-5 span::after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/funding/img/home/duck_13th_04.svg) no-repeat;
  background-size: contain;
  animation: duck13_4 15s infinite linear;
  transform: translate(0,0);
  z-index: 300;
}
@keyframes duck13_4{
     0% { opacity:0; }
  50.8% { opacity:0; }
  50.9% { opacity:1; }
    51% { opacity:1; }
    55% { opacity:1; }
  56.8% { opacity:1; }
    57% { opacity:1; transform: translate(0,0) scale(1, 1);}
  57.5% { opacity:1; transform: translate(0,0.5rem) scale(1.2, 1);}
  58.2% { opacity:1; transform: translate(0,-20rem) scale(-0.6, 1); }
  58.9% { opacity:1; transform: translate(0,-20rem) scale(0.6, 1); }
    59% { opacity:1; transform: translate(0,-20rem) scale(-0.8, 1); }
  59.7% { opacity:1; transform: translate(0,-20rem) scale(0.8, 1); }
  60.4% { opacity:1; transform: translate(0,-20rem) scale(-1, 1); }
  61.1% { opacity:1; transform: translate(0,-20rem) scale(1, 1); }
  61.8% { opacity:1; transform: translate(0,-20rem) scale(1, 1); }
  61.9% { opacity:0; transform: translate(0,-20rem) scale(1, 1); } 
  100% { opacity:0; }
}


.duck-history .duck-status.ver13-5 em::before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/funding/img/home/duck_13th_05.svg) no-repeat;
  background-size: contain;
  animation: duck13_5 15s infinite linear;
  transform: translate(0,0);
  z-index: 300;
}
@keyframes duck13_5{
   0% { opacity:0; }
61.8% { opacity:0; transform: translate(0,-20rem) scale(1, 1); }
61.9% { opacity:1; transform: translate(0,-20rem) scale(1, 1); }
  63% { opacity:1; transform: translate(0,0) scale(1, 1); }
  80% { opacity:1; transform: translate(0,0) scale(1, 1); }
  81% { opacity:0; }
 100% { opacity:0; }
}

.duck-history .duck-status.ver13-5 em::after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/funding/img/home/duck_13th_06.svg) no-repeat;
  background-size: contain;
  animation: duck13_6 15s infinite ease-in;
  transform: translate(0,0);
  z-index: 300;
}
@keyframes duck13_6{
   0% { opacity:0; }
  80% { opacity:0; }
  81% { opacity:1; }
84.9% { opacity:1; }
  85% { opacity:0; }
 100% { opacity:0; }
}


.duck-history .duck-status.ver13-5 b::before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/funding/img/home/duck_13th_07.svg) no-repeat;
  background-size: contain;
  animation: duck13_7 15s infinite ease-out;
  transform: translate(0,0);
  z-index: 300;
}
@keyframes duck13_7{
   0% { opacity:0; }
84.9% { opacity:0; }
  85% { opacity:1; }
  93% { opacity:1; }
 100% { opacity:0; }
}



/*duck12*/
.duck-history .duck-status .duck-12-05:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_01-1.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_egg_1 20s infinite;
  z-index: 700;  
}
@keyframes duck12_egg_1{  
  0% { opacity: 1;}
  5% {  transform:scale(1) rotate(0deg); opacity: 1;}
  10% { transform:scale(1) rotate(45deg) translateY(-120px); opacity: 1;}
  13% { transform:scale(1) rotate(45deg) translateY(-120px); opacity: 0;}
  20% { transform:scale(1) rotate(45deg) translateY(-120px); opacity: 0;}
  24% { transform:scale(1) rotate(45deg) translateY(-120px); opacity: 0;}
	50% {opacity: 0;}
	70% {opacity: 0;}	
	100% {opacity: 0;}	
}

.duck-history .duck-status .duck-12-05:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_01-2.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_egg_2 20s infinite;
  z-index: 700;  
}
@keyframes duck12_egg_2{  
  0% { opacity: 1;}
  3% {  opacity: 1;}
  10% { opacity: 1;}
  16% { opacity: 1;}
	20% { opacity: 1;}
  25% { opacity: 0;}
	70% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 0;}	
}

.duck-history .duck-status.ver12-5::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_1 20s infinite;
  z-index: 600; 	
}
@keyframes duck12_1{  
	0% {top: -1%; left: 0; transform: scale(1,1); opacity: 1;}
  2% {top: -1%; left: 0; transform: scale(1,1); opacity: 1;}
  4% {top: -1%; left: 0; transform: scale(1,1); opacity: 1;}
  6% {top: -1%; left: 0; transform: scale(1,1); opacity: 1;}
  8% {top: -1%; left: 0; transform: scale(1,1); opacity: 1;}
  10% {top: -1%; left: 0; transform: scale(1,1); opacity: 1;}
  11% {top: -1%; left: -0.4%; transform: scale(1,1); opacity: 1;}
  12% {top: -1%; left: 0.4%; transform: scale(1,1); opacity: 1;}	
  13% {top: -1%; left: -0.4%; transform: scale(1,1); opacity: 1;}	
  14% {top: -1%; left: 0%; transform: scale(1,1); opacity: 1;}
  16% {top: -1%; left: 0%; transform: scale(1,1); opacity: 1;}
  17% {top: -60%; left: 0; transform: scale(0.96,1.04); opacity: 0;}
	20% {opacity: 0;}
  30% { opacity: 0;}
  35% { opacity: 0;}
  40% { opacity: 0;}
  45% { opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 0;}
	85% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 0;}	
}

.duck-history .duck-status.ver12-5::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_2 20s infinite;
  z-index: 600; 	
}
@keyframes duck12_2{  	
	0% {opacity: 0;}
  5% {opacity: 0;}
  10% {opacity: 0;}
	20% {opacity: 0;}
  30% {top: 0%; transform: translateX(0%) scale(.6); opacity: 0;}
  31% {top: 0%; transform: translateX(0%) scale(.6); opacity: 0;}
  32% {top: 0%; transform: translateX(0%) scale(.6); opacity: 0.1;}
  33% {top: 0%; transform: translateX(0%) scale(.6); opacity: 0.5;}
  34% {top: 0%; transform: translateX(0%) scale(.6); opacity: 0.9;}
  35% {top: 0%; transform: translateX(0%) scale(.65); opacity: 0;}
  36% {top: 0%; transform: translateX(0%) scale(.65); opacity: 0}
  37% {top: 0%; transform: translateX(0%) scale(.65); opacity: 0}
  38% {top: 0%; transform: translateX(0%) scale(.7); opacity: 1;}
  39% {top: 0%; transform: translateX(0%) scale(.7); opacity: 1;}
  40% {top: 0%; transform: translateX(0%) scale(.7); opacity: 1;}
  41% {top: 0%; transform: translateX(0%) scale(.75); opacity: 0;}
  42% {top: 0%; transform: translateX(0%) scale(.75); opacity: 0;}
  43% {top: 0%; transform: translateX(0%) scale(.75); opacity: 0;}
  44% {top: 0%; transform: translateX(0%) scale(.8); opacity: 1;}
  45% {top: 0%; transform: translateX(0%) scale(.8); opacity: 1;}
  46% {top: 0%; transform: translateX(0%) scale(.8); opacity: 1;}
  47% {top: 0%; transform: translateX(0%) scale(.85); opacity: 0;}
  48% {top: 0%; transform: translateX(0%) scale(.85); opacity: 0;}
  49% {top: 0%; transform: translateX(0%) scale(.85); opacity: 0;}
  50% {top: 0%; transform: translateX(0%) scale(.9); opacity: 1;}
  51% {top: 0%; transform: translateX(0%) scale(.9); opacity: 1;}
  52% {top: 0%; transform: translateX(0%) scale(.9); opacity: 1;}
  53% {top: 0%; transform: translateX(0%) scale(.95); opacity: 0;}
  54% {top: 0%; transform: translateX(0%) scale(.95); opacity: 0;}
  55% {top: 0%; transform: translateX(0%) scale(1); opacity: 0;}
  56% {top: 0%; transform: translateX(0%) scale(1); opacity: 1;}
  57% {top: 0%; transform: translateX(0%) scale(1); opacity: 1;}	
	58% {top: 0%; transform: translateX(0%) scale(1); opacity: 1;}
	59% {top: 0%; transform: translateX(0%) scale(1); opacity: 1;}
	60% {top: 0%; transform: translateX(0%) scale(1); opacity: 1;}
	61% {top: 0%; transform: translateX(0%) scale(1); opacity: 1;}
	62.5% {top: -60%; transform: translateX(0%) scale(1); opacity: 0;}
	70% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}

.duck-history .duck-status.ver12-5 em::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_2-2 20s infinite;
  z-index: 600; 	
}
@keyframes duck12_2-2 {
	0% {opacity: 0;}
  5% {opacity: 0;}
  10% {opacity: 0;}
	20% {opacity: 0;}
  30% {transform: translateX(0%); opacity: 0;}
  31% {transform: translateX(0%) scale(.6); opacity: 0;}
  32% {transform: translateX(0%) scale(.6); opacity: 0;}
  33% {transform: translateX(0%) scale(.6); opacity: 0;}
  34% {transform: translateX(0%) scale(.6); opacity: 0;}
  35% {transform: translateX(0%) scale(.65); opacity: 1;}
	36% {transform: translateX(0%) scale(.65); opacity: 1;}
	37% {transform: translateX(0%) scale(.65); opacity: 1;}
  38% {transform: translateX(0%) scale(.7); opacity: 0;}
  39% {transform: translateX(0%) scale(.7); opacity: 0;}
  40% {transform: translateX(0%) scale(.7); opacity: 0;}
  41% {transform: translateX(0%) scale(.75); opacity: 1;}
  42% {transform: translateX(0%) scale(.75); opacity: 1;}
  43% {transform: translateX(0%) scale(.75); opacity: 1;}
  44% {transform: translateX(0%) scale(.8); opacity: 0;}
  45% {transform: translateX(0%) scale(.8); opacity: 0;}
  46% {transform: translateX(0%) scale(.8); opacity: 0;}
  47% {transform: translateX(0%) scale(.85); opacity: 1;}
  48% {transform: translateX(0%) scale(.85); opacity: 1;}
  49% {transform: translateX(0%) scale(.85); opacity: 1;}
	50% {transform: translateX(0%) scale(.9); opacity: 0;}
  51% {transform: translateX(0%) scale(.9); opacity: 0;}
  52% {transform: translateX(0%) scale(.9); opacity: 0;}
  53% {transform: translateX(0%) scale(.95); opacity: 1;}
  54% {transform: translateX(0%) scale(.95); opacity: 1;}
  55% {transform: translateX(0%) scale(.95); opacity: 1;}
  56% {transform: translateX(0%) scale(1); opacity: 0;}
	57% {opacity: 0;}
	58% {opacity: 0;}
	59% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 0;}
	85% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}

.duck-history .duck-status.ver12-5 em::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_05-1.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_3 20s infinite;
  z-index: 700;  
}
@keyframes duck12_3{ 
	0% { opacity: 0;}
  10% {  opacity: 0;}
  20% { opacity: 0;}
  50% { opacity: 0;}
  60% { opacity: 0;}
  70% { opacity: 0; transform: scale(1.0, 1.0) translateY(-100%);}
  71% { opacity: 1; transform: scale(.95, 1.1) translateY(0%);}
	74% {opacity: 1; transform: scale(0.9, 1.2) translateY(-25%);}
	77% {opacity: 1; transform: scale(1.0, 1.0) translateY(0%);}
	80% {opacity: 1; transform: scale(1.0, 1.0) translateY(0%);}
	83% {opacity: 1; transform: scale(1.0, 1.0) translateY(0%);}
	86% {opacity: 1; transform: translateY(0%);}
	92.5% {opacity: 0; transform: translateY(0%);}
	100% {opacity: 0;}	
	
}

.duck-history .duck-status.ver12-5 span::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_05-2.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_3-2 20s infinite;
  z-index: 600; 	
}
@keyframes duck12_3-2 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	40% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 0;}
	75% {opacity: 0;}
	80.5% {opacity: 1;}
	85% {opacity: 1; transform: translateY(0) scale(1);}
	87% {opacity: 0; transform: translateY(-30px) scale(1.5);}
	92.5% {opacity: 0;}
	100% {opacity: 0;}
}
.duck-history .duck-status.ver12-5 span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_12th_05-3.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck12_3-3 20s infinite;
  z-index: 600; 	
}
@keyframes duck12_3-3 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	40% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 0;}
	75% {opacity: 0;}
	80.5% {opacity: 1;}
	85% {opacity: 1; transform: translateY(0) scale(1);}
	87% {opacity: 0; transform: translateY(-30px) scale(1.5);}
	92.5% {opacity: 0;}
	100% {opacity: 0;}
}


/*duck11*/
.duck-history .duck-status .duck-11-05:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_11th_01-1.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck11_egg_1 25s infinite;
  z-index: 500;  
}
@keyframes duck11_egg_1{  
  0% { opacity: 1;}
  3% {  opacity: 1;}
  10% { opacity: 1;}
  16% { opacity: 0;}
  25% { opacity: 0;}
  30% { opacity: 0;}
	50% {opacity: 0;}
	70% {opacity: 0;}	
	100% {opacity: 0;}	
}

.duck-history .duck-status .duck-11-05:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_11th_01-2.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck11_egg_2 25s infinite;
  z-index: 700;  
}
@keyframes duck11_egg_2{  
  0% { opacity: 1;}
  3% {  opacity: 1;}
  10% { opacity: 1;}
  16% { opacity: 0;}
	25% { opacity: 0;}
  30% { opacity: 0;}
	70% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 0;}	
}

.duck-history .duck-status.ver11-5::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_11th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck11_1 25s infinite;
  z-index: 600; 	
}
@keyframes duck11_1{  
  0% {top: 0%;transform: scale(1); opacity: 1;}
  2% {top: -15%; transform: scale(1); opacity: 1;}
  4% {top: -30%; transform: scale(0.96,1.04); opacity: 1;}
  6% {top: -15%;transform: scale(1); opacity: 1;}
  8% {top: -30%; transform: scale(0.96,1.04); opacity: 1;}
  10% {top: -15%;transform: scale(1); opacity: 1;}
  12% {top: -30%; transform: scale(0.96,1.04); opacity: 1;}	
  16% {top: 20%; transform: scale(1); opacity: 1;}
	25% {top: 20%; transform: scale(1); opacity: 1;}
  30% { opacity: 0;}
  35% { opacity: 0;}
  40% { opacity: 0;}
  45% { opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 0;}
	85% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 0;}		
}


.duck-history .duck-status.ver11-5 em::before {
  position: absolute;
  bottom: -11rem;
  left: -14rem;
  width: 115%;
  height: 115%;
  display: block;
  background: url(/funding/img/home/duck_11th_05_pc.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck11_comment 25s infinite;
  z-index: 600; 	
}
@keyframes duck11_comment {
	0% { opacity: 0;}
  20% { opacity: 0;}
  30% { opacity: 0;}
  40% { opacity: 0;}
	44% {opacity: 0; transform:scale(1) rotate(90deg);}
	48% {opacity: 1; transform:scale(1) rotate(0deg);}
	58% {opacity: 1; transform:scale(1) rotate(0deg);}
	68% {opacity: 1; transform:scale(1) rotate(0deg);}
	84% {opacity: 1; transform:scale(1) rotate(0deg);}
	88% {opacity: 1; transform:scale(1) rotate(0deg);}
	89.5% {opacity: 1; transform:scale(1) rotate(0deg);}
  94% { opacity: 0;}
  100% { opacity: 0;}	
}

.duck-history .duck-status.ver11-5 em::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_11th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck11_3 25s infinite;
  z-index: 600; 	
}
@keyframes duck11_3 {
  0% { opacity: 0;}
  30% { opacity: 0;}
  40% { opacity: 0;}
	44% {opacity: 1; }
	54.5% {opacity: 1; transform: translate(0%, 0%) rotate(0deg);}
	55% {opacity: 0; }
	59.5% {opacity: 0; }
	60% {opacity: 1;}
	64.5% {opacity: 1; transform: translate(0%, 0%) rotate(0deg);}
	65% {opacity: 0;}	
	69.5% {opacity: 0; }
	70% {opacity: 1;}
	74.5% {opacity: 1; transform: translate(0%, 0%) rotate(0deg);}
	75% {opacity: 0;}
	79.5% {opacity: 0;}		
	80% {opacity: 1;}
	84.5% {opacity: 1; transform: translate(0%, 0%) rotate(0deg);}
	85% {opacity: 1; transform: translate(0%, 0%) rotate(0deg);}
	88% {opacity: 1;}
	89.5% {opacity: 1;}
	94% {opacity: 0;}
	100% {opacity: 0;}
}

.duck-history .duck-status.ver11-5 span::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_11th_03-2.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck11_3-2 25s infinite;
  z-index: 600; 	
}
@keyframes duck11_3-2 {
	0% { opacity: 0;}
  30% { opacity: 0;}
	50% {opacity: 0;}
	54.5% {opacity: 0; }
	55% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
	59.5% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}	
	60% {opacity: 0; }
	64.5% {opacity: 0; }
	65% {opacity: 1; transform: translate(10%, 0%) rotate(10deg);}	
	69.5% {opacity: 1; transform: translate(10%, 0%) rotate(10deg);}
	70% {opacity: 0; }
	74.5% {opacity: 0; }	
	75% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
	79.5% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
	80% {opacity: 0; }
	85% {opacity: 0; }
	90% {opacity: 0; }
	100% {opacity: 0; }
	
}


@media screen and (max-width: 640px) {
	.duck-history .duck-status.ver11-5 em::before {
		position: absolute;
		bottom: 0.5rem;
		left: -3rem;
		width: 115%;
		height: 115%;
		display: block;
		background: url(/funding/img/home/duck_11th_05_sp.svg) center center no-repeat;
		background-size: contain;
		content: "";
		animation: duck11_comment 25s infinite;
		z-index: 600; 	
	}	
}
/*End duck11アニメーション*/




/*duck10アニメーション*/
.duck-history .duck-status .duck-10-05:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_01.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck10_1 28s infinite;
  z-index: 600;  
}
@keyframes duck10_1{  
  0% { bottom: -10%; opacity: 0;}
  3% {  opacity: 1;}
  10% { bottom: 13%; opacity: 1;}
  18% { bottom: 18%; opacity: 0;}
  78% { opacity: 0;} 
  83% { bottom: -10%; opacity: 0;} 
  100% { bottom: -10%; opacity: 0;}    
}

.duck-history .duck-status .duck-10-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg10_1 28s infinite;
  z-index: 500;    
}

@keyframes egg10_1{   
  0% {transform: translateX(20px) translateY(25px); opacity: 1;}
  2% {transform: translateX(20px) translateY(75px); opacity: 1; }
  11% {transform: translateX(20px) translateY(75px); opacity: 1; }
  15% {transform: translateX(20px) translateY(90px); opacity: 0; }
  56% {transform: translateX(20px) translateY(90px); opacity: 0; }
  78% {transform: translateX(20px) translateY(0); opacity: 0; }
  83% {transform: translateX(20px) translateY(0); opacity: 0; }
  100% {transform: translateX(20px) translateY(0); opacity: 0; }  
}

.duck-history .duck-status.ver10-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg10_2 28s infinite;
  z-index: 700;    
}
@keyframes egg10_2{   
  0% {transform: translateX(20px) translateY(25px); opacity: 1;}
  2% {transform: translateX(20px) translateY(75px); opacity: 1; }
  11% {transform: translateX(20px) translateY(75px); opacity: 1; }
  15% {transform: translateX(20px) translateY(90px); opacity: 0; }
  56% {transform: translateX(20px) translateY(90px); opacity: 0; }
  78% {transform: translateX(20px) translateY(0); opacity: 0; }
  83% {transform: translateX(20px) translateY(0); opacity: 0; }
  100% {transform: translateX(20px) translateY(0); opacity: 0; }  
}

.duck-history .duck-status.ver10-5:after{ 
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck10_2 28s infinite;
  z-index: 600;    
}

@keyframes duck10_2{   
  0% {opacity: 0;}
  22% {opacity: 0;}
  24% {opacity: 1; transform: translate(0%, 0%) rotate(0);}
  27% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
  30% {opacity: 1; transform: translate(10%, 0%) rotate(10deg);}
  33% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
  36% {opacity: 1; transform: translate(10%, 0%) rotate(10deg);}
  39% {opacity: 1; transform: translate(0%, 0%) rotate(0);}
  42% {opacity: 1; transform: translate(0%, 0%) rotate(0);}
  45% {opacity: 1;}
  45.3% {opacity: 0;}
  58% {opacity:0;}  
  100% {opacity: 0;}    
}

.duck-history .duck-status.ver10-5 em:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_05.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck10_3 28s infinite;
  z-index: 600;  
}

@keyframes duck10_3{   
  0% {opacity: 0;}
  40% {opacity: 0;}
  45% {opacity: 0;}
  45.3% {opacity: 1;}
  52% {opacity: 1;}
  52.5% {opacity: 0;}
  69% {opacity: 0;}
  100% {opacity: 0;}  
}

.duck-history .duck-status.ver10-5 span:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_05-2.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck10_3-2 28s infinite;
  z-index: 600;  
}

@keyframes duck10_3-2{   
  0% {opacity: 0;}
  50% {opacity: 0;}
  52% {opacity: 0;}
  52.5% {opacity: 1;}
  63% {opacity: 1;}
  67% {opacity: 0;}
  100% {opacity: 0;}
}

.duck-history .duck-status.ver10-5 em:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_06.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck10_4 28s infinite;
  z-index: 600; 
}
@keyframes duck10_4{   
  0% {opacity: 0;}
  70% {opacity: 0;}
  73% {opacity: 1;}
  74% {opacity: 1; left: -0.3rem;}
  74.5% {opacity: 1; left: 0.3rem;}
  75% {opacity: 1; left: -0.3rem;}
  75.5% {opacity: 1; left: 0.3rem;}
  76% {opacity: 1; left: -0.3rem;}  
  76.5% {opacity: 1; left: 0;}
  78% {opacity: 1; }
  79% {opacity: 1; }
  80% {opacity: 1; }
  80.5% {opacity: 0; }
  100% {opacity: 0;}  
}

.duck-history .duck-status.ver10-5 span:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_10th_07.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: duck10_5 28s infinite;
  z-index: 600; 
}
@keyframes duck10_5{   
  0% {opacity: 0;}
  70% {opacity: 0;}
  80% {opacity: 0;}
  80.5% {opacity: 1; transform: scale(1.5);}
  91% {opacity: 1; transform: scale(1.5);}
  93% {opacity: 1; transform: scale(1.5);}
  96% {opacity: 0; transform: scale(1.5);}
  100% {opacity: 0;}
}



/*End duck10アニメーション*/


/* 09 */
.duck-history .duck-status .duck-09-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_9th_01.svg) no-repeat;
  background-size: contain;
  animation: egg-bg-9_1 20s infinite ;
  transform: translate(0,0);
  z-index: 200;
  content: "";
}
@keyframes egg-bg-9_1{  
  0% {opacity: 0;}
  5% {opacity: 1;}
  8% {opacity: 1;}
  16% {opacity: 1;}
  21% {opacity: 1;}
  28% {opacity: 1;}
  38% {opacity: 0;}
  100% {opacity: 0;}
}

.duck-history .duck-status .duck-09-05:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_9th_02.svg) no-repeat;
  background-size: contain;
  animation: egg-rotate-9_2 20s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}

@keyframes egg-rotate-9_2{   
  0% {opacity: 0;}
  3% {transform: scale(1, 1); opacity: 1;}
  5% {transform: scale(1, 1); opacity: 1;}
  8% {transform: scale(1, 1); opacity: 1;}
  9% {transform: scale(-1, 1); opacity: 0;}
  10% {opacity: 0;}
  11% {opacity: 0;}
  100% {opacity: 0;}
}

.duck-history .duck-status.ver9-5:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_9th_03.svg) no-repeat;
  background-size: contain;
  animation: egg-fuwa_9-3 20s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}
@keyframes egg-fuwa_9-3{   
  0% {opacity: 0;}
  3% {opacity: 0;}
  8% {opacity: 0;}
  9.5% {opacity: 1;}
  12% {opacity: 1;}
  16% {opacity: 1; transform: translate(0, 0);}
  17.5% {opacity: 1; transform: translate(0, -15%);}
  19% {opacity: 1; transform: translate(0, 0);}
  20.5% {opacity: 1; transform: translate(0, -15%);}
  22% {opacity: 1; transform: translate(0, 0);}
  23.5% {opacity: 1; transform: translate(0, 0);}
  25% {opacity: 1; transform: translate(0, 0) rotateY(180deg);}
  26.5% {opacity: 1; transform: translate(0, -20%) rotateY(180deg);}
  28% {opacity: 1; transform: translate(0, 0) rotateY(180deg);}
  29.5% {opacity: 1; transform: translate(0, -20%) rotateY(180deg);}
  31% {opacity: 1; transform: translate(0, 0) rotateY(180deg);}
  32.5% {opacity: 1; transform: translate(0, 0) rotateY(180deg);}
  34% {opacity: 1; transform: translate(0, 0);}
  35.5% {opacity: 1; transform: translate(0, -30%);}
  37% {opacity: 1; transform: translate(0, 0);}
  42% {opacity: 1; transform: translate(0, 0);}
  48.5% {opacity: 0;}
  100% {opacity: 0;}
}

.duck-history .duck-status.ver9-5:after{ 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_9th_04.svg) no-repeat;
  background-size: contain;
  animation: egg-last01_9-4 20s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}
@keyframes egg-last01_9-4{   
  0% {opacity: 0;}
  45% {opacity: 0;}
  53% {opacity: 0;}
  56% {opacity: 1; transform: translate(0%, 0%);}
  59.5% {opacity: 1; transform: translate(10%, 0%) rotate(10deg);}
  63% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
  64% {opacity: 0;}
  100% {opacity: 0;}
}

.duck-history .duck-status.ver9-5 em:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_9th_05.svg) no-repeat;
  background-size: contain;
  animation: egg-last02_9-4 20s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}
@keyframes egg-last02_9-4{   
  0% {opacity: 0;}
  50% {opacity: 0;}
  63% {opacity: 0;}
  64% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
  67.5% {opacity: 1; transform: translate(10%, 0%) rotate(10deg);}
  71% {opacity: 1; transform: translate(-10%, 0%) rotate(-10deg);}
  74.5% {opacity: 1; transform: translate(0%, 0%) rotate(0deg);} 
  79% {opacity: 1;}
  79.5% {opacity: 0;}
  100% {opacity: 0;}
}

.duck-history .duck-status.ver9-5 em:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_9th_06.svg) no-repeat;
  background-size: contain;
  animation: egg-last_9-5 20s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}
@keyframes egg-last_9-5{   
  0% {opacity: 0;}
  79% {opacity: 0;}
  79.5% {opacity: 1;}
  85% {opacity: 1;}
  90% {opacity: 1;}
  93% {opacity: 0;}
  100% {opacity: 0;}
}

/* 09 end */


/* 08 */
.duck-history .duck-status .duck-08-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_8th_01-1.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-bg-8-1 16s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}
@keyframes egg-swing-bg-8-1{  
  0% {transform: translateX(25px) translateY(0); opacity: 1;}
  5% {transform: translateX(-75px) translateY(0); opacity: 1; }
  8% {transform: translateX(-90px) translateY(25px); opacity: 0; }
  100% {transform: translateX(-150px); opacity: 0; }    
}
.duck-history .duck-status.ver8-5:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_8th_01-2.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-bg-8-2 16s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}
@keyframes egg-swing-bg-8-2{
  0% {transform: translateX(-25px) translateY(0); opacity: 1;}
  5% {transform: translateX(75px) translateY(0); opacity: 1; }
  8% {transform: translateX(90px) translateY(25px); opacity: 0; }
  100% {transform: translateX(150px); opacity: 0; }     
}

.duck-history .duck-status.ver8-5:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_8th_02.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-8 16s infinite ;
  transform: translate(0,0);
  z-index: 800;
  content: "";
}
@keyframes egg-swing-8{  
  0% { opacity: 0; transform: translateX(0) translateY(0) scale(1,1);}
  5% { opacity: 1; transform: translateX(0) translateY(0) scale(1.15);}
  19% { opacity: 1; transform: translateX(0) translateY(0) scale(1.15);}
  20% { opacity: 0; transform: translateX(0) translateY(-40%) scale(1);}
  100% { opacity: 0;}   
}

.duck-history .duck-status.ver8-5 em:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_8th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-8 16s infinite;
  z-index: 1000;
}
@keyframes egg-jump-8{
  0% {opacity: 0;}
  25% { transform: scale(0.8, 1.4) translate(0%, -100%); opacity: 0; }
  26% { transform: scale(0.8, 1.4) translate(0%, -15%); opacity: 1; }
  27% { transform: scale(1.4, 0.6) translate(0%, 30%); opacity: 1; }
  28% { transform: scale(0.9, 1.1) translate(0%, -10%); opacity: 1; }
  34% { transform: scale(0.95, 1.2) translate(0%, -30%); opacity: 1; }
  35% { transform: scale(1.1, 0.9) translate(0%, 5%); opacity: 1;}
  36% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1;}
  37% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1;}
  38% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1;}
  47.5% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1;}
  48% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 0;}
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 0; }
}

.duck-history .duck-status.ver8-5 em:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_8th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-last-8-1 16s infinite;
  z-index: 800;
}
@keyframes egg-last-8-1{
  0% {opacity: 0;}
  48% {transform: scale(1, 1); opacity: 0;}
  49% {transform: scale(1, 1); opacity: 1;}
  60% {transform: scale(1, 1); opacity: 1;}
  60.5% {transform: scale(-1, 1); opacity: 1;}
  72% {transform: scale(-1, 1); opacity: 1;}
  72.5% {transform: scale(1, 1); opacity: 0;}
  73% {transform: scale(1, 1); opacity:0;}
  100% {transform: scale(1, 1); opacity: 0;}
}

.duck-history .duck-status .duck-08-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_8th_07.svg) center center no-repeat;
  background-size: contain;
  content: "";
  transform-origin: center bottom;
  animation: egg-last-8-2 16s infinite;
  z-index: 1000;
}
@keyframes egg-last-8-2 {
  0% { opacity: 0; }
  73% { opacity: 0; }
  73.5% { opacity: 1; transform: rotate(0);}
  77% { opacity: 1; transform: rotate(-15deg);}
  82% { opacity: 1; transform: rotate(15deg);}
  87% { opacity: 1; transform: rotate(-15deg);}
  90% { opacity: 0; }
  100% { opacity: 0; }   
}
/* 08 end */



/* 07 */

.duck-history .duck-status .duck-07-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_7th_01.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-bg-7 16s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}

@keyframes egg-swing-bg-7 {
  0% { opacity: 1;}
  0.5% { opacity: 1; left: -0.75rem;}
  0.8% { opacity: 1; left: 0.75rem;}
  1.1% { opacity: 1; left: -0.75rem;}
  1.4% { opacity: 1; left: 0.75rem;}
  1.7% { opacity: 1; left: 0;}
  4% { opacity: 1;}
  10% { opacity: 1;}
  16% { opacity: 1; top: 0;} 
  20% { opacity: 0; top: 0;} 
  90% { opacity: 0;} 
  95% { opacity: 0;} 
  100% { opacity: 0;} 
}


.duck-history .duck-status.ver7-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_7th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-7-1 16s infinite;
  z-index: 800;
}

@keyframes egg-jump-7-1 {
  0% { bottom: -15%; opacity: 1;}
  0.5% { bottom: 35%; opacity: 1;　left: -1rem;}
  1% { bottom: 35%; opacity: 1; left: 1rem;}
  1.5% { bottom: 35%; opacity: 1; left: -1rem;}
  2% { bottom: 35%; opacity: 1; left: 1rem;}
  3% { bottom: 35%; opacity: 1; left: 0;}
  3.5% { bottom: 35%; opacity: 1; left: 0;}
  4% { bottom: 35%; opacity: 1;}
  6% { bottom: 35%; opacity: 1;}
  13% { bottom: 35%; opacity: 1;}
  13.5% { bottom: 33%; opacity: 1;}
  14% { bottom: 30%; opacity: 1;}
  16.5% { bottom: 15%; opacity: 0;}
  20% { bottom: 0%; opacity: 0;}
  90% { opacity: 0;} 
  95% { opacity: 0;} 
  100% { opacity: 0;} 
}

    
.duck-history .duck-status.ver7-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_7th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-normal-7 16s infinite;
  z-index: 1000;
}

@keyframes egg-normal-7 {
  0% { opacity: 0;}
  16.5% { opacity: 0;}
  22% { opacity: 0;}
  25% { opacity: 1;}
  39% { opacity: 1;}
  40% { opacity: 0;}
  100% { opacity: 0;}
}


.duck-history .duck-status.ver7-5 em:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_7th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-7-2 16s infinite;
  z-index: 1000;
}

@keyframes egg-jump-7-2 {
  0% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
  39% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
  40% { opacity: 1; transform: scale(0.9, 1) translate(0, -120px); }
  42% { opacity: 1; transform: scale(1, 1) translate(0, 0); }
  44% { opacity: 1; transform: scale(0.8, 1) translate(0, -200px); }
  46% { opacity: 1; transform: scale(1, 1) translate(0, 0); }
  50% { opacity: 1; transform: scale(1, 1) translate(0, 0); }
  55.5% { opacity: 1; transform: scale(1, 1) translate(0, 0); }
  56% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
  100% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
}


.duck-history .duck-status.ver7-5 em:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_7th_07.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-7-3 16s infinite;
  z-index: 1000;
}

@keyframes egg-jump-7-3 {
  0% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
  55.5% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
  55.6% { opacity: 1; transform: scale(1, 1) translate(0, 0); }
  75% { opacity: 1; transform: scale(1, 1) translate(0, 0); }
  80% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
  100% { opacity: 0; transform: scale(1, 1) translate(0, 0); }
}




/* 06 */
.duck-history .duck-status .duck-06-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_6th_01.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-bg-6 16s infinite ;
  transform: translate(0,0);
  z-index: 600;
  content: "";
}

@keyframes egg-swing-bg-6 {
  0% { opacity: 0;}
  8% { opacity: 1;}
  10% { opacity: 1;}
  16% { opacity: 1; top: 0;} 
  24% { opacity: 0; top: 5%;} 
  90% { opacity: 0;} 
  95% { opacity: 0;} 
  100% { opacity: 0;} 
}

.duck-history .duck-status.ver6-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_6th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-6-1 16s infinite;
  z-index: 700;
}

@keyframes egg-jump-6-1 {
  0% { bottom: -8%; opacity: 0;}
  8% {  bottom: 30%; opacity: 1;}
  10% {  bottom: 30%; opacity: 1;}
  16% {  bottom: 30%; opacity: 1;}
  28% { bottom: 35%; opacity: 0;}
  90% { opacity: 0;} 
  95% { opacity: 0;} 
  100% { opacity: 0;} 
}


.duck-history .duck-status.ver6-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_6th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-6-2 16s infinite;
  z-index: 1000;
}

@keyframes egg-jump-6-2 {
  0% { opacity: 0;}
  5% { opacity: 0;}
  20% { opacity: 0;}
  28% { bottom: -5%; opacity: 0;}
  34% { bottom: 0; opacity: 1;}
  40% { bottom: 0; opacity: 1;}
  42% { bottom: 0; opacity: 1;}
  42.5% { bottom: 0; opacity: 0;}
  100% { bottom: 0; opacity: 0;}
}

.duck-history .duck-status.ver6-5 em:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_6th_05.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-6-3 16s infinite;
  z-index: 1000;
}

@keyframes egg-jump-6-3 {
  0% { opacity: 0; transform: scale(1, 1);}
  42.5% { opacity: 0; transform: scale(-1, 1);} 
  43% { opacity: 1; transform: scale(1, 1);} 
  47% { opacity: 1; transform: scale(1, 1);}
  48% { opacity: 1; transform: scale(1, 1);}
  51% { opacity: 0; transform: scale(1, 1);} 
  54% { opacity: 1; transform: scale(1, 1);} 
  57% { opacity: 0; transform: scale(1, 1);}
  60% { opacity: 1; transform: scale(1, 1);}
  63% { opacity: 0; transform: scale(1, 1);}
  66% { opacity: 1; transform: scale(1, 1);}
  70% { opacity: 1; transform: scale(1, 1);}
  70.5% { opacity: 0; transform: scale(-1, 1);}
  80% { opacity: 0; transform: scale(1, 1);}
  90% { opacity: 0;} 
  100% { opacity: 0;} 
}

.duck-history .duck-status.ver6-5 em:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_6th_06.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-6-4 16s infinite;
  z-index: 1000;
}

@keyframes egg-jump-6-4 {
  0% { opacity: 0; transform: scale(1, 1);}
  40% { opacity: 0; transform: scale(1, 1);} 
  43% { opacity: 0; transform: scale(1, 1);} 
  47% { opacity: 0; transform: scale(1, 1);}
  48% { opacity: 0; transform: scale(1, 1);}
  51% { opacity: 1; transform: scale(1, 1);} 
  54% { opacity: 0; transform: scale(1, 1);} 
  57% { opacity: 1; transform: scale(1, 1);}
  60% { opacity: 0; transform: scale(1, 1);}
  63% { opacity: 1; transform: scale(1, 1);}
  66% { opacity: 0; transform: scale(1, 1);}
  70% { opacity: 0; transform: scale(1, 1);}
  73% { opacity: 0; transform: scale(-1, 1);}
  80% { opacity: 0; transform: scale(1, 1);}
  90% { opacity: 0;} 
  100% { opacity: 0;} 
}

.duck-history .duck-status .duck-06-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: block;
  background: url(/funding/img/home/duck_6th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-6-5 16s infinite;
  z-index: 1000;
}
  
@keyframes egg-jump-6-5 {
  0% { opacity: 0; transform: scale(1, 1);}
  71% { opacity: 0; transform: scale(1, 1);}
  71.5% { opacity: 1; transform: scale(1, 1);}
  91% { opacity: 1; transform: scale(1, 1);}
  97% { opacity: 0; transform: scale(1, 1);}
  100% { opacity: 0; transform: scale(1, 1);}
}



/* 05 */
.duck-history .duck-status .duck-05-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_5th_01.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-bg-5 16s  infinite;
  transform: translate(0,0);
  z-index: 800;
  content: "";
}

@keyframes egg-swing-bg-5 {
  0% {  opacity: 0;}
  8% { opacity: 1;}
  10% { opacity: 1;}
  16% { opacity: 1; top: 0;} 
  22% { opacity: 0; top: 5%;} 
  90% { opacity: 0;} 
  95% { opacity: 0;} 
  100% { opacity: 0;} 
}

.duck-history .duck-status.ver5-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_5th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-5-1 16s infinite;
  z-index: 600;
}

@keyframes egg-jump-5-1 {
  0% { bottom: -8%; opacity: 0;}
  8% {  opacity: 1;}
  18% { bottom: 13%; opacity: 1;}
  28% { bottom: 18%; opacity: 0;}
  90% { opacity: 0;} 
  95% { bottom: -8%; opacity: 0;} 
  100% { bottom: -8%; opacity: 0;} 
}



.duck-history .duck-status.ver5-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_5th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-5-2 16s infinite;
  z-index: 1000;
}

@keyframes egg-jump-5-2 {
  0% { opacity: 0;}
  5% { opacity: 0;}
  20% { opacity: 0;}
  28% { bottom: -5%; opacity: 0;}
  34% { bottom: 0; opacity: 1;}
  40% { bottom: 0; opacity: 1;}
  42% { bottom: 0; opacity: 0;}  
  54% { bottom: 0; opacity: 0;}   
  56% { bottom: 0; opacity: 1;} 
  64% { bottom: 0; opacity: 1;} 
  66% { bottom: 0; opacity: 0;}
  78% { bottom: 0; opacity: 0;}
  95% { opacity: 0;} 
  100% { opacity: 0;} 
}


.duck-history .duck-status .duck-05-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_5th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-5-3 16s  infinite;
  z-index: 850;
}
  
@keyframes egg-jump-5-3 {
  0% { opacity: 0; transform: scale(1, 1);}

  40% { opacity: 0; transform: scale(1, 1);} 
  42% { opacity: 1; transform: scale(1, 1);}  
  47% { opacity: 1; transform: scale(1, 1);} 
  47.5% { opacity: 1; transform: scale(-1, 1);}
  50% { opacity: 1; transform: scale(-1, 1);}  
  54% { opacity: 1; transform: scale(-1, 1);}
  56% { opacity: 0; transform: scale(-1, 1);}
  70% { opacity: 0; transform: scale(-1, 1);}  
  95% { opacity: 0;} 
  100% { opacity: 0;} 
}




.duck-history .duck-status.ver5-5 em:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_5th_05.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-5-4 16s infinite;
  z-index: 900;
}

@keyframes egg-jump-5-4 {
  0% { opacity: 0;}
  64% { opacity: 0;}
  66% { opacity: 1;}
  66.2% { opacity: 1; left: -0.5rem;}
  66.4% { opacity: 1; left: 0.5rem;}
  66.6% { opacity: 1; left: -0.5rem;}
  66.8% { opacity: 1; left: 0.5rem;}
  67% { opacity: 1; left: -0.5rem;}
  67.2% { opacity: 1; left: 0.5rem;}
  67.4% { opacity: 1; left: -0.5rem;}
  67.6% { opacity: 1; left: 0.5rem;}  
  67.8% { opacity: 1; left: -0.5rem;}
  68% { opacity: 1; left: 0.5rem;}
  68.2% { opacity: 1; left: -0.5rem;}
  68.4% { opacity: 1; left: 0.5rem;}
  68.6% { opacity: 1; left: -0.5rem;}
  68.8% { opacity: 1; left: 0.5rem;}
  69% { opacity: 1; left: -0.5rem;}
  69.2% { opacity: 1; left: 0.5rem;}
  69.4% { opacity: 1; left: -0.5rem;}
  69.6% { opacity: 1; left: 0.5rem;}
  69.8% { opacity: 1; left: -0.5rem;}
  70% { opacity: 1; left: 0.5rem;}
  
  70.2% { opacity: 1; left: -0.5rem;}
  70.4% { opacity: 1; left: 0.5rem;}
  70.6% { opacity: 1; left: -0.5rem;}
  70.8% { opacity: 1; left: 0.5rem;}
  
  71% { opacity: 1; left: 0rem;}
  74% { opacity: 0; left: 0rem;}


  95% { opacity: 0;} 
  100% { opacity: 0;} 
}


.duck-history .duck-status.ver5-5 em:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_5th_06.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-5-5 16s infinite;
  z-index: 900;
}

@keyframes egg-jump-5-5 {
  0% { opacity: 0;}

  71% { opacity: 0; left: 0;}
  74% { opacity: 1;}

  94% { bottom: 0; opacity: 1;}
  98% { bottom: 5%; opacity: 0;}
  100% { opacity: 0;} 
}



.duck-history .duck-status.ver5-5 span:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_5th_07.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-5-6 16s infinite;
  z-index: 1000;
}

@keyframes egg-jump-5-6 {
  0% { opacity: 0;}
  71% { opacity: 0; transform: rotate( 0deg) scale(0, 0); z-index: 10; bottom: 0;}
  72% { opacity: 1; transform: rotate( 0deg) scale(0, 0); z-index: 1000; bottom: 0;}
  82% { opacity: 0; transform: rotate( 30deg) scale(1.5, 1.5); bottom: 20%;}
  100% { opacity: 0;} 
}


/* 04 */
.duck-history .duck-status .duck-04-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_4th_01.svg) no-repeat;
  background-size: contain;
  animation: egg-swing-bg 14s  infinite;
  transform: translate(0,0);
  z-index: 800;
  content: "";
}

@keyframes egg-swing-bg {
  0% {  transform-origin: bottom center; transform: rotate( 0deg);} 
  10% { transform-origin: bottom center; transform: rotate( 0deg);}
  15% { transform-origin: bottom center; transform: rotate( 30deg);} 
  17% { transform-origin: bottom center; transform: rotate( 30deg);} 
  20% { transform-origin: bottom center; transform: rotate( 30deg);} 
  21% { transform-origin: bottom center; transform: rotate( -60deg);} 
  22% { transform-origin: bottom center; transform: rotate( 40deg);} 
  23% { transform-origin: bottom center; transform: rotate( -20deg);}
  24% { transform-origin: bottom center; transform: rotate( 10deg);} 
  25.5% { transform-origin: bottom center; transform: rotate( -8deg);}
  26.5% { transform-origin: bottom center; transform: rotate( 4deg);} 
  27% { transform-origin: bottom center; transform: rotate( -2deg);}
  28.5% { transform-origin: bottom center; transform: rotate( 0deg);} 
  100% {  transform-origin: bottom center; transform: rotate( 0deg);} 
}

.duck-history .duck-status.ver4-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_4th_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-4-1 14s infinite;
  z-index: 600;
}

@keyframes egg-jump-4-1 {
  0% {  transform-origin: bottom center; transform: rotate( 0deg);left: 0; bottom: 0; opacity: 1;} 
  10% { transform-origin: bottom center; transform: rotate( 0deg);left: 0; bottom: 0; opacity: 1;}
  15% { transform-origin: bottom center; transform: rotate( 30deg);left: 0; bottom: 0; opacity: 1;} 
  17% { transform-origin: bottom center; transform: rotate( 30deg);left: 0; bottom: 0; opacity: 1;} 
  20% { transform-origin: bottom center; transform: rotate( 30deg);left: 0; bottom: 0; opacity: 1;} 
  21% { transform-origin: bottom center; transform: rotate( -60deg);left: 0; bottom: 1em; opacity: 1; z-index: 600;}  
  24% { transform-origin: bottom center; transform: rotate( -108deg);left: -8em; bottom: 20%; opacity: 1;} 
  40% { transform-origin: bottom center; transform: rotate( -108deg) scale(1, 1);left: -8em; bottom: 20%; opacity: 1;} 
  41% { transform-origin: bottom center; transform: rotate( 0deg) scale(1.07, 1);left: -8em; bottom: -4.2em; opacity: 1;z-index: 1000;} 
  42.5% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 0.9);left: -8em; bottom: -3.5em; opacity: 1;z-index: 1000;}   
  44% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 1);left:-8em; bottom: -3.5em; opacity: 1;z-index: 1000;} 
  50% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 1);left:-8em; bottom: -3.5em; opacity: 1;z-index: 1000;} 
  51% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 1);left:-8em; bottom: -3.5em; opacity:0;z-index: 1000;} 
  90% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 1);left:0; bottom: 0; opacity: 0;} 
  100% { transform-origin: bottom center; transform: rotate( 0deg);left: 0em; bottom: 0; opacity: 1;}
}

.duck-history .duck-status.ver4-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_4th_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-4-2 14s infinite;
  z-index: 1000;
}

@keyframes egg-jump-4-2 {
  0% { transform-origin: bottom center; transform: rotate( 0); left: -10em; top: 3em; opacity: 0;}
  50% { transform-origin: bottom center; transform: rotate( 0); left: -10em; top: 3em; opacity: 0;}
  51% { transform-origin: bottom center; transform: rotate( 15deg); left: -10em; top: 3em; opacity: 1;}
  55% { transform-origin: bottom center; transform: rotate( 15deg); left: -10em; top: 3em; opacity: 1;}
  56% { transform-origin: bottom center; transform: rotate( 15deg); left: -8em; top: 3em; opacity: 0;}
  60% { transform-origin: bottom center; transform: rotate( 15deg); left: -8em; top: 3em; opacity: 0;}
  61% { transform-origin: bottom center; transform: rotate( 15deg); left: -6em; top: 3em; opacity: 1;}
  65% { transform-origin: bottom center; transform: rotate( 15deg); left: -6em; top: 3em; opacity: 1;}
  66% { transform-origin: bottom center; transform: rotate( 15deg); left: -4em; top: 3em; opacity: 0;}
  70% { transform-origin: bottom center; transform: rotate( 15deg); left: -4em; top: 3em; opacity: 0;}
  71% { transform-origin: bottom center; transform: rotate( 15deg); left: -2em; top: 3em; opacity: 1;}
  75% { transform-origin: bottom center; transform: rotate( 15deg); left: -2em; top: 3em; opacity: 1;}
  76% { transform-origin: bottom center; transform: rotate( 0deg); left: 0em; top: 3em; opacity: 0;}
  80% { transform-origin: bottom center; transform: rotate( 0deg); left: 0em; top: 3em; opacity: 0;}  
  81% { transform-origin: bottom center; transform: rotate( 0deg); left: 0em; top: 3em; opacity: 0;}
  86% { transform-origin: bottom center; transform: rotate( 0deg); left: 0em; top: 3em; opacity: 0;}  
  88% { transform-origin: bottom center; transform: rotate( 0deg); left: 0; top: 3em; opacity: 0;}  
  90% { transform-origin: bottom center; transform: rotate( 0deg); left: 0; top: 0; opacity: 0;} 
  100% { transform-origin: bottom center; transform: rotate( 0deg); left: 0; top: 0; opacity: 0;} 
}

.duck-history .duck-status .duck-04-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_4th_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-4-3 14s  infinite;
  z-index: 850;
}
  
@keyframes egg-jump-4-3 {
  0% { transform-origin: bottom center; transform: rotate( 0); left: -10em; top: 3em; opacity: 0;}
  50% { transform-origin: bottom center; transform: rotate( 0); left: -10em; top: 3em; opacity: 0;}
  51% { transform-origin: bottom center; transform: rotate( -15deg); left: -10em; top: 3em; opacity: 0;}
  55% { transform-origin: bottom center; transform: rotate( -15deg); left: -10em; top: 3em; opacity: 0;}
  56% { transform-origin: bottom center; transform: rotate( -15deg); left: -8em; top: 3em; opacity: 1;}
  60% { transform-origin: bottom center; transform: rotate( -15deg); left: -8em; top: 3em; opacity: 1;}
  61% { transform-origin: bottom center; transform: rotate( -15deg); left: -6em; top: 3em; opacity: 0;}
  65% { transform-origin: bottom center; transform: rotate( -15deg); left: -6em; top: 3em; opacity: 0;}
  66% { transform-origin: bottom center; transform: rotate( -15deg); left: -4em; top: 3em; opacity: 1;}
  70% { transform-origin: bottom center; transform: rotate( -15deg); left: -4em; top: 3em; opacity: 1;}
  71% { transform-origin: bottom center; transform: rotate( -15deg); left: -2em; top: 3em; opacity: 0;}
  75% { transform-origin: bottom center; transform: rotate( -15deg); left: -2em; top: 3em; opacity: 0;}
  76% { transform-origin: bottom center; transform: rotate( 0deg); left: 0em; top: 3em; opacity: 1;}
  80% { transform-origin: bottom center; transform: rotate( 0deg); left: 0em; top: 3em; opacity: 1;}
  81% { transform-origin: bottom center; transform: rotate( 0deg); left: 0em; top: 3em; opacity: 1;}
  86% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 1); left: 0em; top: 3.5em; opacity: 1;}
  88% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 0.8); left: 0em; top: -10em; opacity: 0;}  
  90% { transform-origin: bottom center; transform: rotate( 0deg) scale(1, 1); left: 0; top: -10em; opacity: 0;} 
  100% { transform-origin: bottom center; transform: rotate( 0deg); left: 0; top: 0; opacity: 0;} 
}





/* 03 */

.duck-history .duck-status .duck-03-05:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  background: url(/funding/img/home/duck_3rd_01.svg) no-repeat;
  background-size: contain;
  animation: egg-jump-3-4 14s  infinite;
  transform: translate(0,0);
  z-index: 800;
  content: "";
}


@keyframes egg-jump-3-4 {
  0% {  transform: rotate( 0deg);} 
  25% { transform: rotate( 0deg);}
  25.5% { transform: rotate( -10deg);} 
  26% { transform: rotate( 14deg);} 
  26.5% { transform: rotate( -14deg);}
  27% { transform: rotate( 10deg);} 
  27.5% { transform: rotate( -10deg);}
  28% { transform: rotate( 6deg);} 
  28.5% { transform: rotate( -6deg);}
  29% { transform: rotate( 2deg);} 
  29.5% { transform: rotate( -2deg);}
  30% { transform: rotate( 0deg);} 
  100% {  transform: rotate( 0deg);} 
}



.duck-history .duck-status.ver3-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_3rd_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-3-1 14s infinite;
  z-index: 600;
}

@keyframes egg-jump-3-1 {
  0% { top: 0; opacity: 1;}  
  10% { top: 0; opacity: 1; transform: scale(1, 1) rotate( 0deg);} 
  14% { top: 0.4%; opacity: 1; transform: scale(1, 1) rotate( 5deg);} 
  18% { top: 7%; opacity: 1; transform: scale(1, 1) rotate( 0deg);}   
  25% { top: 7%; opacity: 1; transform: scale(1, 1) rotate( 0deg);}  
  26% { top: -30em; opacity: 0; transform: scale(0.5, 1) rotate( 0deg);} 
  90% { top: 10%; opacity: 0;} 
  100% { top: 0; opacity: 1;} 
}

.duck-history .duck-status.ver3-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_3rd_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-3-2 14s infinite;
  z-index: 1000;
}

@keyframes egg-jump-3-2 {
  0% { top: 0; opacity: 0;}  
  40% { top: -30em; opacity: 0; transform: scale(1, 1);} 
  43% { top: 4.5em; opacity: 1; transform: scale(1, 1);}
  43.5% { top: 3.5em; opacity: 1; transform: scale(1, 1);}
  75% { top: 3.5em; opacity: 1; transform: scale(1, 1);}
   75.5% { top: 4.5em; opacity: 1; transform: scale(1, 1);}
  77.5% { top: -10em; opacity: 0; transform: scale(0.8, 1);} 
  100% { top: 0; opacity: 0; transform: scale(1, 1);} 
}


.duck-history .duck-status .duck-03-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_3rd_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-3-3 14s  infinite;
  z-index: 850;
}
  
@keyframes egg-jump-3-3 {
  0% { top: 0; opacity: 1;}  
  10% { top: 0; opacity: 1;} 
  15% { top: 0.25em; opacity: 1;} 
  25% { top: 0.25em; opacity: 1;}
  26% { top: 0.5em; opacity: 0;} 
  90% { top: 0.2em; opacity: 0;} 
  100% { top: 0; opacity: 1;} 
}



/* 02 */



.duck-history .duck-status .duck-02-05{
  background: url(/funding/img/home/duck_2nd_01.svg) no-repeat;
  background-size: contain;
  z-index: 800;
}

.duck-history .duck-status.ver2-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_2nd_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-2-1 5s infinite;
  z-index: -1;
}

@keyframes egg-jump-2-1 {
  0% { top: 0; opacity: 1;}  
  3% { transform: rotate(2deg);  opacity: 1;}
  5% { transform: rotate(-2deg);  opacity: 1;}
  7% { transform: rotate(2deg);  opacity: 1;}
  9% { transform: rotate(-2deg); opacity: 1; }
  10% { transform: rotate(0deg);  opacity: 1;}
  20% {top: 0; transform: rotate(0deg);  opacity: 1;}
  22% { top: -3em; opacity: 0;}
  75% {  top: -3em; opacity: 0;}
  85% {  top: 0; opacity: 1;}
  100% {  top: 0; opacity: 1;}
}

.duck-history .duck-status.ver2-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_2nd_04.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-2-2 5s infinite;
  z-index: 1000;
}

@keyframes egg-jump-2-2 {
  0% { top: 0; opacity: 0;}  
  3% { transform: rotate(2deg);  opacity: 0;}
  5% { transform: rotate(-2deg);  opacity: 0;}
  7% { transform: rotate(2deg);  opacity: 0;}
  9% { transform: rotate(-2deg); opacity: 0; }
  10% { transform: rotate(0deg);  opacity: 0;}
  20% { top:0 ;transform: rotate(0deg);  opacity: 0;}
  22% { top: -3em; opacity: 1;}
  75% {  top: -3em; opacity: 1;}
  85% {  top: 0; opacity: 0;}
  100% {  top: 0; opacity: 0;}
}

.duck-history .duck-status .duck-02-05:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_2nd_03.svg) center center no-repeat;
  background-size: contain;
  content: "";
  animation: egg-jump-2-3 5s  infinite;
  z-index: 850;
}

@keyframes egg-jump-2-3 {
  0% { top: 0; opacity: 1;}  
  3% { transform: rotate(2deg);  opacity: 1;}
  5% { transform: rotate(-2deg);  opacity: 1;}
  7% { transform: rotate(2deg);  opacity: 1;}
  9% { transform: rotate(-2deg); opacity: 1; }
  10% { transform: rotate(0deg);  opacity: 1;}
  20% {top: 0; transform: rotate(0deg);  opacity: 1;}
  22% { top: -3em; opacity: 0;}
  75% {  top: -3em; opacity: 0;}
  85% {  top: 0; opacity: 1;}
  100% {  top: 0; opacity: 1;}
}





/* 01 */


.duck-history .duck-status .duck-01-05 span{
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  display: block;

}

.duck-history .duck-status .duck-01-05 span:before{
  position: absolute;
  top: 0;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_05.svg) no-repeat;
  background-size: contain;
  content: "";
}

.duck-history .duck-status.ver1-5:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_05_sub_02.svg) center center no-repeat;
  background-size: contain;
  content: "";
  z-index: 10;
}

.duck-history .duck-status.ver1-5:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(/funding/img/home/duck_05_sub_01.svg) center center no-repeat;
  background-size: contain;
  content: "";
  z-index: 600;
}

.duck-history .duck-status .duck-01-05 span:before{ animation: egg-jump-1-1 5s ease-in-out infinite; z-index: 500;}


@keyframes egg-jump-1-1 {
  0% { top: 25%;}
  6% { top: 0;}
  8% { transform: rotate(4deg); }
  10% { transform: rotate(-4deg); }
  12% { transform: rotate(4deg); }
  14% { transform: rotate(-4deg); }
  16% { transform: rotate(0deg); }
  65% {  top: 0;}
  72% {  top: 25%;}
  100% {  top: 25%;}
}