@charset "UTF-8";
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

/* ------------------
 印刷に不要な項目を非表示にする
 ------------------- */
#header,
.globalNav,
.footer,
.copyright {
  display: none;
}

#mainContainer .pageInfo {
  display: none;
}

.dataBox .mapBox .panelTab,
.dataBox .mapBox .headerR,
.dataBox .mapBox #mapWrapper .leaflet-control-layers-list,
.dataBox .mapBox #mapWrapper .leaflet-container .opacity_slider_box {
  display: none !important;
}

/* ------------------
 チェックボックスとラジオボタン
 ------------------- */
[type="radio"]:checked:after {
  display: none;
}

[type='checkbox'] {
  opacity: 1;
  display: inline-block;
}

[type='checkbox'] + .dummy {
  opacity: 0;
}

/* ------------------
 地図部分
 ------------------- */
#mapWrapper .leaflet-top.leaflet-left .layerName {
  color: #232323;
  background-color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

#mapWrapper .pastTime_slider_box .timeSelect li:before,
#mapWrapper .fcTime_slider_box .timeSelect li:before {
  display: none;
}

#mapWrapper .pastTime_slider_box .timeSelect li [type="radio"],
#mapWrapper .fcTime_slider_box .timeSelect li [type="radio"] {
  display: block !important;
}

#mapWrapper .pastTime_slider_box .timeSelect li [type="radio"]:before, #mapWrapper .pastTime_slider_box .timeSelect li [type="radio"]:checked:after,
#mapWrapper .fcTime_slider_box .timeSelect li [type="radio"]:before,
#mapWrapper .fcTime_slider_box .timeSelect li [type="radio"]:checked:after {
  display: none;
}

#mapWrapper .pastTime_slider_box .timeSelect li [type="radio"] + .dummy,
#mapWrapper .fcTime_slider_box .timeSelect li [type="radio"] + .dummy {
  display: none;
}

#mapWrapper .pastTime_slider_box .timeSelect li [type="radio"] + .dummy + span,
#mapWrapper .fcTime_slider_box .timeSelect li [type="radio"] + .dummy + span {
  margin-top: 0;
}

#mapWrapper .mapPanel .panel-back {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

#mapWrapper .mapPanel[id="dataPanel"] .panel-label span {
  border: solid 1px #737373;
  color: #232323;
  background: #ffffff;
}

#mapWrapper .mapPanel[id="dataPanel"] .panel-label span:before {
  width: 0;
  height: 0;
  background: none;
}

#mapWrapper .mapPanel[id="examplePanel"] {
  left: -195px;
  bottom: -450px;
  page-break-before: always;
}

#mapWrapper .mapPanel[id="examplePanel"] .panel-label {
  display: none;
}

#mapWrapper .mapPanel[id="examplePanel"] .panel-box {
  border: none;
  background-color: transparent;
  display: block;
  padding: 10px;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box {
  background-color: transparent;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample {
  position: relative;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv0:after {
  border-left: solid 21px transparent;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv1:after {
  border-left: solid 21px #F2E700;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv2:after {
  border-left: solid 21px #FF2800;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv4:after {
  border-left: solid 21px #AA00AA;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv5:after {
  border-left: solid 21px #0C000C;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv0.intra:after {
  border-left: solid 21px transparent;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv1.intra:after {
  border-left: solid 21px #F2E700;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv2.intra:after {
  border-left: solid 21px #FF2800;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv3.intra:after {
  border-left: solid 21px #d84bff;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv4.intra:after {
  border-left: solid 21px #5a0076;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.risk_lv5.intra:after {
  border-left: solid 21px #0C000C;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.rain_lv1:after {
  border-left: solid 21px #A0D2FF;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.rain_lv2:after {
  border-left: solid 21px #1B8CFF;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.rain_lv3:after {
  border-left: solid 21px #0035FF;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.rain_lv4:after {
  border-left: solid 21px #ffd200;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.rain_lv5:after {
  border-left: solid 21px #FF7E00;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.rain_lv6:after {
  border-left: solid 21px #FF2000;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box .sample.rain_lv7:after {
  border-left: solid 21px #B40068;
}

#mapWrapper .mapPanel[id="examplePanel"] .legend-box.detail {
  display: none;
}

#mapWrapper #graphPanel {
  position: absolute;
  left: -195px;
  bottom: -1550px;
  overflow-y: visible;
  border-left: none;
  width: 1200px;
  padding: 0;
}

#mapWrapper #graphPanel > .funcBtn {
  display: none;
}

#mapWrapper #graphPanel .dataTime {
  page-break-before: always;
  position: relative;
  text-align: right;
  margin-top: 50px;
}

#mapWrapper #graphPanel .overMeshCnt.on {
  display: none;
}

#mapWrapper #graphPanel .graphBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: none;
  margin-top: 0;
}

#mapWrapper #graphPanel .graphBox:not(:last-child) {
  page-break-after: always;
  margin-bottom: 65px;
  min-height: 770px;
}

#mapWrapper #graphPanel .graphBox .tableArea {
  flex-direction: column;
  justify-content: flex-start;
  width: 300px;
}

#mapWrapper #graphPanel .graphBox .tableArea .column2Box {
  width: 100%;
  height: auto;
  position: relative;
  vertical-align: top;
}

#mapWrapper #graphPanel .graphBox .tableArea .column2Box:not(:first-child) {
  margin-left: 0;
  margin-top: 10px;
}

#mapWrapper #graphPanel .graphBox .tableArea [type="button"] {
  display: none;
}

#mapWrapper #graphPanel .graphBox .tableArea .areaList tr:nth-of-type(2) ~ tr:not(.allSwitch) {
  display: table-row;
}

#mapWrapper #graphPanel .graphBox .tableArea .areaList tr.allSwitch {
  display: none !important;
}

#mapWrapper #graphPanel .graphBox .tableArea .areaList tr.allSwitch a:last-child {
  display: none;
}

#mapWrapper #graphPanel .graphBox .graphArea {
  margin-left: 10px;
  margin-top: 20px;
}

#mapWrapper #graphPanel .graphBox .graphArea .dispMenuBox .dispSelect li {
  width: 50%;
  border: none;
  font-size: 14px;
}

#mapWrapper #graphPanel .graphBox .graphArea .dispMenuBox .dispSelect li a {
  background: none;
  color: #232323;
  text-decoration: underline;
}

#mapWrapper #graphPanel .graphBox .graphArea .imgBox {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

#mapWrapper #graphPanel .graphBox .graphArea .imgBox .graphImg {
  display: block !important;
}