@charset "UTF-8";

/* この中にスタイルの設定を書きます */

* {
    /* 全ての要素に対する設定 */
    /* marginとpaddingを0pxにする */
    margin: 0px;
    padding: 0px;
    /* ﾎﾞｯｸｽの幅と高さにborderとpaddingの値を含ませる */
    box-sizing: border-box;
    /* ﾌｫﾝﾄの指定 */
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /* 文字列の余韻を消す 20180516 */
    -webkit-user-select: none;
}

body {
    /* body要素の背景を黒にする */
    background-color: black;
    overflow: hidden;
}

#maskScreen_upper {
    top: 0px;
    width: 100%;
    height: 0px;
    background-color: black;
    position: fixed;
    z-index: 20;
}

#maskScreen_left {
    top: 0px;
    left: 0px;
    width: 0px;
    height: 548px;
    background-color: black;
    position: fixed;
    z-index: 20;
}

#maskScreen_right {
    top: 0px;
    left: 320px;
    width: 0px;
    height: 548px;
    background-color: black;
    position: fixed;
    z-index: 20;
}

#maskScreen_lower {
    top: 548px;
    width: 100%;
    height: 0px;
    background-color: black;
    position: fixed;
    z-index: 20;
}

#container {
    /* ｽﾏﾎに表示される画面ｻｲｽﾞの設定 */
    width: 320px;
    height: 548px;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: azure;
}

#roundButton {
    width: 100%;
/*    border: solid 1px red;*/
}

#round {
    width: 100%;
    /*    本番　height: 137px　デバック用に125px*/
    height: 125px;
    background-color: azure;
    text-align: center;
    font-size: 30px;
    /*    本番　line-height: 137px;　デバック用に125px*/
    line-height: 125px;
}

#youi {
    width: 100%;
    /*    本番　height: 137px　デバック用に125px*/
    height: 125px;
    background-color: azure;
    text-align: center;
    font-size: 30px;
    /*    本番　line-height: 137px;　デバック用に125px*/
    line-height: 125px;
}

#start {
    width: 100%;
    /*    本番　height: 137px　デバック用に125px*/
    height: 125px;
    background-color: azure;
    text-align: center;
    font-size: 0px;
    /*    本番　line-height: 137px;　デバック用に125px*/
    line-height: 125px;
}

#teishi {
    width: 100%;
    /*    本番　height: 137px　デバック用に125px*/
    height: 125px;
    background-color: aqua;
    text-align: center;
    font-size: 30px;
    /*    本番　line-height: 137px;　デバック用に125px*/
    line-height: 125px;
}

#ver {
    width: 100%;
    /*    本番　Ver新規追加　デバック用に48px*/
    height: 48px;
    background-color: aqua;
    color: black;
    text-align: center;
    font-size: 15px;
    /*    本番　Ver新規追加　デバック用に48px*/
    line-height: 48px;
}