@charset "UTF-8";
/* CSS Document */
/*
$red:rgb(229,0,68);


$orange:rgb(255,69,0);
$l_green:rgb(215,233,148);
$catch_color:rgb(122,106,86);
$text_color:rgb(87,77,79);
$table_color:rgb(176,224,230);
$closing_color:rgb(246,197,189);
*/
#search {
  margin-bottom: 20px; }

.content_head {
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between; }
  .content_head .content_title {
    margin: 0 10px; }
    .content_head .content_title h2 {
      font-weight: 600; }
  .content_head .content_menu {
    display: flex;
    margin: 0 10px; }
    .content_head .content_menu h2 {
      font-weight: 600; }

.box {
  background: #fff;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 20px;
  font-size: 1.6rem; }

.btnset {
  padding: 5px 0;
  font-size: 1.4rem;
  text-align: center; }

.table_box {
  background: #fff;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 0;
  font-size: 1.6rem; }

.edit_flex {
  display: flex; }
  .edit_flex .edit_table {
    width: 100%; }

.ui-widget.ui-widget-content {
  font-size: 1.4rem; }

table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.6rem;
  padding: 0;
  width: 100%; }
  table thead tr th {
    text-align: left;
    position: relative;
    background: #95d5cf;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    font-weight: normal; }
  table th {
    padding: 5px;
    font-weight: normal;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  table td {
    position: relative;
    padding: 5px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }

.nav_off .sticky_table_wrapper {
  width: calc(100vw - 60px); }

.sticky_table_wrapper {
  overflow: auto;
  height: calc(100%);
  width: calc(100vw - 310px); }
  .sticky_table_wrapper .sticky2d {
    table-layout: fixed; }
    .sticky_table_wrapper .sticky2d thead {
      position: sticky;
      top: 0;
      z-index: 2; }
      .sticky_table_wrapper .sticky2d thead tr {
        border-bottom: 3px double #ccc; }
        .sticky_table_wrapper .sticky2d thead tr th {
          position: sticky;
          top: 0;
          z-index: 1;
          width: 110px; }
          .sticky_table_wrapper .sticky2d thead tr th.head {
            z-index: 2;
            background: #6ac4bc; }
          .sticky_table_wrapper .sticky2d thead tr th.rhead {
            z-index: 2;
            background: #6ac4bc; }
    .sticky_table_wrapper .sticky2d .head {
      position: sticky;
      z-index: 2;
      background: #fafafa; }
    .sticky_table_wrapper .sticky2d .rhead {
      position: sticky;
      z-index: 1;
      background: #fafafa;
      right: 0; }
    .sticky_table_wrapper .sticky2d .col1 {
      position: sticky;
      left: 0;
      z-index: 1;
      width: 70px; }
    .sticky_table_wrapper .sticky2d .col2 {
      position: sticky;
      left: 70px;
      z-index: 1;
      width: 70px; }
    .sticky_table_wrapper .sticky2d .col3 {
      position: sticky;
      left: 140px;
      z-index: 1;
      width: 200px; }

.edit_table {
  margin: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: #fff; }
  .edit_table h2 {
    font-size: 1.6rem;
    padding: 10px; }
  .edit_table table {
    border-top: 1px solid #ccc; }
  .edit_table th {
    vertical-align: top; }

/*radio*/
.radio input {
  display: none; }

.radio label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  padding: 10px 20px;
  border-radius: 2px;
  color: #3e4956;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1; }

.radio label:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #bdc3c7;
  border-radius: 50%; }

.radio input[type="radio"]:checked + label:after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #009afb; }

.radio input[type="radio"]:disabled + label {
  color: #ddd; }

.radio input[type="radio"]:disabled + label:before {
  background: #eee; }

.radio input[type="radio"]:disabled + label:after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #fafafa; }

/*checkbox*/
.checkbox input {
  display: none; }

.checkbox label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  padding: 10px 20px;
  border-radius: 2px;
  color: #3e4956;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.2; }

.checkbox label:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #bdc3c7;
  border-radius: 10%; }

.checkbox input[type="checkbox"]:disabled + label {
  color: #ddd; }

.checkbox input[type="checkbox"]:disabled + label:before {
  background: #eee; }

.checkbox input[type="checkbox"]:disabled + label:after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -4px; }

.checkbox input[type="checkbox"]:checked:disabled + label::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 6px;
  height: 10px;
  margin-top: -9px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg); }

.checkbox input[type="checkbox"]:checked + label::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 6px;
  height: 10px;
  margin-top: -9px;
  border-right: 3px solid #009afb;
  border-bottom: 3px solid #009afb;
  transform: rotate(45deg); }

.select {
  margin-bottom: 20px; }
  .select select {
    font-size: 1.4rem;
    padding: .5em 2em .5em .5em;
    appearance: none;
    border: 2px solid #009afb;
    border-radius: 4px;
    line-height: 1;
    background: #a1dafe;
    background: url(../img/select-box-arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
    background-size: 20px, 100%; }

.c {
  text-align: center; }

.r {
  text-align: right; }

.handle {
  font-size: 2em;
  cursor: move;
  text-align: center; }
  .handle span {
    background: rgba(0, 0, 0, 0) url("../img/narabikae.svg") no-repeat scroll center center/20px auto;
    background-size: 32px;
    cursor: move;
    display: block;
    height: 32px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 32px; }

.color_1 td {
  background: #def !important; }

.tablesorter-header:not(.sorter-false) {
  position: relative; }
  .tablesorter-header:not(.sorter-false)::after {
    color: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900; }
  .tablesorter-header:not(.sorter-false).tablesorter-headerDesc::after {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900; }
  .tablesorter-header:not(.sorter-false).tablesorter-headerAsc::after {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900; }

.dateset {
  display: flex;
  align-items: center;
  font-size: 2rem; }
  .dateset input {
    height: 3rem;
    width: 8em; }
  .dateset button {
    font-size: 1.4rem; }

.btn_plus {
  height: 2em; }