@charset "UTF-8";
/* --------------------
 * 【！！注意！！】
 * 当サイトはSassを利用して作られています。
 * このcssを直接編集しないでください。
 -------------------- */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap");
@import url("../../sass/base/all.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');*/
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium"); }
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Yu Mincho M";
  src: local("Yu Mincho Medium"); }
@font-face {
  font-family: "Yu Mincho M";
  src: local("Yu Mincho Bold");
  font-weight: bold; }
*,
::before,
::after {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important; }

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%; }

body {
  width: 100%;
  height: 100%;
  background: #fff;
  font-family: YakuHanJP, "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 14px !important;
  font-size: 1.4em !important;
  color: #333;
  line-height: 1.8571428571;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0em; }

h1, h2, h3, h4, h5, h6,
table, th, td,
b, i, em, strong, small,
input, button, textarea, select {
  line-height: 1.8571428571;
  font-weight: 400;
  font-style: normal;
  outline: none; }

input, button, textarea, select {
  background: transparent;
  border: none;
  font-family: YakuHanJP, "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 100%; }

input[type=radio],
input[type=checkbox] {
  cursor: pointer; 
}

table input[type=checkbox] {
  transform: scale(2);
}

a,
button,
input[type=submit] {
  color: #5bc2dc;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  a:hover,
  button:hover,
  input[type=submit]:hover {
    opacity: .6; }
  a.text-link,
  button.text-link,
  input[type=submit].text-link {
    text-decoration: underline;
    -webkit-transition: opacity .3s, -webkit-text-decoration .3s;
    transition: opacity .3s, -webkit-text-decoration .3s;
    transition: opacity .3s, text-decoration .3s;
    transition: opacity .3s, text-decoration .3s, -webkit-text-decoration .3s; }
    a.text-link:hover,
    button.text-link:hover,
    input[type=submit].text-link:hover {
      text-decoration: none; }

ul, ol, dl {
  list-style: none; }

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top; }
  img.default {
    width: auto; }

svg > g > g:last-child {
  pointer-events: none; }

body.login #body-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 100%;
  min-height: 100%;
  padding: 100px 50px;
  background: #f9f9f9; }
  body.login #body-wrap #login {
    width: 430px; }
    body.login #body-wrap #login h1 {
      margin-bottom: 60px;
      color: #5bc2dc;
      font-size: 36px !important;
      font-size: 3.6rem !important;
      line-height: 1.4;
      font-weight: 700;
      text-align: center;
      letter-spacing: 0.2em; }
    body.login #body-wrap #login p {
      margin-bottom: 35px; }
      body.login #body-wrap #login p input[type=text],
      body.login #body-wrap #login p input[type=password] {
        display: block;
        width: 100%;
        height: 42px;
        padding: 0 .5em;
        border-bottom: 2px solid #e1e1e1;
        font-size: 16px !important;
        font-size: 1.6rem !important; }
        body.login #body-wrap #login p input[type=text]::-webkit-input-placeholder,
        body.login #body-wrap #login p input[type=password]::-webkit-input-placeholder {
          color: #aaa; }
        body.login #body-wrap #login p input[type=text]:-ms-input-placeholder,
        body.login #body-wrap #login p input[type=password]:-ms-input-placeholder {
          color: #aaa; }
        body.login #body-wrap #login p input[type=text]::-ms-input-placeholder,
        body.login #body-wrap #login p input[type=password]::-ms-input-placeholder {
          color: #aaa; }
        body.login #body-wrap #login p input[type=text]::placeholder,
        body.login #body-wrap #login p input[type=password]::placeholder {
          color: #aaa; }
        body.login #body-wrap #login p input[type=text]:-ms-input-placeholder,
        body.login #body-wrap #login p input[type=password]:-ms-input-placeholder {
          color: #aaa; }
        body.login #body-wrap #login p input[type=text]::-ms-input-placeholder,
        body.login #body-wrap #login p input[type=password]::-ms-input-placeholder {
          color: #aaa; }
      body.login #body-wrap #login p.error-msg {
        color: red; }
    body.login #body-wrap #login .submit {
      margin-top: 50px; }
      body.login #body-wrap #login .submit input[type=submit] {
        display: block;
        width: 200px;
        height: 42px;
        margin: 0 auto;
        padding: 0;
        background: #5bc2dc;
        border-radius: 4px;
        color: #fff;
        font-size: 14px !important;
        font-size: 1.4rem !important; }
