div.article, div.important, div#mapcontrol, div.legend, div.info, div.list, div.comment, div#legend, div.footer {
    width: 60.875em;
}
table.important, table.legend, table.info, table.comment, table.data {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
}
table.legend td, table.info td, table.comment td {
    font-size: 0.8em;
    border-color: #b8b8b8;
    border-style: solid;
    border-width: 0.1em;
}
/* 緊急情報 */
table.important th, table.important td{
    border-color: #b8b8b8;
    border-style: solid;
    border-width: 0.1em;
    }
table.important th {
    width: 6.6875em;
    height: 2.4375em;
    font-size: 0.8em;
    font-weight: 100;
    color: #ffffff;
    background-color: #444444;
    white-space: nowrap;
}
table.important td {
    width: 54.1875em;
    padding-left: 1em;
    font-size: 1em;
    vertical-align: middle;
    line-height: 1.5em;
}
.important1{
    float: left;
    width: 100%;
}
.marquee {
    float: left;
    width: 50em;
    overflow: hidden;
}
.cntlmarquee{
    float: left;
    width: 3.05em;
    margin-left:0.5em;
}
#resumeimp{
    display: none;
}
/* 地図 */
#mapdiv {
    float: left;
    width: 81.17em;
    height: auto;
    margin-top: 1em;
    min-height: 43.1875em;
}

.leaflet-container {
    background: #ffffff;
}

.leaflet-div-icon {
    background: none;
    white-space: nowrap;
    border: none;
}

.leaflet-rrose-content-wrapper {
    box-shadow: none;
    border: solid 0.5em #eee;
}
/* 地図コントロール */
div#mapcontrol {
    padding-top: 0;
    padding-left: 1.25em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1em;
    margin:	0.2em 0.625em 1.25em;
}
    div#mapcontrol label {
	    padding-left: 2.1em;	/* ラベルの位置 */
        padding-right:0.5em;
	    font-size: 1.3em;
	    line-height: 0.8;
	    display: inline-block;
	    cursor:	pointer;
	    position: relative;
    }
    div#mapcontrol label:before {
	    content: '';
	    width: 0.76em;			/* ボックスの横幅 */
	    height:	0.76em;			/* ボックスの縦幅 */
	    display: inline-block;
	    position: absolute;
	    left: 0;
	    background-color: #ffffff;
	    border-radius: 0.15em 0.15em 0.15em 0.15em;
    }

    div#mapcontrol input[type=checkbox] {
	    display: none;
    }

    div#mapcontrol input[type=checkbox] + label:before {
	    font-size: 1.8em;		/* チェックのサイズ */
	    color: #444444;			/* チェックの色 */
	    background-color: #fff;	/* チェックした時の色 */
        border: solid 0.1em #bbb;
    }
    div#mapcontrol input[type=checkbox]:checked + label:before {
	    content: '\2713';		/* チェックの文字 */ 
	    background-color: #eee;	/* チェックした時の色 */
    }

table.legend th, table.info th {
    width: 10.625em;
    vertical-align: top;
    font-size: 1.2em;
    font-weight: 100;
    color: #ffffff;
    border-color: #b8b8b8;
    border-style: solid;
    border-width: 0.1em;
}
table.legend th {
    background-color: #444444;
}
table.info th {
    background-color: #150072;
}

table.legend th.titletop, table.legend th.title, table.legend th.titlebottom{
    width:auto;
    vertical-align:auto;
    font-size:0.8333em;
    color:#444444;
    background-color:#ffffff;
    text-align:left;
}

/* 地図凡例 */
div.legend{
    min-height: 8.4375em;
}

table.legend th.title, table.legend th.titletop, table.legend th.titlebottom {
    padding-left: 1em;
    width: 12.5em;
    word-wrap: break-word;
}
table.legend th.title, table.legend th.titletop, table.legend td.alert, table.legend td.alerttop{
    border-bottom-style: none;
}
table.legend th.title, table.legend th.titlebottom, table.legend td.alert, table.legend td.alertbottom{
    border-top-style: none;
}
table.legend td.alertleft{
    border-right-style:none;
}
table.legend td.alertright{
    border-left-style:none;
}
table.legend td.alertleft, table.legend td.alert,  td.alertright{
    word-wrap: break-word;
}
/* お知らせ等 */
div.info{
    margin-top: 1em;
    display: block;
}
    table.info th {
        vertical-align: middle;
        line-height: 1.5;
    }
    table.info th.overpoint {
        vertical-align: top;
    }
    table.info td {
        padding-left: 1em;
        line-height: 2;
    }
    table.info td div.kako {
        text-align: right;
        padding-right: 3em;
    }
    table.info td div.detail{
        display:inline;
    }
