/*表示画面サイズ*/
.time_tweet{
    position: absolute;
    left: 26%;
    padding: 1px 2% 1px 2%;
    background: #1A91DB;
    border: none;
    border-radius: 4px;
    color: #FFF !important;
    text-decoration: none !important;
}
#game_display{
    width:100%;
    position: relative;
    z-index: 10;
}
/*スタート画面*/
#stert_display{
    width:100%;
    position: absolute;
    top: 0px;
    z-index: 20;
}
/*スタートボタン*/
.game_start_button{
    position: absolute;
    top: 25.4%;
    left: 36%;
    z-index: 21;
}
/*不正解*/
.missing_display{
    position: absolute;
    top: 0px;
    z-index: 12;
}
/*結果画面*/
.result_display{
    width:76%;
    position: absolute;
    top: 18%;
    left: 12%;
    z-index: 12;
}
/*結果画面の文字*/
.result_time{
    width: 76%;
    position: absolute;
    top: 29%;
    left: 16.5%;
    z-index: 12;
    color: #eeefef;
    text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000;
    font-size: 21px;
}
/*時間切れ画面*/
.timeup_display{
    width:76%;
    position: absolute;
    top: 17.2%;
    left: 12%;
    z-index: 12;
}
/*スタート画面に帰るボタン*/
.return_start_button{
    width: 27.9%;
    position: absolute;
    top: 41.4%;
    left: 36%;
    z-index: 13;
}
/*間違えて押したアイコンを削除するボタン*/
.game_delete_button{
    width: 8.8%;
    position: absolute;
    top: 37.3%;
    left: 87.5%;
    z-index: 11;
}
/*回答ボタン*/
.game_answer_button{
    width: 29.9%;
    position: absolute;
    top: 70.5%;
    left: 35.2%;
    z-index: 11;
}
/*残り時間のゲージ用*/
.game_time_gage{
    width: 62%;
    height: 20px;
    background: #fdd001;
    position: absolute;
    top: 30%;
    left: 19.1%;
    z-index: 9;
}
/*問題の表示領域*/
.game_problem_area{
    width: 77.3%;
    position: absolute;
    top: 21%;
    left: 10.8%;
    z-index: 11;
}
/*問題の表示領域の縦幅を比率で固定*/
.game_problem_area:before{
    content: '';
    display: block;
    padding-top: 14.6%;
}
/*問題のアイコンサイズ*/
.problem_yababa_button{
    width: 15.3%;
    margin-right: 1.6%;
}
/*回答のアイコンサイズ*/
.answer_yababa_button{
    width: 15.3%;
    margin-right: 1.6%;
}
/*回答の表示領域*/
.game_answer_area{
    width: 77.3%;
    position: absolute;
    top: 36%;
    left: 5.8%;
    z-index: 11;
}
/*回答の表示領域の縦幅を比率で固定*/
.game_answer_area:before{
    content: '';
    display: block;
    padding-top: 14.6%;
}
/*タモリさんアイコンを選ぶ領域*/
.game_select_area{
    width: 77.3%;
    /*background: #fdd001;*/
    position: absolute;
    top: 47.6%;
    left: 10.8%;
    z-index: 11;
}
/*選択領域の縦幅を比率で固定*/
.game_select_area:before{
    content: '';
    display: block;
    padding-top: 36.2%;
}
/*選択領域のtop*/
.select_area_top{
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
}
/*選択領域のbottom*/
.select_area_bottom{
    width: 100%;
    display: block;
    position: absolute;
    bottom: 12%;
}
/*アイコンサイズ*/
.select_yababa_button{
    width: 15.3%;
    margin-right: 5.8%;
}
@media (max-width: 480px){
    /*スタートボタン*/
    .game_start_button{
        width: 25.3%;
        top: 25.1%;
        left: 37.1%;
    }
    /*結果画面*/
    .result_display{
        width:76%;
        position: absolute;
        top: 18%;
        left: 12%;
        z-index: 12;
    }
    /*結果画面の文字*/
    .result_time{
        top: 29.2%;
        left: 16.5%;
        font-size: 15px;
    }
    /*時間切れ画面*/
    .timeup_display{
        width:76%;
        position: absolute;
        top: 17.2%;
        left: 12%;
        z-index: 12;
    }
    /*スタート画面に帰るボタン*/
    .return_start_button{
        top: 40.4%;
        left: 36%;
    }
    /*間違えて押したアイコンを削除するボタン*/
    .game_delete_button{
        top: 35.8%;
        left: 87.5%;
    }
    /*回答ボタン*/
    .game_answer_button{
        top: 67.5%;
        left: 35.2%;
    }
    /*残り時間のゲージ用*/
    .game_time_gage{
        top: 28%;
        left: 19.1%;
    }
    /*問題の表示領域*/
    .game_problem_area{
        top: 20%;
        left: 10.8%;
    }
    /*問題のアイコンサイズ*/
    .problem_yababa_button{
        width: 15.3%;
        margin-right: 1.6%;
    }
    /*回答のアイコンサイズ*/
    .answer_yababa_button{
        width: 15.3%;
        margin-right: 1.6%;
    }
    /*回答の表示領域*/
    .game_answer_area{
        top: 34.3%;
        left: 5.8%;
    }
    /*タモリさんアイコンを選ぶ領域*/
    .game_select_area{
        top: 45.9%;
        left: 10.8%;
    }
    /*アイコンサイズ*/
    .select_yababa_button{
        width: 15.3%;
        margin-right: 5.8%;
    }
}