@charset "UTF-8";
/*=======================
	概況図画面用
  =======================*/
.mapBox {
  margin-top: -5px;
}
.mapBox .timeBox {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
  padding: 0;
}
.mapBox .timeBox .timeSet {
  min-width: 0;
  margin: 0 10px;
}
.mapBox .symbolSelect {
  display: flex;
  align-items: center;
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #B9B9B9;
}
.mapBox .symbolSelect li {
  display: inline-flex;
}
.mapBox .areaLabel {
  position: absolute;
  top: -100px;
  left: 0;
  width: auto;
  padding: 2px 4px 0 4px;
  background-color: #595959;
  color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
}
.mapBox img[class*=symbol_] {
  position: absolute;
}
.mapBox [class*=symbol_] {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
}
.mapBox [class*=symbol_].is-link {
  cursor: pointer;
}
.mapBox [class*=symbol_].is-selected {
  z-index: 100;
}
.mapBox .symbol_1 {
  width: 14px;
  height: 14px;
}
.mapBox .symbol_1.Lv0 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv0.png");
}
.mapBox .symbol_1.Lv1 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv1.png");
}
.mapBox .symbol_1.Lv2 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv2.png");
}
.mapBox .symbol_1.Lv3 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv3.png");
}
.mapBox .symbol_1.Lv4 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv4.png");
}
.mapBox .symbol_1.Lv5 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv5.png");
}
.mapBox .symbol_1.Lv6 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv6.png");
}
.mapBox .symbol_1.Lv7 {
  background-image: url("../../res/img/icon/iconMap_rainfallLv7.png");
}
.mapBox .symbol_1.missing {
  background-image: url("../../res/img/icon/iconMap_rainfall_missing.png");
}
.mapBox .symbol_4 {
  width: 17px;
  height: 12px;
}
.mapBox .symbol_4[class$=_keep] {
  width: 12px;
  height: 17px;
}
.mapBox .symbol_4.Lv0_up {
  background-image: url("../../res/img/icon/iconMap_stageLv0_up.png");
}
.mapBox .symbol_4.Lv0_keep {
  background-image: url("../../res/img/icon/iconMap_stageLv0_keep.png");
}
.mapBox .symbol_4.Lv0_down {
  background-image: url("../../res/img/icon/iconMap_stageLv0_down.png");
}
.mapBox .symbol_4.Lv1_up {
  background-image: url("../../res/img/icon/iconMap_stageLv1_up.png");
}
.mapBox .symbol_4.Lv1_keep {
  background-image: url("../../res/img/icon/iconMap_stageLv1_keep.png");
}
.mapBox .symbol_4.Lv1_down {
  background-image: url("../../res/img/icon/iconMap_stageLv1_down.png");
}
.mapBox .symbol_4.Lv2_up {
  background-image: url("../../res/img/icon/iconMap_stageLv2_up.png");
}
.mapBox .symbol_4.Lv2_keep {
  background-image: url("../../res/img/icon/iconMap_stageLv2_keep.png");
}
.mapBox .symbol_4.Lv2_down {
  background-image: url("../../res/img/icon/iconMap_stageLv2_down.png");
}
.mapBox .symbol_4.Lv3_up {
  background-image: url("../../res/img/icon/iconMap_stageLv3_up.png");
}
.mapBox .symbol_4.Lv3_keep {
  background-image: url("../../res/img/icon/iconMap_stageLv3_keep.png");
}
.mapBox .symbol_4.Lv3_down {
  background-image: url("../../res/img/icon/iconMap_stageLv3_down.png");
}
.mapBox .symbol_4.Lv4_up {
  background-image: url("../../res/img/icon/iconMap_stageLv4_up.png");
}
.mapBox .symbol_4.Lv4_keep {
  background-image: url("../../res/img/icon/iconMap_stageLv4_keep.png");
}
.mapBox .symbol_4.Lv4_down {
  background-image: url("../../res/img/icon/iconMap_stageLv4_down.png");
}
.mapBox .symbol_4.Lv4_5_up {
  background-image: url("../../res/img/icon/iconMap_stageLv4_5_up.png");
}
.mapBox .symbol_4.Lv4_5_keep {
  background-image: url("../../res/img/icon/iconMap_stageLv4_5_keep.png");
}
.mapBox .symbol_4.Lv4_5_down {
  background-image: url("../../res/img/icon/iconMap_stageLv4_5_down.png");
}
.mapBox .symbol_4.Lv5_up {
  background-image: url("../../res/img/icon/iconMap_stageLv5_up.png");
}
.mapBox .symbol_4.Lv5_keep {
  background-image: url("../../res/img/icon/iconMap_stageLv5_keep.png");
}
.mapBox .symbol_4.Lv5_down {
  background-image: url("../../res/img/icon/iconMap_stageLv5_down.png");
}
.mapBox .symbol_4.missing {
  background-image: url("../../res/img/icon/iconMap_stage_missing.png");
}
.mapBox .symbol_4.NoAlert_up {
  background-image: url("../../res/img/icon/iconMap_stageNoAlert_up.png");
}
.mapBox .symbol_4.NoAlert_keep {
  background-image: url("../../res/img/icon/iconMap_stageNoAlert_keep.png");
}
.mapBox .symbol_4.NoAlert_down {
  background-image: url("../../res/img/icon/iconMap_stageNoAlert_down.png");
}
.mapBox .symbol_4.NormalOver_up {
  background-image: url("../../res/img/icon/iconMap_stageNormalOver_up.png");
}
.mapBox .symbol_4.NormalOver_keep {
  background-image: url("../../res/img/icon/iconMap_stageNormalOver_keep.png");
}
.mapBox .symbol_4.NormalOver_down {
  background-image: url("../../res/img/icon/iconMap_stageNormalOver_down.png");
}
.mapBox .symbol_4.NormalUnder_up {
  background-image: url("../../res/img/icon/iconMap_stageNormalUnder_up.png");
}
.mapBox .symbol_4.NormalUnder_keep {
  background-image: url("../../res/img/icon/iconMap_stageNormalUnder_keep.png");
}
.mapBox .symbol_4.NormalUnder_down {
  background-image: url("../../res/img/icon/iconMap_stageNormalUnder_down.png");
}
.mapBox .symbol_7 {
  width: 14px;
  height: 14px;
}
.mapBox .symbol_7.Lv0 {
  background-image: url("../../res/img/icon/iconMap_damLv0.png");
}
.mapBox .symbol_7.Lv1 {
  background-image: url("../../res/img/icon/iconMap_damLv1.png");
}
.mapBox .symbol_7.Lv2 {
  background-image: url("../../res/img/icon/iconMap_damLv2.png");
}
.mapBox .symbol_7.Lv3 {
  background-image: url("../../res/img/icon/iconMap_damLv3.png");
}
.mapBox .symbol_7.missing {
  background-image: url("../../res/img/icon/iconMap_dam_missing.png");
}
.mapBox .symbol_7.missing.is-selected {
  background-image: url("../../res/img/icon/iconMap_dam_missing_on.png");
}
.mapBox .symbol_30 {
  width: 21px;
  height: 18px;
}
.mapBox .symbol_30 {
  background-image: url("../../res/img/icon/iconMap_camera.png");
}
.mapBox .symbol_30.missing {
  background-image: url("../../res/img/icon/iconMap_camera_missing.png");
}
.mapBox .explainBox .pattern li.camera {
  line-height: 22px;
}
.mapBox .explainBox {
  margin-top: -1px;
}
.mapBox .explainBox .ctg > div {
  padding: 0;
  margin: 0;
}
.mapBox .explainBox .pattern {
  line-height: 18px;
}
.mapBox .explainBox .pattern.mapLegend {
  flex-direction: column;
}
.mapBox .explainBox .pattern.mapLegend > .caption {
  background-color: #F9F9F9;
  text-align: center;
  line-height: 20px;
}
.mapBox .explainBox .pattern.mapLegend .legendList {
  padding: 5px 5px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.mapBox .explainBox .pattern.mapLegend .legendList li {
  display: inline-block;
  margin: 0 10px 0 0;
  min-width: 123px;
}
.mapBox .explainBox .pattern.mapLegend .legendList li span {
  vertical-align: middle;
}
.mapBox .explainBox .pattern.mapLegend .legendList li span[class*=symbol_] {
  position: relative;
  display: inline-block;
  margin-right: 5px;
}
.mapBox .explainBox .pattern.mapLegend .legendList + .legendList {
  border-top: 1px dashed #B9B9B9;
}
.mapBox .explainBox .pattern.mapLegend .legendList + .caption {
  border-top: 1px solid #B9B9B9;
}
.mapBox .symbolBox {
  position: absolute;
  cursor: pointer;
}
.mapBox .mapArea {
  position: relative;
  border: solid 1px rgb(187.375, 187.375, 187.375);
  margin: 0 auto;
  box-sizing: border-box;
  width: 714px;
  height: 391px;
}
.mapBox .mapArea .map_img {
  border: solid 1px #ffffff;
  box-sizing: border-box;
  width: 100%;
}
.mapBox .mapArea .symbol_30[class*=missing] {
  cursor: default;
}
.mapBox .mapInfo {
  position: absolute;
  top: 45px;
  left: 10px;
  width: 250px;
  padding: 4px;
  background-color: #ffffff;
  border: 1px solid #B9B9B9;
}
.mapBox .mapInfo li {
  position: relative;
  line-height: 1.4;
}
.mapBox .mapInfo li + li {
  padding-top: 3px;
  margin-top: 3px;
  border-top: 1px dashed #B9B9B9;
}
.mapBox .mapInfo .areaLabel {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 0 2px;
  cursor: default;
}
.mapBox .mapInfo [class*=symbol_] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}
.mapBox .mapInfo .symbol_30 {
  margin-right: 2px;
}

