html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}html,body{width:100%;font-size:16px;min-height:100vh;background:#e6eded;overflow-x:hidden}body,button,input,select{font-family:Noto Sans JP,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,メイリオ,sans-serif}header{background:#2f776c;color:#fff;width:100%;height:50px;border-bottom:6px solid #F0A703}#header-inner{width:1280px;margin:0 auto}#header-mate{float:right;margin:0 20px 0 0}#header-mate a{text-decoration:none;color:#fff}#header-mate span{margin:20px 0 0 10px;display:inline-block}#header-mate i{margin:0 10px 0 0}article{width:1280px;margin:0 auto}article .left-area,article .center-area,article .right-area{display:inline-block;padding:20px;min-height:100vh}article .left-area,article .right-area{background:#e6eded;vertical-align:top}article .left-area{width:160px}article .center-area{width:750px;background:#fff;vertical-align:top}article .right-area{width:240px}article .double-area{width:1030px}article .left-area p{margin:10px 0;font-size:11px;letter-spacing:-1px}article .left-area img{width:160px;margin:0 0 10px}article .left-area hr,article .right-area hr{border:1px solid #CCC;padding:.6px;border-radius:4px;background:#999}article menu{margin:20px 0 0}article menu ul li a{background:#f0a703;color:#fff;text-decoration:none;text-align:center;width:140px;height:20px;display:inline-block;margin:0 0 20px;padding:10px;border-radius:4px;font-size:14px}article menu ul li.active a,article menu ul li a:hover{background:#2f776c}article .center-area h2{font-size:18px;color:#333;padding:0 0 10px;border-bottom:2px dashed #666;margin:0 0 20px}article .center-area h2 i{margin:0 10px 0 0;width:20px;text-align:center}article .operate-area input{width:216px;padding:8px 12px;border-radius:20px 0 0 20px;display:inline-block;border:2px solid #2F776C;background:#f3f6f6}article .operate-area input:focus-visible{outline:none}article .operate-area a{font-size:15px;border-radius:0 20px 20px 0;width:25px;height:22px;vertical-align:top;padding:8px;background:#2f776c;color:#fff;text-decoration:none;display:inline-block}article .double-area .operate-area a{margin:1px 0 0}article .user-area .operate-area a{margin:0}article .operate-area .operate-btn{display:inline-block;float:right;vertical-align:top}article .operate-area .operate-btn a{width:138px;padding:6px;border-radius:20px;display:inline-block;background:#fff;color:#2f776c;border:2px solid #2F776C;text-decoration:none;text-align:center;vertical-align:middle;margin:0 0 0 10px}article .operate-area .operate-btn a.active{background:#2f776c;color:#fff}article .operate-radio label{font-size:12px;margin:0 10px 0 0}article .operate-radio input{width:auto;vertical-align:sub}article .operate-area .from-to{display:inline-block;font-size:14px;margin:0 0 0 10px}article .operate-area .from-to .fromto-mark{margin:0 10px}article .operate-area .from-to input{width:100px;border-radius:20px}article .table-list{width:100%;font-size:14px;text-align:center;margin:20px 0 0;color:#666}article .table-list tr th,article .table-list tr td{border:1px solid #CCC;padding:10px}article .table-list tr:nth-child(2n){background:#f3f6f6}article .table-list tr:nth-child(odd){background:#e6eded}article .table-list tr th{background:#2f776c;color:#fff}article #click-table tr[data-selected=true] td{background-color:#f9d37f}article #click-table tr{cursor:pointer}article #click-table tr th{cursor:default}article .pagi-area{width:fit-content;font-size:12px;margin:10px auto 0;color:#666}article .pagi-area ul li{display:inline-block;background:#e6eded;border:1px solid #CCC;padding:2px 8px;border-radius:12px;margin:1px 2px}article .double-area .pagi-area ul li{margin:2px}article .user-area .pagi-area ul li{margin:1px 2px}article .pagi-area ul li.active{background:#fff;border:1px solid #CCC}article .pagi-area ul li a{text-decoration:none;color:#666}article .pagi-area ul li .fa-angle-double-left{margin:0 4px 0 0}article .pagi-area ul li .fa-angle-double-right{margin:0 0 0 4px}article .right-area{color:#666}article .mark-row{border-left:6px solid #F0A703;padding:0 0 0 10px;margin:0 0 10px}article .odd-end{margin:0 0 20px}article .even-end{margin:0 0 20.5px}article .mark-row span{font-size:12px;display:block}article .mark-row p{font-size:14px;font-weight:700}article .mark-row ul{margin:20px 0 0}article .mark-row ul li{display:inline-block}article .mark-row ul li:nth-child(odd){width:133px;margin:0 10px 0 0;font-size:12px}article .mark-row ul li input{width:70px;text-align:center;font-size:12px}article .mb-none{margin:0 0 -10px}article .mark-row ul li a{width:57px;padding:10px;background:#f0a703;color:#fff;border-radius:4px;text-decoration:none;display:inline-block;text-align:center}article .right-area .info-area{margin:20px 0 0}article .right-area .info-title{margin:0 0 20px;font-weight:700}article .right-area .time-stamp{font-weight:700}article .right-area .info-detail span{margin:0 0 10px;font-size:12px}article .right-area .info-detail p{margin:0 0 20px;font-size:14px;font-weight:700}article .center-area .map-image{margin:20px 0 0;border:5px solid #F0A703;border-radius:4px}article .detail-area{margin:20px 0 0}article .detail-area .switch-area{width:72px;background:#f3f6f6;padding:6px;border:1px solid #2F776C;border-radius:4px;display:inline-block}article .detail-area .switch-area p{width:50px;border:1px solid #999;padding:10px;position:relative;height:30px}article .detail-area .switch-area p span{width:24px;height:6px;border:1px solid #FFF;border-radius:6px;display:block;position:absolute;left:22px;background:#999}article .detail-area .switch-area p.switch-on{border-bottom:none;border-radius:4px 4px 0 0}article .detail-area .switch-area p.switch-off{border-top:none;border-radius:0 0 4px 4px}article .detail-area .on p.switch-on{background:linear-gradient(#ddd,#eee)}article .detail-area .on p.switch-off{background:linear-gradient(#eee,#fff);box-shadow:0 2px 1px .2px #ccc}article .detail-area .off p.switch-on{background:linear-gradient(#fff,#eee);box-shadow:0 -2px 1px .2px #ccc}article .detail-area .off p.switch-off{background:linear-gradient(#eee,#ddd)}article .detail-area .switch-area p.switch-on span{top:10px}article .detail-area .switch-area p.switch-off span{bottom:10px}article .detail-area .switch-area p.switch-on span.active{background:#00d9a3;border:1px solid #FFF}article .detail-area .switch-area p.switch-off span.active{background:#ff7373;border:1px solid #FFF}article .detail-area .switch-area .stat-area p,article .table-area .table-list td p{width:70px;font-size:12px;color:#fff;padding:1px 0 3px;border-radius:4px;text-align:center;height:auto;margin:6px 0 0;border:1px solid #999}article .table-area .table-list td p{margin:-3px auto}article .detail-area .stat-area p.on,article .table-area .table-list td p.on{background:#00d9a3}article .detail-area .stat-area p.off,article .table-area .table-list td p.off{background:#ff7373}article .table-area .table-list td p.stop{background:#4d7aff;font-size:11px}article .table-area .table-list td p.none{background:#999;font-size:11px}article .detail-area .change-area{width:140px;display:inline-block;vertical-align:top;margin:0 0 10px 10px}article .detail-area .change-area select{width:140px;padding:6px;border-radius:4px;border:1px solid #2F776C;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#666;background:#f3f6f6;background-image:url(../../img/select-arrow.png);background-position:right 3px center;background-repeat:no-repeat}article .detail-area .change-area select:focus-visible{outline:none}article .detail-area .change-area a{width:120px;padding:10px;border-radius:4px;background:#f0a703;color:#fff;margin:18px 0 0;display:inline-block;text-align:center;text-decoration:none}article .detail-area .change-area a i{margin:0 10px 0 0}article .right-table tr th,article .right-table tr td{padding:2px 0;font-size:12px}article .right-area .detail-btn a{width:138px;padding:6px;border-radius:20px;display:block;background:#2f776c;color:#fff;border:2px solid #2F776C;text-decoration:none;text-align:center;margin:20px auto 0}article .center-area .status-area{width:100%;margin:20px 0 0;background:#e6eded}article .center-area .status-area h3{background:#2f776c;color:#fff;padding:6px 20px}article .center-area .status-area h4{border-left:6px solid #2F776C;padding:0 0 4px 10px;margin:20px 0 10px;border-bottom:2px dotted #2F776C;font-size:14px}article .center-area .status-area .status-left{display:inline-block;width:240px;padding:10px 60px 20px 40px}article .status-area .detail-area{margin:20px 0 30px}article .center-area .status-area .status-right{display:inline-block;width:340px;padding:10px 40px 50px 20px;vertical-align:top}article .mark-row ul li p{width:73.2px;text-align:center;font-size:12px;color:#fff;padding:1px 2px 3px;font-weight:400;border-radius:2px}article .mark-row ul li p.stat1{background:#ff7373}article .mark-row ul li p.stat2{background:#00d9a3}article .mark-row ul li p.stat3{background:#4d7aff}article .status-area ul li select{width:170px;padding:6px;border-radius:4px;border:1px solid #2F776C;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#666;background:#f3f6f6;background-image:url(../../img/select-arrow.png);background-position:right 3px center;background-repeat:no-repeat;background-size:20px 20px;font-size:12px;text-align:center}article .status-area .mark-row ul li a{width:150px}article .color-dark{border-color:#999}article .status-area .color-dark ul li a{background:#999}article .change-area p{width:120px;padding:4px 10px 6px;background:#ff7373;color:#fff;margin:0 0 20px;display:inline-block;text-align:center;font-size:15px;border-radius:15px}article #openModal1,article #openModal2{cursor:pointer}.modalArea{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;color:#666}.modalBg{width:100%;height:100%;background-color:#0000004d}.modalArea .modal-header{background:#2f776c;border-bottom:6px solid #F0A703;margin:-15px -15px 20px;width:640px;height:10px;display:block;border-radius:10px 10px 0 0;color:#fff;padding:15px}.modalArea .modal-header a{float:right;display:inline-flex;cursor:pointer}.modalWrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:640px;padding:15px;background-color:#fff;height:360px;border-radius:10px}.modalArea ul{margin:0 0 20px}.modalArea ul li{display:inline-block;width:75%}.modalArea ul li.li-title{width:20%;margin:0 20px 0 0;text-align:right;font-size:14px}.modalArea ul li input{padding:8px 12px;border-radius:20px;display:inline-block;border:1px solid #CCC;background:#f3f6f6;width:90%;outline:none}.modalArea ul li input[type=password]{letter-spacing:4px;font-weight:700}article .btn-area{width:100%;text-align:center;margin:30px 0 0}article .btn-area a{width:80px;padding:10px;margin:0 5px;background:#f0a703;color:#fff;border-radius:4px;text-decoration:none;display:inline-block;text-align:center;cursor:pointer;font-size:14px}article .full-area{width:400px;text-align:center;margin:0 auto;display:block}article .full-area ul li{display:inline-block;font-size:14px;text-align:right}article .full-area ul li input{padding:8px 12px;border-radius:20px;display:inline-block;border:1px solid #CCC;background:#f3f6f6;width:280px;outline:none;margin:10px 0 20px 20px}article .full-area ul li input[type=password]{letter-spacing:4px;font-weight:700}article .full-area .btn-area{margin:10px 0 0}article .full-area .btn-area a.google-login{width:280px;margin:20px 0 0}article .full-area .btn-area a.google-login i{margin:0 2px 0 0}