.c-loading-modal[open] .c-loading-modal__icon,
.c-loading-modal[open] .c-loading-modal__icon--air,
.c-loading-modal[open] .c-loading-modal__icon--hotel,
.c-loading-modal[open] .c-loading-modal__icon--rentalcar,
.c-bottom-modal[open],
.c-selected-plans[data-position-type=fixed],
.mv-slide,
.slide1,
.slide2,
.slide3 {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity, background-color;
}

/* ローディングアニメーション */
@keyframes icon_pulse {
    0% {
        opacity: 0.3;
        transform: scale(1);
    }

    30% {
        opacity: 1;
        transform: scale(1.1);
    }

    60% {
        opacity: 0.3;
        transform: scale(1);
    }

    100% {
        opacity: 0.3;
        transform: scale(1);
    }
}

@-webkit-keyframes icon_pulse {
    0% {
        opacity: 0.3;
        transform: scale(1);
    }

    30% {
        opacity: 1;
        transform: scale(1.1);
    }

    60% {
        opacity: 0.3;
        transform: scale(1);
    }

    100% {
        opacity: 0.3;
        transform: scale(1);
    }
}

/* フェードイン */
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* TOPMVイメージ切替 */
@keyframes image_change {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    41% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes image_change {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    41% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/*
animation群
*/
.c-loading-modal[open] .c-loading-modal__icon--air,
.c-loading-modal[open] .c-loading-modal__icon--hotel,
.c-loading-modal[open] .c-loading-modal__icon--rentalcar {
    -webkit-animation-name: icon_pulse;
    animation-name: icon_pulse;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* common_new.css */
.c-loading-modal[open] .c-loading-modal__icon--air {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}

/* common_new.css */
.c-loading-modal[open] .c-loading-modal__icon--hotel {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

/* common_new.css */
.c-loading-modal[open] .c-loading-modal__icon--rentalcar {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

/* common_new.css */
.c-selected-plans[data-position-type=fixed] {
    -webkit-animation: fadein 1s ease;
    animation: fadein 1s ease;
}

/* index.css */
.mv-slide {
    -webkit-animation: image_change 21s ease infinite;
    animation: image_change 21s ease infinite;
}

/* index.css */
.slide1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

/* index.css */
.slide2 {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

/* index.css */
.slide3 {
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
}