body:not(.login) #body-wrap {
  position: relative; }
  body:not(.login) #body-wrap #header {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    height: 6%;
    padding: 0 15px;
    background: #eee; }
    body:not(.login) #body-wrap #header #menu-btn {
      width: 38px;
      height: 38px;
      margin-right: 15px;
      padding: 10px;
      cursor: pointer; }
      body:not(.login) #body-wrap #header #menu-btn::before {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Crect%20y%3D%223%22%20width%3D%2218%22%20height%3D%222%22%20style%3D%22fill%3A%23333%22%2F%3E%3Crect%20y%3D%228%22%20width%3D%2218%22%20height%3D%222%22%20style%3D%22fill%3A%23333%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%2218%22%20height%3D%222%22%20style%3D%22fill%3A%23333%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat;
        background-size: contain; }
    body:not(.login) #body-wrap #header .logo {
      width: 180px;
      line-height: 1; }
    body:not(.login) #body-wrap #header .logout {
      margin-left: auto; }
      body:not(.login) #body-wrap #header .logout a,
      body:not(.login) #body-wrap #header .logout input[type=submit] {
        display: block;
        width: 76px;
        height: 30px;
        padding: 0;
        background: #5bc2dc;
        border-radius: 4px;
        color: #fff;
        font-size: 14px !important;
        font-size: 1.4rem !important;
        line-height: 30px;
        text-align: center; }
  body:not(.login) #body-wrap #sidebar {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    min-height: 100%;
    padding: 80px 30px 50px;
    background: #f9f9f9; }
    body:not(.login) #body-wrap #sidebar .user {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 20px; }
      body:not(.login) #body-wrap #sidebar .user i {
        display: block;
        width: 46px;
        height: 46px;
        border-radius: 50%; }
      body:not(.login) #body-wrap #sidebar .user p {
        margin-left: .5em;
        font-size: 16px !important;
        font-size: 1.6rem !important; }
    body:not(.login) #body-wrap #sidebar .main-menu ul li a,
    body:not(.login) #body-wrap #sidebar .main-menu ul li span {
      position: relative;
      display: block;
      color: #333;
      cursor: pointer;
      -webkit-transition: color .2s;
      transition: color .2s;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
      body:not(.login) #body-wrap #sidebar .main-menu ul li a::before, body:not(.login) #body-wrap #sidebar .main-menu ul li a::after,
      body:not(.login) #body-wrap #sidebar .main-menu ul li span::before,
      body:not(.login) #body-wrap #sidebar .main-menu ul li span::after {
        -webkit-transition: border-color .2s;
        transition: border-color .2s; }
      body:not(.login) #body-wrap #sidebar .main-menu ul li a:hover,
      body:not(.login) #body-wrap #sidebar .main-menu ul li span:hover {
        color: #5bc2dc;
        opacity: 1; }
        body:not(.login) #body-wrap #sidebar .main-menu ul li a:hover::before, body:not(.login) #body-wrap #sidebar .main-menu ul li a:hover::after,
        body:not(.login) #body-wrap #sidebar .main-menu ul li span:hover::before,
        body:not(.login) #body-wrap #sidebar .main-menu ul li span:hover::after {
          border-color: #5bc2dc; }
    body:not(.login) #body-wrap #sidebar .main-menu ul li.current:not(.disabled) > a,
    body:not(.login) #body-wrap #sidebar .main-menu ul li.current:not(.disabled) > span {
      color: #5bc2dc; }
      body:not(.login) #body-wrap #sidebar .main-menu ul li.current:not(.disabled) > a::before, body:not(.login) #body-wrap #sidebar .main-menu ul li.current:not(.disabled) > a::after,
      body:not(.login) #body-wrap #sidebar .main-menu ul li.current:not(.disabled) > span::before,
      body:not(.login) #body-wrap #sidebar .main-menu ul li.current:not(.disabled) > span::after {
        border-color: #5bc2dc; }
    body:not(.login) #body-wrap #sidebar .main-menu ul li.disabled > a,
    body:not(.login) #body-wrap #sidebar .main-menu ul li.disabled > span {
      color: #d1d1d1;
      pointer-events: none; }
      body:not(.login) #body-wrap #sidebar .main-menu ul li.disabled > a::before, body:not(.login) #body-wrap #sidebar .main-menu ul li.disabled > a::after,
      body:not(.login) #body-wrap #sidebar .main-menu ul li.disabled > span::before,
      body:not(.login) #body-wrap #sidebar .main-menu ul li.disabled > span::after {
        border-color: #d1d1d1; }
    body:not(.login) #body-wrap #sidebar .main-menu > ul > li {
      font-size: 16px !important;
      font-size: 1.6rem !important;
      line-height: 1.25em; }
      body:not(.login) #body-wrap #sidebar .main-menu > ul > li:not(:last-child) {
        margin-bottom: 15px; }
      body:not(.login) #body-wrap #sidebar .main-menu > ul > li > a,
      body:not(.login) #body-wrap #sidebar .main-menu > ul > li > span {
        padding: 10px 0;
        padding-left: 1.5em; }
        body:not(.login) #body-wrap #sidebar .main-menu > ul > li > a::before, body:not(.login) #body-wrap #sidebar .main-menu > ul > li > a::after,
        body:not(.login) #body-wrap #sidebar .main-menu > ul > li > span::before,
        body:not(.login) #body-wrap #sidebar .main-menu > ul > li > span::after {
          position: absolute;
          top: 10px;
          display: block; }
        body:not(.login) #body-wrap #sidebar .main-menu > ul > li > a::before,
        body:not(.login) #body-wrap #sidebar .main-menu > ul > li > span::before {
          content: '■';
          left: 0; }
      body:not(.login) #body-wrap #sidebar .main-menu > ul > li > span {
        padding-right: 1.5em; }
        body:not(.login) #body-wrap #sidebar .main-menu > ul > li > span::after {
          content: '';
          top: 15px;
          right: 3px;
          width: 8px;
          height: 8px;
          border-right: 2px solid #333;
          border-bottom: 2px solid #333;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          -webkit-transform-origin: 5px 5px;
                  transform-origin: 5px 5px; }
      body:not(.login) #body-wrap #sidebar .main-menu > ul > li > ul {
        display: none;
        margin-left: 1.5em; }
        body:not(.login) #body-wrap #sidebar .main-menu > ul > li > ul > li {
          margin-top: 5px;
          font-size: 14px !important;
          font-size: 1.4rem !important;
          line-height: 1.4285714286em; }
          body:not(.login) #body-wrap #sidebar .main-menu > ul > li > ul > li > a,
          body:not(.login) #body-wrap #sidebar .main-menu > ul > li > ul > li > span {
            padding: 5px 0;
            padding-left: .8em; }
            body:not(.login) #body-wrap #sidebar .main-menu > ul > li > ul > li > a::before,
            body:not(.login) #body-wrap #sidebar .main-menu > ul > li > ul > li > span::before {
              content: '-';
              position: absolute;
              top: 3px;
              left: 0;
              display: block; }
      body:not(.login) #body-wrap #sidebar .main-menu > ul > li.current > span::after {
        -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg); }
  body:not(.login) #body-wrap #main-content {
    z-index: 0;
    position: relative;
    min-width: 1280px;
    min-height: 100%;
    margin-left: 210px;
    padding: 50px 30px 50px;
    background: #fff; }
    body:not(.login) #body-wrap #main-content .page-header .widgets + .widgets {
      margin-top: 20px; }
    body:not(.login) #body-wrap #main-content .page-header .widgets + .search {
      margin-top: 10px; }
    body:not(.login) #body-wrap #main-content .page-header .widgets.page-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .title-wrap {
        margin-right: 40px; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .title-wrap .title {
          font-size: 30px !important;
          font-size: 3rem !important;
          line-height: 1.2; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .title-wrap .subtitle {
          margin-top: .5em;
          padding-left: 10px;
          font-size: 24px !important;
          font-size: 2.4rem !important;
          line-height: 1.2; }
          body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .title-wrap .subtitle::before {
            content: '-'; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .btn {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        width: 100%; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .btn ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
          body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .btn ul li {
            margin: 5px 0; }
            body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .btn ul li:not(:first-child) {
              margin-left: 20px; }
            body:not(.login) #body-wrap #main-content .page-header .widgets.page-title .btn ul li a {
              display: block;
              padding: 3px 20px;
              border: 1px solid #5bc2dc;
              border-radius: 5px;
              color: #5bc2dc;
              font-size: 14px !important;
              font-size: 1.4rem !important;
              text-align: center; }
    body:not(.login) #body-wrap #main-content .page-header .widgets.search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text] {
        display: block;
        width: 100%;
        height: 36px;
        padding: 0 8px;
        border: 1px solid #d1d1d1;
        border-radius: 5px;
        font-size: 16px !important;
        font-size: 1.6rem !important; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text]::-webkit-input-placeholder {
          color: #aaa; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text]:-ms-input-placeholder {
          color: #aaa; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text]::-ms-input-placeholder {
          color: #aaa; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text]::placeholder {
          color: #aaa; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text]:-ms-input-placeholder {
          color: #aaa; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text]::-ms-input-placeholder {
          color: #aaa; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text].daterange {
          padding-left: 34px;
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2020%22%3E%3Cpath%20d%3D%22M15.88%2C2.5H14v-2A.47.47%2C0%2C0%2C0%2C13.53%2C0H12a.47.47%2C0%2C0%2C0-.47.47v2h-5v-2A.47.47%2C0%2C0%2C0%2C6%2C0H4.47A.47.47%2C0%2C0%2C0%2C4%2C.47v2H2.13A1.88%2C1.88%2C0%2C0%2C0%2C.25%2C4.38V18.13A1.88%2C1.88%2C0%2C0%2C0%2C2.13%2C20H15.88a1.87%2C1.87%2C0%2C0%2C0%2C1.87-1.87V4.38A1.88%2C1.88%2C0%2C0%2C0%2C15.88%2C2.5Zm0%2C15.39a.24.24%2C0%2C0%2C1-.24.24H2.36a.23.23%2C0%2C0%2C1-.23-.24V6.25H15.88Z%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%227.75%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%2211.5%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%2211.5%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%227.75%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3C%2Fsvg%3E") 8px 50% no-repeat;
          background-size: 18px auto; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search input[type=text].datepicker {
          padding-left: 34px;
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2020%22%3E%3Cpath%20d%3D%22M15.88%2C2.5H14v-2A.47.47%2C0%2C0%2C0%2C13.53%2C0H12a.47.47%2C0%2C0%2C0-.47.47v2h-5v-2A.47.47%2C0%2C0%2C0%2C6%2C0H4.47A.47.47%2C0%2C0%2C0%2C4%2C.47v2H2.13A1.88%2C1.88%2C0%2C0%2C0%2C.25%2C4.38V18.13A1.88%2C1.88%2C0%2C0%2C0%2C2.13%2C20H15.88a1.87%2C1.87%2C0%2C0%2C0%2C1.87-1.87V4.38A1.88%2C1.88%2C0%2C0%2C0%2C15.88%2C2.5Zm0%2C15.39a.24.24%2C0%2C0%2C1-.24.24H2.36a.23.23%2C0%2C0%2C1-.23-.24V6.25H15.88Z%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%227.75%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%2211.5%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%2211.5%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%227.75%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3C%2Fsvg%3E") 8px 50% no-repeat;
          background-size: 18px auto; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.search select {
        display: block;
        width: 100%;
        height: 36px;
        padding: 0 8px;
        border: 1px solid #d1d1d1;
        border-radius: 5px;
        font-size: 16px !important;
        font-size: 1.6rem !important; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.search ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search ul li {
          width: 240px;
          padding-top: 10px; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.search dl {
        width: 240px;
        padding-top: 10px; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search dl.count2 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 520px; }
          body:not(.login) #body-wrap #main-content .page-header .widgets.search dl.count2 dt {
            width: 100%; }
          body:not(.login) #body-wrap #main-content .page-header .widgets.search dl.count2 dd {
            width: 240px; }
          body:not(.login) #body-wrap #main-content .page-header .widgets.search dl.count2.range dd:first-of-type {
            position: relative; }
            body:not(.login) #body-wrap #main-content .page-header .widgets.search dl.count2.range dd:first-of-type::after {
              content: '~';
              position: absolute;
              top: 0;
              left: 100%;
              display: block;
              width: 40px;
              font-size: 24px !important;
              font-size: 2.4rem !important;
              line-height: 36px;
              text-align: center; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.search:not(.right) ul li:not(last-child) {
        margin-right: 40px; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.search:not(.right) dl:not(last-child) {
        margin-right: 0px; }
      body:not(.login) #body-wrap #main-content .page-header .widgets.search.right {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search.right ul li:not(fisrst-child) {
          margin-left: 40px; }
        body:not(.login) #body-wrap #main-content .page-header .widgets.search.right dl:not(fisrst-child) {
          margin-left: 40px; }
    body:not(.login) #body-wrap #main-content .page-header .widgets.bulk-edit-submit button,
    body:not(.login) #body-wrap #main-content .page-header .widgets.bulk-edit-submit input[type=submit] {
      max-width: 300px; }
    body:not(.login) #body-wrap #main-content .sec {
      margin-top: 40px; }
    body:not(.login) #body-wrap #main-content .sec + .sec {
      margin-top: 60px; }
