@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {    
    background-color: #0a195c;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 100%;
}


.tsunami_view_container {
    position: relative;
}

.box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}



.box_tokushima {
    position: absolute;
    top: 67%;
    left: 33%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /* width: 100%; */
}




.box_wakayama {
    position: absolute;
    top: 67%;
    left: 57%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /* width: 100%; */
}

.box_setonaikai {
    position: absolute;
    top: 18%;
    left: 52%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.box_awajishima {
    position: absolute;
    top: 41%;
    left: 36%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.box_osaka {
    position: absolute;
    top: 39%;
    left: 63%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.lbl_tsunami {
    /* padding: 2px 5px; */
    font-size: 1.0em;
    font-weight: bold;    
}


.box_lbl {
    /* width: 100px; */
    width: 130px;
    text-align: center;
}

.box_lbl_lg {
    color:#ffffff;
    background-color: #c600ff;
}
.box_lbl_md {
    color:#ffffff;
    background-color: #ff2800;
}

.box_lbl_sm {
    color:#000;
    background-color: #faf600;
}