@charset "UTF-8";/!* html5doctor.com Reset Stylesheet v1.6.1 Last Updated:2010-09-17 Author:Richard Clark - http://richclarkdesign.com Twitter:@rich_clark */ins,mark{color:#000}a,hr{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}input[type=submit],input[type=button]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer}input[type=submit]::-webkit-search-decoration,input[type=button]::-webkit-search-decoration{display:none}input[type=submit]::focus,input[type=button]::focus{outline-offset:-2px}*{box-sizing:border-box}body{font-family:'Noto Sans JP',sans-serif;line-height:1.5}img{display:block;margin:0 auto;max-width:100%;height:auto}h2{font-weight:500}.green{color:#298a08}.yellow{color:#aeb404}.red{color:#df0101}.offv{visibility:hidden}.off,.offscreen{display:none!important}#header{width:100%;height:90px;display:flex;justify-content:center;align-items:center;border-bottom:2px solid #ccc}#header-title{padding:5px;height:auto;flex-basis:270px;text-align:center;margin:auto auto auto 0}#header-title h1{font-size:25px;color:#52190a;font-weight:500}#header-title p{font-size:14px}@media screen and (min-width:1060px){#global-nav{flex-basis:calc(100% - 320px);height:100%}#global-nav>div{width:100%;height:100%}#global-nav ul{width:100%;max-width:800px;height:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-left:auto}#global-nav.limited ul{justify-content:flex-end;padding-right:20px}#global-nav ul li{flex-basis:20%;padding:3px 10px}#global-nav ul li a{text-decoration:none;color:#fff;display:block;width:100%;background:#555;border-radius:5px;padding:5px;text-align:center}}.menu-btn-wrap{display:none}@media screen and (max-width:1059px){#header{justify-content:space-between;position:fixed;top:0;left:0;z-index:9;background:rgba(255,255,255,.8)}.menu-btn-wrap{display:block;position:relative;width:20%;margin:auto 0}.menu-btn-all{display:block;position:relative;margin:0 auto;width:50px;height:44px;z-index:15}.menu-btn-all,.menu-btn-all span{transition:all .4s;box-sizing:border-box}.menu-btn-all span{display:inline-block;position:absolute;left:0;width:100%;height:4px;background-color:#777;border-radius:4px}.menu-btn-all span:nth-of-type(1){top:0}.menu-btn-all span:nth-of-type(2){top:20px}.menu-btn-all span:nth-of-type(3){bottom:0}.menu-btn-all.active span:nth-of-type(1){-webkit-transform:translateY(20px) rotate(-315deg);transform:translateY(20px) rotate(-315deg)}.menu-btn-all.active span:nth-of-type(2){opacity:0}.menu-btn-all.active span:nth-of-type(3){-webkit-transform:translateY(-20px) rotate(315deg);transform:translateY(-20px) rotate(315deg)}#global-nav{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);-webkit-transition:all .5s;transition:all .5s;visibility:hidden;opacity:0;z-index:10}#global-nav ul{margin:70px auto 0}#global-nav ul li{border-left:none;border-bottom:1px solid #eee}#global-nav ul li:last-child{border-right:none}#global-nav li a{color:#222;font-size:120%;padding:12px 0;display:block;text-decoration:none;text-align:center}#global-nav li a:hover{color:#444;background:#f2f2f2}.open #global-nav{-webkit-transition:all .5s;transition:all .5s;visibility:visible;opacity:1;z-index:10}}#toilet-window{width:100%;height:calc(100vh - 90px)}#toilet-wrap{width:100%;height:calc(100vh - 90px);overflow:hidden;display:flex;justify-content:center}@media screen and (max-width:1059px){#toilet-window{position:absolute;top:90px;display:block;width:100%;height:calc(100vh - 90px)}}#toilet-floor-select-wrap{position:relative;flex-basis:30%}#toilet-floor-select{position:relative}#toilet-floor-select-background{position:absolute;top:0;right:0;width:100%;height:0}#toilet-floor-select-text{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:10vh;height:calc(100vh - 90px)}#toilet-floor-select-text span{font-size:9vh;color:#fff;font-weight:700;transform:rotate(90deg);display:block}#floor-select-items{width:100%;height:100%;position:absolute}#floor-items{display:flex;flex-direction:column;justify-content:flex-start;position:absolute;margin-top:30%;margin-left:10%}.floor-items-inner{display:inline-block;font-size:4.5rem;font-weight:700;color:#414a50;margin-left:11%}@media screen and (max-width:1059px){#floor-items{margin-top:40%}.floor-items-inner{font-size:2rem}}@media screen and (max-width:800px){#floor-items{margin-top:40%}.floor-items-inner{font-size:1.3rem}}#floor-items div:not(.current){cursor:pointer}#floor-items div.current{border-bottom:5px solid #414a50}#floor-items div:not(.current):hover{background:rgba(65,74,80,.2)}#toilet-floor-select-background:after{content:'';position:absolute;padding:600px;border-radius:50%;right:0;top:calc(((100vh - 90px) - 1200px)/2);z-index:-1}#toilet-window.m-ladies-toilet-window #toilet-floor-select-background:after{background:#e65959}#toilet-window.m-gentlemen-toilet-window #toilet-floor-select-background:after{background:#4981d6}#toilet-status{position:relative;flex-basis:100%}.toilet-layer{height:100%;position:absolute;top:0;left:0;width:100%;display:flex;align-items:center}.toilet-layer picture{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.toilet-layer img{width:auto;height:auto;max-width:100%;max-height:100%;pointer-events:none}#table-window{background:#fffaf3;padding:30px 0;min-height:calc(100vh - 90px)}#table-window h2{font-size:2rem;text-align:center}.console{display:table;margin:30px auto}.console span{margin-bottom:20px;display:block}.console input#date-select{width:100px}.console input#csv_dl{border:2px solid #333}#log-hide-btn{display:table;padding:10px 20px;margin:20px auto;border:2px solid #555;background:#555;color:#fff;cursor:pointer}#log-hide-btn span:before{font-family:fontawesome;content:'\f105';margin-right:5px}#log-hide-btn.active span:before{content:'\f107'}#log-hide-info{height:0;overflow:hidden;background:rgba(255,255,255,.3)}#log-hide-info.active{height:auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc}#table-window p{font-size:.9rem;display:table;max-width:500px;padding:10px;margin:0 auto}#table-window p.table-info{max-width:1059px;display:table;margin:20px auto;padding:10px}.log-info{font-size:.9rem;display:block;max-width:90%;margin:0 auto}.log-info th{width:20%}.log-info td{width:80%}.log-info th,.log-info td{padding:5px;border:1px solid #ccc}.table-wrap{margin:30px auto 0}#table-window .table-wrap p{display:block;max-width:775px;padding:0 5px;margin:0 auto}table.history-table{max-width:95%;margin:5px auto 0}table.history-table .tr-odd{background:#fff}table.history-table .tr-even{background:#e0f8f1}table.history-table th,table.history-table td{padding:5px 20px;font-size:1.1rem;text-align:center;vertical-align:middle}@media screen and (max-width:1059px){#table-window{position:absolute;top:90px;display:block;width:100%}.table-wrap{display:block;overflow:scroll;width:100%;max-height:calc(100vh - 90px)}table.history-table{min-width:600px}#table-window .table-wrap p{max-width:600px}table.history-table th,table.history-table td{padding:3px 5px;font-size:.8rem}}#loading{width:100vw;height:100vh;position:fixed;background:rgba(0,0,0,.7);z-index:5;top:0;left:0}#loading .wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#loading .wrap .inner{width:80px;height:80px;border-radius:50%;border:8px solid #4a9ec7;border-right-color:transparent;animation:loader-spin 3s linear infinite}@keyframes loader-spin{0%{transform:rotate(0deg);opacity:.4}50%{transform:rotate(180deg);opacity:1.0}100%{transform:rotate(360deg);opacity:.4}}#toilet-admin-wrap{width:100%;background:#a6a6a6;border:8px solid #7ed957;padding:30px 10px;min-height:calc(100vh - 57px - 90px)}.toilet-admin-h2{text-align:center;font-size:25px;padding:10px 0;background:#f2f2f2}#toilet-admin-wrap table{margin:0 auto;font-size:1.1rem;min-width:930px}#toilet-admin-wrap table th,#toilet-admin-wrap table td{padding:5px 10px;border-right:2px solid #a6a6a6;border-bottom:2px solid #a6a6a6;vertical-align:middle;text-align:center}#toilet-admin-wrap table th{border-bottom:10px solid #a6a6a6}#toilet-admin-wrap table tr.change td{border-top:10px solid #a6a6a6}#toilet-admin-wrap table td.lady,#toilet-admin-wrap table td.ladies{color:#fc5656}#toilet-admin-wrap table td.man,#toilet-admin-wrap table td.gentlemen{color:#3850bc}#toilet-admin-wrap table th:last-child,#toilet-admin-wrap table td:last-child{border-right:none}#toilet-admin-wrap table tr:last-child td{border-bottom:none}#toilet-admin-wrap table tr:nth-child(odd) td{background:#fff}#toilet-admin-wrap table th,#toilet-admin-wrap table tr:nth-child(even) td{background:#eff0f2}#toilet-admin-wrap table th .small-text{font-size:.8rem}#toilet-admin-wrap table th span:not(.small-text){display:flex;justify-content:center}#toilet-admin-wrap table th img{max-height:40px;margin:5px;width:auto}#toilet-admin-wrap table td img{max-height:60px;width:auto}#toilet-admin-wrap #search-wrap{margin:0 auto 30px;max-width:930px;background:#f2f2f2}#toilet-admin-wrap #search-title{width:100%;background:#f2f2f2;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}#toilet-admin-wrap #search-title span:first-child{font-size:22px;font-weight:700}#toilet-admin-wrap #search-title span.fa{font-size:30px}#toilet-admin-wrap #search{width:100%;background:#f2f2f2;padding:10px 20px}#toilet-admin-wrap #search{display:none}#toilet-admin-wrap #search.active{display:block}#toilet-admin-wrap #search p{margin-bottom:15px}#toilet-admin-wrap #search p input{width:100px;margin-right:10px}#toilet-admin-wrap #search .admin-seache-btn{cursor:pointer;display:inline-block;padding:6px 10px;font-size:18px;background:#58adde;color:#fff;border:none;border-radius:5px;margin:0 20px 0 0}@media screen and (max-width:400px){#toilet-admin-wrap #search{padding:15px 20px 0}#toilet-admin-wrap #search .admin-seache-btn{margin-bottom:15px}}@media screen and (max-width:1059px){.toilet-admin-h2{position:absolute;top:90px;width:100%;height:57px}#toilet-admin-wrap{overflow:scroll;position:absolute;top:147px;height:calc(100vh - 147px);display:block;width:100%}#toilet-admin-wrap table{font-size:.8rem}#toilet-admin-wrap table th .small-text{font-size:.6rem}#toilet-admin-wrap table th img{max-height:25px;margin:5px;width:auto}#toilet-admin-wrap table td img{max-height:30px;width:auto}#toilet-admin-wrap table th,#toilet-admin-wrap table td{padding:3px}#toilet-admin-wrap #search p{margin-bottom:20px}}#login{height:calc(100vh - 90px);margin:0;background:#f2f2f2;padding:50px 0}#login ul{margin:20px auto;display:table}#login li{list-style:none;color:red}#login form{display:table;margin:30px auto;padding:30px;background:#fff;border-radius:5px}#login input{width:250px;padding:10px 5px;margin-bottom:10px;font-size:18px;border-radius:5px}#login input[type=text],#login input[type=password]{border:1px solid #ccc}#login input[type=submit]{background:#7ed957;color:#fff;font-weight:600}@media screen and (max-width:1059px){#login{position:absolute;top:90px;width:100%}}#statistics h2{display:table;margin:30px auto;font-size:36px}#statistics #statistics-flex{display:flex;justify-content:center;font-size:18px}#statistics #statistics-flex input{font-size:18px}#statistics #statistics-flex select{font-size:18px}#statistics #statistics-flex>div{margin:10px 20px}#statistics #show{cursor:pointer;display:table;margin:10px auto;padding:10px 30px;font-size:30px;border:2px solid #58adde;background:#58adde;color:#fff;border-radius:10px;transition:background .2s,color .2s}#statistics #show:hover{color:#58adde;background:#fff}#statistics #info-text{font-size:24px;display:table;margin:50px auto 30px}#statistics #h3-area{display:table;margin:30px auto 15px;font-size:30px}#statistics #graph-inner{padding:0 20px 10px;margin:0 auto;display:flex;justify-content:space-around}#statistics .graph-item{width:45%}#statistics h4{margin:20px auto 10px;font-size:24px;background:#eee}#statistics h5{margin:10px auto 10px;font-size:18px}#statistics .other-data-area{display:table;margin:10px auto;font-size:18px}@media screen and (max-width:1059px){#statistics{position:absolute;top:90px;display:block;width:100%}#statistics #graph-inner{padding:0 20px 10px;margin:0 auto;display:block}#statistics .graph-item{width:100%}}#period-analysis-table{display:table;margin:30px auto 20px}.period-analysis-data{display:table;margin:20px auto 30px;font-size:20px}#period-analysis-table th,#period-analysis-table td{padding:10px 20px;text-align:center;font-size:18px}#period-analysis-table tbody tr:nth-child(2n) td{background:#f2f2f2}*::-ms-backdrop,html{width:100%;overflow:hidden}*::-ms-backdrop,.toilet-layer picture{position:relative}*::-ms-backdrop,.toilet-layer img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}