@charset "utf-8";

:root{
    /* 地図上ボタンの位置 */
    --map-buttom-position: 25px;
}
/* 検索エリア */
form#search_f{
    background-color: black;
}
#searchDialog {
    visibility: hidden;
    width: 300px;
    height: 300px;
    border:none; 
    padding: 1px 1px 0px 1px;
    border: solid 1px; 
    background:black;
    font-size: 14px;
    z-index: 1500 ! important;
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}
#searchResultTitle {
    width:300px;
    background-color:black;
    vertical-align: middle;
    color:white;
    display: inline-block;
}
#searchResultBox {
    color:white;
    float: left;/* clear: both;済み */
}
#searchResultBox2 {
    background-color:black;
    color:white;
    float: right;/* clear: both;済み */
}
#searchResultList {
    background-color:white;
    width: 302px;
    height: 274px;
    overflow:auto;
    clear: both;
}


/* 地図 */
.ryuikiLabel {
    display: table-cell;
    vertical-align: middle;
    background: #3366CC;
    color: #ffffff;
    width: 115px;
    height: 30px;
    text-align: center;
    border-radius: 30px;
    border: solid 1px #000000;
    padding: 2px 5px;
}

/* 情報共通　*/
.warnLabel {
    margin: 2px;
}
.tokuKeiho_heavyRain {
    border-top: medium solid #000000;
    border-left: medium solid #000000;
    border-right: medium solid #000000;
    border-bottom: medium solid #000000;
    background-color:rgb(0, 0, 0);
    color: #ffffff;
    text-align: center;
}
.tokuKeiho {
    border-top: medium solid #000000;
    border-left: medium solid #000000;
    border-right: medium solid #000000;
    border-bottom: medium solid #000000;
    background-color:rgb(129,49,172);
    color: #ffffff;
    text-align: center;
}
.keiho {
    border-top: thin solid #000000;
    border-left: thin solid #000000;
    border-right: thin solid #000000;
    border-bottom: thin solid #000000;
    background-color: rgb(233,30,0);
    color: #ffffff;
    text-align: center;
}
.tyuiho {
    background-color: rgb(255,192,0);
    color: #000000;
    text-align: center;
    border: solid 1px black;
}
.posTyui {
    position: relative;
}

td.tdLeft{
    width: 160px;
}
td.tdRight{
    width: 220px;
}
th.tdLeft{
    width: 160px;
    height: 30px;
}
th.tdRight{
    width: 220px;
    height: 30px;
}


/* 警報 */
.warning_icons1 div{
    line-height: 22px;
}
.warning_icons2{
    display: flex;
    margin-top: 2px;
}
.alarmOn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: rgb(255,140,140);
    border-bottom:thick solid rgb(255,17,17);
    margin-bottom: 4px;
}
.alarmOff{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: rgb(201,238,185);
    border-bottom:thick solid rgb(62,176,44);
    margin-bottom: 4px;
}
div#alarm div#alarmOn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: rgb(255,140,140);
    border-bottom:thick solid rgb(255,17,17);
    margin-bottom: 4px;
}
div#alarm div#alarmOf{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: rgb(201,238,185);
    border-bottom:thick solid rgb(62,176,44);
    margin-bottom: 4px;
}

div#alarm table#alarmChiiki{
    table-layout: fixed;
    width: 100%;
    margin-top: 4px;
    border:thin solid rgb(173,187,178);
    border-spacing: 0px;
    text-align: center;
    word-break: keep-all;
}
div#alarm table#alarmChiiki tr{
    height: 35px;
    
}
div#alarm table#alarmChiiki tr:nth-child(2) td:first-child{
    font-size: 22px;    /*横浜市*/
}
div#alarm table#alarmChiiki th{
    background-color: rgb(217,237,224);
    border: thin solid rgb(173,187,178);
    font-weight: normal;
    text-align: center;
}
div#alarm table#alarmChiiki td{
    background-color: rgb(255,255,255);
    border: thin solid rgb(173,187,178);
    border-spacing: 0px;
}
div#alarm table#alarmChiiki td.tokuKeiho_heavyRain {
    text-align: center;
}
div#alarm table#alarmChiiki td.tokuKeiho_heavyRain {
    background-color:rgb(0, 0, 0);
    color: #ffffff;
}
div#alarm table#alarmChiiki td.tokuKeiho {
    text-align: center;
}
div#alarm table#alarmChiiki td.tokuKeiho {
    background-color:rgb(129,49,172);
    color: #ffffff;
}
div#alarm table#alarmChiiki td.keiho {
    background-color: rgb(233,30,0);
    color: #ffffff;
}
div#alarm table#alarmChiiki td.tyuiho {
    background-color: rgb(255,192,0);
    color: #000000;
}

