* {
    margin: 0;
    padding: 0;
}

body {

    font-family: 'verdana', 'Hiragino Sans', 'Meiryo', sans-self;
}

.top-wrapper {
    background-image: url(http://tekito-game-8888.raindrop.jp/ttgHomepage/images/topPageMobile2.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100vh;

}



.doru {

    position: absolute;
    width: 300px;
    left: 0px;
    right: 0px;
    top: 400px;

}

.ga-btn {

    position: absolute;
    left: 210px;
    right: 0px;
    top: 300px;
    width: 180px;
}

.ma-btn {

    position: absolute;
    left: 210px;
    right: 0px;
    top: 400px;
    width: 180px;
}

.sh-btn {

    position: absolute;
    left: 210px;
    right: 0px;
    top: 500px;
    width: 180px;
}




@media screen and (min-width: 1000px) {


    .top-wrapper {
        background-image: url(http://tekito-game-8888.raindrop.jp/ttgHomepage/images/hakabaHaikei.png);
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100vh;

    }





    .doru {

        position: absolute;
        width: 600px;
        left: 0px;
        right: 10px;
        top: 270px;

    }

    .ga-btn {

        position: absolute;
        left: 560px;
        right: 0px;
        top: 190px;
        width: 170px;
    }




}