@charset "UTF-8";body{font-family:メイリオ,Meiryo,Osaka,ヒラギノ角ゴシック Pro,Hiragino Kaku Gothic Pro,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif}body *{font-family:inherit}div.mdl-textfield{vertical-align:middle}.hidden{display:none}.cf{display:block;font-size:100%}.cf:after{clear:both;content:".";display:block;height:0;visibility:hidden}.relative{position:relative}.fixed{position:fixed}.axis line,.axis path{fill:none;stroke:#000;shape-rendering:crispEdges}@media only screen and (max-width:426px){.axis text{font-size:12px}}.x.axis path{display:none}@media only screen and (max-width:426px){.x.axis text{font-size:10px}}.border-line,.line{fill:none;stroke-width:1.5px}.start-line{fill:none;stroke:red;stroke-width:1.5px}footer{text-align:center;background-color:grey;color:#f5f5f5}header{position:relative}header .menu-button,header .menu-button-active{cursor:pointer;left:0;padding:16px 0 0 24px;position:absolute;top:0;width:22px}header .menu-button-active img,header .menu-button img{width:100%}header .navi-link{cursor:pointer;margin-bottom:5px}header .navi-link.active{border-bottom:4px solid #fff;line-height:52px;margin-bottom:0}header .user-name-area{font-size:14px;line-height:50px;position:absolute;right:15px;top:0}header .user-name-area .user-name{display:inline-block}#page-camera{position:relative;margin:0 auto;max-width:1024px}#page-camera #camera-title{font-size:32px;margin:20px 0 10px 45px}#page-camera #camera-title .last-modified{font-size:24px;margin-left:50px}#page-camera .camera-area{width:850px;margin:0 auto}#page-camera .camera-area img{width:100%}#page-demand{position:relative;margin:0 auto;max-width:1024px}#page-demand #demand-title{font-size:32px;margin:20px 0 10px 45px}#page-demand #demand-title .demand-data-time{font-size:28px;padding-left:2rem}#page-demand .demand-graph-area{height:600px}#page-demand .demand-graph{height:540px;width:990px}#page-demand .demand-graph #sensor-DMFORECAST{stroke-width:5px}#page-demand .demand-graph .y.axis .tick line{opacity:.3}#page-demand .demand-graph .range-setting{bottom:0;left:0;margin:20px;position:absolute}#page-demand .demand-graph .range-setting .search-title{font-size:18px}#page-demand .demand-graph .range-setting .range-num .range-max-area,#page-demand .demand-graph .range-setting .range-num .range-min-area{width:90px}#page-demand .demand-graph .range-setting #range-setting{margin:0 10px 0 20px}#page-demand .demand-graph .demand-value{border:2px solid #6e6e6e;bottom:20px;font-size:18px;line-height:40px;padding:0 5px;position:absolute;right:50px;text-align:center;width:50%}#page-demand .demand-graph .demand-value .forecast-value-area,#page-demand .demand-graph .demand-value .integral-value-area,#page-demand .demand-graph .demand-value .max-value-area{float:left;width:33%}#page-demand .demand-graph .demand-value .forecast-value-area .title,#page-demand .demand-graph .demand-value .integral-value-area .title,#page-demand .demand-graph .demand-value .max-value-area .title{font-size:22px;font-weight:700}#page-demand .demand-graph .demand-value .forecast-value-area .forecast-value .value,#page-demand .demand-graph .demand-value .forecast-value-area .integral-value .value,#page-demand .demand-graph .demand-value .forecast-value-area .max-value .value,#page-demand .demand-graph .demand-value .integral-value-area .forecast-value .value,#page-demand .demand-graph .demand-value .integral-value-area .integral-value .value,#page-demand .demand-graph .demand-value .integral-value-area .max-value .value,#page-demand .demand-graph .demand-value .max-value-area .forecast-value .value,#page-demand .demand-graph .demand-value .max-value-area .integral-value .value,#page-demand .demand-graph .demand-value .max-value-area .max-value .value{font-size:28px;padding-right:5px}#page-demand .demand-graph .demand-value .max-value-area{border-right:2px solid #6e6e6e}#page-demand .demand-graph .demand-value .max-value-area .title{color:#6f6f6f}#page-demand .demand-graph .demand-value .forecast-value-area{border-right:2px solid #6e6e6e}#page-demand .demand-graph .demand-value .forecast-value-area .title{color:red}#page-demand .demand-graph .demand-value .integral-value-area .title{color:#3f51b5}#page-demo,.page-index{position:relative;margin:0 auto 50px;max-width:1024px}#page-demo .upper-content,.page-index .upper-content{margin:15px 0 20px}#page-demo .side-menu-area,.page-index .side-menu-area{box-shadow:inset -3px 0 10px rgba(0,0,0,.5);height:100%;left:-300px;padding:66px 10px 10px;position:fixed;top:0;width:280px}#page-demo .side-menu-area .config,.page-index .side-menu-area .config{padding:10px}#page-demo .side-menu-area .config .mdl-radio__label,.page-index .side-menu-area .config .mdl-radio__label{line-height:27.5px}#page-demo .side-menu-area .config .demand-menu .search-title,.page-index .side-menu-area .config .demand-menu .search-title{border-bottom:2px solid #3f51b5;border-left:10px solid #3f51b5;font-size:16px;padding:3px 0 3px 10px}#page-demo .side-menu-area .config .demand-menu .select-conditions-search,.page-index .side-menu-area .config .demand-menu .select-conditions-search{font-size:15px;margin-top:10px}#page-demo .side-menu-area .config .demand-menu .select-conditions-search .real-time,#page-demo .side-menu-area .config .demand-menu .select-conditions-search .search-old,.page-index .side-menu-area .config .demand-menu .select-conditions-search .real-time,.page-index .side-menu-area .config .demand-menu .select-conditions-search .search-old{display:block}#page-demo .side-menu-area .config .demand-menu .select-conditions-search .real-time.real-time,#page-demo .side-menu-area .config .demand-menu .select-conditions-search .search-old.real-time,.page-index .side-menu-area .config .demand-menu .select-conditions-search .real-time.real-time,.page-index .side-menu-area .config .demand-menu .select-conditions-search .search-old.real-time{margin-bottom:10px}#page-demo .side-menu-area .config .demand-menu .select-conditions-search .real-time input,#page-demo .side-menu-area .config .demand-menu .select-conditions-search .search-old input,.page-index .side-menu-area .config .demand-menu .select-conditions-search .real-time input,.page-index .side-menu-area .config .demand-menu .select-conditions-search .search-old input{outline:none}#page-demo .side-menu-area .config .demand-menu .select-conditions-search .real-time label,#page-demo .side-menu-area .config .demand-menu .select-conditions-search .search-old label,.page-index .side-menu-area .config .demand-menu .select-conditions-search .real-time label,.page-index .side-menu-area .config .demand-menu .select-conditions-search .search-old label{padding-left:5px}#page-demo .side-menu-area .config .demand-menu .date-from-area,.page-index .side-menu-area .config .demand-menu .date-from-area{height:75px}#page-demo .side-menu-area .config .demand-menu button,.page-index .side-menu-area .config .demand-menu button{margin-left:10px;margin-right:10px}#page-demo .side-menu-area .config .demand-menu .mdl-textfield,.page-index .side-menu-area .config .demand-menu .mdl-textfield{max-width:160px}#page-demo .side-menu-area .config .range-setting,.page-index .side-menu-area .config .range-setting{margin-bottom:20px}#page-demo .side-menu-area .config .range-setting .search-title,.page-index .side-menu-area .config .range-setting .search-title{border-bottom:2px solid #3f51b5;border-left:10px solid #3f51b5;font-size:16px;padding:3px 0 3px 10px}#page-demo .side-menu-area .config .range-setting .range-radio,.page-index .side-menu-area .config .range-setting .range-radio{display:block;margin-top:10px}#page-demo .side-menu-area .config .range-setting .range-radio .radio-auto,.page-index .side-menu-area .config .range-setting .range-radio .radio-auto{margin-right:24px}#page-demo .side-menu-area .config .range-setting .range-num .range-max-area,#page-demo .side-menu-area .config .range-setting .range-num .range-min-area,.page-index .side-menu-area .config .range-setting .range-num .range-max-area,.page-index .side-menu-area .config .range-setting .range-num .range-min-area{width:90px}#page-demo .side-menu-area .config .range-setting .range-num .range-min-area,.page-index .side-menu-area .config .range-setting .range-num .range-min-area{margin-right:10px}#page-demo .side-menu-area .config .range-setting .range-num .range-max-area,.page-index .side-menu-area .config .range-setting .range-num .range-max-area{margin-left:10px}#page-demo .side-menu-area .config .piled-up-menu .search-title,.page-index .side-menu-area .config .piled-up-menu .search-title{border-bottom:2px solid #3f51b5;border-left:10px solid #3f51b5;font-size:16px;padding:3px 0 3px 10px}#page-demo .side-menu-area .config .piled-up-menu .search .select-conditions,.page-index .side-menu-area .config .piled-up-menu .search .select-conditions{margin:10px 0 5px}#page-demo .side-menu-area .config .piled-up-menu .search .select-conditions .select-month input,#page-demo .side-menu-area .config .piled-up-menu .search .select-conditions .select-year input,.page-index .side-menu-area .config .piled-up-menu .search .select-conditions .select-month input,.page-index .side-menu-area .config .piled-up-menu .search .select-conditions .select-year input{outline:none}#page-demo .side-menu-area .config .piled-up-menu .search .select-conditions .select-month label,#page-demo .side-menu-area .config .piled-up-menu .search .select-conditions .select-year label,.page-index .side-menu-area .config .piled-up-menu .search .select-conditions .select-month label,.page-index .side-menu-area .config .piled-up-menu .search .select-conditions .select-year label{padding-left:5px}#page-demo .side-menu-area .config .piled-up-menu .search .select-conditions .select-year,.page-index .side-menu-area .config .piled-up-menu .search .select-conditions .select-year{margin-right:10px}#page-demo .side-menu-area .config .piled-up-menu .search .select-period .select-date,.page-index .side-menu-area .config .piled-up-menu .search .select-period .select-date{position:relative}#page-demo .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-title,.page-index .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-title{float:left;line-height:38px}#page-demo .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-month-number,#page-demo .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-year-number,.page-index .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-month-number,.page-index .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-year-number{display:inline-block;background:#fff;margin:5px 3px;max-width:100px;position:absolute}#page-demo .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-year-number,.page-index .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-year-number{left:40px}#page-demo .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-month-number,.page-index .side-menu-area .config .piled-up-menu .search .select-period .select-date .select-month-number{left:150px}#page-demo .side-menu-area .config .piled-up-menu .search button,.page-index .side-menu-area .config .piled-up-menu .search button{margin:10px 10px 0}#page-demo .main-contents,.page-index .main-contents{left:0;overflow-x:hidden}#page-demo .main-contents .overlay,.page-index .main-contents .overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}#page-demo .main-contents .heat-map-area,.page-index .main-contents .heat-map-area{padding-bottom:85px;margin-bottom:20px}#page-demo .main-contents .graph-title,.page-index .main-contents .graph-title{border-bottom:2px solid #3f51b5;border-left:10px solid #3f51b5;font-size:28px;padding-left:15px;width:90%}#page-demo .main-contents .graph-title.heat-map-title,.page-index .main-contents .graph-title.heat-map-title{margin-left:25px}#page-demo .main-contents #environment-title,.page-index .main-contents #environment-title{font-size:32px;margin:5px 0 0 15px}#page-demo .main-contents #environment-title .selected-time,.page-index .main-contents #environment-title .selected-time{margin-left:10px}#page-demo .main-contents .heat-map-text,.page-index .main-contents .heat-map-text{padding-left:3rem}#page-demo .main-contents .environment-graph,.page-index .main-contents .environment-graph{position:relative;padding:0 20px}#page-demo .main-contents .environment-graph .time-select-slider,.page-index .main-contents .environment-graph .time-select-slider{margin:0;padding-left:80px;position:absolute;top:5px;width:800px}#page-demo .main-contents .environment-graph .time-select-slider .slider,.page-index .main-contents .environment-graph .time-select-slider .slider{-webkit-appearance:none;margin:14px 0;width:100%}#page-demo .main-contents .environment-graph .time-select-slider .slider:focus,.page-index .main-contents .environment-graph .time-select-slider .slider:focus{outline:none}#page-demo .main-contents .environment-graph .time-select-slider .slider:focus::-webkit-slider-runnable-track,.page-index .main-contents .environment-graph .time-select-slider .slider:focus::-webkit-slider-runnable-track{background:#3f51b5}#page-demo .main-contents .environment-graph .time-select-slider .slider::-webkit-slider-runnable-track,.page-index .main-contents .environment-graph .time-select-slider .slider::-webkit-slider-runnable-track{cursor:pointer;background:#3f51b5;border-radius:1.3px;height:8px;width:100%}#page-demo .main-contents .environment-graph .time-select-slider .slider::-webkit-slider-thumb,.page-index .main-contents .environment-graph .time-select-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;background:#3f51b5;border:none;border-radius:3px;cursor:pointer;height:36px;margin-top:-14px;width:20px}#page-demo .main-contents .environment-graph .time-select-slider-comments,.page-index .main-contents .environment-graph .time-select-slider-comments{font-size:16px;padding:0 50px;position:absolute;top:50px;width:837px}#page-demo .main-contents .environment-graph .time-select-slider-comments .day-ago,.page-index .main-contents .environment-graph .time-select-slider-comments .day-ago{float:left;width:33.3%}#page-demo .main-contents .environment-graph .time-select-slider-comments .half-day-ago,.page-index .main-contents .environment-graph .time-select-slider-comments .half-day-ago{float:left;text-align:center;width:33.3%}#page-demo .main-contents .environment-graph .time-select-slider-comments .now-time,.page-index .main-contents .environment-graph .time-select-slider-comments .now-time{float:right;text-align:right;width:33.3%}#page-demo .main-contents .environment-graph .search-date,.page-index .main-contents .environment-graph .search-date{font-size:24px;line-height:50px;position:absolute}#page-demo .main-contents .environment-graph .stacked-area-graph,.page-index .main-contents .environment-graph .stacked-area-graph{height:330px;width:990px}#page-demo .main-contents .environment-graph .stacked-area-graph .y.axis .tick line,.page-index .main-contents .environment-graph .stacked-area-graph .y.axis .tick line{opacity:.3}#page-demo .main-contents .environment-graph .multiple-graph,.page-index .main-contents .environment-graph .multiple-graph{height:400px;width:990px}#page-demo .main-contents .environment-graph .multiple-graph .draw-area,.page-index .main-contents .environment-graph .multiple-graph .draw-area{width:810px;max-height:265px;overflow-x:hidden}#page-demo .main-contents .environment-graph .piled-up-graph,.page-index .main-contents .environment-graph .piled-up-graph{height:440px;width:990px}#page-demo .main-contents .environment-graph .piled-up-graph .y.axis .tick line,.page-index .main-contents .environment-graph .piled-up-graph .y.axis .tick line{opacity:.3}#page-demo .main-contents .environment-graph svg #legends g,.page-index .main-contents .environment-graph svg #legends g{cursor:pointer}#page-demo .main-contents .time-select-slider,.page-index .main-contents .time-select-slider{margin:20px 0}@media only screen and (min-width:426px){#page-demo .main-contents .time-select-slider,.page-index .main-contents .time-select-slider{padding-left:95px;padding-right:65px}}@media only screen and (max-width:426px){#page-demo .main-contents .time-select-slider,.page-index .main-contents .time-select-slider{padding-left:35px;padding-right:35px}}#page-demo .main-contents .heat-map,.page-index .main-contents .heat-map{position:relative;margin:15px;height:485px;background:url(/images/toabo_factory.png) no-repeat 50% 30%;background-size:65%}#page-demo .main-contents .heat-map.heat-map-demo,.page-index .main-contents .heat-map.heat-map-demo{background:url(/images/toabo_factory_demo.png) no-repeat 50% 30%;background-size:65%}#page-demo .main-contents .heat-map svg,.page-index .main-contents .heat-map svg{top:0;left:0}#page-demo .main-contents .heat-map svg text,.page-index .main-contents .heat-map svg text{color:#000;font-family:Arial Black,Tahoma,sans-serif;font-size:17px;cursor:pointer;text-shadow:#fff 1px 1px 0,#fff -1px 1px 0,#fff 1px -1px 0,#fff -1px -1px 0}#page-demo .main-contents .heat-map svg text .tag-value,.page-index .main-contents .heat-map svg text .tag-value{font-size:20px}#page-demo .main-contents .heat-map svg text .tag-name,.page-index .main-contents .heat-map svg text .tag-name{fill:#000}#page-demo .main-contents .heat-map .demo-forecast-area,#page-demo .main-contents .heat-map .forecast-area,.page-index .main-contents .heat-map .demo-forecast-area,.page-index .main-contents .heat-map .forecast-area{border:2px solid #6e6e6e;bottom:25px;font-size:20px;position:absolute;right:45px;text-align:center}#page-demo .main-contents .heat-map .demo-forecast-area .title,#page-demo .main-contents .heat-map .forecast-area .title,.page-index .main-contents .heat-map .demo-forecast-area .title,.page-index .main-contents .heat-map .forecast-area .title{border-bottom:2px solid #6e6e6e;padding:15px 10px}#page-demo .main-contents .heat-map .demo-forecast-area .forecast-value,#page-demo .main-contents .heat-map .forecast-area .forecast-value,.page-index .main-contents .heat-map .demo-forecast-area .forecast-value,.page-index .main-contents .heat-map .forecast-area .forecast-value{padding:10px}#page-demo .main-contents .heat-map .demo-forecast-area .forecast-value .value,#page-demo .main-contents .heat-map .forecast-area .forecast-value .value,.page-index .main-contents .heat-map .demo-forecast-area .forecast-value .value,.page-index .main-contents .heat-map .forecast-area .forecast-value .value{font-weight:700}#page-demo .main-contents .heat-map .demo-forecast-area,.page-index .main-contents .heat-map .demo-forecast-area{right:20px}#page-demo .main-contents #summary-graph-box #summary-graph-title,.page-index .main-contents #summary-graph-box #summary-graph-title{font-size:22px;margin-bottom:10px;padding-left:20px}#page-demo .main-contents #summary-graph-box span.button-wrapper button,.page-index .main-contents #summary-graph-box span.button-wrapper button{margin-left:20px}#page-demo .main-contents #summary-graph-box #summary-graph,.page-index .main-contents #summary-graph-box #summary-graph{margin:15px;height:400px}#page-demo .main-contents #summary-graph-box #summary-graph #line-year-summary,.page-index .main-contents #summary-graph-box #summary-graph #line-year-summary{stroke-width:3px}#page-demo .main-contents #summary-graph-box #summary-graph .y.axis .tick line,.page-index .main-contents #summary-graph-box #summary-graph .y.axis .tick line{opacity:.3}#page-demo .main-contents #piled-up-graph .piled-up-graph-title,.page-index .main-contents #piled-up-graph .piled-up-graph-title{font-size:22px;margin-bottom:0;padding-left:20px}#page-demo .main-contents #piled-up-graph .piled-up-graph-title button,.page-index .main-contents #piled-up-graph .piled-up-graph-title button{margin:0 0 5px 50px}#page-login .title{font-size:32px;margin-top:50px;text-align:center}#page-login .login-form{margin:50px auto 0;padding:20px 0;text-align:center;width:480px}#page-setting{position:relative;margin:0 auto;max-width:1024px}#page-setting .overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}#page-setting #setting-title{font-size:32px;margin:20px 0 10px 45px}#page-setting .threshold-title{border-bottom:2px solid #3f51b5;border-left:10px solid #3f51b5;font-size:28px;margin:15px 0 15px 50px;padding-left:1rem;width:88%}#page-setting .password-reset-button{margin-bottom:20px;padding-left:50px}#page-setting #setting-name{background-color:#fff;margin:0 0 20px 52px;padding:10px;width:300px}#page-setting .setting-table{margin:0 auto 30px;width:90%}#page-setting .setting-table td,#page-setting .setting-table th{padding:0 10px;text-align:center}#page-setting .setting-table td .input-area,#page-setting .setting-table th .input-area{width:100px;padding:20px 5px}#page-setting .setting-table td .input-area input,#page-setting .setting-table th .input-area input{font-size:14px;text-align:center}#page-setting .setting-table td .input-area:last-child,#page-setting .setting-table th .input-area:last-child{width:100%}#page-setting .setting-table .sensor-name-title{width:15%}#page-setting .setting-table .mail-address-title{width:50%}#page-setting .update-select-area{background-color:#fff;left:0;margin:0 auto;padding:30px 10px 10px;position:fixed;right:0;top:100px;z-index:2;width:40%}#page-setting .update-select-area .name-text-area{font-size:16px;padding-left:1rem}#page-setting .update-select-area #setting-name-update{margin:0 0 10px 10px;padding:10px;width:50%}#page-setting .update-select-area .save-radio .no-change{margin-left:20px;width:100%}#page-setting .update-select-area .save-radio .change{height:80px;margin:10px 0 10px 20px}#page-setting .update-select-area .save-radio .change ul{list-style:none;margin:0;padding-left:1rem}#page-setting .update-select-area .update-button-area{text-align:center;margin-bottom:20px}#page-setting .update-select-area .update-button-area button{margin:0 20px;width:130px;height:40px}#page-setting .password-reset-area{background-color:#fff;left:0;margin:0 auto;padding:30px 10px 10px;position:fixed;right:0;top:100px;z-index:2;width:30%}#page-setting .password-reset-area .password-reset-title{font-size:16px;padding-left:10px}#page-setting .password-reset-area .confirm-password-area,#page-setting .password-reset-area .new-password-area{margin-left:10px;width:100%}#page-setting .password-reset-area .confirm-password-area input,#page-setting .password-reset-area .confirm-password-area label,#page-setting .password-reset-area .new-password-area input,#page-setting .password-reset-area .new-password-area label{width:60%}#page-setting .password-reset-area .password-reset-button-area{margin-bottom:20px}#page-setting .password-reset-area .password-reset-button-area button{margin:10px 20px 0;width:130px;height:40px}#page-setting .button-area{margin:50px 0;text-align:center}#page-setting .button-area button{margin:0 20px;width:130px;height:40px}.page-password{position:relative;margin:0 auto;max-width:1024px}.page-password .password-reset-title{font-size:32px;margin:20px 0 10px 45px}.page-password .password-reset-area{background-color:#fff;margin:0 auto;padding:30px 10px 10px;top:100px;width:50%}.page-password .password-reset-area .confirm-password-area,.page-password .password-reset-area .new-password-area{margin-left:10px;width:100%}.page-password .password-reset-area .confirm-password-area input,.page-password .password-reset-area .confirm-password-area label,.page-password .password-reset-area .new-password-area input,.page-password .password-reset-area .new-password-area label{width:60%}.page-password .password-reset-area .password-reset-button-area{margin-bottom:20px}.page-password .password-reset-area .password-reset-button-area button{margin:10px 20px 0;width:130px;height:40px}.page-password .button-area{margin:50px 0;text-align:center}.page-password .button-area button{margin:0 20px;width:130px;height:40px}