#loading {
    position: fixed;
    z-index: 20;
    width: 100vw;
    min-height: 100vh;
    bottom: 0;
    background: #000000;
    }

    #loading.loadEnd {
    animation: fadeOut 0.8s ease forwards;
    }

    @keyframes fadeOut {
    0%{ opacity: 1; }
    100%{ opacity: 0; }
    }

    .load {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 40px;
    height: 40px;
    background: #eee;
    border-radius: 50%;
    }

    .load:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 32px;
    height: 32px;
    background: #000;
    border-radius: 50%;
    }

    .load div {
    width: 40px;
    height: 20px;
    border-radius: 20px 20px 0 0;
    }

    .loadText {
    position: fixed;
    top: 55%;
    left: 50%;
    /* font-family: Georgia,"Yu Mincho","YuMincho","Hiragino Mincho ProN",HGS明朝E,メイリオ,Mmeiryo,serif; */
    transform: translateY(100%) translateX(-50%);
    font-size: 1.25rem;
    }
    .bound-container{
    position:relative;
    width:100%;
    height:350px;
    }
    /*ボール*/
    .ball{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    width:100px;
    height:100px;
    border-radius: 50%;
    background:#2285ff;
    opacity:0.6;
    text-align: center;
    line-height: 100px;
    /* font-family: cursive; */
    font-size: 1.5rem;
    animation: bound-anim 1.5s infinite;
    }

    .ball::after {
    position: absolute;
    content: '';
    border-radius: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter:blur(9px);
    box-shadow: inset 0 0 15px 15px #fff;
    }

    @keyframes bound-anim {
    0%,100% {top: 0;transform: scale(1);}
    30% {top: -60%; transform: scale(0.96,1.04);}
    60% {transform: scale(1);}
    90% {top: 0;transform: scale(1.15,0.9);}
    }

    /*影*/
    .shadow{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: -95px;/*対象のheightと微調節*/
    margin: auto;
    width: 60px;
    height: 10px;
    border-radius: 50%;
    background: #FFF;
    filter: blur(6px);
    opacity:0.9;
    animation: shadow-anim 1.5s infinite;
    }

@keyframes shadow-anim {
	0%,100%  {transform: scale(1);filter: blur(4px);}
	30% {transform: scale(1.6,1);filter: blur(8px);}
}