/* --------------------------------------------
    ぼやけて明確になる
-------------------------------------------- */
/* 順に表示したい要素 */
.item { display: none; filter: blur(50px); }
/* 順に表示する box01 */
.box01 .item.anime-blur {
    filter: blur(10px);
    opacity: 0;
    animation: blur-anim01 1s linear forwards;
}
@keyframes blur-anim01 {
    100% { opacity: 1; filter: blur(0); }
}
/* 順に表示する box02 */
.box01 .item.anime-blur {
    filter: blur(10px);
    opacity: 0;
    animation: blur-anim01 1s linear forwards;
}
@keyframes blur-anim01 {
    100% { opacity: 1; filter: blur(0); }
}

/* --------------------------------------------
    背景色が消えてから表示される
-------------------------------------------- */
.bd-anime {
    position: relative;
    display: table;
}
.bd-anime:not(:last-child) { margin-bottom: 10px; }
.bd-anime div.color {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #fff;
}
.d-vert div.color {
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
}