/* top curtain */
.topAnimeWrap::before  {
    z-index: 1;
    position: absolute;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #2d7638;
}
.topAnimeWrap::before {
    top: 0;
    animation: move-y 3.0s linear;
    transition: 0.9s cubic-bezier(0.71, 0, 0.31, 0.98);
}
@keyframes move-y {
    0%{visibility: visible;}
    100%{transform: rotate(0deg) translateY(-250%); visibility: hidden;}
}

/* top scroll img */
.topInBtnIco1 {
    transform: rotate(14deg);
    transform-origin: 19px 19px;
    animation: topInBtnIco1 2.1s infinite;
}
@keyframes topInBtnIco1 {
    0% {transform: rotate(0deg);}
    10% {transform: rotate(14deg);}
    20% {transform: rotate(0deg);}
    30% {transform: rotate(14deg);}
    40% {transform: rotate(0deg);}
    100% {transform: rotate(0deg);}
}
.topInBtnIco2 {
    transform: rotate(-14deg) translate (3px, 0px);
    transform-origin: 19px 19px;
    animation: topInBtnIco2 2.1s infinite;
}
@keyframes topInBtnIco2 {
    0% {transform: rotate(0deg);}
    10% {transform: rotate(-14deg);}
    20% {transform: rotate(0deg);}
    30% {transform: rotate(-14deg);}
    40% {transform: rotate(0deg);}
    100% {transform: rotate(0deg);}
}

/* greeting curtain */
@keyframes home-greeting-cloth1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    20% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    21% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        -webkit-transform: rotate(-15deg) translateX(-160%);
        transform: rotate(-15deg) translateX(-160%);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}
@-webkit-keyframes home-greeting-cloth1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    20% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    21% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        -webkit-transform: rotate(-15deg) translateX(-160%);
        transform: rotate(-15deg) translateX(-160%);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}
@keyframes home-greeting-cloth2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    20% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    21% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        -webkit-transform: rotate(15deg) translateX(160%);
        transform: rotate(15deg) translateX(160%);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}
@-webkit-keyframes home-greeting-cloth2 {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    }
    20% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    }
    21% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    }
    100% {
    -webkit-transform: rotate(15deg) translateX(160%);
    transform: rotate(15deg) translateX(160%);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    }
}

/* greeting */
.greetingScissors {
    position: absolute;
    left: 50%;
    top: -30px;
    z-index: 3;
    margin-left: -15px;
    opacity: 0;
}
@keyframes greetingScissors {
    0% {
        opacity: 0;
        top: -60px;
    }
    7% {
        opacity: 1;
        top: -60px;
    }
    47% {
        opacity: 1;
        top: 130%;
    }
    100% {
        opacity: 1;
        top: 130%;
    }
}
@-webkit-keyframes greetingScissors {
    0% {
      opacity: 0;
      top: -60px;
    }
    7% {
      opacity: 1;
      top: -60px;
    }
    47% {
      opacity: 1;
      top: 130%;
    }
    100% {
      opacity: 1;
      top: 130%;
    }
}