/*=======================
	お知らせ欄の上の各種リンク
  =======================*/
.linkInfo a {
  display: inline-block;
  line-height: 26px;
  font-size: 14px;
}

/*=======================
	お知らせ用
  =======================*/
.notice {
  margin-top: 10px;
}
.notice .title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 10px;
}

/*=======================
	超過地点一覧
  =======================*/
.overList h2 {
  position: relative;
  text-indent: 35px;
  letter-spacing: 0.2rem;
}
.overList h2:before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 30px;
  position: absolute;
  top: 4px;
  left: 5px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.overList h2.rainOver:before {
  background-image: url("../../res/img/common/icon_rainOver.png");
}
.overList h2.stageOver {
  margin-top: 15px;
}
.overList h2.stageOver:before {
  background-image: url("../../res/img/common/icon_stageOver.png");
}
.overList .flexbox {
  align-items: flex-start;
}
.overList .flexbox table + table {
  margin-left: 10px;
}
.overList table :first-child th, .overList table :first-child td, .overList table :last-child th, .overList table :last-child td {
  border: 1px solid #B9B9B9;
}
.overList table .moreDispLow {
  display: none;
}
.overList table .moreDispLow.open {
  display: table-row;
}
.overList [class*=symbol_] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.overList .alarmLabel {
  padding: 2px 4px 0 4px;
  border-radius: 3px;
  letter-spacing: 0.1rem;
  width: 150px;
  text-align: center;
  margin-bottom: 5px;
}
.overList .alarmLabel + table, .overList .alarmLabel + div {
  margin-bottom: 10px;
}