html{font-size:14px}img{vertical-align:bottom}.hide{display:none}a{text-decoration:none;outline:0}.caution{color:#e35b5b}i+span{margin-left:5px}#container>header nav.top{align-items:center;display:flex;padding:0 5px 0 0;width:100%}#container>header .logo{align-items:center;border:3px double;cursor:pointer;display:flex;font-size:1.6rem;font-weight:bold;justify-content:center;margin-right:auto;padding:1px;width:200px;min-height:40px}#container>header .logo img{height:40px}#container>header .navi{display:flex;margin-left:10px}#container>header .navi .menu{border-radius:5px;cursor:pointer;font-size:1.1em;margin:0 3px;padding:1px 7px}#side_menu{display:flex;flex-direction:column;overflow:hidden;padding:5px 0 10px;transition:width .5s;width:45px}#side_menu.open{min-width:200px;transition:none;width:200px}#side_menu:hover{transition:width .5s;width:200px}#side_menu .option{align-items:center;display:none;justify-content:flex-end;margin-bottom:5px;padding:0 5px}#side_menu.open .option,#side_menu:hover .option{display:flex}#side_menu .option .icon{border-radius:10px;cursor:pointer;padding:1px 8px}#menu_fixed span:before{content:"固定"}#side_menu.open #menu_fixed span:before{content:"解除"}#side_menu details{transition:all .5s;width:200px}#side_menu details.contents li{border-bottom:1px solid #FFF}#side_menu summary{cursor:pointer;list-style:none;outline:0;padding:10px;transition:all .5s}#side_menu summary::-webkit-details-marker{display:none}#side_menu summary:before{font-family:"Font Awesome 5 Free";font-size:1.5rem;display:inline-block;margin-right:15px;text-align:center;vertical-align:bottom;width:25px}#side_menu details ul{list-style-type:none;margin:0;padding-left:0}#side_menu details ul li{cursor:pointer;padding:10px 13px;transition:.3s}#side_menu details ul li a{display:block}#side_menu details ul i{margin-right:10px;text-align:center;width:25px}#side_menu details ul li .sub{font-size:.7em;margin-left:36px}#side_menu details.open summary{display:none}#side_menu details.open i{font-size:1.5rem}#side_menu details.open ul li{cursor:pointer;padding-left:10px;transition:.3s}#side_menu .bottom{margin-top:auto}#contents{display:flex;color:#555;height:100%}#main_contents{flex:1}#main_contents .area{padding:10px 20px}#contents .no_data{background-color:#cb2e2e;border-radius:3px;color:#FFF;font-weight:bold;padding:2px 8px}ul.list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding-left:0}ul.list li.item{background-color:#f0f0f0;border:1px solid #EEE;color:#555;margin:1px 2px;padding:1px 8px}ul.list:empty:before{color:#d55050;content:"※未選択"}.data.error ul.list:empty:before{color:#FFF}#topic_path{padding:15px 20px 10px}#topic_path span{font-weight:bold;margin-right:8px;padding-bottom:3px}#topic_path span.link{border-bottom:1px solid #2c89c1;color:#2c89c1;cursor:pointer}.datagrid{background-color:#f0f0f0;border-top:0;border-left:0}.datagrid table.dg_header th{background-color:#FFF;border-bottom:2px solid #b0b0b0;border-right:0;text-align:left}.datagrid div.dg_scroll{border-left:0;border-right:0}.dialog .datagrid div.dg_scroll{border-left:1px solid #b0b0b0;border-right:1px solid #b0b0b0}.datagrid table.dg_data td{border-right:1px solid #DDD}.datagrid table.dg_data tr:nth-child(odd):not(.selected):not(.disabled):not(.invalid):not(:hover) td{background-color:#f7f7f7}.datagrid table.dg_data tr.disabled:not(:hover) td,.datagrid table.dg_data tr.invalid:not(.selected):not(:hover) td{background-color:#BBB}.datagrid table.dg_data tr.selected:hover td{background-color:#2087ca}.datagrid .dg_footer{background-color:#FFF;border-right:0;border-top:2px solid #b0b0b0}.datagrid .dg_footer .paging .button.disabled{color:#DDD;background:0}.button.large{font-size:1.2rem}.link.delete{color:#e66262;cursor:pointer;border-bottom:2px solid #e66262;font-weight:bold;padding:1px 5px}.panel{background-color:transparent;color:#555;display:flex;flex-wrap:wrap;margin-bottom:10px}.panel .cell{border-bottom:1px solid #888;margin-bottom:10px;padding:2px 2px 0;width:320px}.panel .cell.wide{width:650px}.panel .cell.full_size{width:100%}.panel .cell.file_controler{border:0;margin-bottom:0}.panel .cell .button{margin-left:3px;padding:1px 10px}.panel .cell.error{background-color:#f97373;color:#FFF}.panel .cell .title{align-items:center;display:flex;color:#213f66;flex-wrap:wrap;font-weight:bold;min-height:30px;padding:2px 2px 1px;width:100%}.panel .cell.error .title{color:#FFF}.panel .cell .title.required:before{background-color:#dd3939;border:1px solid #FFF;border-radius:5px;color:#FFF;content:"必須";display:inline-block;font-size:11px;margin-right:3px;padding:1px 5px;text-align:center}.panel .cell.readonly .title.required:before{display:none}.panel .cell .title.auto_numbering{align-items:center;display:flex}.panel .cell .title.auto_numbering label{font-size:1rem;margin-left:auto}.panel .cell .data{align-items:center;display:flex;flex-wrap:wrap;margin-top:auto;min-height:32px;padding:2px 2px 0;position:relative}.panel .row{align-items:flex-start;background-color:#f4f4f4;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:10px;width:100%}.panel .row+.row{padding-top:0}.panel .row .cell{align-self:stretch;display:flex;flex-direction:column;margin-right:10px}.panel .row .cell.hide{display:none}.panel .cell.top{align-self:flex-start}.panel.rows{background-color:#f4f4f4}.panel.rows .row{background-color:transparent}.panel .column{background-color:#f4f4f4;padding:10px;width:320px}.panel .column.auto{flex:1;width:auto}.panel .column.wide{width:650px}.panel .column .cell{width:100%}.panel.columns,.panel .columns{background-color:#f4f4f4}.panel.columns .column,.panel .columns .column{background-color:transparent}.panel .cell .description{font-size:.8em;padding-left:5px}.panel .cell:not(.error) .description{color:#888}.panel.ref h2{align-items:center;background-color:#213f66;color:#FFF;display:flex;justify-content:space-between;margin-top:0;margin-bottom:0;padding:2px 8px}.panel.ref h2 a{border-bottom:1px solid #FFF;color:#FFF;display:inline-block;font-size:.7em;padding:0 5px}.panel.ref h3{color:#213f66;margin-top:0;padding-bottom:0;width:100%}.panel.ref .row{background-color:#FFF;border:1px solid #CCC;box-shadow:1px 1px 3px #AAA}.panel.ref.rows{background-color:#FFF;border:1px solid #CCC;box-shadow:1px 1px 3px #AAA}.panel.ref.rows .row{background-color:transparent;border:0;box-shadow:none}.panel.ref .column{background-color:#FFF;border:1px solid #CCC;box-shadow:1px 1px 3px #AAA;width:auto}.panel.ref .columns{background-color:#FFF;border:1px solid #CCC;box-shadow:1px 1px 3px #AAA}.panel.ref .columns .column{background-color:transparent;border:0;box-shadow:none}.panel.ref .cell{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:2px;width:400px}.panel.ref .cell.cell.full_size{width:100%}.panel.ref .cell .title{align-items:flex-start;background-color:#EEE;display:flex;height:100%;padding:6px 4px 6px 8px;width:140px}.panel.ref .cell .data{flex:1;height:100%;min-height:24px;padding:4px 4px 4px 8px}.panel.ref .cell .data.right{justify-content:flex-end}.panel.ref .column{align-items:flex-start}.panel.ref .cell .data .ruby{color:#888;font-size:.8em;width:100%}.panel.ref .image{padding:10px}.panel.ref .image h3{margin-bottom:3px}.panel.ref .image img{border:1px solid #CCC;width:100%}#container.mobile #side_menu{display:none}@media only screen and (max-width:480px){#container>header .logo{width:150px}#main_contents{padding-left:45px;width:100%}.button.large{font-size:1em}#data_delete{font-size:1em}#ui_message_dialog,#ui_login_dialog,#ui_password_change_dialog{width:100% !important}#ui_password_change_dialog .data_table th,#ui_password_change_dialog .data_table td{display:block}#ui_password_change_dialog .caution{font-size:.9em}#message_dialog .message{font-size:.9rem}.panel.ref .cell{flex-direction:column;flex-wrap:nowrap}.panel.ref .cell .title{height:auto;width:100%}.panel.ref .cell .data{padding:8px 4px 8px 8px;width:100%}}