@charset "UTF-8";

._mainimg_text .scl-wrapper-elm {
    display: block;
    transform: scale(1.4);
    opacity: 0;
}
._mainimg_text .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s .3s;
}
._mainimg1 .scl-wrapper-elm {
    display: block;
    opacity: 0;
}
._mainimg1 .scl-wrapper-elm.scl-anim-init {
    animation: mainanimg1 cubic-bezier(0.65, 0, 0.2, 1) 1.1s forwards;
}
@keyframes mainanimg1 {
    0% {opacity: 0;}
    40% {opacity: 1;}
    80% {opacity: 1; transform: scale(1);}
    100% {opacity: 1; transform: translateY(2%) translateX(2%) rotate(-2deg);}
}
._mainimg2 .scl-wrapper-elm {
    display: block;
    opacity: 0;
}
._mainimg2 .scl-wrapper-elm.scl-anim-init {
    animation: mainanimg2 cubic-bezier(0.65, 0, 0.2, 1) 1.1s forwards;
}
@keyframes mainanimg2 {
    0% {opacity: 0; transform: scale(1) rotate(-3deg);}
    40% {opacity: 1; transform: scale(1) rotate(-3deg);}
    80% {opacity: 1; transform: scale(1) rotate(-3deg);}
    100% {opacity: 1; transform: scale(1) translateY(-13%) translateX(-3%) rotate(7deg);}
}
._mainimg3 .scl-wrapper-elm {
    display: block;
    transform: scale(.1);
    opacity: 0;
}
._mainimg3 .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .4s .8s;
}
._mainimg4 .scl-wrapper-elm {
    display: block;
    transform: scale(0);
    opacity: 1;
}
._mainimg4 .scl-wrapper-elm.scl-anim-init {
    transform: scale(1.4);
    opacity: 0;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .4s .8s;
}
._mainimg_price .scl-wrapper-elm {
    display: block;
    opacity: 0;
}
._mainimg_price .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease .5s 1.3s;
}
._mainimg_pack .scl-wrapper-elm {
    display: block;
    transform: translateY(-20px);
    opacity: 0;
}
._mainimg_pack .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transform: translateY(0);
    transition: all ease .6s 1.5s;
}


._sakusaku_img .scl-wrapper-elm {
    position: relative;
    transform: scale(1.4);
    opacity: 0;
}
._sakusaku_img .scl-wrapper-elm.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .6s;
}
._sakusaku_price .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
}
._sakusaku_price .scl-wrapper-elm.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all cubic-bezier(.45,0,.2,1) .7s .3s;
}
._sakusaku_btn .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
}
._sakusaku_btn .scl-wrapper-elm.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all cubic-bezier(.45,0,.2,1) .7s .4s;
}

._roastchicken_img .scl-wrapper-elm {
    position: relative;
    opacity: 0;
}
._roastchicken_img .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease 1.5s;
}
._roastchicken_text .scl-wrapper-elm {
    display: block;
    position: relative;
    transform: translateY(20px);
    opacity: 0;
}
._roastchicken_text .scl-wrapper-elm.scl-anim-init {
    transform: translateY(0);
    opacity: 1;
    transition: all ease .6s .5s;
}
._roastchicken_sales .scl-wrapper-elm {
    position: relative;
    opacity: 0;
}
._roastchicken_sales .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease .6s 1s;
}
._roastchicken_price .scl-wrapper-elm {
    position: relative;
    opacity: 0;
}
._roastchicken_price .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease .6s 1s;
}
._roastchicken_btn .scl-wrapper-elm {
    position: relative;
    opacity: 0;
}
._roastchicken_btn .scl-wrapper-elm.scl-anim-init {
    opacity: 1;
    transition: all ease .5s 1.5s;
}



.a-fadein {
    position: relative;
    opacity: 0;
}
.a-fadein.scl-anim-init {
    opacity: 1;
    transition: all ease 1s;
}

.a-bounce {
    position: relative;
    transform: scale(.5);
    opacity: 0;
}
.a-bounce.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all linear(0, 1.2, 0.87, 1.05, 0.98, 1.01, 1, 1) .9s;
}
.a-bounce2 {
    position: relative;
    transform: scale(.5);
    opacity: 0;
}
.a-bounce2.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all linear(0, 1.2, 0.87, 1.05, 0.98, 1.01, 1, 1) .9s .3s;
}


.a-fade-slidein1 {
    position: relative;
    transform: translateY(30px);
    opacity: 0;
}
.a-fade-slidein1.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all cubic-bezier(.45,0,.2,1) .7s;
}

.a-fade-slidein2 {
    position: relative;
    transform: translateY(30px);
    opacity: 0;
}
.a-fade-slidein2.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all cubic-bezier(.45,0,.2,1) .7s .3s;
}
.a-fade-slidein3 {
    position: relative;
    transform: translateY(30px);
    opacity: 0;
}
.a-fade-slidein3.scl-anim-init {
    transform: translateY(0px);
    opacity: 1;
    transition: all cubic-bezier(.45,0,.2,1) .7s .15s;
}


.a-fade-zoomin1 {
    position: relative;
    transform: scale(1.4);
    opacity: 0;
}
.a-fade-zoomin1.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .6s;
}

.a-fade-zoomin2 {
    position: relative;
    transform: scale(1.5) rotate(-20deg);
    opacity: 0;
}
.a-fade-zoomin2.scl-anim-init {
    transform: scale(1) rotate(0);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s .5s;
}

.a-fade-zoomin3 {
    position: relative;
    transform: scale(1.5) rotate(20deg);
    opacity: 0;
}
.a-fade-zoomin3.scl-anim-init {
    transform: scale(1) rotate(0);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s .5s;
}

.a-fade-zoomin4 {
    position: relative;
    transform: scale(1.4);
    opacity: 0;
}
.a-fade-zoomin4.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s .5s;
}


.a-fade-zoomin5 {
    position: relative;
    transform: scale(1.2);
    opacity: 0;
}
.a-fade-zoomin5.scl-anim-init {
    transform: scale(1);
    opacity: 1;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) .5s;
}