#camera-detail{flex:1;display:flex;flex-direction:column;padding:16px 10px}#camera-detail .title{padding:6px 8px;background-color:#e6f4ff;color:#3b3b3b;font-weight:bold;border-left:5px solid #01a0c7;border-bottom:2px solid #01a0c7}#camera-detail .camera-title{margin-bottom:10px;padding:6px 8px;background-color:#01a0c7;color:#fff}.camera-view{margin-bottom:15px}.camera-view .dam-camera-title{display:flex;justify-content:space-between;align-items:center;padding:4px 8px}.camera-view .dam-camera-title .right-content{display:flex}.camera-view .dam-camera-title .right-content .switch-dam-button{margin-left:6px;padding:3px 6px;background-color:#01a0c7;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.camera-view .dam-camera-title .right-content .switch-dam-button span{color:#fff;font-weight:500;font-size:12px}.camera-view .dam-camera-title .right-content .switch-dam-button.active,.camera-view .dam-camera-title .right-content .switch-dam-button:hover{background-color:#01667f}.camera-view .camera-image-info{padding:8px 0;text-align:center}.camera-view .camera-image img.image-camera{width:100%;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.normal-view{margin-bottom:15px}.normal-view .normal-image{margin-top:8px}.normal-view .normal-image img.normal-camera-image{width:100%;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.water-level-view{margin-bottom:15px}.water-level-view .water-level-info{padding:8px 0 0;text-align:center}.water-level-view .water-level-image{margin-top:8px}.water-level-view .water-level-image img,.water-level-view .water-level-image svg{width:calc(100vw - 20px);box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.water-level-view .water-level-image img.image-water-level,.water-level-view .water-level-image svg{height:calc((100vw - 20px) / 1.2)}.water-level-view .water-level-image img.image-water-level-with-water-level-info{height:calc((100vw - 20px) / 1.33)}.water-level-view .water-level-image svg.svg-image-water-level{height:calc((100vw - 20px) / 1.33)}.map-view #map-information-box-map-frame{width:100%;height:calc((100vw - 20px) / 1.45);margin-top:8px;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.switch-to-hidden{visibility:hidden;backface-visibility:hidden}.switch-to-display-none{display:none}.svg-image-water-level{border:1px solid;background-color:#cfcfcf;overflow:hidden}.svg-image-water-level .water-polygon{fill:#66ccff;stroke:#000}.svg-image-water-level .land-polygon{fill:#A7A799;stroke:#000}.svg-image-water-level .water-level-legend-line{stroke-width:2px}.svg-image-water-level .water-level-line{stroke:#66ccff;stroke-width:2px}.svg-image-water-level .scale-line{stroke:#000;stroke-width:2px}.svg-image-water-level .water-level-base-point-height{stroke:#a52a2a;stroke-width:2px}.svg-image-water-level .water-level-legend-text{font-size:18px}.svg-image-water-level .water-level-base-point-height-text{font-size:18px;fill:#a52a2a}.svg-image-water-level .scale-text{font-size:18px;fill:#000}.svg-image-water-level .water-level-text{font-size:22px;fill:#3232ff}.telemeter-svg-image-water-level{background-color:#fff;overflow:hidden}.telemeter-svg-image-water-level .top-rectangle{fill:#fff;stroke:#000}.telemeter-svg-image-water-level .water-polygon{fill:#8fdaff;stroke:transparent}.telemeter-svg-image-water-level .water-overlay-polygon{fill:#8fdaff;stroke:transparent;opacity:0.7}.telemeter-svg-image-water-level .bridge-polygon{fill:#ccc;stroke:#000}.telemeter-svg-image-water-level .left-bank-polygon{fill:#b8cce0;stroke:#000}.telemeter-svg-image-water-level .right-bank-polygon{fill:#b8cce0;stroke:#000}.telemeter-svg-image-water-level .bottom-rectangle{fill:#333;stroke:#000}.telemeter-svg-image-water-level .water-level-meter-rectangle{stroke:#000}.telemeter-svg-image-water-level .current-triangle-polygon{fill:#8fdaff;stroke:#000}.telemeter-svg-image-water-level .water-level-meter-text{font-size:12px}.telemeter-svg-image-water-level .water-level-legend-text{font-size:14px}.telemeter-svg-image-water-level .now-water-level{display:none}