@charset "utf-8";

.slide2 {
    position: relative;
}

.slide2 .slideImage {
    width: 102.3%;
    margin-top: 15.4%;
    margin-left: 2%;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide2 .table {
    position: absolute;
    top: 45.1%;
    right: 25%;
    width: 28%;
    z-index: 2;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide2 .cart {
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide2 .cart-first {
    position: absolute;
    width: 11.4%;
    right: 28%;
    top: 50%;
    visibility: hidden;
}

.slide2.slick-active .cart-first {
    visibility: visible;
    animation: cart1 linear 6s infinite;
    animation-delay: 1s;
}

.slide2 .cart-second {
    position: absolute;
    width: 9.3%;
    right: 44.3%;
    top: 36.9%;
}

.slide2.slick-active .cart-second {
    visibility: visible;
    animation: cart2 linear 6s infinite;
    animation-delay: 1s;
}

.slide2 .girl-first {
    position: absolute;
    right: 40.5%;
    bottom: 3.2%;
    width: 5.2%;
    transform: rotateY(180deg);
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide2 .hirameki {
    position: absolute;
    left: 40.1%;
    bottom: 40.2%;
    width: 4.5%;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide2 .fukidashi {
    position: absolute;
    left: 57.5%;
    bottom: 37.5%;
    width: 4.5%;
    opacity: 0;
    transition: opacity 500ms linear;
    z-index: 2;
}

.slide2 .girl-first img {
    width: 100%;
}

.slide2 .girl-second {
    position: absolute;
    left: 13.2%;
    bottom: 22%;
    width: 4.65%;
    transform: rotateY(180deg);
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide2 .girl-second img {
    width: 100%;
}

.slide2 .popup2 {
    position: absolute;
    right: 3.7%;
    bottom: 5.5%;
    width: 26.9%;
}

.slide2 .popup2 .popupAvatar {
    width: 57.4%;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide2 .popup2 .popupText {
    position: absolute;
    right: -15.5%;
    bottom: 67.5%;
    width: 99%;
    opacity: 0;
    transition: opacity 500ms linear;
    z-index: 1;
}

.slide2 .popup2 .popupClick {
    position: absolute;
    top: -12.9%;
    right: -13%;
    width: 28%;
    opacity: 0;
    transition: opacity 500ms linear;
    z-index: 1;
}

@keyframes cart1 {
    0% {
        right: 28%;
        top: 50%;
        visibility: visible;
    }

    25% {
        right: 39%;
        top: 42%;
        visibility: hidden;
    }

    51% {
        right: 28%;
        top: 50%;
        visibility: hidden;
    }

    52% {
        right: 28%;
        top: 50%;
        visibility: visible;
    }

    75% {
        right: 39%;
        top: 42%;
        visibility: hidden;
    }

    100% {
        right: 39%;
        top: 42%;
        visibility: hidden;
    }
}

@keyframes cart2 {
    0% {
        right: 44.3%;
        top: 36.9%;
        visibility: hidden;
    }

    25% {
        right: 44.3%;
        top: 36.9%;
        visibility: hidden;
    }

    50% {
        right: 48.6%;
        top: 39.9%;
        visibility: visible;
    }

    50.5% {
        right: 48.6%;
        top: 39.9%;
        visibility: hidden;
    }

    75% {
        right: 44.3%;
        top: 36.9%;
        visibility: hidden;
    }

    99% {
        right: 48.6%;
        top: 39.9%;
        visibility: visible;
        opacity: 1;
    }

    100% {
        right: 48.6%;
        top: 39.9%;
        visibility: hidden;
        opacity: 0;
    }

}