body:not(.login).slide-nav #body-wrap #sidebar {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }
body:not(.login).slide-nav #body-wrap #main-content {
  -webkit-transition: margin .3s;
  transition: margin .3s; }
body:not(.login).slide-nav.folded #body-wrap #sidebar {
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%); }
body:not(.login).slide-nav.folded #body-wrap #main-content {
  margin-left: 0; }

.title01 {
  margin-bottom: .5em;
  font-size: 20px !important;
  font-size: 2rem !important;
  font-weight: 500; }

.title02 {
  margin-bottom: .5em;
  font-size: 18px !important;
  font-size: 1.8rem !important; }



a.btn01, span.btn01, input.btn01, button.btn01 {
  position: relative;
  display: block;
  width: 15%;
  padding: 12px 10px;
  background: #5bc2dc;
  border-radius: 5px;
  color: #fff;
  font-size: 24px !important;
  font-size: 2.4rem !important;
  line-height: 1.5;
  text-align: center;
  -webkit-transition: opacity .3s, background .3s;
  transition: opacity .3s, background .3s; }
  a.btn01.disabled, span.btn01.disabled, input.btn01.disabled, button.btn01.disabled {
    color: #aaa;
    background: #f9f9f9;
    pointer-events: none; }
  a.btn01.round, span.btn01.round, input.btn01.round, button.btn01.round {
    border-radius: 60px; }
  a.btn01.more, span.btn01.more, input.btn01.more, button.btn01.more {
    padding: 10px 28px 14px; }
    a.btn01.more::after, span.btn01.more::after, input.btn01.more::after, button.btn01.more::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 10px;
      display: block;
      width: 8px;
      height: 14px;
      margin-top: -7px;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%20%3Cpath%20d%3D%22M.5%2C13a.52.52%2C0%2C0%2C1-.38-.17.51.51%2C0%2C0%2C1%2C.05-.71L6.73%2C6.5.17.88A.5.5%2C0%2C0%2C1%2C.83.12l7%2C6a.51.51%2C0%2C0%2C1%2C0%2C.76l-7%2C6A.52.52%2C0%2C0%2C1%2C.5%2C13Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat;
      background-size: contain; }