div.info span.toku, div.info span.keiho, div.info span.hinanhandan, div.info span.chuiho {
        color: #ffffff;
        padding: 0.3em;
    }
    div.info span.toku{background-color: #5b00b1;}
    div.info span.keiho{background-color: #d70000;}
    div.info span.hinanhandan{
        color: #000000;
        background-color: #f19f00;
    }
    div.info span.chuiho{
        color: #000000;
        background-color: #fff100;
    }
h2, h3{
    display: inline;
}
/* アコーディオン */
.accordion div.title{
    font-size: 1.8em;
    cursor: pointer; 
    padding: 0.4em;
    background: #e4e4e4;
}
.circle {
    font-size: 0.8em;
    background-color:#ffffff;
    padding: 0;
    margin: 0;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}
    div.circle a{
	    text-decoration: none;
	    color: #444444;
    }
div.open1{
    margin: 0.5em 0em;
}
    div.open1 img{
        margin: 0em 0.5em;
        width: 1.1em;
    }
.accordion div.title2{
    color: #ffffff;
    background-color: #150072;
    margin: 0.5em 0em;
    padding: 0.6em;
}
    div.title2 span{
        font-size: 0.8em;
        margin: 0em 1em 0em 0.2em;
    }
    div.title2 a{
	    text-decoration: none;
	    color: #ffffff;
    }
table.comment td {
    font-size: 1em;
    padding: 1em;
    line-height: 1.2;
}
.svg-wrapper {
    position: relative;
    width: 100%;
}
ul#tatara .svg-wrapper{
    padding-top: 45.29%; /* SVG高さ / SVG幅 * 100 */
}
ul#tatara .nibanme{
    padding-top: 39.93%; /* SVG高さ / SVG幅 * 100 */
}
ul#mikasa .svg-wrapper{
    padding-top: 84.30%; /* SVG高さ / SVG幅 * 100 */
}
ul#naka .svg-wrapper{
    padding-top: 84.59%; /* SVG高さ / SVG幅 * 100 */
}
ul#hii .svg-wrapper{
    padding-top: 69.67%; /* SVG高さ / SVG幅 * 100 */
}
ul#muromi .svg-wrapper{
    padding-top: 67.67%; /* SVG高さ / SVG幅 * 100 */
}
ul#zuibaiji .svg-wrapper{
    padding-top: 45.62%; /* SVG高さ / SVG幅 * 100 */
}
.svg-wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 河川ライブカメラ一覧 */
div.cameratable{
    margin: 2em;
    float: left;
    width: 100%;
}
div.camera_box{
    float: left;
    width:14em;
    margin-right: 1em;
    margin-bottom: 1em;
    border-color: #b8b8b8;
    border-style: solid;
    border-width: 0.1em;
    text-align:center;
}
div.camera_image img{
    height:10.45em;
}
div.camera_address{
    background-color: #f5f5f5;
    padding: 0.6em;
}
div.camera_name {
    font-size: 1.4em;
    padding: 0.2em;
}
/* 一覧表 */
table.data{
    width: auto;
}
table.data caption{
    text-align: left;
    color: #ffffff;
    background-color: #444444;
    font-size: 1.3em;
    min-height: 1.5em;
    padding-top: 0.3em;
}
    table.data caption img{
        margin-left: 0.5em;
        margin-right: 0.7em;
        height: 1em;
    }
    table.data caption .citytime{
        text-align: right;
        padding-right: 0.3em;
        margin-top: -1em;
        margin-bottom: 0;
    }
table.data th {
    text-align: center;
    font-weight: 100;
    border-color: #b8b8b8;
    border-style: solid;
    border-width: 0.1em;
    padding: 0.5em 0em;
}
table.data th.keiho, table.data td.keiho{
    color: #ffffff;
    background-color: #d70000;
}
table.data th.hinanhandan, table.data td.hinanhandan{
    color: #000000;
    background-color: #f19f00;
}
table.data th.chuiho, table.data td.chuiho{
    background-color: #fff100;
}
table.data th.head {
    font-size: 1.3em;
    color: hsl(0, 0%, 100%);
    background-color: #444444;
}
table.data th.keiho, table.data th.hinanhandan, table.data th.chuiho{
    font-size: 1em;
    line-height: 1.5;
    width: 8.875em;
}
table.data td {
    text-align: center;
    border-color: #b8b8b8;
    border-style: solid;
    border-width: 0.1em;
    font-size: 1.1em;
    padding: 0.3em 0;
}
table.data td.point {
    font-size: 1.2em;
}
table.data td.address {
    font-size: 0.8em;
    line-height: 1.5;
 }
table.data td.address a {
    font-size: 1.6em;
    color: #108cff;
}
table.data td.point span.kiki{
    font-size: 0.667em;
    line-height: 1.5;
}
div.rivertable, div.rain {
    margin-top: 0.5em;
}
li.center{
    text-align:center;
}
div.nibanme{
    margin-top: 1em;
}
div.rivertable table.data th.current {
    width: 9.75em;
}
div.rivertable table.data td.point {
    width: 7.75em;
}
div.rivertable table.data td.address {
    width: 9.687em;
}
div.raintable {
    margin: 1.5em 0em;
}
div.raintable table.data th.current {
    width: 8em;
}
div.raintable table.data td.address {
    width: 12.109em;
}
div.raintable table.data th.current span{
    font-size: 0.6em;
}
/* モバイル用部品 */
#overlay, #modalWindow, button#modal-open{
  display: none;
}