#Eyecatch{
    position: relative;
}
#Eyecatch img{
    position: absolute;
    opacity: 0;
    animation: fader-anime 15s infinite;
}

/* 画像枚数分用意する */
#Eyecatch img:nth-of-type(1){
    animation-delay: 0s;
}
#Eyecatch img:nth-of-type(2){
    animation-delay: 5s;
}
#Eyecatch img:nth-of-type(3){
    animation-delay: 10s;
}

/* アニメーションの進行 */
@keyframes fader-anime{
    0%{
        opacity: 0;
    }
    10%{
        opacity: 1;
        z-index: 3;
    }
    33%{
        opacity: 1;
    }
    /**
    * 画像が3枚のため1枚当たり33%
    * 1枚目->2枚目(33%・不透明から50%・透明)にフェードして切り替える
    * 50%到達(全体アニメーション時間の半分)で前の画像が見えなくなる
    */
    50%{
        opacity: 0;
        z-index: 1;
    }
    100%{
        opacity: 0;
    }
}