html, body, #map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Helvetica","ShinGoPro";
}

#map {
    background-color: #264ed1;
}
#informations {
    position: absolute;
    top: 5vh;
    left: 5vh;
    z-index: 10000;
    width: 16vw;
    box-shadow: 0.3vw 0.3vw 0.6vw black;
}
#max_int {
    line-height: 50%;
    background-color: #9f9f9f;
    text-align: center;
    font-size: 7vw;
    font-weight: 900;
    height: 8vw;
}
#saidai {
    font-size: 0.3em;
    margin: 0;
    transform: scale(1.4, 1);
}
#int {
    margin: 0;
    transform: scale(1.1, 1);
}
#detail_informatins p {
    margin: 0;
    padding: 2% 1vw 0 1vw;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 1.5vw;
}
#tsunamiwarning {
    display: none;
    position: absolute;
    text-align: center;
    line-height: 100%;
    padding: 1vw;
    bottom: 2vh;
    right: 2vh;
    z-index: 10000;
    color: white;
    font-size: 4vw;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
}
.btns {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10000;
    user-select: none;
}
.setsumei, #quakelist, #reload, #map_ichi, #test, #btn_shindo_ichiran, #autoreload, #display_onoff_point_check, #view_info {
    display: inline-block;
    background: #ffffff88;
    border: white 1px solid;
    border-radius: 2px;
    color: rgb(0, 0, 0);
    padding: 5px;
    font-family: "ヒラギノ角ゴ-Pro",'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    cursor: pointer;
}
#reload, #autoreload {
    background: #00000000;
    padding: 5px;
    border: none;
}
#reload_num, #autoreload_num {
    background-color: transparent;
    border: none;
    width: 2rem;
    font-family: "ヒラギノ角ゴ-Pro",'Noto Sans JP',sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
    color: black;
}
select, input, button {
    outline: none;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
} 
input[type="number"] { 
    -moz-appearance:textfield; 
} 
.setsumei {
    cursor: default;
}
#quakelist {
    width: 25em;
    height: calc(2em + 5px);
}