*{box-sizing:border-box}body{overflow:hidden;color:#fff;background:#444}header{position:fixed;width:100vw;height:60px;color:#fff;background:rgb(55.25,55.25,55.25);border:0}header #header-left{padding-left:.4em;margin-right:auto}header #header-right{padding-right:.4em;margin-left:auto}header #logo{vertical-align:middle;width:20px;height:20px}header .header-icon{margin:0 .2em;cursor:pointer;user-select:none;vertical-align:top;text-decoration:none}header .header-icon.active{font-weight:700}header a{text-decoration:none;color:#fff}header a:hover{color:rgb(229.5,229.5,229.5)}header a.active{color:#fff}#body{position:relative;margin-top:60px}#body #menu{position:fixed;z-index:65536;min-width:280px;height:calc(100vh - 60px);left:-280px;color:#fff;background:rgb(42.5,42.5,42.5);border:0;transition:all .2s 0s ease;overflow-y:auto}#body #menu.open{left:0}#body #menu .item{user-select:none}#body #menu .item>.label{font-size:1.2rem;font-weight:700}#body #menu .item.open>.label{background:#444}#body #menu .item .label{display:flex;padding:.5rem 0;border-bottom:1px solid #fff;align-items:center;padding-left:1rem}#body #menu .item .label :first-child{margin-right:.2rem}#body #menu .item .label .sub-icon{margin-left:auto;padding-right:.5rem}#body #menu .item .label .sub-icon::after{content:"chevron_right"}#body #menu .item .label .sub-icon.open::after{content:"chevron_left"}#body #menu .item .c-sub-item{display:none}#body #menu .item .c-sub-item.open{display:block}#body #menu .click{background:rgb(144.5,144.5,144.5)}#body #menu .active{background:rgb(93.5,93.5,93.5)}#body main{position:relative;flex:1;overflow-y:auto;height:calc(100vh - 60px);scrollbar-width:thin;scrollbar-color:#888 #444;color:#fff;background:#444;padding:1rem}#body #menu-right{z-index:65536;top:10px;right:28px;width:280px;max-height:80vh;position:absolute;color:#fff;background:rgb(42.5,42.5,42.5);border:0;border-radius:.8em;overflow-y:auto;display:none}#body #menu-right.open{display:block}#body #menu-right .item{padding:.8rem 1rem;cursor:pointer;user-select:none}#body #menu-right .item .label{display:flex;align-items:center}#body #menu-right .item .label :first-child{margin-right:.2rem}#body #menu-right .item:hover{background:#777}#body #menu-right hr{margin:0 .5rem;size:1px}@media (width < 600px){body{overflow:initial!important}body.disable-scroll{overflow:hidden!important}body header{position:fixed;width:100vw;z-index:100}body #menu{overflow:scroll;height:80vh!important}body main{overflow-y:initial!important;width:100vw}}@media (600px < width){#menu .item{cursor:pointer}#menu .item .label:hover{background:#777}}@media (1024px < width){#menu-button{display:none}#menu{position:relative!important;left:0!important}}#modal-bg{z-index:65535;position:absolute;background:rgba(0,0,0,.5);width:100%;height:100vh;overflow:hidden;display:none;cursor:pointer}#modal-bg.on{display:block}#notice-modal{color:#fff;background:#444}.circle-icon{width:24px;height:24px;background:#ccc;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.8rem}.badge{position:relative;display:inline-block;user-select:none}.badge .count{position:absolute;top:-5px;right:-5px;font-size:6px;padding:2px 5px;border-radius:50%;background:red}a{text-decoration:none;color:#fff}a:hover{color:#fff}a.active{color:#fff}a>i{vertical-align:middle}form{display:flex;flex-direction:column;padding:1rem}form input,form textarea{font-size:1rem;padding:1rem;background:#fff;color:#444;border-radius:5px;user-select:none}form input:focus,form textarea:focus{outline:1px #fff solid}form input[type=checkbox],form input[type=radio],form textarea[type=checkbox],form textarea[type=radio]{margin:0 .5rem}form select{background:#fff;color:#444;border-radius:5px;padding:0 1rem}form.search input,form.search textarea{padding:.2rem .5rem;margin:0 .2rem}form.search button,form.search input[type=button],form.search input[type=submit]{padding:.2rem 1rem;margin:0 .2rem;height:31px}form.simple-search{flex-direction:row;align-items:center}form.simple-search label{font-size:1.2rem;margin-right:.2rem}form.simple-search select{padding:.2rem .6rem;margin-right:1rem}form.simple-search input,form.simple-search textarea{padding:.2rem .6rem;margin-right:1rem}button,input[type=button],input[type=submit]{padding:1rem 2rem;border-radius:5px}button.primary,input[type=button].primary,input[type=submit].primary{background:#6495ed}button.secondary,input[type=button].secondary,input[type=submit].secondary{background:gray}.form-preview .label,form .label{color:#fff;font-weight:700}.form-preview .label:not(:first-child),form .label:not(:first-child){margin-top:1rem}.form-preview .label span.required,form .label span.required{padding-left:.25rem;color:red}.form-preview .value,form .value{padding-left:2rem}.error{color:#ff1493;font-weight:700}code{border-radius:10px}.panel{flex-grow:1;padding:.5rem;margin:.5rem;border:1px solid #fff;border-radius:10px}.panel .header{display:flex;justify-content:center;font-size:1.8rem;font-weight:700}.card{padding:.5rem;height:calc(100% - .5rem);margin:1rem .5rem;border:1px solid #fff;border-radius:.5rem}.card .header{display:flex;justify-content:center;font-size:1.8rem;font-weight:700;position:relative}.card .header .right{position:absolute;user-select:none;cursor:pointer;right:.2rem}.card .body{max-height:400px;overflow-y:auto}.border{border:solid red 1px}.table{border-collapse:collapse}.table th{cursor:pointer;user-select:none}.table td,.table th{border:solid 1px;padding:.1rem .5rem}.fixed-table{overflow:auto;width:100%;height:calc(100vh - 140px)}.fixed-table table{border-spacing:0}.fixed-table table tr:first-child th{border-top:1px solid #fff;border-bottom:1px solid #fff}.fixed-table table tr:first-child th:first-child{z-index:1}.fixed-table table tr:not(:nth-child(2)) td,.fixed-table table tr:not(:nth-child(2)) th{border-top:1px solid #fff}.fixed-table table tr:last-child td,.fixed-table table tr:last-child th{border-bottom:1px solid #fff}.fixed-table table td,.fixed-table table th{white-space:nowrap;padding:4px 8px;background-color:#000;border-right:1px solid #fff}.fixed-table table th{position:sticky;top:0;left:0}.fixed-table table th:first-child{border-left:1px solid #fff}.header-fixed-table{overflow:auto;width:100%;height:380px;height:calc(100vh - 140px)}.header-fixed-table table{border-spacing:0}.header-fixed-table table th{position:sticky;top:0;border-top:1px solid #fff;border-bottom:1px solid #fff}.header-fixed-table table td,.header-fixed-table table th{white-space:nowrap;padding:4px 8px;background-color:#000;border-right:1px solid #fff}.header-fixed-table table td:first-child,.header-fixed-table table th:first-child{border-left:1px solid #fff}.header-fixed-table table td{border-bottom:1px solid #fff}.index-box fieldset{border:2px solid #fff;padding:2px 14px 10px 14px;border-radius:10px}.index-box fieldset ul{margin-left:20px}.index-box fieldset ul a:hover{text-decoration:underline}.index-box legend{font-weight:700;color:#fff;padding:0 10px}#contents-and-menu{display:flex;flex-wrap:wrap;max-height:100px!important}#contents-and-menu h1{min-width:100px}#contents-and-menu #left{width:calc(100% - 220px)}#contents-and-menu #right{position:fixed;top:60px;right:10px;width:220px}@media (width < 600px){#contents-and-menu{padding:6px!important}#contents-and-menu #left{flex:1;flex-basis:100vw}#contents-and-menu #right{position:relative;top:0;flex:1;flex-basis:100vw}}.tooltip{position:relative}.tooltip .tooltip-text{position:absolute;opacity:0;left:50%;bottom:100%;margin-left:-60px;padding:.2rem .6rem;text-align:center;background:#666;border-radius:.3rem;white-space:nowrap;transform:translate(0,-20px);transition:transform .5s,opacity .5s}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#666 transparent transparent transparent}.tooltip:hover .tooltip-text{transform:translate(0,-10px);opacity:1}