/* 避難 */
div#riverInfoTitle{
    height: 50px;
}
div#riverPublish{
    position: relative;
    top:5px;
}

.refugeOn{
    width: 100%;
    background-color: rgb(255,140,140);
    border-bottom:thick solid rgb(255,17,17);
    margin-bottom: 4px;
}
.refugeOff{
    width: 100%;
    background-color: rgb(201,238,185);
    border-bottom:thick solid rgb(62,176,44);
    margin-bottom: 4px;
}

#bodyBox{
    position: relative;
}

.box {
    width:429px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
        display: inline-block;
    border-left: thin solid rgb(173,187,178);
    border-bottom: thin solid rgb(173,187,178);
}

.refuge_midasi_1 {
    display: block;
    width:149px;
    height: 26px;
        text-align: center;
    background-color:rgb(217,237,224);
    padding-left: 5px;
        line-height: 26px;
}
.refuge_midasi_2 {
    display: block;
    width:268px;
    height: 26px;
        text-align: center;
    background-color:rgb(217,237,224);
    clear: both;
    padding-left: 5px;
        line-height: 26px;
}
.label_box {
    display: block;
    width:147px;
    height: 19px;
    color: rgb(28,72,111);
    background-color:rgb(203,225,245);
    padding-left: 5px;
    border-top: thin solid #ffffff;
    border-left: thin solid #ffffff;
    border-right: thin solid #ffffff;
}

.msg_value {
    display: block;
    width:268px;
    height: 19px;
    background-color:#ffffff;
    clear: both;
    padding-left: 5px;
    border-top: thin solid #ffffff;
}
#scrollTable{
    border: thin solid rgb(173,187,178);
}

div#refuge table#refugeTable{

    width: 100%;
}
div#refuge table#refugeTable th{
    background-color: rgb(217,237,224);
    font-weight: normal;
    text-align: center;
    font-size: 13px;
    min-width: 50px;
}
div#refuge table#refugeTable td{
    /*background-color: rgb(255,255,255);*/
    font-size: small;
    height: 30px;
}
div#refuge .refugeStatus{
    padding-left: 5px;
    padding-right:0px;
    padding-top:0px;
    padding-left:0px;
}
div#refuge .border{
    line-height: 20px;
    border-bottom:0px;
    border-spacing:0px;
}
div#refuge .borderBottom{
    border-bottom:thin solid rgb(173,187,178);
    border-spacing: 0px;
}
div#refuge .borderBottom:last-child{
    border: none;
}
.label_box_refuge {
    display: block;
    margin-top:-1px;
    margin-left:-1px;
    margin-right:-1px;
    width: 147px;
    height: 20px;
    color: rgb(28,72,111);
    background-color:rgb(203,225,245);
    padding-left: 5px;
    border-top: thin solid #ffffff;
    border-left: thin solid #ffffff;
    border-right: thin solid #ffffff;
}
.msg_value_refuge {
    padding-left: 5px;
    height: 65px;
    line-height: 65px;
}

/* マーカーのラベル */
.markerLabel {
    background: none;
    border: none;
}
.markerLabelText {
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
    /*font-size: var(--fontsize-for-point-name-of-map);*/
    font-family: var(--font-for-point-name-of-map);
    text-shadow:0 0 3px #313131,0 0 3px #313131,0 0 3px #313131,0 0 3px #313131,
    0 0 3px #313131,0 0 3px #313131,0 0 3px #313131,0 0 3px #313131,
    0 0 3px #313131,0 0 3px #313131,0 0 3px #313131,0 0 3px #313131,
    0 0 3px #313131,0 0 3px #313131,0 0 3px #313131,0 0 3px #313131;
    color: #F5A9A9;
}