body{
    height: 2000px;
    padding: 0;
    input{
        width: 700px;
    }
    div.drag{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #ddd;
        text-align: center;
    }

    .dragMove{
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #000;
        border-radius: 50%;
    }

        /* Loading背景画面設定　*/
    #splash {
        /*fixedで全面に固定*/
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        text-align: center;
        color: #fff;
    }
    
    /* Loading画像中央配置　*/
    #splash_text {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 999;
        transform: translate(-50%, -50%);
        color: #fff;
        width: 100%;
    }
    
    /*割れる画面のアニメーション*/
    .loader_cover {
        width: 100%;
        height: 50%;
        background-color: #333;
        transition: all .2s cubic-bezier(.04, .435, .315, .9);
        transform: scaleY(1);
    }
    
    /*上の画面*/
    .loader_cover-up {
        transform-origin: center top;
    }
    
    /*下の画面*/
    .loader_cover-down {
        position: absolute;
        bottom: 0;
        transform-origin: center bottom;
    }

}