/*フェード*/
[id*="js-fade"],[id*="js-fade_child"] > * > * {
    opacity: 0;
}
[id*="js-fade-up"],[id*="js-fade-up_child"] > * > * {
    opacity: 0;
    transform: translateY(50px);
}
[id*="js-fade-left"],[id*="js-fade-left_child"] > * > * {
    opacity: 0;
    transform: translateX(50px);
}
[id*="js-fade-down"],[id*="js-fade-down_child"] > * > * {
    opacity: 0;
    transform: translateY(-50px);
}
[id*="js-fade-right"],[id*="js-fade-right_child"] > * > * {
    opacity: 0;
    transform: translateX(-50px);
}
[id*="js-fade-scalesmaller"],[id*="js-fade-scalesmaller_child"] > * > * {
    opacity: 0;
    transform: scale(1.2);
}
[id*="js-fade-scalebigger"],[id*="js-fade-scalebigger_child"] > * > * {
    opacity: 0;
    transform: scale(0.8);
}
[id*="js-fade"].is-active,[id*="js-fade"] .is-active {
	opacity: 1;
    transform: translate(0,0);
    transition: transform 0.8s, opacity 1s;
}
/*クリップ*/
[id*="js-clip"],[id*="js-clip"][id*="child"] > * > *   {
    --duration: 2s;
    transition: clip-path var(--duration), -webkit-clip-path var(--duration);	
}
[id*="js-clip-up"],[id*="js-clip-up_child"] > * > *  {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
}
[id*="js-clip-left"],[id*="js-clip-left_child"] > * > *  {
	    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
}
[id*="js-clip-down"],[id*="js-clip-down_child"] > * > *  {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}
[id*="js-clip-right"],[id*="js-clip-right_child"] > * > *  {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
}
[id*="js-clip"].is-active ,[id*="js-clip"] .is-active {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}
/*ブラー*/
[id*="js-blur"],[id*="js-blur"][id*="child"] > * > *   {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);

}
[id*="js-blur-up"],[id*="js-blur-up_child"] > * > *  {
    transform: translateY(50px);
}
[id*="js-blur-left"],[id*="js-blur-left_child"] > * > *  {
    transform: translateX(-50px);
}
[id*="js-blur-down"],[id*="js-blur-down_child"] > * > *  {
    transform: translateY(-50px);
}
[id*="js-blur-right"],[id*="js-blur-right_child"] > * > *  {
	transform: translateX(50px);
}
[id*="js-blur"].is-active ,[id*="js-blur"] .is-active {
	opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translate(0,0);	
	transition: transform 0.8s, opacity 1s ease-out .3s,filter 1s ease-out .3s,-webkit-filter 1s ease-out .3s;
}

/*点滅*/
[id*="js-blink"] span{
	opacity: 0;
}
[id*="js-blink"].is-active span{
    animation: blink 1s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
[id*="js-blink"].is-active span:nth-of-type(2n){
	animation-delay: 1.2s
}
[id*="js-blink"].is-active span:nth-of-type(3n){
	animation-delay: 1.0s
}
[id*="js-blink"].is-active span:nth-of-type(4n){
	animation-delay: 0.95s
}
[id*="js-blink"].is-active span:nth-of-type(5n){
	animation-delay: 1.1s
}
[id*="js-blink"].is-active span:nth-of-type(6n){
	animation-delay: 1.25s
}
[id*="js-blink"].is-active span:nth-of-type(7n){
	animation-delay: 1.15s
}
@keyframes blink {
    0% {
        opacity: 1
    }

    3% {
        opacity: 0
    }

    9% {
        opacity: 1
    }

    15% {
        opacity: 0
    }

    22% {
        opacity: 1
    }

    26% {
        opacity: 1
    }

    33% {
        opacity: 0
    }

    47% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    53% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    76% {
        opacity: 1
    }

    77% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}