.search-container{position:absolute;margin-left:10px;top:10px;z-index:1;width:300px;background-color:rgba(0,0,0,.75);padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;transition:.5s}.search-box{display:flex;align-items:center;background-color:#808080;border-radius:10px;padding:10px;margin:0}.search-box input[type='text']{border:none;background:none;outline:none;font-size:14px;width:100%;position:relative;opacity:1;z-index:2}.search-box input[type='text']::placeholder{color:#afaaaa}.search-icon{width:20px;height:20px;background-image:url('/images/icons/search.svg');background-size:contain;background-repeat:no-repeat;margin-right:10px}.search-container .border-search{border-bottom:1px solid rgba(255,255,255,.2);margin:15px 0 15px 0}.search-list{scrollbar-color:#00000082 #00000000;scrollbar-width:thin;max-height:600px;overflow-y:auto}.search-list li{font-size:14px;border-bottom:1px solid #6a6a6a;padding:5px;cursor:pointer}.search-list li:hover{background-color:#6a6a6a}.button-group{display:flex;justify-content:space-between;margin-bottom:15px}.city-button{flex:1;padding:10px;margin-right:5px;border:none;border-radius:5px;background-color:#555;color:#ccc;cursor:pointer}.city-button.active{color:#333;background-color:#fff}.city-button:last-child{margin-right:0}.alert-box{border:2px solid #f00;padding:10px;border-radius:5px}.alert-header{display:flex;align-items:center;margin-bottom:10px}.alert-icon{margin-right:10px;color:#ff0}.alert-text{font-weight:bold}.alert-buttons{display:flex;justify-content:space-around}.alert-button{padding:8px 10px;background-color:#cf3;border:none;border-radius:5px;cursor:pointer;font-weight:bold}.alert-button:not(:last-child){margin-right:5px}.container-responsive{width:100%;height:100%}#map{height:100%;width:100%}.maplibregl-popup-content{font-family:'Noto Sans JP';background:#464646;padding:16px;border-radius:8px;box-shadow:0 4px 11px 0 #00000073}.select-pin .maplibregl-popup-content{width:240px;padding:16px;font-size:14px;font-weight:normal;box-sizing:border-box}.select-pin .popup-form{padding:0}.select-pin .popup-form li{width:100%}.maplibregl-popup-tip{border-bottom-color:#464646 !important;border-top-color:#464646 !important}.maplibregl-popup-close-button{color:#fff}.maplibregl-popup{z-index:1}.popup-form{color:#fff;padding:8px;display:flex;font-size:14px;white-space:nowrap}.popup-form ul{list-style:none;padding:0;margin:0}.popup-form li{display:flex;align-items:center;gap:8px;padding:8px 12px;transition:background .3s}.popup-form li:hover{background:rgba(255,255,255,.2);border-radius:3px;cursor:pointer}.popup-form .icon{font-size:18px}.popup-input-pin .error-message,.popup-input-pin .error-message-memo{color:#f00;margin:16px 0}.popup-input-pin .title-bar-pin{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:bold;margin-bottom:10px;color:#fff}.popup-input-pin .open-btn-pin{background-color:#f00;color:#fff;padding:5px 10px;border:none;cursor:pointer;border-radius:5px;font-size:14px;margin-left:10px}.popup-input-pin .open-btn-pin.red{background-color:#f00}.popup-input-pin .open-btn-pin.grey{background-color:#808080}.popup-input-pin .open-btn-pin.green{background-color:#008000}.popup-input-pin .row-info-pin{display:flex;margin-top:16px;font-family:'Noto Sans JP';font-weight:normal;font-size:14px;gap:10px}.pin-edit .popup-input-pin .row-info-pin:first-child{margin-top:0}.popup-input-pin .row-info-pin label{color:#fff;width:120px;font-size:14px;margin-right:22px}.popup-input-pin .row-info-pin .row-pin-text{color:#fff;flex:1;font-size:14px;display:inline-flex}.popup-input-pin .row-info-pin .row-pin-icon svg{width:35px;height:auto}.popup-input-pin .row-info-pin .row-pin-text-title{color:#fff;flex:1;font-weight:bold;font-size:18px}.popup-input-pin .row-info-pin input,.popup-input-pin .row-info-pin select{position:relative;opacity:1;z-index:1;border:none;border-bottom:1px solid #fff;outline:none;font-size:14px;height:43px}.popup-input-pin .row-info-pin input.error{border:1px solid #f00}.popup-input-pin .row-info-pin select option{background-color:#fff;color:#333}.popup-input-pin .row-info-pin input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer}.popup-input-pin .row-info-pin input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer}.popup-input-pin .row-info-pin input::placeholder{color:#d1d1d1}.popup-input-pin .row-info-pin .color-picker{display:flex;gap:5px}.popup-input-pin .row-info-pin .color-box{width:20px;height:20px;cursor:pointer;border-radius:3px;border:2px solid transparent}.popup-input-pin .row-info-pin .selected{border:2px solid #fff}.popup-input-pin .add-memo{justify-content:center;margin-top:6px}.popup-input-pin .row-info-memo{margin-top:16px;margin-bottom:10px}.row-info-memo>label{color:#fff;font-size:14px}.row-info-memo .memo-item{padding:10px;border:1px solid #0000003b;margin-top:10px;border-radius:11px}.row-info-memo .memo-item.error{border:1px solid #f00}.row-info-memo .memo-item label{font-size:12px;flex-shrink:0;color:#fff}.row-info-memo .memo-item .created-by{display:flex;justify-content:end}.popup-input-pin .memo-item .row-memo-text{color:#fff;flex:1}.row-info-memo .memo-item .input-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.row-info-memo .memo-item .input-row .input-box{position:relative;flex:1;border:none;border-bottom:1px solid #fff;background-color:transparent;color:#fff;padding:5px;outline:none;margin-right:10px;opacity:1;z-index:1}.row-info-memo .memo-item .input-row .input-box.error{border:1px solid #f00}.row-info-memo .memo-item .input-row .btn-group-memo{display:flex;flex-direction:column;padding-left:10px}.row-info-memo .memo-item .input-row .btn-group-memo .btn-memo{padding:8px 10px;border:none;cursor:pointer;border-radius:5px;margin-bottom:5px;font-size:10px}.row-info-memo .memo-item .input-row .file-upload{position:relative;width:50px;height:50px;border:1px solid #fff;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden}.row-info-memo .memo-item .input-row .file-upload.error{border:1px solid #f00}.row-info-memo .memo-item .input-row .file-upload.has-image{width:150px;height:100px;border:none}.row-info-memo .memo-item .input-row .file-upload input{width:100%;height:100%;cursor:pointer;z-index:1}.row-info-memo .memo-item .input-row .file-upload img{width:100%;height:100%;object-fit:cover;display:none}.row-info-memo .memo-item .input-row .file-upload span{font-size:24px;font-weight:bold;color:#fff}.popup-input-pin .row-info-memo .content{font-size:14px}.popup-input-pin .btn-group-pin{display:flex;justify-content:center;margin-top:21px}.popup-input-pin .btn-pin{color:#fff;padding:6px 48px;cursor:pointer;background-color:transparent;border-radius:40px;border:none}.pin-view .popup-input-pin .btn-pin.delete-pin{border:1px solid}.pin-edit .popup-input-pin .btn-group-pin .btn-pin{padding:8px 64px;font-size:14px;color:#333}.pin-edit .popup-input-pin .btn-group-pin{gap:32px}.popup-input-pin .btn-pin img{margin-right:5px}.popup-input-pin .edit-pin{color:#000;border-radius:40px;background-color:#ddfb5e;border:none;margin-left:32px}.popup-input-pin .save-pin{background-color:#fff;color:#000;background-color:#ddfb5e}.popup-input-pin .cancel-pin{background-color:#fff;color:#333}.popup-summary-container{color:#fff;border-radius:5px;font-family:'Noto Sans JP';position:relative}.popup-summary-container .popup-header,.pin-view .popup-header,.pin-edit .popup-header{display:flex;align-items:center;border-bottom:1px solid #7d7d7d;padding-bottom:8px}.pin-view .popup-header .undo{margin-right:10px;font-size:12px;color:#fff}.popup-summary-container .popup-header .title,.pin-view .popup-header .title{font-weight:bold;font-size:22px;margin-left:8px;color:#fff;flex:1;line-height:29px}.pin-edit .popup-header .title{font-size:20px;color:#fff;border-left:6px solid #ddfb5e;padding:6px}.pin-edit .popup-header img{position:absolute;right:20px;cursor:pointer}popup-summary-container .popup-header .title::before{content:"⚫";margin-right:5px}.pin-status{color:#fff;border:none;border-radius:3px;cursor:pointer;padding:5px 16px;font-size:12px}.pin-status.red{background:#ff6b5d}.pin-status.grey{background:#808080}.pin-status.green{background:#008000}.popup-summary-container .popup-content{margin-top:10px;font-size:14px}.popup-summary-content{padding-bottom:16px;font-weight:normal;font-size:14px;border-bottom:1px solid #7d7d7d}.popup-summary-content p>span:first-child{min-width:100px;display:block;margin-right:22px}.popup-input-pin .row-info-pin label span:first-child{width:115px;margin-right:22px;display:inline-block}.popup-summary-content p>span:first-child:after,.popup-input-pin .row-info-pin label span:first-child:after{content:":";float:right}.popup-summary-content p{margin-top:16px;display:flex;white-space:break-spaces}.popup-footer{cursor:pointer;text-align:center;padding-top:16px;font-size:12px}.pin-view .maplibregl-popup-content{width:640px;padding:16px 24px 24px 24px}.pin-summary .maplibregl-popup-content{width:400px}.pin-edit .maplibregl-popup-content{width:800px}.pin-form-50{flex-basis:50%;position:relative}.pin-form-25{flex-basis:25%;position:relative}.pin-form-100{flex-basis:100%}.pin-form-50>*,.pin-form-100>*{width:100%;display:block;box-sizing:border-box}.pin-form-50 select,.pin-form-50 input,.pin-form-100 select,.pin-form-100 input{background-color:#fff;color:#464646;padding:11px 16px;border-radius:5px;margin-top:5px}.pin-edit form{padding:8px 0 8px 16px}.pin-form-container{max-height:63vh;padding-right:12px;overflow-y:auto;scrollbar-color:#00000070 #00000000;scrollbar-width:thin}.pin-form-container .dropdown-custom{position:relative;font-family:sans-serif;margin-top:5px}.pin-form-container .dropdown-custom-selected{border-radius:5px;padding:8px 12px 7px 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#333}.pin-form-container .dropdown-custom-selected .color-box{width:20px;height:20px;margin-right:8px;border-radius:4px;border:1px solid #d1d1d1}.pin-form-container .dropdown-custom-list{position:fixed;background:#fff;border:1px solid #aaa;border-top:none;z-index:99;display:none;color:#333}.pin-form-container .dropdown-custom-list li{padding:8px 12px;display:flex;align-items:center;cursor:pointer}.pin-form-container .dropdown-custom-list .selected-dropdown{background:#d1d1d1}.pin-form-container .dropdown-custom-list li:hover{background:#f0f0f0}.pin-form-container .dropdown-custom-list .color-box{width:20px;height:20px;margin-right:8px;border-radius:4px;border:1px solid #d1d1d1}.pin-form-container .dropdown-arrow-custom{margin-left:auto}.timeline-container{margin-left:50%;position:absolute;bottom:20px;transform:translateX(-50%);background-color:rgba(0,0,0,.75);padding:10px 20px;border-radius:15px;display:flex;align-items:center;gap:10px;color:#fff;width:650px;z-index:2;transition:.5s}.timeline-container.rain-radar{width:850px !important}.controls{display:flex;align-items:center;gap:5px}.refresh-btn{width:100px;height:40px;background-color:rgba(255,255,255,.1);background-position:left;border:none;border-radius:40%;padding:8px;color:#fff;cursor:pointer}.refresh-btn:hover{background-color:rgba(255,255,255,.3)}.icon-symbol{font-size:16px;color:#fff}.play-btn{width:60px;height:40px;background-color:rgba(255,255,255,.1);background-image:url('/images/icons/play.svg');background-repeat:no-repeat;background-position:center;border:none;border-radius:40%;padding:8px;color:#fff;cursor:pointer}.play-btn:hover{background-color:rgba(255,255,255,.3)}.loading-btn{background-image:url('/images/icons/loading.svg') !important}.pause-btn{width:60px;height:40px;background-color:rgba(255,255,255,.1);background-image:url('/images/icons/pause.svg');background-repeat:no-repeat;background-position:center;border:none;border-radius:40%;padding:8px;color:#fff;cursor:pointer}.pause-btn:hover{background-color:rgba(255,255,255,.3)}.slider-container{width:100%;position:relative}.slider-segment{margin-top:-20px;position:absolute;width:100%;height:1px;background:repeating-linear-gradient(to right,rgba(255,255,255,.3),rgba(255,255,255,.3) 8px,transparent 8px,transparent 16px);transform:translateY(-50%);z-index:2}.slider-markers{margin-top:-25px;display:flex;width:100%;color:#fff;position:absolute}.time-marker{width:8px;height:8px;background:rgba(255,255,255,.3);border:1px solid #000;border-radius:50%;position:absolute}.hour-marker{height:8px;border:.5px solid rgba(255,255,255,.3);position:absolute}.slider-track{margin-top:-5px;width:100%;height:6px;background:#c4da00;border-radius:10px;position:absolute;transform:translateY(-50%);cursor:pointer}.slider-thumb{margin:-11px 0 0 -1px;position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;border:2px solid #9b9b9b;cursor:pointer}.time-labels{display:flex;justify-content:space-between;position:absolute;width:100%;font-size:14px;color:#fff;font-size:12px}.time-label{position:absolute;white-space:nowrap}.time-label.isText{transform:translateX(-50%)}@media screen and (max-width:959px){#map{min-height:100vh}}.c-legend-container{margin-left:10px;position:absolute;bottom:20px;z-index:1;transition:.5s}.c-legend-dropdown-button{display:flex;align-items:center;justify-content:space-between;background-color:#2c3a3f;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;min-width:80px;box-shadow:0 2px 4px rgba(0,0,0,.2);height:58px}.c-legend-dropdown-arrow.is-open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.c-legend-dropdownarrow{font-size:12px;margin-left:8px}.dropdown-button:hover{background-color:#3a4c52}.c-legend-content-container{display:none}.c-legend-content-container.is-show{display:flex}.c-legend-content{display:flex;position:absolute;margin-left:10px;bottom:100px;z-index:2;background-color:rgba(255,255,255,1);padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);max-height:calc(100% - 80px - 103px);padding:0;height:auto;flex-flow:column;transition:.5s}.c-legend-content-inner{overflow-y:auto;height:calc(100% - 40px)}.c-legend-content-inner{padding:0 34px 0}.c-legend-content.is-show{display:flex}.c-legend-content-block{margin:0 auto 30px}.c-legend-content-block.is-show{display:block !important}.c-legend-head{display:flex;justify-content:flex-end;height:40px;align-items:center;padding-right:14px;flex:none}.c-legend-head .c-legend-close{background:url("/images/legend/icon_close.svg") no-repeat center center;background-size:contain;width:14px;height:14px;display:block;cursor:pointer}.c-legend-content-block{width:262px;margin:0 auto 30px}.c-legend-content-item{display:flex;justify-content:space-between;color:#000}.c-legend-content.is-show{display:flex}.u-pc-none{display:none !important}.u-mb10{margin-bottom:10px !important}.c-legend-content-block input[type='checkbox'],input[type='radio']{display:none}.accbox label:before{display:inline-block;content:url(/images/legend/icon__arrow.svg);transform:rotate(0deg);margin-right:5px}.accbox .accshow{height:0;padding:0;overflow:hidden;opacity:0}#label-1:checked+label:before,#label-2:checked+label:before,#label-3:checked+label:before,#label-4:checked+label:before,#label-5:checked+label:before,#label-6:checked+label:before,#label-7:checked+label:before,#label-8:checked+label:before,#label-9:checked+label:before{display:inline-block;transform:rotate(180deg);position:relative;top:1px}.cssacc:checked+label+.accshow{height:auto;opacity:1}@media screen and (min-width:1025px){.c-legend-content{bottom:80px;max-height:calc(100% - 80px - 103px);padding:0;height:auto;flex-flow:column}.c-legend-content.is-show{display:flex}.c-legend-content-inner{padding:0 34px 0}.c-legend-content-block{width:262px;margin:0 auto 30px}.accbox label{display:block;font-weight:700;font-size:1.3rem;line-height:24px;cursor:pointer;margin-left:6px}.p-item{background:#fff;padding:10px;line-height:20px;font-weight:400}}@media screen and (min-width:415px) and (max-width:767px){.c-legend-content{bottom:135px;height:calc(100% - 112px - 118px)}}@media screen and (min-width:768px) and (max-width:959px){.c-legend-content{bottom:230px;width:277px;max-height:calc(100% - 100px - 230px);padding:0;height:auto;flex-flow:column}.c-legend-content.is-show{display:flex}.c-legend-content-inner{padding:0 13px 0}}@media screen and (min-width:960px) and (max-width:1024px){.c-legend-content{bottom:210px;width:277px;max-height:calc(100% - 310px);padding:0;height:auto;flex-flow:column}.c-legend-content.is-show{display:flex}.c-legend-content-inner{padding:0 13px 20px}.c-legend-content-block{margin-bottom:25px}}@media screen and (min-width:415px) and (max-width:959px){.accbox{padding:0;max-width:400px}.label-box{display:flex}.c-legend-content-item{display:flex;justify-content:space-between}.c-accodion-p{font-family:Roboto;font-size:13px;line-height:22px;text-align:right}.p-item{background:#fff;padding:10px;line-height:20px;font-weight:400}.display-block{display:flex}.accbox label{display:block;font-weight:700;font-size:13px;line-height:19px;cursor:pointer;margin-left:6px}.accbox-arrow{position:relative;top:9px;left:5px;transform:rotate(-90deg)}.accbox input{display:none}.c-legend-content-block{margin-bottom:25px}}.c-header{pointer-events:auto;position:absolute;z-index:1;transition:.5s}.c-header.is-show{display:flex !important}.c-header_item{display:-webkit-box;display:-webkit-flex;display:flex;cursor:pointer;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:rgba(0,0,0,.75)}.c-header_item:hover{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background:#8cc0f6}.c-header_item:hover .c-header_status{color:#8cc0f6}.c-header_item:first-of-type{margin-bottom:2px}.c-header_inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.c-header_choice{font-family:Roboto;font-size:14px;font-weight:bold;line-height:20px;display:block;color:#fff;-webkit-flex-shrink:0;flex-shrink:0}.c-header_choice span{font-family:Noto Sans JP}.c-header_content{background-size:24px 20px;padding-top:2px;padding-bottom:2px;display:-webkit-box;display:-webkit-flex;display:flex;background-repeat:no-repeat;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.c-header_content.icon-disaster_prevention{background-image:url('/images/icons/icon_header_disaster-prevention_white.png')}.c-header_content.icon-rain_thunder{background-image:url('/images/icons/icon_header_rain-thunder_white.png')}.c-header_content.icon-earthquake_white{background-image:url('/images/icons/icon_header_earthquake_white.png')}.c-header_status{font-family:Noto Sans JP;font-weight:700;display:block;color:#506274;background:#fff;-webkit-flex-shrink:0;flex-shrink:0}.c-header_date{font-family:Roboto;font-size:14px;font-weight:500;line-height:20px;display:block;margin-left:10px;color:#fff;-webkit-flex-shrink:0;flex-shrink:0}.c-header_txt{font-family:Noto Sans JP;font-size:14px;font-weight:700;line-height:20px;display:block;overflow:hidden;margin-left:12px;white-space:nowrap;text-overflow:ellipsis;color:#fff;-webkit-flex-shrink:0;flex-shrink:0}.c-header_txt .txt-header{font-weight:700;margin-right:12px}@media screen and (min-width:1025px){.c-header{top:10px;margin-left:370px;max-width:calc(100% - 210px)}.c-header_item:first-of-type .c-header_txt{width:100%;max-width:calc(100% - 165px)}.c-header_item{border-radius:30px}.c-header_item:first-of-type{min-width:420px;height:40px}.c-header_inner{width:100%;padding:0 30px}.c-header_content{background-position:left 20px top 50%;overflow:hidden;width:100%;padding-left:60px}.c-header_status{font-size:14px;line-height:18px;padding:0 13px}}@media screen and (min-width:768px) and (max-width:1024px){.c-header{width:auto !important;max-width:calc(100% - 100px);top:10px;margin-left:370px;width:calc(100% - 30px)}.c-header_item:first-of-type .c-header_txt{width:100% !important;max-width:calc(100% - 180px)}.c-header_item{border-radius:30px}.c-header_item:first-of-type{min-width:420px;height:40px}.c-header_inner{width:100%;padding:0 30px}.c-header_content{background-position:left 20px top 50%;overflow:hidden;width:100%;padding-left:60px}.c-header_status{font-size:14px;line-height:18px;padding:0 13px}}@media screen and (max-width:767px){.c-header{top:2px;margin-left:10px;width:100%}.c-header_item{border-radius:30px 0 0 30px}.c-header_item:first-of-type{width:calc(373/375*100%);height:40px}.c-header_item:first-of-type .c-header_txt{width:calc(120/375*100vw);max-width:calc(100vw - 228px)}.c-header_inner{padding:0 20px}.c-header_content{background-position:left 5px top 50%;padding-left:40px}.c-header_status{font-size:12px;line-height:18px;padding:0 5px}}@media screen and (max-width:335px){.c-header_inner{padding:0 7px}}#sidebar-pc.active~#body-container .l-main .search-container,#sidebar-pc.active~#body-container .l-main .c-legend-container,#sidebar-pc.active~#body-container .l-main .c-legend-content,#sidebar-pc.active~#body-container .l-main .c-header,#sidebar-pc.active~#body-container .l-main .filter-pin-menu,#sidebar-pc.active~#body-container #information-area,#sidebar-pc.active~#body-container #information-area-dynamic,#sidebar-pc.active~#body-container .earthquake-info,#sidebar-pc.active~#body-container .earthquake-noinfo{transform:translate3d(295px,0,0)}#sidebar-pc.active~#body-container .typhoon-active .c-legend-container{transform:translate3d(295px,-316px,0) !important}#sidebar-pc.active~#body-container .l-main .timeline-container{transform:translate3d(-200px,0,0)}#information-area{position:absolute;left:68px;width:calc(100% - 63px);color:#fff;bottom:0;display:none;padding:0 5px}#information-area-dynamic{position:absolute;left:68px;width:calc(100% - 80px);color:#fff;bottom:0;padding:0 5px;z-index:10;transition:all .4s ease;opacity:0;transform:translate3d(0,355px,0)}#information-area-dynamic.is-show{opacity:1;transform:translate3d(0,0,0);visibility:visible}.typhoon-active .timeline-container{transform:translate3d(-200px,-52px,0) !important}.typhoon-active .c-legend-container{transform:translate3d(0,-316px,0)}.typhoon-active .maplibregl-ctrl-bottom-right{bottom:325px}.typhoon-active #information-area{background-color:#000000cc;display:initial}.icon-type .icon-box svg{width:35px;height:auto;margin-top:2px}.icon-type .dropdown-custom-selected{padding-top:0;padding-bottom:0;height:43px}.icon-type .dropdown-custom-list svg{width:35px;height:auto}.pin-form-container .icon-type .dropdown-custom-list li{padding:5px;display:inline-flex}.pin-form-container .icon-type .dropdown-custom-list{text-align:center}.earthquake-info,.earthquake-noinfo{position:absolute;display:flex;flex-direction:column;border:1px solid #fff;align-items:center;justify-content:center;margin-left:10px;width:300px;height:95px;padding:0 24px;top:100px;z-index:0;transition:.5s}.earthquake-info-item{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:10px}.earthquake-noinfo-item{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:10px;color:rgba(82,127,173,.5)}.earthquake-info-item-max{margin-right:18px;display:flex;align-items:center;color:#fff}.earthquake-noinfo-item-max{margin-right:18px;display:flex;align-items:center}.earthquake-info-item-max-label,.earthquake-noinfo-item-max-label{font-family:Noto Sans JP;margin-right:10px;font-size:14px;font-weight:500;line-height:20px}.earthquake-info-item-max-num,.earthquake-noinfo-item-max-num{font-size:28px;line-height:33px;font-family:Roboto;font-weight:700}.earthquake-info-item-flex{display:flex;align-items:center;color:#fff}.earthquake-noinfo-item-flex{display:flex;align-items:center}.earthquake-info-item-mag{display:flex;align-items:center;color:#fff}.earthquake-noinfo-item-mag{display:flex;align-items:center}.earthquake-info-item-mag-label,.earthquake-noinfo-item-mag-label{margin-right:10px;font-family:Noto Sans JP;font-size:14px;font-weight:500;line-height:20px}.earthquake-info-item-mag-num,.earthquake-noinfo-item-mag-num{font-size:28px;line-height:33px;font-family:Roboto;font-weight:700}.earthquake-info-item-detail,.earthquake-noinfo-item-detail{font-family:Noto Sans JP;font-size:14px;font-weight:700;display:flex;width:50px;height:18px;margin-left:15px;cursor:pointer;border-radius:4px;background:#fff;align-items:center;justify-content:center}.earthquake-info-btn{width:195px;height:29px;font-family:Noto Sans JP;font-size:14px;font-weight:500;line-height:20px;display:flex;box-sizing:border-box;color:#fff;border-radius:6px;background:#527fad;align-items:center;justify-content:center;cursor:pointer}.earthquake-noinfo-btn{font-family:Noto Sans JP;font-size:14px;font-weight:bold;line-height:20px;text-align:center;color:#000}.earthquake-container{display:flex;overflow:hidden;background-color:rgba(0,0,0,.75);border-radius:10px;height:320px}.earthquake-day-list{width:10%;border-right:1px solid #6a6a6a;overflow-y:auto;font-size:14px}.earthquake-day-item{padding:9px;border-bottom:1px solid #333;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.earthquake-day-item:hover{background-color:#ccc;color:#333}.earthquake-day-item.isSelected{background-color:#ddfb5e;color:#333}.earthquake-list{width:20%;border-right:1px solid #6a6a6a;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;overflow-x:hidden;scrollbar-color:#00000070 #00000000;scrollbar-width:thin;font-size:14px}.earthquake-item{padding:9px;border-bottom:1px solid #6a6a6a;cursor:pointer;display:none}.earthquake-item.isCancel{pointer-events:none;color:#ccc}.earthquake-item.isSelected{background-color:#ddfb5e;color:#333}.earthquake-item:hover{background-color:#ccc;transform:scale(1.02);color:#333}.earthquake-item.is-gt4 span{color:#fc2c1c}.earthquake-item span{margin-left:10px}.earthquake-arrow{float:right}.earthquake-detail-view{width:70%;flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:10px;scrollbar-color:#00000070 #00000000;scrollbar-width:thin}.earthquake-detail{padding:10px;border-radius:8px}.earthquake-areas{margin-bottom:20px;border:1px solid #6a6a6a;display:none}.earthquake-areas-header,.earthquake-areas-local-header{justify-content:space-between;padding:15px 0;display:none}.earthquake-areas-announce{font-size:12px;font-weight:bold;margin-right:5px;text-align:right;color:#8a8a8a}.earthquake-detail table{width:100%;border-collapse:collapse;font-size:14px}.earthquake-detail th,.earthquake-detail td{border-bottom:1px solid #6a6a6a;padding:8px}.earthquake-detail th{text-align:left;width:120px;color:#ccc}.earthquake-areas-detail-item{display:flex}.earthquake-areas-detail-item:not(:last-of-type){border-bottom:1px solid #6a6a6a}.earthquake-detail-footer{display:flex;justify-content:end;padding:5px 0}.earthquake-detail-footer span{font-size:12px;font-weight:bold;margin-right:5px;text-align:right;color:#8a8a8a}.earthquake-areas-hdg{width:10%;font-size:14px;display:flex;justify-content:center;align-items:center;border-right:1px solid #6a6a6a}.earthquake-areas-desc{width:90%}.earthquake-areas-separation{display:flex;padding:10px}.earthquake-areas-separation:not(:last-of-type){border-bottom:1px solid #6a6a6a}.earthquake-areas-prefectures{width:20%;font-weight:bold}.earthquake-areas-municipalities{width:80%;font-size:14px}.earthquake-areas-local-municipalities{font-size:14px}.earthquake-areas-municipalities span{display:inline-block}.earthquake-areas-local-municipalities span{display:inline-block}.earthquake-areas-municipalities span:not(:last-of-type){margin-right:16px}.earthquake-areas-local-municipalities span:not(:last-of-type){margin-right:16px}.is-seismic_intensity-1{background:rgba(146,204,238,.8)}.is-seismic_intensity-2{background:rgba(155,192,76,.8)}.is-seismic_intensity-3{background:rgba(252,239,94,.8)}.is-seismic_intensity-4{background:rgba(237,184,106,.8)}.is-seismic_intensity-5-lower{background:rgba(217,105,51,.8)}.is-seismic_intensity-5-plus{background:rgba(209,47,45,.8)}.is-seismic_intensity-6-lower{background:rgba(207,49,125,.8)}.is-seismic_intensity-6-plus{background:rgba(148,33,89,.8)}.is-seismic_intensity-7{background:rgba(87,35,127,.8)}.is-seismic_intensity-1 .earthquake-info-item-detail{color:#92ccee}.is-seismic_intensity-2 .earthquake-info-item-detail{color:#9bc04c}.is-seismic_intensity-3 .earthquake-info-item-detail{color:#edb86a}.is-seismic_intensity-4 .earthquake-info-item-detail{color:#edb86a}.is-seismic_intensity-5-lower .earthquake-info-item-detail{color:#d96933}.is-seismic_intensity-5-plus .earthquake-info-item-detail{color:#d12f2d}.is-seismic_intensity-6-lower .earthquake-info-item-detail{color:#c34b8e}.is-seismic_intensity-6-plus .earthquake-info-item-detail{color:#942159}.is-seismic_intensity-7 .earthquake-info-item-detail{color:#57237f}.is-seismic_intensity-1 .earthquake-info-item-mag,.is-seismic_intensity-1 .earthquake-info-item-max,.is-seismic_intensity-2 .earthquake-info-item-mag,.is-seismic_intensity-2 .earthquake-info-item-max,.is-seismic_intensity-3 .earthquake-info-item-mag,.is-seismic_intensity-3 .earthquake-info-item-max,.is-seismic_intensity-4 .earthquake-info-item-mag,.is-seismic_intensity-4 .earthquake-info-item-max{color:#000}.typhoon-buttons{display:flex;position:absolute;z-index:1;top:10px;margin-left:19%;transition:.5s}#sidebar-pc.active~#body-container .l-main .typhoon-buttons{transform:translate3d(295px,0,0)}.typhoon-button{display:flex;box-sizing:border-box;width:88px;height:40px;color:#fff;border-radius:30px;background-color:rgba(0,0,0,.75);background-image:url('/images/icons/icon_header_typhoon.svg');background-repeat:no-repeat;background-size:22px;align-items:center;margin-bottom:4px;padding-left:44px;cursor:pointer;background-position:left 14px top 50%;margin-right:12px}.typhoon-button.before-typhoon,.typhoon-button.tropical{background-image:url('/images/icons/icon_header_tropical.svg')}.typhoon-button-actived{background-image:url('/images/icons/icon_header_typhoon.svg') !important;background-color:#b72b22}.before-typhoon .label{color:#0ff}.before-typhoon.typhoon-button-actived{background-color:#099f9f}.tropical .label{color:#0ff}.tropical.typhoon-button-actived{background-color:#099f9f}.typhoon-button-actived .label{color:#fff !important}.c-typhoon-layout-1{bottom:20px;font-family:"Noto Sans JP",sans-serif}.c-typhoon-detail-pc .c-typhoon-detail-popup{filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.c-typhoon-detail-pc .c-typhoon-condition.is-open{border-bottom-right-radius:0 !important}.c-typhoon-condition-content.is-open{display:block !important}.c-typhoon-condition-side.is-open{width:100%;-webkit-transition:width .5s;transition:width .5s;margin-top:64px}.c-typhoon-detail-pc .c-typhoon-condition-side.is-open{border-bottom-right-radius:8px}.c-typhoon-detail-popup{opacity:0;visibility:hidden;-webkit-transition:opacity 300ms,visibility 300ms;transition:opacity 300ms,visibility 300ms;transition:.5s;z-index:1}.c-typhoon-detail-popup.actived{visibility:visible;opacity:1}.c-typhoon-condition{overflow:hidden;box-sizing:border-box;border-radius:8px 8px 0 0}.c-typhoon-accordion-arrow{width:14px;height:8px;margin-left:auto}.c-typhoon-accordion-arrow.is-open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.c-typhoon-accordion-arrow img{vertical-align:text-top}@media screen and (min-width:1025px){.c-typhoon-condition{width:346px;-webkit-flex-shrink:0;flex-shrink:0}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition{width:356px;-webkit-flex-shrink:0;flex-shrink:0}}@media screen and (max-width:767px){.c-typhoon-condition{width:280px;margin-bottom:4px}.c-typhoon-condition.is-open{border-radius:8px}}@media screen and (max-width:374px){.c-typhoon-condition{width:253px !important;transition:width .5s}.c-typhoon-condition.is-open{width:calc(100% - 4px) !important}}.c-typhoon-condition-hdg{display:-webkit-box;display:-webkit-flex;display:flex;border-radius:7px 7px 0 0;background:rgba(252,44,28,.8);-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width:1025px){.c-typhoon-condition-hdg{padding:8px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-hdg{padding:11px 10px}}@media screen and (max-width:767px){.c-typhoon-condition-hdg{padding:8px 10px}}.c-typhoon-condition-hdg-txt{font-weight:bold;color:#fff}@media screen and (min-width:1025px){.c-typhoon-condition-hdg-txt{font-size:12px;line-height:10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-hdg-txt{font-size:12px;line-height:10px}}@media screen and (max-width:767px){.c-typhoon-condition-hdg-txt{font-size:12px;line-height:10px}}.c-typhoon-condition-announcement{background-color:#1c2a30}@media screen and (min-width:1025px){.c-typhoon-condition-announcement{padding:3px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-announcement{padding:6px 10px}}@media screen and (max-width:767px){.c-typhoon-condition-announcement{padding:4px 10px}}.c-typhoon-condition-announcement-txt{font-weight:500;color:#fff}@media screen and (min-width:1025px){.c-typhoon-condition-announcement-txt{font-size:12px;line-height:10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-announcement-txt{font-size:12px;line-height:10px}}@media screen and (max-width:767px){.c-typhoon-condition-announcement-txt{font-size:12px;line-height:10px}}.c-typhoon-condition-occurrence{line-height:20px}.c-typhoon-condition-occurrence-txt{font-weight:bold;color:#ff7174}@media screen and (min-width:1025px){.c-typhoon-condition-occurrence-txt{font-size:12px;line-height:10px;padding:4px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-occurrence-txt{font-size:12px;line-height:10px;padding:6px 10px}}@media screen and (max-width:767px){.c-typhoon-condition-occurrence-txt{font-size:12px;line-height:10px;padding:4px 10px}}.c-typhoon-condition-occurrence-txt.is-white{color:#fff}.c-typhoon-condition-list{border-radius:0 0 7px 7px}.c-typhoon-condition-list-item{display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid #fff}.c-typhoon-condition-list-item:last-child{border-bottom:1px solid #fff}.c-typhoon-condition-list-hdg{font-weight:500;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;text-align:left;color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width:1025px){.c-typhoon-condition-list-hdg{font-size:12px;line-height:10px;width:138px;min-width:138px;padding:4px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-list-hdg{font-size:12px;line-height:10px;width:148px;min-width:148px;padding:6px 10px}}@media screen and (max-width:767px){.c-typhoon-condition-list-hdg{font-size:10px;line-height:10px;width:119px;min-width:119px;padding:3.5px 8px}}@media screen and (max-width:374px){.c-typhoon-forecast{width:253px !important;transition:width .5s}.c-typhoon-forecast.is-open{width:calc(100% - 4px) !important}.c-typhoon-forecast-list-hdg,.c-typhoon-condition-list-hdg{width:125px !important;min-width:125px !important}.c-typhoon-condition-list-desc,.c-typhoon-condition-list-desc,.c-typhoon-forecast-list-hdg,.c-typhoon-condition-list-hdg{font-size:12px !important}}.c-typhoon-condition-side-list-item,.c-typhoon-condition-list-desc{white-space:nowrap}.c-typhoon-condition-list-desc{font-weight:500;display:-webkit-box;display:-webkit-flex;display:flex;flex-grow:1 !important;box-sizing:border-box;text-align:left;color:#fff;white-space:nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width:1025px){.c-typhoon-condition-list-desc{font-size:12px;line-height:10px;padding:4px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-list-desc{font-size:12px;line-height:10px;padding:6px 10px}}@media screen and (max-width:767px){.c-typhoon-condition-list-desc{font-size:10px;line-height:10px;padding:3.5px 7px}}.c-typhoon-condition-scrollarea{box-shadow:0 2px 2px rgba(0,0,0,.35)}@media screen and (min-width:1025px){.c-typhoon-condition-scrollarea{height:0}#js-scrollbar{height:260px !important}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-scrollarea{height:26px}#js-scrollbar{height:255px !important}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-scrollarea{height:27px !important}}.c-typhoon-condition-side-block{border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:content-box;-webkit-flex-shrink:0;flex-shrink:0}@media screen and (min-width:1025px){.c-typhoon-condition-side-block{width:206px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-side-block{width:206px}}.c-typhoon-condition-side-hdg{font-weight:bold;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;text-align:left;color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width:1025px){.c-typhoon-condition-side-hdg{font-size:12px;line-height:10px;padding:4px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-side-hdg{font-size:12px;line-height:10px;padding:6px 10px}}.c-typhoon-condition-side-list-item{font-weight:500;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;text-align:left;color:#fff;border-top:1px solid #fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width:1025px){.c-typhoon-condition-side-list-item{font-size:12px;line-height:10px;padding:4px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-side-list-item{font-size:12px;line-height:10px;padding:6px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.c-typhoon-condition-scrollarea{height:27px !important}}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto !important;height:auto !important;z-index:1}.simplebar-offset{direction:inherit !important;box-sizing:inherit !important;resize:none !important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box !important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content{display:-webkit-box;display:-webkit-flex;display:flex}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:before,.simplebar-content:after{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit !important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;overflow-y:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{height:10px;width:100%}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px;background:rgba(255,255,255,.8)}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;min-height:0;min-width:10px;width:auto;border-radius:7px;background:rgba(255,255,255,.8)}@media screen and (min-width:1025px){.simplebar-track.simplebar-horizontal .simplebar-scrollbar{top:3px;height:5px}}@media screen and (min-width:768px) and (max-width:1024px){.simplebar-track.simplebar-horizontal .simplebar-scrollbar{top:8px;height:9px}}[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}