body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: .95rem;
}
img {
  max-width: 100%;
}
a:hover {
  text-decoratin: none !important;
}
.table-responsive {
  max-height: 70vh;
}
.sticky_table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.sticky_table thead th:first-child {
  z-index: 2;
}
.sticky_table th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.red {
  color: #F00;
}
.actions2 ul {
  padding: 0;
  margin: 0;
}
.actions2 li {
  margin: 0 0 0.5em 0;
  list-style-type: none;
  white-space: nowrap;
  padding: 0;
  display: inline-block;
}
.level1 {
  font-size: 130%;
  font-weight: bolc;
  background-color: #3073bb;
  color: #FFF;
  padding: 10px;
  font-weight: bold;
}
.level2 {
  font-size: 120%;
  background-color: #EFEFEF;
  padding: 10px;
  padding-left: 20px;
  font-weight: bold;
}
.level3 {
  font-size: 110%;
  border-left: 3px solid #3073bb;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  padding-left: 40px;
  background-color: #EFEFEF;
  font-weight: bold;
}
.container-box {
  padding: 20px;
  padding-left: 40px;
  background-color: #efefef;
}
.container-box .row {
  background-color: #FFF;
  padding-top: 20px;
}
@media only screen and (max-width: 769px) {
  .sptab {
    width: 1000px !important;
  }
}
#drag-drop-area {
  border: 2px dotted #0087f7;
  border-radius: 5px;
  backgounrd: white;
  padding: 54px;
  min-height: 150px;
  text-align: center;
}
#file_upload span {
  color: #fff;
  background-color: #006DD9;
  padding: 10px;
  border: double 4px #AAAAAA;
  display: inline-block;
  margin-bottom: 10px;
  display: none;
}
#file_upload span:hover {
  cursor: pointer;
}
.file_pdf:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c1';
  font-weight: 900;
  margin-right: 10px;
  color: #eb9250;
}
.file_jpg:before,
.file_png:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c5';
  font-weight: 900;
  margin-right: 10px;
  color: #eb9250;
}
.file_doc:before,
.file_docx:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c2';
  font-weight: 900;
  margin-right: 10px;
  color: #185abd;
}
.file_xls:before,
.file_xlsx:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c3';
  font-weight: 900;
  margin-right: 10px;
  color: #107c41;
}
.file_ppt:before,
.file_pptx:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c4';
  font-weight: 900;
  margin-right: 10px;
  color: #c43e1c;
}
.file_zip:before,
.file_gz:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1c6';
  font-weight: 900;
  margin-right: 10px;
  color: #ead695;
}
a.c-sidebar-nav-link i {
  margin-right: 10px;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto/Roboto-Bold.ttf');
}
.roboto {
  font-family: 'Roboto', sans-serif;
}
ul.category_list {
  list-style: none;
  padding-left: 0px;
  border: 1px solid #abb2b8;
}
ul.category_list ul {
  list-style: none;
  padding-left: 0px;
}
ul.category_list a {
  display: block;
  padding: 10px;
  padding-left: 20px;
  color: #838a92;
  background-color: #fbfbfb;
}
ul.category_list a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f07b';
  font-weight: 900;
  margin-right: 10px;
  color: #ead695;
}
ul.category_list li ul li a {
  padding-left: 40px;
}
ul.category_list li ul li ul li a {
  padding-left: 40px;
}
ul.category_list li.current > a {
  color: #3d5368;
}
ul.category_list li.current > a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f07c';
  font-weight: 900;
  margin-right: 10px;
  color: #ead695;
}
table.simple {
  width: 100%;
  border-top: 1px solid rgba(0,0,0,0.05);
}
table.simple tr th {
  color: #727171;
  font-weight: normal;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding: 10px 5px;
}
table.simple tr td {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding: 10px 5px;
}
table.timetable {
  width: 100%;
}
table.timetable thead tr th {
  border-bottom: 1px solid #aaa;
  padding: 10px 0px 10px 0px;
}
table.timetable thead tr td {
  border-bottom: 1px solid #aaa;
  padding: 10px 0px 10px 0px;
}
table.timetable tbody tr th {
  padding: 0px 0px 10px 0px;
}
table.timetable tbody tr td {
  padding: 0px 0px 10px 0px;
}
table.timetable tbody tr:first-child th {
  padding: 10px 0px 10px 0px;
}
table.timetable tbody tr:first-child td {
  padding: 10px 0px 10px 0px;
}
.radioButtons input[type="radio"] {
  display: none;
}
.radioButtons input[type="radio"] + label {
  margin-right: 10px;
}
.radioButtons input[type="radio"]:checked + label {
  background: #31A9EE;
  color: #ffffff;
}
div.radio {
  display: inline-block;
}
.c-avatar-big {
  display: inline-block;
  width: 100px;
  height: 100px;
}
.avatar-select .c-avatar {
  padding: 0;
  width: 50px;
  height: 50px;
}
.avatar-select .c-avatar input {
  display: none;
}
.avatar-select .c-avatar input +  label {
  opacity: 0.2;
}
.avatar-select .c-avatar input:checked +  label {
  opacity: 1;
}
div.checkbox {
  margin-bottom: 0;
}
div.checkbox input[type="checkbox"] {
  margin-top: 5px;
}
ul.filelist {
  list-style: none;
  padding-left: 0;
  margin-bottom: 50px;
}
ul.filelist li {
  border-bottom: 2px dotted #aaa;
  padding-left: 20px;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
.toggle_switch {
  display: table;
  font-size: 60px;
}
.toggle_switch > input {
  display: none;
}
.toggle_switch > label {
  display: block;
  position: relative;
  width: 0.9em;
  height: 0.5em;
  border-radius: 0.5em;
  background-color: #2b2a2f;
  cursor: pointer;
}
.toggle_switch > input:checked + label {
  background-color: #2dcb45;
}
.toggle_switch > label::before {
  position: absolute;
  top: 0.05em;
  left: 0.05em;
  width: calc(0.4em);
  height: calc(0.4em);
  border-radius: calc(0.4em);
  background-color: #fff;
  transition: 0.5s;
  content: "";
}
.toggle_switch > input:checked + label::before {
  left: calc(99.4%);
  left: calc(50%);
}
h3 {
  padding: 0.4em 0.5em;
  color: #494949;
  background: #f4f4f4;
  border-left: solid 5px #7db4e6;
  border-bottom: solid 3px #d7d7d7;
  letter-spacing: 2px;
}