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;
}
.client_layout .c-sidebar {
  background: #FF9900;
}
.client_layout .c-sidebar .c-sidebar-nav-link:hover,
.client_layout .c-sidebar .c-sidebar-nav-dropdown-toggle:hover {
  background: #FF6600;
}
.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;
}
.bb {
  border-bottom: 1px dashed #aaa;
}
.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;
}
.taskviewbox {
  border: 1px solid #ebedef;
  padding: 20px;
}
.noback {
  border: 1px solid #f2f2f2;
  padding: 10px;
}
.yellowback {
  background: #fffee6;
  padding: 10px;
}
.table-ebook {
  border-top: 1px solid #d8dbe0;
  border-left: 1px solid #d8dbe0;
}
.table-ebook tr th {
  padding: 0.5rem;
  border: 0;
  border-right: 1px solid #d8dbe0;
  border-bottom: 1px solid #d8dbe0;
  vertical-align: middle;
}
.table-ebook tr td {
  padding: 0.5rem;
  border-right: 1px solid #d8dbe0;
  border-bottom: 1px solid #d8dbe0;
}
.table-ebookcategory tr th {
  padding: 0.5rem;
  border: 0;
  vertical-align: middle;
}
.table-ebookcategory tr td {
  padding: 0.5rem;
  border-bottom: 1px dashed #d8dbe0;
}
#objectview {
  min-height: 70vh;
}
#objectview object {
  width: 100%;
  height: 100%;
}
.deletetr td {
  text-decoration: line-through;
}
#sort_box {
  margin: 20px 0;
}
.sort_div {
  background-color: #CCCCCC;
  border: 1px solid #ABD3E5;
  cursor: move;
  list-style: none outside none;
  margin-bottom: 10px;
  padding: 10px;
}
table.table-ebs .th1 {
  background: #003366;
  color: #FFF;
  text-align: center;
}
table.table-ebs .th2 {
  background: #003399;
  color: #FFF;
  text-align: center;
}
table.table-ebs .th3 {
  background: #0066CC;
  color: #FFF;
  text-align: center;
}
table.table-ebs {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
  border: 0;
}
table.table-ebs tr th {
  border: 0;
}
table.table-ebs tr td {
  border: 0;
  background: #FaFaFa;
}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide {
  display: none;
}
.date_list,
.price_list,
.customer_list {
  max-height: 100px;
  overflow-y: scroll;
  list-style: none;
  padding-left: 0;
  background: #EFEFEF;
  padding: 10px;
}
.date_list li:hover,
.price_list li:hover,
.customer_list li:hover {
  cursor: pointer;
}
.radiobox {
  display: inline-block;
  margin-bottom: 0;
}
.radiobox input {
  margin-right: 5px;
}
.radiobox label {
  display: inline-block;
}