#loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000
}

#loading__bg {
    /* background: #fff url(../img/common/ptn/ptn_white.png) repeat center; */
    background: #000;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: transform 1.7s cubic-bezier(.16, 1, .3, 1)
}

#loading__bg.active {
    transition-delay: 1.4s;
    transform: translateY(-100%)
}

#loading__logo {
    /* background: url(../images/loading.gif) no-repeat 0 0 / 100%; */
    width: 300px;
    height: 233px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all .4s ease-in-out
}

#loading__logo img {
    width: 100%;
}

#loading__logo.active {
    transition-delay: .7s;
    transform: scale(1.2);
    opacity: 0
}