.daterangepicker td.active {
  background-color: #5bc2dc; }
  .daterangepicker td.active:hover {
    background-color: #5bc2dc; }
.daterangepicker .btn {
  border-radius: 5px; }
  .daterangepicker .btn.btn-default {
    background-color: #eee;
    border: 1px solid #eee; }
  .daterangepicker .btn.btn-primary {
    color: #fff;
    background-color: #5bc2dc;
    border: 1px solid #5bc2dc; }

.table-wrap {
  overflow-y: auto;
  max-height: 500px;
  padding: 20px;
  border: 1px solid #d1d1d1;
  border-radius: 5px; }

.table01 {
  width: 100%;
  border-collapse: separate; }
  .table01 tr.quickedit-view {
    display: none; }
  .table01 th, .table01 td {
    height: 56px;
    padding: 1em;
    text-align: left;
    vertical-align: middle; }
    .table01 th:first-child, .table01 td:first-child {
      padding-left: 20px; }
    .table01 th:last-child, .table01 td:last-child {
      padding-right: 10px; 
    }
  .table01 thead {
    background: #f9f9f9; }
    .table01 thead th {
      font-weight: 500; }
  .table01 tbody tr {
    -webkit-transition: background .3s;
    transition: background .3s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .table01 tbody tr:not(.quickedit-view):hover {
      background: #fdfdfd; }
    .table01 tbody tr.checked {
      background: #ecfbff !important; }
  .table01 tbody th, .table01 tbody td {
    position: relative;
    height: 58px;
    border-bottom: 1px solid #e1e1e1; }
  .table01 .tips {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle; }
    .table01 .tips::before {
      content: '…';
      display: block;
      width: 100%;
      text-align: center; }
    .table01 .tips.question::before {
      content: '';
      height: 100%;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M11%2C0A11%2C11%2C0%2C1%2C0%2C22%2C11%2C11%2C11%2C0%2C0%2C0%2C11%2C0Zm0%2C19.87A8.87%2C8.87%2C0%2C1%2C1%2C19.87%2C11%2C8.87%2C8.87%2C0%2C0%2C1%2C11%2C19.87ZM15.76%2C8.55c0%2C3-3.22%2C3-3.22%2C4.12V13a.52.52%2C0%2C0%2C1-.53.53H10A.52.52%2C0%2C0%2C1%2C9.46%2C13v-.38c0-1.59%2C1.2-2.22%2C2.11-2.73s1.25-.73%2C1.25-1.31c0-.77-1-1.28-1.76-1.28-1%2C0-1.51.49-2.17%2C1.33a.54.54%2C0%2C0%2C1-.74.1L6.91%2C7.74A.53.53%2C0%2C0%2C1%2C6.8%2C7a5%2C5%2C0%2C0%2C1%2C4.46-2.41C13.43%2C4.61%2C15.76%2C6.31%2C15.76%2C8.55ZM12.86%2C16A1.86%2C1.86%2C0%2C1%2C1%2C11%2C14.1%2C1.86%2C1.86%2C0%2C0%2C1%2C12.86%2C16Z%22%20style%3D%22fill%3A%23333%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat;
      background-size: 16px; }
    .table01 .tips .baloon {
      z-index: 1;
      position: absolute;
      bottom: 100%;
      left: 50%;
      width: 240px;
      margin-left: -120px;
      padding: 10px 15px;
      background: #fcfcfc;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 5px #ddd;
              box-shadow: 0 0 5px #ddd;
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; }
      .table01 .tips .baloon .title {
        font-size: 120%;
        font-weight: 500; }
    .table01 .tips .baloon::before {
      /* 三角 */
      content: '';
      width: 20px;
      height: 20px;
      background: #fcfcfc;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -10px;
      -webkit-box-shadow: 1px 1px 2px rgba(221, 221, 221, 0.3);
              box-shadow: 1px 1px 2px rgba(221, 221, 221, 0.3); }
    .table01 .tips:hover .baloon {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
  .table01 a.icon,
  .table01 span.icon {
    overflow: hidden;
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    font-size: 0px !important;
    font-size: 0rem !important;
    text-indent: -999px;
    cursor: pointer; }
    .table01 a.icon::before,
    .table01 span.icon::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 14px;
      height: 16px;
      margin: -8px 0 0 -7px;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: auto 16px; }
    .table01 a.icon.edit::before,
    .table01 span.icon.edit::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20d%3D%22M13.6%2C14l-.67-.66V3.53a1.88%2C1.88%2C0%2C0%2C0-1.88-1.87h-.67A2.09%2C2.09%2C0%2C0%2C0%2C8.24%2C0H6.59A.56.56%2C0%2C0%2C0%2C6%2C.55a.55.55%2C0%2C0%2C0%2C.56.55H8.24a1%2C1%2C0%2C0%2C1%2C1%2C.56H2.12A1.88%2C1.88%2C0%2C0%2C0%2C.24%2C3.53V14.12A1.88%2C1.88%2C0%2C0%2C0%2C2.12%2C16h8.93a1.86%2C1.86%2C0%2C0%2C0%2C.74-.16.55.55%2C0%2C0%2C0%2C.77%2C0l1-1a.55.55%2C0%2C0%2C0%2C.16-.39A.59.59%2C0%2C0%2C0%2C13.6%2C14ZM2.12%2C2.76h8.93a.77.77%2C0%2C0%2C1%2C.77.73H1.35A.77.77%2C0%2C0%2C1%2C2.12%2C2.76Zm0%2C12.14a.77.77%2C0%2C0%2C1-.77-.78V4.23H11.83v8L8%2C8.44a.46.46%2C0%2C0%2C0-.21-.13L6.21%2C7.75a.55.55%2C0%2C0%2C0-.7.7L6.07%2C10a.46.46%2C0%2C0%2C0%2C.13.21l4.64%2C4.65Zm10.05-.23L7.07%2C9.56l-.14-.39.39.14L12%2C14l0%2C0h0l.44.43Z%22%20style%3D%22fill%3A%23333%22%2F%3E%3C%2Fsvg%3E"); }
    .table01 a.icon.delete::before,
    .table01 span.icon.delete::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2016%22%3E%3Cpath%20d%3D%22M14%2C4.6l-.76-2.5a.47.47%2C0%2C0%2C0-.4-.34L7.06%2C1H6.94l-5.76.76a.49.49%2C0%2C0%2C0-.4.34L0%2C4.6A.5.5%2C0%2C0%2C0%2C.1%2C5a.48.48%2C0%2C0%2C0%2C.39.19H1.66l.55%2C9.31A.49.49%2C0%2C0%2C0%2C2.7%2C15h8.6a.49.49%2C0%2C0%2C0%2C.49-.46l.55-9.31h1.17A.48.48%2C0%2C0%2C0%2C13.9%2C5a.47.47%2C0%2C0%2C0%2C.1-.3A.78.78%2C0%2C0%2C0%2C14%2C4.6ZM7%2C2l5.38.71%2C0%2C.1H1.59l0-.1ZM2.62%2C5.07H4.23v9H3.16C3.11%2C13.29%2C2.72%2C6.68%2C2.62%2C5.07Zm4.05%2C0v9H4.88V5.07Zm2.45%2C0v9H7.33V5.07Zm1.72%2C9H9.77V5.07h1.61C11.28%2C6.68%2C10.89%2C13.29%2C10.84%2C14Zm1-9.76a.48.48%2C0%2C0%2C0-.36.16h-9a.48.48%2C0%2C0%2C0-.36-.16h-1c.08-.28.16-.56.24-.82H12.61c.08.26.16.54.24.82Z%22%20style%3D%22fill%3A%23333%22%2F%3E%3C%2Fsvg%3E"); }
  .table01.product-list img {
    width: 50px;
    height: auto; }
  .table01.click-area-checked tbody tr:not(.quickedit-view) {
    cursor: pointer; }

.table02 {
  width: 100%;
  border-collapse: separate; }
  .table02 tr:nth-child(odd) {
    background: #f9f9f9; }
  .table02 th, .table02 td {
    height: 56px;
    padding: 1em;
    text-align: left;
    vertical-align: middle; }
    .table02 th:first-child, .table02 td:first-child {
      padding-left: 20px; }
    .table02 th:last-child, .table02 td:last-child {
      padding-right: 20px; }
  .table02 th {
    width: 260px;
    white-space: nowrap; }

.table03 {
  width: 100%;
  border-collapse: separate; }
.table03 th, .table03 td {
  padding: 1em;
  text-align: left;
  vertical-align: middle;
  margin-bottom: .5em;
  font-size: 20px !important;
  font-size: 2rem !important;
  font-weight: 500;}
.table03 th:first-child, .table03 td:first-child {
  padding-left: 20px; }
.table03 th:last-child, .table03 td:last-child {
  padding-right: 20px; }
.table03 th {
  width: 260px;
  white-space: nowrap; }

.modal-content {
  position: relative;
  display: none;
  width: 80%;
  padding: 50px;
  background: #fff;
  text-align: left;
  vertical-align: middle; }
  .modal-content .modal-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: #5bc2dc;
    border-radius: 50%;
    cursor: pointer; }
    .modal-content .modal-close::before, .modal-content .modal-close::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 20%;
      display: block;
      width: 60%;
      height: 2px;
      margin-top: -1px;
      background: #fff;
      border-radius: 2px; }
    .modal-content .modal-close::before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .modal-content .modal-close::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.modal-overlay {
  display: none;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center; }
  .modal-overlay::before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -0.05em;
    vertical-align: middle; }
  .modal-overlay > .modal-content {
    display: inline-block; }

.admin-chart {
  padding: 30px 30px 10px;
  border: 2px solid #ccc;
  border-radius: 20px; }
  .admin-chart .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .admin-chart .header .title-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 20px; }
      .admin-chart .header .title-wrap .title {
        margin-right: 1em;
        color: #5bc2dc;
        font-size: 32px !important;
        font-size: 3.2rem !important;
        line-height: 1.2; }
      .admin-chart .header .title-wrap .sales {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #5bc2dc;
        font-size: 26px !important;
        font-size: 2.6rem !important;
        line-height: 1.2; }
        .admin-chart .header .title-wrap .sales dt {
          margin-right: 1em; }
    .admin-chart .header .time-selecter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 5px 10px;
      border: 1px solid #d1d1d1;
      border-radius: 5px; }
      .admin-chart .header .time-selecter li:not(:last-child) {
        margin-right: 10px; }
      .admin-chart .header .time-selecter li label {
        display: block; }
        .admin-chart .header .time-selecter li label input {
          display: none; }
        .admin-chart .header .time-selecter li label span {
          display: block;
          padding: 0 .1em;
          border-bottom: 2px solid transparent;
          color: #ccc;
          font-size: 20px !important;
          font-size: 2rem !important;
          line-height: 1.4;
          cursor: pointer; }
        .admin-chart .header .time-selecter li label input:checked + span {
          color: #5bc2dc;
          border-color: #5bc2dc; }
  .admin-chart .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px; }
    .admin-chart .content .left {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%;
      margin-right: 30px; }
      .admin-chart .content .left .chart-container {
        position: relative;
        width: 100%;
        height: 300px; }
        .admin-chart .content .left .chart-container > div {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
    .admin-chart .content .right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 200px; }
      .admin-chart .content .right .lists dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        border-bottom: 2px solid #f8f8f8;
        font-size: 18px !important;
        font-size: 1.8rem !important; }
        .admin-chart .content .right .lists dl:not(:last-child) {
          margin-bottom: 10px; }
      .admin-chart .content .right .btn {
        margin-top: auto;
        padding-bottom: 40px; }
  .admin-chart.real .header .title,
  .admin-chart.real .header .sales {
    color: #6363de; }
  .admin-chart.real .header .time-selecter input:checked + span {
    color: #6363de;
    border-color: #6363de; }
  .admin-chart.real .btn01 {
    background-color: #6363de; }
  .admin-chart.ec .header .title,
  .admin-chart.ec .header .sales {
    color: #de63d2; }
  .admin-chart.ec .header .time-selecter input:checked + span {
    color: #de63d2;
    border-color: #de63d2; }
  .admin-chart.ec .btn01 {
    background-color: #de63d2; }
  .admin-chart.sbsc .header .title,
  .admin-chart.sbsc .header .sales {
    color: #59c499; }
  .admin-chart.sbsc .header .time-selecter input:checked + span {
    color: #59c499;
    border-color: #59c499; }
  .admin-chart.sbsc .btn01 {
    background-color: #59c499; }

.dashboard-aggregate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .dashboard-aggregate .item {
    width: 32%;
    padding: 20px;
    background: #5bc2dc;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    word-break: break-all; }
    .dashboard-aggregate .item .title {
      margin-bottom: .5em;
      font-size: 26px !important;
      font-size: 2.6rem !important;
      line-height: 1.2; }
    .dashboard-aggregate .item .num {
      font-size: 28px !important;
      font-size: 2.8rem !important;
      line-height: 1.2; }

.dashboard-chart {
  padding: 30px 30px 10px;
  border: 2px solid #ccc;
  border-radius: 20px; }
  .dashboard-chart .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .dashboard-chart .header .title-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 20px; }
      .dashboard-chart .header .title-wrap .title,
      .dashboard-chart .header .title-wrap .num {
        color: #5bc2dc;
        font-size: 32px !important;
        font-size: 3.2rem !important;
        line-height: 1.2; }
      .dashboard-chart .header .title-wrap .title {
        margin-right: 1em; }
    .dashboard-chart .header .time-selecter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 5px 10px;
      border: 1px solid #d1d1d1;
      border-radius: 5px; }
      .dashboard-chart .header .time-selecter li:not(:last-child) {
        margin-right: 10px; }
      .dashboard-chart .header .time-selecter li label {
        display: block; }
        .dashboard-chart .header .time-selecter li label input {
          display: none; }
        .dashboard-chart .header .time-selecter li label span {
          display: block;
          padding: 0 .1em;
          border-bottom: 2px solid transparent;
          color: #ccc;
          font-size: 20px !important;
          font-size: 2rem !important;
          line-height: 1.4;
          cursor: pointer; }
        .dashboard-chart .header .time-selecter li label input:checked + span {
          color: #5bc2dc;
          border-color: #5bc2dc; }
  .dashboard-chart .content {
    margin-top: 40px; }
    .dashboard-chart .content .chart-container {
      position: relative;
      width: 100%;
      height: 380px; }
      .dashboard-chart .content .chart-container > div {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

.dashbord-page.real .dashboard-aggregate .item {
  background: #6363de; }
.dashbord-page.real .dashboard-chart .header .title,
.dashbord-page.real .dashboard-chart .header .num {
  color: #6363de; }
.dashbord-page.real .dashboard-chart .header .time-selecter input:checked + span {
  color: #6363de;
  border-color: #6363de; }
.dashbord-page.ec .dashboard-aggregate .item {
  background: #de63d2; }
.dashbord-page.ec .dashboard-chart .header .title,
.dashbord-page.ec .dashboard-chart .header .num {
  color: #de63d2; }
.dashbord-page.ec .dashboard-chart .header .time-selecter input:checked + span {
  color: #de63d2;
  border-color: #de63d2; }
.dashbord-page.sbsc .dashboard-aggregate .item {
  background: #59c499; }
.dashbord-page.sbsc .dashboard-chart .header .title,
.dashbord-page.sbsc .dashboard-chart .header .num {
  color: #59c499; }
.dashbord-page.sbsc .dashboard-chart .header .time-selecter input:checked + span {
  color: #59c499;
  border-color: #59c499; }

.regist-form input[type=text],
.regist-form input[type=email],
.regist-form input[type=password],
.regist-form input[type=number],
.regist-form select,
.regist-form textarea {
  display: block;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  font-size: 14px !important;
  font-size: 1.4rem !important; }
  .regist-form input[type=text]::-webkit-input-placeholder,
  .regist-form input[type=email]::-webkit-input-placeholder,
  .regist-form input[type=password]::-webkit-input-placeholder,
  .regist-form input[type=number]::-webkit-input-placeholder,
  .regist-form select::-webkit-input-placeholder,
  .regist-form textarea::-webkit-input-placeholder {
    color: #aaa; }
  .regist-form input[type=text]:-ms-input-placeholder,
  .regist-form input[type=email]:-ms-input-placeholder,
  .regist-form input[type=password]:-ms-input-placeholder,
  .regist-form input[type=number]:-ms-input-placeholder,
  .regist-form select:-ms-input-placeholder,
  .regist-form textarea:-ms-input-placeholder {
    color: #aaa; }
  .regist-form input[type=text]::-ms-input-placeholder,
  .regist-form input[type=email]::-ms-input-placeholder,
  .regist-form input[type=password]::-ms-input-placeholder,
  .regist-form input[type=number]::-ms-input-placeholder,
  .regist-form select::-ms-input-placeholder,
  .regist-form textarea::-ms-input-placeholder {
    color: #aaa; }
  .regist-form input[type=text]::placeholder,
  .regist-form input[type=email]::placeholder,
  .regist-form input[type=password]::placeholder,
  .regist-form input[type=number]::placeholder,
  .regist-form select::placeholder,
  .regist-form textarea::placeholder {
    color: #aaa; }
  .regist-form input[type=text]:-ms-input-placeholder,
  .regist-form input[type=email]:-ms-input-placeholder,
  .regist-form input[type=password]:-ms-input-placeholder,
  .regist-form input[type=number]:-ms-input-placeholder,
  .regist-form select:-ms-input-placeholder,
  .regist-form textarea:-ms-input-placeholder {
    color: #aaa; }
  .regist-form input[type=text]::-ms-input-placeholder,
  .regist-form input[type=email]::-ms-input-placeholder,
  .regist-form input[type=password]::-ms-input-placeholder,
  .regist-form input[type=number]::-ms-input-placeholder,
  .regist-form select::-ms-input-placeholder,
  .regist-form textarea::-ms-input-placeholder {
    color: #aaa; }
  .regist-form input[type=text].size-min,
  .regist-form input[type=email].size-min,
  .regist-form input[type=password].size-min,
  .regist-form input[type=number].size-min,
  .regist-form select.size-min,
  .regist-form textarea.size-min {
    width: auto; }
  .regist-form input[type=text].size01,
  .regist-form input[type=email].size01,
  .regist-form input[type=password].size01,
  .regist-form input[type=number].size01,
  .regist-form select.size01,
  .regist-form textarea.size01 {
    max-width: 300px; }
  .regist-form input[type=text].size02,
  .regist-form input[type=email].size02,
  .regist-form input[type=password].size02,
  .regist-form input[type=number].size02,
  .regist-form select.size02,
  .regist-form textarea.size02 {
    max-width: 620px; }
  .regist-form input[type=text].datepicker,
  .regist-form input[type=email].datepicker,
  .regist-form input[type=password].datepicker,
  .regist-form input[type=number].datepicker,
  .regist-form select.datepicker,
  .regist-form textarea.datepicker {
    padding-left: 34px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2020%22%3E%3Cpath%20d%3D%22M15.88%2C2.5H14v-2A.47.47%2C0%2C0%2C0%2C13.53%2C0H12a.47.47%2C0%2C0%2C0-.47.47v2h-5v-2A.47.47%2C0%2C0%2C0%2C6%2C0H4.47A.47.47%2C0%2C0%2C0%2C4%2C.47v2H2.13A1.88%2C1.88%2C0%2C0%2C0%2C.25%2C4.38V18.13A1.88%2C1.88%2C0%2C0%2C0%2C2.13%2C20H15.88a1.87%2C1.87%2C0%2C0%2C0%2C1.87-1.87V4.38A1.88%2C1.88%2C0%2C0%2C0%2C15.88%2C2.5Zm0%2C15.39a.24.24%2C0%2C0%2C1-.24.24H2.36a.23.23%2C0%2C0%2C1-.23-.24V6.25H15.88Z%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%227.75%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%2211.5%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%2211.5%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%227.75%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%228.75%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2212.5%22%20width%3D%222.5%22%20height%3D%222.5%22%20rx%3D%220.47%22%20style%3D%22fill%3A%23aaa%22%2F%3E%3C%2Fsvg%3E") 8px 50% no-repeat;
    background-size: 18px auto; }
.regist-form input[type=text],
.regist-form input[type=email],
.regist-form input[type=password],
.regist-form input[type=number],
.regist-form select {
  height: 36px; }
.regist-form select {
  cursor: pointer; }
  .regist-form select.select-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: auto;
    height: 60px;
    padding: 0 62px 0 30px;
    background: #5bc2dc url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2014%22%3E%3Cpath%20d%3D%22M1.55%2C0A1.48%2C1.48%2C0%2C0%2C1%2C2.64.51L11%2C9.83%2C19.34.51a1.43%2C1.43%2C0%2C0%2C1%2C2-.17%2C1%2C1%2C0%2C0%2C1%2C.18.17%2C1.88%2C1.88%2C0%2C0%2C1%2C0%2C2.49L12.08%2C13.49a1.42%2C1.42%2C0%2C0%2C1-2%2C.18.77.77%2C0%2C0%2C1-.18-.18L.45%2C3A1.88%2C1.88%2C0%2C0%2C1%2C.45.56%2C1.49%2C1.49%2C0%2C0%2C1%2C1.55%2C0Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat;
    background-size: 14px 22px;
    background-position: right 20px center;
    border: none;
    border-radius: 60px;
    color: #fff;
    font-size: 24px !important;
    font-size: 2.4rem !important;
    line-height: 1.5;
    text-align: center; }
    .regist-form select.select-btn::-ms-expand {
      display: none; }
    .regist-form select.select-btn option {
      background: #fff;
      color: #333; }
.regist-form textarea {
  padding: 2px 8px; }
.regist-form input[type=radio],
.regist-form input[type=checkbox] {
  margin: 3px 0 0; }
.regist-form .image-upload .preview-area img {
  margin-bottom: 20px; }
.regist-form .image-upload .upload-area {
  padding: 20px;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  text-align: center; }
  .regist-form .image-upload .upload-area .title {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.4; }
  .regist-form .image-upload .upload-area label {
    display: block;
    width: 200px;
    margin: 15px auto;
    padding: .2em;
    border: 1px solid #5bc2dc;
    border-radius: 5px;
    color: #5bc2dc;
    font-size: 20px !important;
    font-size: 2rem !important;
    cursor: pointer; }
    .regist-form .image-upload .upload-area label .file-input {
      display: none; }
.regist-form .deploy-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .regist-form .deploy-form .item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.2;
    cursor: pointer; }
    .regist-form .deploy-form .item label input {
      margin-right: .5em; }
  .regist-form .deploy-form .item ul li + li {
    margin-top: 10px; }
  .regist-form .deploy-form .item.first {
    margin-right: 3.1746031746%;
    padding: 10px 12px;
    border: 1px solid #d1d1d1;
    border-radius: 5px; }
  .regist-form .deploy-form .item.second {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%; }
    .regist-form .deploy-form .item.second .child {
      display: none;
      padding: 10px 12px;
      border: 1px solid #d1d1d1;
      border-radius: 5px; }
      .regist-form .deploy-form .item.second .child:not(:first-child) {
        display: none; }
.regist-form dl dt {
  width: 100%;
  margin-bottom: 10px;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-weight: 500; }
  .regist-form dl dt .required {
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    background: #f25555;
    border-radius: 5px;
    color: #fff;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 20px; }
.regist-form dl dd input[type=text],
.regist-form dl dd input[type=email],
.regist-form dl dd input[type=password],
.regist-form dl dd input[type=number],
.regist-form dl dd select,
.regist-form dl dd textarea {
  max-width: 620px; }
.regist-form dl dd.scroll-box {
  overflow-y: scroll;
  max-height: 400px;
  padding: 20px;
  border: 1px solid #d1d1d1;
  border-radius: 5px; }
.regist-form dl.count2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .regist-form dl.count2 dd {
    width: 46.7741935484%; }
  .regist-form dl.count2 dd + dd {
    margin-left: 6.4516129032%; }
  .regist-form dl.count2.minimum {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .regist-form dl.count2.minimum dd {
      width: auto; }
    .regist-form dl.count2.minimum dd + dd {
      margin-left: 1.6129032258%; }
  .regist-form dl.count2.range dd:first-of-type {
    position: relative; }
    .regist-form dl.count2.range dd:first-of-type::after {
      content: '~';
      position: absolute;
      top: 0;
      left: 100%;
      display: block;
      width: 13.7931034483%;
      font-size: 24px !important;
      font-size: 2.4rem !important;
      line-height: 36px;
      text-align: center; }
.regist-form dl + dl {
  margin-top: 40px; }
.regist-form .btn {
  margin-top: 50px; }
  .regist-form .btn .btn01 {
    max-width: 300px;
    margin: 0 auto; }
.regist-form.quickedit-view .image-upload .preview-area img {
  width: auto;
  max-height: 180px;
  margin-bottom: 10px; }
.regist-form.quickedit-view .image-upload .upload-area {
  padding: 10px; }
  .regist-form.quickedit-view .image-upload .upload-area .title {
    font-size: 16px !important;
    font-size: 1.6rem !important; }
  .regist-form.quickedit-view .image-upload .upload-area label {
    width: 200px;
    margin: 10px auto;
    padding: .2em;
    font-size: 16px !important;
    font-size: 1.6rem !important; }
.regist-form.quickedit-view .edit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .regist-form.quickedit-view .edit-box .col {
    width: 48.8372093023%;
    margin-bottom: 15px; }
    .regist-form.quickedit-view .edit-box .col.full {
      width: 100%; }
    .regist-form.quickedit-view .edit-box .col dl dt {
      margin-bottom: 3px; }
      .regist-form.quickedit-view .edit-box .col dl dt .required {
        margin-left: 5px;
        padding: 0 5px;
        font-size: 10px !important;
        font-size: 1rem !important;
        line-height: 16px; }
    .regist-form.quickedit-view .edit-box .col dl.count2 dd {
      width: 49.2063492063%; }
    .regist-form.quickedit-view .edit-box .col dl.count2 dd + dd {
      margin-left: 1.5873015873%; }
    .regist-form.quickedit-view .edit-box .col dl + dl {
      margin-top: 10px; }
.regist-form.quickedit-view .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: none;
  margin-top: 10px; }
  .regist-form.quickedit-view .btn .btn01 {
    max-width: 100px;
    margin: 0;
    padding: 8px;
    font-size: 14px !important;
    font-size: 1.4rem !important; }
    .regist-form.quickedit-view .btn .btn01.cancel-btn {
      background: #eee;
      color: #333; }
  .regist-form.quickedit-view .btn .btn01 + .btn01 {
    margin-left: 20px; }

/*# sourceMappingURL=main.css.map */


/* ---------------------------------------------------loading --------------------------------------------*/
.loading_box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(226, 217, 217, 0.308);
  display: none;
}

.loading_box img {
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ---------------------------------------------------loading --------------------------------------------*/