html{
    font-size:100%;
}

body{
    width: 100%;
    height:50%;
    text-align: center;  
}
/*
#btn1{
    margin:5%;
    width:25%;
}
#btn2{
    margin:5%;
    width:25%;
}
*/
#number {
  width: 5em;
}

#form{
    position: absolute;
    top: 1%;
    left: 10%;
    /*right: 0;*/
    /*bottom: 40%;*/
    /*height:40%;*/
}

#p7{
    position: absolute;
    top: 1%;
    right: 10%;
    /*right: 0;*/
    /*bottom: 40%;*/
    /*height:40%;*/
}

#last_up{
    position: absolute;
    top: 1%;
    right: 20%;
    /*right: 0;*/
    /*bottom: 40%;*/
    /*height:40%;*/
}

#img{
    position: absolute;
    top: 1%;
    left: 0;
    right: 0;
    bottom: 40%;
    margin: auto;
    width: 40%;
    /*height:40%;*/
}

#log{
    position: absolute;
    top: 0%;
    margin: auto;
    width: 8%;
}

#btn1{
    /* 文字サイズを1.4emに指定 */
    font-size: 7vw;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定*/ 
    padding: 2% 10%;

    position: absolute;
    top: 60%;
    left: 10%;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background-color: #248;

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#btn1:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

#btn1:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
    opacity: 1;
}


#btn2{
    /* 文字サイズを1.4emに指定 */
    font-size: 7vw;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 2% 10%;
    position: absolute;
    top: 60%;
    right: 10%;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background-color: #248;

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#btn2:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

#btn2:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
    opacity: 1;
}

#p7button{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    margin: auto;
    width:30%;
    /*height:40%;*/

    /* 文字サイズを1.4emに指定 */
    font-size: 7vw;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 2% 10%;
    position: absolute;
    top: 60%;
    right: 10%;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background-color: #248;

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}