@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap");
@font-face {
  font-family: "lowline-only";
  src: local("Hiragino Sans"), local("Hiragino-Sans"), local("游ゴシック体"), local("YuGothic"), local("Meiryo"), local("Meiryo UI"), local("メイリオ");
  unicode-range: U+005F, U+FF3F;
}
/* IEハック用mixin */
/* colormap */
.material-icons.home {
  color: #5A5A5D;
}

.material-icons.help {
  color: #e51755;
}

.material-icons.dashboard {
  color: #e51755;
}

.material-icons.assignment {
  color: #e94454;
}

.material-icons.timeline {
  color: #ea6350;
}

.material-icons.folder_shared {
  color: #f09046;
}

.material-icons.support_thread {
  color: #f09046;
}

.material-icons.live_help {
  color: #f1b72f;
}

.material-icons.create {
  color: #89cdcc;
}

.material-icons.subscriptions {
  color: #ebc12f;
}

.material-icons.assignment_ind {
  color: #dcd02e;
}

.material-icons.business {
  color: #dcd02e;
}

.material-icons.supervisor_account {
  color: #cadb2d;
}

.material-icons.receipt {
  color: #aed15b;
}

.material-icons.person {
  color: #aed15b;
}

.material-icons.attach_money {
  color: #92ca7f;
}

.material-icons.local_hospital {
  color: #92ca7f;
}

.material-icons.assignment_turned_in {
  color: #89cdcc;
}

.material-icons.fiber_new {
  color: #89cdcc;
}

.material-icons.class {
  color: #87cdcc;
}

.material-icons.layers {
  color: #85cfec;
}

.material-icons.admin_supervisor_account {
  color: #85cfec;
}

.material-icons.event {
  color: #8AB9ED;
}

.material-icons.filter_4 {
  color: #8EA8EE;
}

.material-icons.description {
  color: #9395EF;
}

.material-icons.person_outline {
  color: #9395EF;
}

img {
  -ms-interpolation-mode: bicubic;
}

.def-float, .helper-popup, .send-back-space, .comment-back-space, .chat-container .chat-control-section, .header-append, ul.header-space.header-main, section.section-content, .side-menu-container, .activity-container, .search-space {
  background: #fff;
  -webkit-box-shadow: 0px 0px 7px -5px #333;
          box-shadow: 0px 0px 7px -5px #333;
  margin: 0 1em 1em 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media (max-width: 767.98px) {
  .def-float, .helper-popup, .send-back-space, .comment-back-space, .chat-container .chat-control-section, .header-append, ul.header-space.header-main, section.section-content, .side-menu-container, .activity-container, .search-space {
    margin-right: 0;
  }
}

@-webkit-keyframes appended-item {
  0% {
    background-color: #feffbe;
  }
  100% {
    background-color: #fff;
  }
}

@keyframes appended-item {
  0% {
    background-color: #feffbe;
  }
  100% {
    background-color: #fff;
  }
}
.rotate-90 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-180 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-270 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.form-control[readonly].cals {
  background-color: #fff;
}
.form-control[disabled].cals {
  background-color: #e9ecef !important;
}
html {
  overflow: auto;
  height: 100%;
}

body {
  height: 100%;
  height: 100dvh;
  background: #F3F4F5;
}
body.open {
  overflow: hidden;
}

a {
  color: #333;
}
a:hover {
  text-decoration: none;
  color: #40220F;
}

textarea {
  width: 100%;
}

table tr.row-disabled > td {
  background-color: #adb5bd;
}
table tr.row-light > td {
  background-color: white;
}

td.header-td {
  background-color: #e5e7e9 !important;
}

.btn > i.material-icons {
  font-size: 1.25em;
}

.filter-option-inner-inner {
  min-height: 2.2em;
  line-height: 2.2em;
}

.main-container {
  margin-top: 3.2em;
}

/* bottom-bar */
.fixed-bottom {
  -webkit-box-shadow: 0px 0px 5px -2px #333;
          box-shadow: 0px 0px 5px -2px #333;
}

/* frame */
.content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(100vh - 3.2em);
}
@media (max-width: 767.98px) {
  .content-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.content-flex .content-side {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 20.75em;
      flex-basis: 20.75em;
  max-width: 20.75em;
}
@media (max-width: 1199.98px) {
  .content-flex .content-side {
    -ms-flex-preferred-size: 16em;
        flex-basis: 16em;
    max-width: 16em;
  }
}
@media (max-width: 767.98px) {
  .content-flex .content-side {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.content-flex .content-main {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% - 20.75em);
      flex-basis: calc(100% - 20.75em);
  max-width: calc(100% - 20.75em);
}
@media (max-width: 1199.98px) {
  .content-flex .content-main {
    -ms-flex-preferred-size: calc(100% - 15em);
        flex-basis: calc(100% - 15em);
    max-width: calc(100% - 15em);
  }
}
@media (max-width: 767.98px) {
  .content-flex .content-main {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.content-flex .content-main.main-only {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.content-flex .content-main.main-only > .main-inner {
  margin: 0 1em;
}
@media (max-width: 767.98px) {
  .content-flex .content-main.main-only > .main-inner {
    margin: 0;
    padding: 0 0 3em;
  }
}
.content-flex .content-main.main-only > .main-inner .header-space {
  margin-right: 0;
}
.content-flex .content-main.main-only > .main-inner .section-content {
  margin-right: 0;
}

/* commons */
.image-icon-container {
  display: inline-block;
  margin-right: 0.2em;
}
.image-icon-container.inline {
  display: inline-block;
}
.image-icon-container .user-info .user-info-belong {
  font-size: 0.85em;
}
.image-icon-container .image-icon-cropper {
  display: inline-block;
}
.image-icon-container .self-name {
  display: inline-block;
  line-height: 2em;
}

.self-name.no-wrap {
  white-space: nowrap;
}

.image-icon-cropper.icon-supporter {
  position: relative;
}
.image-icon-cropper.icon-supporter:before {
  position: absolute;
  content: "\e8e8";
  font-size: 1em;
  display: block;
  z-index: 1;
  font-family: "Material Icons";
  color: #17a2b8;
  left: 1em;
  bottom: -0.25em;
}
.image-icon-cropper.icon-supporter:after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: block;
  z-index: 0;
  background: #fff;
  left: 1.2em;
  bottom: 0.3em;
}
.image-icon-cropper > img {
  width: 2em;
  height: 2em;
  border-radius: 50%;
}
.image-icon-cropper.icon-size-huge > img {
  width: 6em;
  height: 6em;
}
.image-icon-cropper.icon-size-huge + .self-name {
  line-height: 6em;
}
.image-icon-cropper.icon-size-largest:before {
  font-size: 1.5em;
  bottom: -0.33em;
  left: 1.2em;
}
.image-icon-cropper.icon-size-largest:after {
  width: 0.75em;
  height: 0.5em;
  left: 2.1em;
  bottom: 0.3em;
}
.image-icon-cropper.icon-size-largest > img {
  width: 3em;
  height: 3em;
}
.image-icon-cropper.icon-size-larger > img {
  width: 2.5em;
  height: 2.5em;
}
.image-icon-cropper.icon-size-smaller > img {
  width: 1.75em;
  height: 1.75em;
}
.image-icon-cropper.icon-size-smallest > img {
  width: 1.5em;
  height: 1.5em;
}

.button-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button-space.button-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.button-space.button-between {
  display: block;
}
.button-space.button-between > .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button-space.button-between > .button-wrap > .btn {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 499.98px) {
  .button-space.button-between > .button-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .button-space.button-between > .button-wrap > .btn {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    display: block;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
  }
  .button-space.button-between > .button-wrap > .btn.button-enter {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 499.98px) {
  .button-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.button-space > .button-wrap {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-left: 0.5em;
}
@media (max-width: 499.98px) {
  .button-space > .button-wrap {
    margin-left: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .button-space > .button-wrap > .btn {
    display: block;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
  }
  .button-space > .button-wrap.button-enter {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 499.98px) {
  .button-space.button-sm > .button-wrap > .btn {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
@media (max-width: 499.98px) {
  .button-space.button-separate {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .button-space.button-separate > .button-wrap {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
  .button-space.button-separate > .button-wrap > .btn {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 1em);
  }
  .button-space.button-separate > .button-wrap:only-child {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .button-space.button-separate > .button-wrap:only-child > .btn {
    width: 100%;
  }
}
@media (max-width: 499.98px) {
  .button-space.margin-menu {
    margin-left: 3.5em;
  }
}

.custom-logo-space > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.custom-logo-space > a:hover {
  color: #212529;
}
.custom-logo-space > a .custom-logo-mark {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.custom-logo-space > a .custom-logo-mark #customLogoMark {
  max-height: 2em;
  max-width: 100%;
}
.custom-logo-space > a .custom-logo-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.custom-logo-space > a .custom-logo-type #customLogoType {
  line-height: 1;
  display: block;
  margin-left: 0.25em;
  padding: 0;
  margin-bottom: 0;
}
.custom-logo-space > a .custom-logo-type #customLogoType.header-powered > img {
  max-width: 100%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p {
  margin: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  font-weight: bold;
  -webkit-transform: rotate(0.00001deg);
          transform: rotate(0.00001deg);
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-70 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.7);
          transform: rotate(0.00001deg) scaleX(0.7);
  width: 142.8571428571%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-71 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.71);
          transform: rotate(0.00001deg) scaleX(0.71);
  width: 140.8450704225%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-72 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.72);
          transform: rotate(0.00001deg) scaleX(0.72);
  width: 138.8888888889%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-73 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.73);
          transform: rotate(0.00001deg) scaleX(0.73);
  width: 136.9863013699%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-74 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.74);
          transform: rotate(0.00001deg) scaleX(0.74);
  width: 135.1351351351%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-75 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.75);
          transform: rotate(0.00001deg) scaleX(0.75);
  width: 133.3333333333%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-76 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.76);
          transform: rotate(0.00001deg) scaleX(0.76);
  width: 131.5789473684%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-77 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.77);
          transform: rotate(0.00001deg) scaleX(0.77);
  width: 129.8701298701%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-78 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.78);
          transform: rotate(0.00001deg) scaleX(0.78);
  width: 128.2051282051%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-79 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.79);
          transform: rotate(0.00001deg) scaleX(0.79);
  width: 126.582278481%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-80 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.8);
          transform: rotate(0.00001deg) scaleX(0.8);
  width: 125%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-81 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.81);
          transform: rotate(0.00001deg) scaleX(0.81);
  width: 123.4567901235%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-82 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.82);
          transform: rotate(0.00001deg) scaleX(0.82);
  width: 121.9512195122%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-83 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.83);
          transform: rotate(0.00001deg) scaleX(0.83);
  width: 120.4819277108%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-84 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.84);
          transform: rotate(0.00001deg) scaleX(0.84);
  width: 119.0476190476%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-85 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.85);
          transform: rotate(0.00001deg) scaleX(0.85);
  width: 117.6470588235%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-86 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.86);
          transform: rotate(0.00001deg) scaleX(0.86);
  width: 116.2790697674%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-87 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.87);
          transform: rotate(0.00001deg) scaleX(0.87);
  width: 114.9425287356%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-88 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.88);
          transform: rotate(0.00001deg) scaleX(0.88);
  width: 113.6363636364%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-89 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.89);
          transform: rotate(0.00001deg) scaleX(0.89);
  width: 112.3595505618%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-90 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.9);
          transform: rotate(0.00001deg) scaleX(0.9);
  width: 111.1111111111%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-91 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.91);
          transform: rotate(0.00001deg) scaleX(0.91);
  width: 109.8901098901%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-92 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.92);
          transform: rotate(0.00001deg) scaleX(0.92);
  width: 108.6956521739%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-93 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.93);
          transform: rotate(0.00001deg) scaleX(0.93);
  width: 107.5268817204%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-94 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.94);
          transform: rotate(0.00001deg) scaleX(0.94);
  width: 106.3829787234%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-95 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.95);
          transform: rotate(0.00001deg) scaleX(0.95);
  width: 105.2631578947%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-96 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.96);
          transform: rotate(0.00001deg) scaleX(0.96);
  width: 104.1666666667%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-97 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.97);
          transform: rotate(0.00001deg) scaleX(0.97);
  width: 103.0927835052%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-98 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.98);
          transform: rotate(0.00001deg) scaleX(0.98);
  width: 102.0408163265%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-99 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.99);
          transform: rotate(0.00001deg) scaleX(0.99);
  width: 101.0101010101%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-100 {
  -webkit-transform: rotate(0.00001deg) scaleX(1);
          transform: rotate(0.00001deg) scaleX(1);
  width: 100%;
}
.custom-logo-space > a .custom-logo-type .header-powered {
  margin-left: 0.3em;
  line-height: 1;
}

.search-space {
  position: relative;
  margin-right: 0;
  padding: 0.5em;
}
@media (max-width: 767.98px) {
  .search-space {
    margin-right: 0;
  }
}
.search-space > table {
  margin: 0 0 0.25em;
}

.exist-collapse {
  position: relative;
  display: block;
}
.exist-collapse:before {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "\f077";
  font-size: 1.5em;
  font-family: "Font Awesome 6 Pro";
  right: 0.5em;
  top: 0;
  bottom: 0;
  height: 100%;
}
.exist-collapse.collapsed:before {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.flex-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767.98px) {
  .flex-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.flex-space > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.flex-space.flex-col-2 > div {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 49.9%;
      flex-basis: 49.9%;
}
@media (max-width: 767.98px) {
  .flex-space.flex-col-2 > div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 767.98px) {
  .flex-space.flex-col-2.flex-center-sm {
    text-align: center;
  }
}
.flex-space.flex-col-2.flex-col-2-left > div {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.flex-space.flex-col-3 > div {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 33.3%;
      flex-basis: 33.3%;
}
@media (max-width: 767.98px) {
  .flex-space.flex-col-3 > div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 767.98px) {
  .flex-space.flex-col-3.flex-center-sm {
    text-align: center;
  }
}
.flex-space.flex-col-3.flex-col-3-left > div {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.circle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
}

/* btn-choice */
.btn-choice input[type=checkbox], .btn-choice input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  margin-bottom: 0;
}
.btn-choice.btn-danger, .btn-choice.btn-warning, .btn-choice.btn-info, .btn-choice.btn-success {
  background-color: #E5E5E5;
  border: thin solid #E5E5E5;
  color: #333;
}
.btn-choice.choice-primary {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-primary.active {
  background-color: #40220F;
  border: thin solid #170c05;
  color: #fff;
}
.btn-choice.choice-primary-light {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-primary-light.active {
  background-color: #934e22;
  border: thin solid #693819;
  color: #fff;
}
.btn-choice.choice-primary-dark {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-primary-dark.active {
  background-color: #170c05;
  border: thin solid black;
  color: #fff;
}
.btn-choice.choice-secondary {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-secondary.active {
  background-color: #E29505;
  border: thin solid #b07404;
  color: #212529;
}
.btn-choice.choice-success {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-success.active {
  background-color: #11832c;
  border: thin solid #0b561d;
  color: #fff;
}
.btn-choice.choice-info {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-info.active {
  background-color: #17a2b8;
  border: thin solid #117a8b;
  color: #fff;
}
.btn-choice.choice-warning {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-warning.active {
  background-color: #ffc107;
  border: thin solid #d39e00;
  color: #212529;
}
.btn-choice.choice-danger {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-danger.active {
  background-color: #dc3545;
  border: thin solid #bd2130;
  color: #fff;
}
.btn-choice.choice-light {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-light.active {
  background-color: #FEF9C3;
  border: thin solid #fdf491;
  color: #212529;
}
.btn-choice.choice-dark {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-dark.active {
  background-color: #343a40;
  border: thin solid #1d2124;
  color: #fff;
}
.btn-choice.choice-output {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-output.active {
  background-color: #eb6c02;
  border: thin solid #b95502;
  color: #fff;
}
.btn-choice.choice-another {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-another.active {
  background-color: #6610f2;
  border: thin solid #510bc4;
  color: #fff;
}
.btn-choice.choice-halt {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-halt.active {
  background-color: #8c68ce;
  border: thin solid #6f42c1;
  color: #fff;
}
.btn-choice.choice-cream {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-cream.active {
  background-color: #F5F3F0;
  border: thin solid #e1dbd1;
  color: #212529;
}
.btn-choice.choice-brown {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-brown.active {
  background-color: #40220F;
  border: thin solid #170c05;
  color: #fff;
}
.btn-choice.choice-main {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-main.active {
  background-color: #40220F;
  border: thin solid #170c05;
  color: #fff;
}

/* header-nav */
.navbar {
  border-top: 2px solid #40220F;
  padding: 0.5em 0 0.5em 0.5em;
}
@media (max-width: 991.98px) {
  .navbar .self-name {
    font-size: 0.75em;
  }
}

.nav-logo {
  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;
}
@media (min-width: 768px) {
  .nav-logo {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.nav-logo > a .logo-mark, .nav-logo > span .logo-mark {
  margin: 0;
  padding: 0;
  height: 1.75em;
  height: 2em;
}
@media (min-width: 576px) {
  .nav-logo > a .logo-mark, .nav-logo > span .logo-mark {
    height: 2em;
  }
}
@media (min-width: 768px) {
  .nav-logo > a .logo-mark, .nav-logo > span .logo-mark {
    margin: 0;
  }
}
.nav-logo > a .logo-type, .nav-logo > span .logo-type {
  display: block;
  margin: 0 auto;
  padding: 0;
}

#side-menu-toggle {
  display: inline-block;
  position: fixed;
  z-index: 1031;
  left: 0.5em;
  top: inherit;
  bottom: 1em;
}
@media (min-width: 768px) {
  #side-menu-toggle {
    display: none;
  }
}
#side-menu-toggle #side-menu-toggle-button {
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 13px -4px #333;
          box-shadow: 1px 1px 13px -4px #333;
  display: block;
  padding: 0.5em;
  cursor: pointer;
}

/* side */
#sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 0;
  width: 100%;
}
@media (max-width: 767.98px) {
  #sidebar {
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    transition: -webkit-transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    transition: transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    transition: transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s, -webkit-transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    position: fixed;
    right: 0;
    margin: auto;
    top: 3.2em;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
  #sidebar.mobile-show {
    -webkit-transform: none;
            transform: none;
  }
}

.sidebar-sticky {
  position: sticky;
  top: 0;
  height: 100%;
  padding-top: 3.2em;
  padding-bottom: 4em;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
@media (max-width: 767.98px) {
  .sidebar-sticky {
    overflow-x: inherit;
    overflow-y: inherit;
    padding-top: 0;
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.activity-container {
  padding: 0;
  margin: 0 1em 0 0;
}
@media (max-width: 767.98px) {
  .activity-container {
    margin-right: 0;
  }
}
.activity-container .activity-date {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  padding: 1em 0;
}
.activity-container .activity-datetime {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 8em;
      flex-basis: 8em;
  max-width: 8em;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.5em 0;
  border-radius: 0.1em;
}
.activity-container .activity-datetime-wrapper {
  margin-right: 0.5em;
}
.activity-container .activity-datetime-wrapper-date {
  background-color: #E5E5E5;
  padding: 0.1em 0;
}
.activity-container .activity-datetime-wrapper-time {
  background-color: #E5E5E5;
  padding: 0.1em 0;
}
@media (max-width: 991.98px) {
  .activity-container .activity-datetime {
    -ms-flex-preferred-size: 7em;
        flex-basis: 7em;
    max-width: 7em;
    font-size: 0.7em;
  }
}
@media (max-width: 767.98px) {
  .activity-container .activity-datetime {
    font-size: 0.8em;
    -ms-flex-preferred-size: 8em;
        flex-basis: 8em;
    max-width: 8em;
  }
}
.activity-container .activity-kinds .activity-title {
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 0.5em 0 0;
}
.activity-container .activity-kinds .activity-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.activity-container .activity-kinds .activity-list > li {
  background: #F9F9F9;
  padding: 0.25em 0.5em;
  -webkit-transition: background 200ms ease-in 0s;
  transition: background 200ms ease-in 0s;
  position: relative;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.activity-container .activity-kinds .activity-list > li.list-supporter {
  background: #ddf7fb;
}
.activity-container .activity-kinds .activity-list > li.list-supporter:hover {
  background: #87e2f0;
}
.activity-container .activity-kinds .activity-list > li.list-supporter > .activity-item-inner > .activity-datetime > .activity-datetime-wrapper > .activity-datetime-wrapper-time {
  background: #fff;
}
.activity-container .activity-kinds .activity-list > li.list-staff {
  background: #a0f3b4;
}
.activity-container .activity-kinds .activity-list > li.list-staff:hover {
  background: #5dea7e;
}
.activity-container .activity-kinds .activity-list > li.list-staff > .activity-item-inner > .activity-datetime > .activity-datetime-wrapper > .activity-datetime-wrapper-time {
  background: #fff;
}
.activity-container .activity-kinds .activity-list > li.list-new {
  background: #ffe187;
}
.activity-container .activity-kinds .activity-list > li.list-new:hover {
  background: #ffc721;
}
.activity-container .activity-kinds .activity-list > li.list-new > .activity-item-inner > .activity-datetime > .activity-datetime-wrapper > .activity-datetime-wrapper-time {
  background: #fff;
}
.activity-container .activity-kinds .activity-list > li .activity-type {
  position: absolute;
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px -1px #333;
          box-shadow: 1px 1px 2px -1px #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  left: 2.4em;
  color: #6c757d;
}
.activity-container .activity-kinds .activity-list > li .activity-type > i {
  font-size: 1.1em;
}
@media (max-width: 1199.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-type {
    top: 0;
    left: 2em;
    width: 1.25em;
    height: 1.25em;
  }
  .activity-container .activity-kinds .activity-list > li .activity-type i {
    font-size: 0.9em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .image-icon-cropper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 2.5em;
  height: 2.5em;
}
@media (max-width: 767.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .image-icon-cropper {
    width: 3em;
    height: 3em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .image-icon-cropper > img {
  border-radius: 50%;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time > span {
  background: #E5E5E5;
  padding: 0.2em 0.8em;
  text-align: center;
  margin-right: 0.25em;
  border-radius: 0.2em;
  font-size: 0.9em;
  font-weight: bold;
}
@media (max-width: 1199.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time > span {
    padding: 0.2em 0.25em;
    font-size: 0.8em;
  }
}
@media (max-width: 767.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time > span {
    padding: 0.4em 0.5em;
    font-size: 1em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-user {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  font-size: 0.9em;
}
@media (max-width: 767.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-user {
    font-size: 1em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-information {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  font-size: 0.9em;
}
@media (max-width: 767.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-information {
    font-size: 1em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-information .activity-information-type {
  font-size: 0.75em;
  font-weight: bold;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify .notify-count {
  background-color: #ced4da;
  font-weight: bold;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-align: center;
  line-height: 1.5em;
}
@media (max-width: 767.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify .notify-count {
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1.2em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify.notify-active .notify-count {
  background-color: #40220F;
  color: #fff;
}
.activity-container .activity-kinds .activity-list > li:hover {
  background: #d98c5c;
}
.activity-container .activity-kinds .activity-list > li:hover a {
  color: inherit;
}
.activity-container .activity-kinds .more-space {
  padding: 0.5em 0.5em 1em;
  text-align: center;
}
.activity-container .activity-kinds .more-space > .btn {
  display: block;
}
@media (max-width: 767.98px) {
  .activity-container .activity-kinds .more-space > .btn {
    padding: 1.25em 0;
  }
}

.menu-accordion {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
}
.menu-accordion > li {
  padding: 0.5em;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > li:hover {
  background: #d98c5c;
}
.menu-accordion > li:hover a {
  color: inherit;
}
.menu-accordion > li a {
  display: block;
  padding: 0;
}
.menu-accordion > ul {
  list-style-type: none;
  padding: 0 0 0.5em;
}
@media (max-width: 767.98px) {
  .menu-accordion > ul {
    padding: 0;
  }
}
.menu-accordion > ul > li {
  padding: 0.25em 0 0.25em 0;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > ul > li:hover {
  background: #d98c5c;
}
.menu-accordion > ul > li:hover a {
  color: inherit;
}
.menu-accordion > ul > li a {
  display: block;
  padding: 0 0.5em;
}
@media (max-width: 767.98px) {
  .menu-accordion > ul > li a {
    padding: 0.5em;
  }
}
.menu-accordion > ul > li > ul > li {
  padding: 0.2em 0;
}
.menu-accordion > ul > li > ul > li:first-child {
  margin-top: 0.3em;
}
.menu-accordion > ul > li > ul > li a {
  position: relative;
  display: block;
  padding-left: 0.65em;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > ul > li > ul > li a:hover {
  background: #cf6f32;
}
.menu-accordion > ul > li > ul > li a:hover a {
  color: inherit;
}
@media (max-width: 767.98px) {
  .menu-accordion > ul > li > ul > li a {
    padding: 0.5em;
  }
}
.menu-accordion > ul > li > ul > li a:before {
  content: "・";
}
.menu-accordion > ul > li.p-copyright {
  padding: 0.5em;
  background-color: #40220F;
  color: #fff;
  text-align: center;
}
.menu-accordion > ul > li.p-copyright:hover {
  background: #40220F;
}

/* main */
main.content-main .main-inner {
  padding: 1em 1em 3em 0;
}
@media (max-width: 1199.98px) {
  main.content-main .main-inner {
    padding: 0.5em;
    margin-bottom: 4em;
  }
}
main.content-main .main-inner > form .section-content {
  margin: 0 0 1em 0;
}
main.content-main .main-inner .section-content {
  margin: 0 0 1em 0;
}

section.section-content.section-file-category .header-space .header-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
section .section-inner {
  padding: 0 1em 1em;
}
@media (max-width: 991.98px) {
  section .section-inner {
    padding: 0 0.5em 1em;
  }
}
section.announce-space {
  background-color: #40220F;
  color: #fff;
}
section.announce-space h2 {
  font-size: 1em;
}
section.announce-space .section-inner {
  padding: 0 1em 1em;
  font-size: 0.8em;
}
section.announce-space .section-delete-icon {
  font-weight: bold;
  color: #fff;
}
section.announce-space .section-delete-icon:hover {
  color: #d98c5c;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.header-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767.98px) {
  ul.header-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
ul.header-space.header-main {
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
  -webkit-box-shadow: 0px 0px 7px -5px #333;
          box-shadow: 0px 0px 7px -5px #333;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
ul.header-space .header-title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
ul.header-space .header-title h2, ul.header-space .header-title h3, ul.header-space .header-title h4, ul.header-space .header-title h5, ul.header-space .header-title h6 {
  padding: 0.5em 0;
  margin: 0;
}
ul.header-space .header-title h2.under-line, ul.header-space .header-title h3.under-line, ul.header-space .header-title h4.under-line, ul.header-space .header-title h5.under-line, ul.header-space .header-title h6.under-line {
  border-bottom: thin solid #000;
  padding-bottom: 0.25em;
}
ul.header-space .header-title h2.works-header, ul.header-space .header-title h3.works-header, ul.header-space .header-title h4.works-header, ul.header-space .header-title h5.works-header, ul.header-space .header-title h6.works-header {
  line-height: 2em;
}
ul.header-space .header-inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
ul.header-space .header-inner .elem-for-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767.98px) {
  ul.header-space .header-inner .elem-for-flex {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
ul.header-space .header-inner.none-delete-button {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
ul.header-space .header-inner.none-delete-button .date-picker-space {
  max-width: none;
  margin: 0 0.5em 0 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767.98px) {
  ul.header-space .header-inner.none-delete-button .date-picker-space {
    max-width: 14em;
  }
}
@media (max-width: 319.98px) {
  ul.header-space .header-inner.none-delete-button .date-picker-space {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
ul.header-space .header-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: right;
}
ul.header-space .header-right .elem-for-flex > .btn, ul.header-space .header-right .elem-for-flex > button {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
ul.header-space > li .elem-for-flex {
  padding: 0 0.5em;
}
ul.header-space > li:last-child .elem-for-flex {
  padding: 1em 0.5em 1em 0;
}
@media (max-width: 767.98px) {
  ul.header-space > li:last-child .elem-for-flex {
    padding: 0.5em;
  }
  ul.header-space > li:last-child .elem-for-flex .btn {
    margin-bottom: 0.25em;
  }
}
ul.header-space > li:first-child .elem-for-flex {
  display: block;
  padding: 0.5em;
}
ul.header-space > li.header-right .elem-for-flex {
  text-align: right;
}

.header-append {
  position: relative;
  -webkit-box-shadow: 0px 0px 7px -5px #333;
          box-shadow: 0px 0px 7px -5px #333;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* table */
table.sort-table > thead > tr > th {
  background-color: #e9ecef;
  padding: 0.25em 0.75em;
}
table.sort-table > tbody > tr > th, table.sort-table > tfoot > tr > th {
  padding: 0.25em 0.75em;
}
table.sort-table > tbody > tr > td, table.sort-table > tfoot > tr > td {
  padding: 0.25em 0.75em;
}
table.sort-table > tbody > tr > td.td-action, table.sort-table > tfoot > tr > td.td-action {
  text-align: right;
}
table.table-hover tbody tr, table.table-hover tfoot tr {
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
table.table-hover tbody tr:hover, table.table-hover tfoot tr:hover {
  background: #fff7e6;
  cursor: pointer;
}
table.def-table th {
  background-color: #F3F4F5;
  padding: 0.25em 1em;
  font-weight: inherit;
  border-top: inherit;
  border-bottom: thin solid #e5e7e9;
  vertical-align: middle;
}
table.def-table td {
  border: none;
  padding: 0.25em 1em;
  border-bottom: thin solid #e5e7e9;
  vertical-align: middle;
}
table.def-table td .btn {
  margin-bottom: 0.25em;
}
table.def-responsive-table {
  border: thin solid #E5E5E5;
}
table.def-responsive-table > thead > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  background-color: #F3F4F5;
  vertical-align: middle;
}
table.def-responsive-table > tbody > tr > th, table.def-responsive-table > tfoot > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  vertical-align: middle;
  background-color: #F3F4F5;
}
table.def-responsive-table > tbody > tr > th.bg-lighter, table.def-responsive-table > tfoot > tr > th.bg-lighter {
  background-color: #edeff0;
}
table.def-responsive-table > tbody > tr > td, table.def-responsive-table > tfoot > tr > td {
  padding: 0.15em 0.5em;
  vertical-align: middle;
}
table.def-responsive-table > tbody > tr > td .btn, table.def-responsive-table > tfoot > tr > td .btn {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
table.def-responsive-table.table-hover tbody tr, table.def-responsive-table.table-hover tfoot tr {
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
table.def-responsive-table.table-hover tbody tr:hover, table.def-responsive-table.table-hover tfoot tr:hover {
  background: #d98c5c;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  table.def-responsive-table {
    display: block;
    width: 100%;
    background-color: #F3F4F5;
  }
  table.def-responsive-table > thead {
    display: none;
  }
  table.def-responsive-table > thead > tr > th.no-caption-sm:before {
    content: none;
  }
  table.def-responsive-table > thead.disp-sm {
    display: block;
    background-color: #F3F4F5;
    border-bottom: 2px solid #dee2e6;
  }
  table.def-responsive-table > thead.disp-sm > tr > th, table.def-responsive-table > thead.disp-sm > tr > td {
    display: block;
    width: 100%;
    border-top: 0;
    border-bottom: 0;
  }
  table.def-responsive-table > tbody, table.def-responsive-table > tfoot {
    display: block;
    width: 100%;
  }
  table.def-responsive-table > tbody > tr, table.def-responsive-table > tfoot > tr {
    display: block;
    width: 100%;
  }
  table.def-responsive-table > tbody > tr > th, table.def-responsive-table > tbody > tr > td, table.def-responsive-table > tfoot > tr > th, table.def-responsive-table > tfoot > tr > td {
    display: block;
    width: 100%;
    text-align: left;
    border-top: none;
    margin-top: 0.5em;
  }
  table.def-responsive-table > tbody > tr > th:before, table.def-responsive-table > tbody > tr > td:before, table.def-responsive-table > tfoot > tr > th:before, table.def-responsive-table > tfoot > tr > td:before {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    content: attr(data-caption);
  }
  table.def-responsive-table > tbody > tr > th:first-child, table.def-responsive-table > tbody > tr > td:first-child, table.def-responsive-table > tfoot > tr > th:first-child, table.def-responsive-table > tfoot > tr > td:first-child {
    margin-top: 0;
    border-top: thin solid #E5E5E5;
  }
  table.def-responsive-table > tbody > tr > th.no-caption-sm:before, table.def-responsive-table > tbody > tr > td.no-caption-sm:before, table.def-responsive-table > tfoot > tr > th.no-caption-sm:before, table.def-responsive-table > tfoot > tr > td.no-caption-sm:before {
    content: none;
  }
  table.def-responsive-table > tbody > tr > th input[type=file], table.def-responsive-table > tbody > tr > td input[type=file], table.def-responsive-table > tfoot > tr > th input[type=file], table.def-responsive-table > tfoot > tr > td input[type=file] {
    width: 100%;
  }
  table.def-responsive-table > tbody > tr > th:not([data-caption]):before, table.def-responsive-table > tbody > tr > td:not([data-caption]):before, table.def-responsive-table > tfoot > tr > th:not([data-caption]):before, table.def-responsive-table > tfoot > tr > td:not([data-caption]):before {
    content: none;
  }
  table.def-responsive-table > tbody.sortable-list > tr > th, table.def-responsive-table > tbody.sortable-list > tr > td, table.def-responsive-table > tfoot.sortable-list > tr > th, table.def-responsive-table > tfoot.sortable-list > tr > td {
    margin-top: 0;
  }
  table.def-responsive-table.no-header-color > thead > tr > th, table.def-responsive-table.no-header-color > tbody > tr > th, table.def-responsive-table.no-header-color > tfoot > tr > th {
    background-color: inherit;
  }
  table.def-responsive-table.no-header-color > thead > tr > td:first-child, table.def-responsive-table.no-header-color > tbody > tr > td:first-child, table.def-responsive-table.no-header-color > tfoot > tr > td:first-child {
    background-color: inherit;
  }
}
table.def-responsive-table.table-vertical > tbody > tr > th:before, table.def-responsive-table.table-vertical > tbody > tr > td:before, table.def-responsive-table.table-vertical > tfoot > tr > th:before, table.def-responsive-table.table-vertical > tfoot > tr > td:before {
  display: none;
}
table.def-responsive-table.table-vertical > tbody > tr > th:first-child, table.def-responsive-table.table-vertical > tbody > tr > td:first-child, table.def-responsive-table.table-vertical > tfoot > tr > th:first-child, table.def-responsive-table.table-vertical > tfoot > tr > td:first-child {
  border-top: thin solid #E5E5E5;
}
table.def-responsive-table.table-vertical.spn-header-middle > tbody > tr > th br, table.def-responsive-table.table-vertical.spn-header-middle > tfoot > tr > th br {
  display: none;
}
table.def-responsive-table.table-vertical.spn-header-middle > tbody > tr > th:first-child, table.def-responsive-table.table-vertical.spn-header-middle > tbody > tr > td:first-child, table.def-responsive-table.table-vertical.spn-header-middle > tfoot > tr > th:first-child, table.def-responsive-table.table-vertical.spn-header-middle > tfoot > tr > td:first-child {
  padding: 0.25em;
}
@media (max-width: 767.98px) {
  table.def-responsive-table.none-responsive-header > tbody > tr > th:before, table.def-responsive-table.none-responsive-header > tbody > tr > td:before, table.def-responsive-table.none-responsive-header > tfoot > tr > th:before, table.def-responsive-table.none-responsive-header > tfoot > tr > td:before {
    content: none;
  }
}
table.def-responsive-table.spn-space-between > tbody, table.def-responsive-table.spn-space-between > tfoot {
  width: 100%;
}
table.def-responsive-table.spn-space-between > tbody > tr > td.td-action, table.def-responsive-table.spn-space-between > tfoot > tr > td.td-action {
  text-align: right;
}
@media (max-width: 767.98px) {
  table.def-responsive-table.spn-space-between > tbody > tr, table.def-responsive-table.spn-space-between > tfoot > tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  table.def-responsive-table.spn-space-between > tbody > tr > th, table.def-responsive-table.spn-space-between > tfoot > tr > th {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: inherit;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    border-bottom: thin solid #dee2e6;
  }
  table.def-responsive-table.spn-space-between > tbody > tr > td, table.def-responsive-table.spn-space-between > tfoot > tr > td {
    background-color: #fff;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    border: none;
    text-align: left;
    border-bottom: thin solid #dee2e6;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  table.def-responsive-table.spn-space-between > tbody > tr > td, table.def-responsive-table.spn-space-between > tfoot > tr > td {
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  table.def-responsive-table.spn-space-between > tbody > tr > td.td-action, table.def-responsive-table.spn-space-between > tfoot > tr > td.td-action {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    text-align: right;
  }
  table.def-responsive-table.spn-space-between > tbody.sort-mode > tr > th, table.def-responsive-table.spn-space-between > tfoot.sort-mode > tr > th {
    background-color: inherit;
  }
  table.def-responsive-table.spn-space-between > tbody.sort-mode > tr > td, table.def-responsive-table.spn-space-between > tfoot.sort-mode > tr > td {
    background-color: inherit;
  }
}
table.def-responsive-table.no-border {
  border: none;
}
table.def-responsive-table.no-border > thead > tr > th, table.def-responsive-table.no-border > thead > tr > td, table.def-responsive-table.no-border > tbody > tr > th, table.def-responsive-table.no-border > tbody > tr > td {
  border: none;
}
@media (max-width: 767.98px) {
  table.def-responsive-table.no-header-color > thead > tr > th, table.def-responsive-table.no-header-color > tbody > tr > th {
    background-color: inherit;
  }
}
table thead.thead-main th {
  color: #fff;
  background-color: #6c757d;
  border-color: #fff;
}

.show-link {
  display: inline-block;
}

/* datepicker */
.date-picker-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 14em;
  margin: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 319.98px) {
  .date-picker-space {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.date-picker-space .to-prev, .date-picker-space .to-next {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.date-picker-space .to-prev > a, .date-picker-space .to-next > a {
  height: 100%;
  display: block;
  background: #fff;
  width: 2em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.date-picker-space .to-prev {
  border-top: thin solid #E5E5E5;
  border-bottom: thin solid #E5E5E5;
  border-left: thin solid #E5E5E5;
}
.date-picker-space .to-next {
  border-top: thin solid #E5E5E5;
  border-bottom: thin solid #E5E5E5;
  border-right: thin solid #E5E5E5;
}
.date-picker-space .picker-space {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
  border: thin solid #E5E5E5;
}
.date-picker-space .picker-space input {
  border: none;
}

.char-at-to {
  display: block;
  padding: 0.5em;
}
@media (max-width: 499.98px) {
  .char-at-to {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/* schedule-list */
.schedule-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.schedule-list > li {
  margin-bottom: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.schedule-list > li .schedule-time-line {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  max-width: 2em;
  position: relative;
  background-image: linear-gradient(to top, #000, #000 1px, transparent 1px, transparent 1px);
  background-size: 1px 3px;
  background-position: bottom;
  background-repeat: repeat-y;
}
.schedule-list > li .schedule-time-line .schedule-time-line-icon {
  background: #fff;
}
.schedule-list > li .schedule-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.schedule-list > li .schedule-info .schedule-info-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.schedule-list > li .schedule-info .schedule-info-header .schedule-info-header-time {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
  font-weight: bold;
}
.schedule-list > li .schedule-info .schedule-info-header .schedule-info-header-buttons {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.schedule-list > li .schedule-info .schedule-info-inner .schedule-info-inner-work {
  color: #FFBB33;
  font-weight: bold;
}
.schedule-list > li .schedule-info .schedule-info-inner .schedule-info-inner-work-sub {
  font-weight: bold;
}
.schedule-list > li .schedule-info .schedule-info-inner .schedule-info-inner-text {
  font-size: 0.9em;
  margin-bottom: 1em;
}

/* daily-info-base-list */
.daily-info-base-list, .disp-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.daily-info-base-list > li, .disp-list > li {
  margin-bottom: 1em;
}
.daily-info-base-list > li .base-info-item-inner, .disp-list > li .base-info-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767.98px) {
  .daily-info-base-list > li .base-info-item-inner, .disp-list > li .base-info-item-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-caption, .disp-list > li .base-info-item-inner > .item-caption {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 13em;
      flex-basis: 13em;
}
@media (max-width: 767.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-caption, .disp-list > li .base-info-item-inner > .item-caption {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    margin-bottom: 0;
  }
}
@media (max-width: 499.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-caption, .disp-list > li .base-info-item-inner > .item-caption {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-caption > span, .disp-list > li .base-info-item-inner > .item-caption > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-color: #fff;
  margin-right: 1em;
  border: thin solid #495057;
  padding: 0.5em 1em;
  color: #495057;
  height: 100%;
}
@media (max-width: 767.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-caption > span, .disp-list > li .base-info-item-inner > .item-caption > span {
    padding: 0.5em;
    font-size: 0.9em;
  }
}
@media (max-width: 499.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-caption > span, .disp-list > li .base-info-item-inner > .item-caption > span {
    margin-right: 0;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-inputs, .disp-list > li .base-info-item-inner > .item-inputs, .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 767.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-inputs, .disp-list > li .base-info-item-inner > .item-inputs, .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
    -ms-flex-preferred-size: 67%;
        flex-basis: 67%;
  }
}
@media (max-width: 499.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-inputs, .disp-list > li .base-info-item-inner > .item-inputs, .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
    margin-top: 0.5em;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 499.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
    margin-top: 0.5em;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-text > div, .disp-list > li .base-info-item-inner > .item-text > div {
  padding: 0.5em 1em 0.5em 0;
}
.daily-info-base-list > li .base-info-item-inner > .item-text > div.youryou-flex, .disp-list > li .base-info-item-inner > .item-text > div.youryou-flex {
  padding: 0;
}

.disp-list {
  padding-top: 1em;
}

/* chat */
.chat-container .chat-title-section {
  border-radius: 0;
  margin-bottom: 0;
}
.chat-container .chat-title-section .header-space.header-main {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .chat-container .chat-title-section .header-space.header-main .header-title .elem-for-flex {
    padding: 0 0.5em;
  }
  .chat-container .chat-title-section .header-space.header-main .header-title .elem-for-flex h2 {
    font-size: 1rem;
    padding-bottom: 0;
  }
  .chat-container .chat-title-section .header-space.header-main .header-right .elem-for-flex {
    text-align: right;
    padding: 0;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .chat-container .chat-title-section .header-space.header-main .header-right .elem-for-flex {
    text-align: left;
  }
}
.chat-container .chat-main-section {
  border-radius: 0;
  margin-bottom: 0;
}
.chat-container .chat-main-section .section-inner {
  padding: 0;
}
.chat-container .chat-control-section {
  -webkit-box-shadow: 0 2px 7px -5px #495057;
          box-shadow: 0 2px 7px -5px #495057;
  border-radius: 0;
  margin-top: 0;
}
.chat-container .chat-control-section .chat-helper-space {
  padding: 0 1em;
}
.chat-container .chat-control-section .chat-helper-space > a {
  display: inline-block;
  padding: 0.1em 1em;
  border: thin solid #ced4da;
  border-radius: 0.1em;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.chat-container .chat-control-section .chat-helper-space > a:hover {
  background: #d98c5c;
}
.chat-container .chat-control-section .chat-helper-space > a:hover a {
  color: inherit;
}
.chat-container .chat-control-section .chat-helper-space > a:hover {
  cursor: pointer;
}
.chat-container .chat-control-section .input-chat-space {
  margin: 0.1em 0 0;
  padding: 0 1em;
}

#chat-wrapper {
  overflow-y: auto;
  max-height: 100%;
  padding: 1em;
}

.chat-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
}
.chat-list > li {
  margin-bottom: 1em;
}
.chat-list > li .chat-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.chat-list > li .chat-flex .chat-flex-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 100%;
}
.chat-list > li .chat-flex .chat-flex-main .chat-item-info {
  text-align: right;
  margin: 0.25em 0.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.chat-list > li .chat-flex .chat-flex-main .chat-item-info .chat-item-info-detail {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .chat-item-info .chat-item-info-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .info-content {
  background-color: #F3F4F5;
  border-radius: 0.25em;
  -webkit-box-shadow: 3px 3px 8px -6px #333;
          box-shadow: 3px 3px 8px -6px #333;
  margin-right: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.chat-list > li .chat-flex .chat-flex-main .info-content.to-animation {
  -webkit-animation: fadeout-current ease-in 2s 0s infinite forwards;
          animation: fadeout-current ease-in 2s 0s infinite forwards;
}
@-webkit-keyframes fadeout-current {
  from {
    background: #fff7e6;
  }
  to {
    background: #F3F4F5;
  }
}
@keyframes fadeout-current {
  from {
    background: #fff7e6;
  }
  to {
    background: #F3F4F5;
  }
}
@-webkit-keyframes fadeout-after-current {
  from {
    border-left: #fff7e6;
  }
  to {
    border-left: #F3F4F5;
  }
}
@keyframes fadeout-after-current {
  from {
    border-left: #fff7e6;
  }
  to {
    border-left: #F3F4F5;
  }
}
.chat-list > li .chat-flex .chat-flex-main .info-content.to-animation:after {
  -webkit-animation: fadeout-after-current ease-in 2s 0s infinite forwards;
          animation: fadeout-after-current ease-in 2s 0s infinite forwards;
}
.chat-list > li .chat-flex .chat-flex-main .info-content:after {
  content: "";
  position: absolute;
  top: 0;
  right: -2em;
  border: 1em solid transparent;
  border-left: 1.8em solid #F3F4F5;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-target {
  padding: 1em 1em 0;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-target + .info-content-inner-text {
  padding: 0 1em 1em;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-inner-text {
  padding: 1em;
  word-break: break-all;
  width: 100%;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-attach-file {
  padding: 0 1em 1em 1em;
  word-break: break-all;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-actions .actions-wrap {
  padding: 1em 1em 1em 0;
}
.chat-list > li .chat-flex .chat-flex-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li.chat-other .chat-flex .chat-flex-main {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.chat-list > li.chat-other .chat-flex .chat-flex-main .chat-item-info {
  text-align: left;
  margin-left: 0.5em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.chat-list > li.chat-other .chat-flex .chat-flex-main .info-content {
  margin-right: 0;
  margin-left: 0.5em;
  position: relative;
}
.chat-list > li.chat-other .chat-flex .chat-flex-main .info-content:after {
  display: none;
}
.chat-list > li.chat-other .chat-flex .chat-flex-main .info-content:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -0.5em;
  border: 1em solid transparent;
  border-left: 1.8em solid #F3F4F5;
  -webkit-transform: rotate(-22deg);
          transform: rotate(-22deg);
}
.chat-list > li.chat-other .chat-flex .chat-flex-main .info-content .info-content-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li.chat-other .chat-flex .chat-flex-main .info-content .info-content-actions .actions-wrap {
  padding: 1em 1em 1em 0;
}
.chat-list > li.chat-other .chat-flex .chat-flex-icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.chat-list.chat-list-nippou > li .chat-flex .chat-flex-main .info-content {
  background-color: #fff;
}
.chat-list.chat-list-nippou > li .chat-flex .chat-flex-main .info-content:after {
  border-left: 1.8em solid #fff;
}
.chat-list.chat-list-nippou > li.chat-other .chat-flex .chat-flex-main .info-content:before {
  border-left: 1.8em solid #fff;
}

.input-chat-space {
  position: relative;
}
.input-chat-space .textarea-chat {
  font-size: 0.9em;
  padding: 0.5em 5em 0.5em 0.5em;
  min-height: 1em;
}
.input-chat-space .textarea-chat:focus {
  min-height: 5em;
}
.input-chat-space > button, .input-chat-space a, .input-chat-space input[type=submit], .input-chat-space input[type=button] {
  position: absolute;
  right: 1.5em;
  text-align: center;
  bottom: 1em;
  margin: auto;
  width: 3.5em;
  height: 2em;
  padding: 0;
  border-radius: 0.25em;
}

/* video-list */
.video-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1199.98px) {
  .video-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.video-list > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  padding-bottom: 1.5em;
}
@media (max-width: 1199.98px) {
  .video-list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 499.98px) {
  .video-list > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

.video-grid {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
  width: 100%;
}
@media (max-width: 1399.98px) {
  .video-grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1199.98px) {
  .video-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .video-grid {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

.video-item {
  padding: 0 0.25em;
}
.video-item .video-item-thumbnail {
  position: relative;
}
.video-item .video-item-thumbnail:after {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  content: "\f144";
  font-size: 3em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #dc3545;
  pointer-events: none;
}
.video-item .video-item-title {
  margin-bottom: 0.25em;
}
.video-item .video-item-title .video-title > .video-title-text {
  font-weight: bold;
  text-decoration: underline;
}
.video-item .video-item-title .video-title > i.material-icons {
  color: #40220F;
}
.video-item .video-item-info-list {
  font-size: 0.9em;
}
.video-item .video-item-info-list.info-category {
  font-weight: bold;
}
.video-item .video-item-info-list.info-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-item .video-item-info-list.info-details > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

/* video-space */
.video-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1199.98px) {
  .video-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.video-space .video-wrapper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 720px;
      flex-basis: 720px;
}
@media (max-width: 1199.98px) {
  .video-space .video-wrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.video-space .video-info-space {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 1399.98px) {
  .video-space .video-info-space {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.video-space .video-info-space .video-info-wrapper {
  padding: 0 1em;
}
@media (max-width: 1199.98px) {
  .video-space .video-info-space .video-info-wrapper {
    padding: 0;
  }
}
.video-space .video-info-space .video-info-wrapper .video-info-title {
  padding: 0 0 0.25em;
  margin: 0 0 0.25em;
  border-bottom: 2px dashed #6c757d;
  font-size: 1.2em;
}
@media (max-width: 1399.98px) {
  .video-space .video-info-space .video-info-wrapper .video-info-title {
    padding: 0.5em 0;
  }
}
.video-space .video-info-space .video-info-wrapper .video-info-title i {
  color: #007bff;
}
.video-space .video-info-space .video-info-wrapper .video-info-inner {
  word-break: break-all;
}
@media (max-width: 1399.98px) {
  .video-space .video-info-space .video-info-wrapper .video-info-inner {
    padding: 0.5em 0 0.5em;
  }
}
@media (max-width: 1399.98px) {
  .video-space .video-info-space .video-info-wrapper .video-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .video-space .video-info-space .video-info-wrapper .video-info-list > li {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .video-space .video-info-space .video-info-wrapper .video-info-list > li > a, .video-space .video-info-space .video-info-wrapper .video-info-list > li > span {
    display: inline-block;
    padding-right: 1em;
  }
}

/* faq-list */
.faq-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.faq-list > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 20em;
      flex-basis: 20em;
  margin-bottom: 0.5em;
}
.faq-list > li.empty-item {
  height: 0;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 499.98px) {
  .faq-list > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.faq-list > li .faq-item {
  margin: 0 0.1em;
}
.faq-list > li .faq-item .faq-item-inner {
  width: 100%;
  padding: 0.5em 1em;
  border: thin solid #adb5bd;
  margin-right: 0.5em;
}
.faq-list > li .faq-item .faq-item-title {
  padding-bottom: 1em;
}

.answer-info, .faq-item-info, .preview-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.answer-info > li, .faq-item-info > li, .preview-info > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-right: 1em;
}
.answer-info > li.faq-up-date > i, .faq-item-info > li.faq-up-date > i, .preview-info > li.faq-up-date > i {
  color: #11832c;
}
.answer-info > li.faq-category > i, .faq-item-info > li.faq-category > i, .preview-info > li.faq-category > i {
  color: #FFBB33;
}

.question-inner {
  padding: 1em 0;
}

.faq-header, .review-header {
  background-color: #F3F4F5;
  padding: 1em;
  border-bottom: thin solid #dee2e6;
}
.faq-header.faq-light, .review-header.faq-light {
  background-color: #fff7e6;
}
.faq-header h3, .review-header h3 {
  margin: 0;
}

.faq-inner {
  padding: 1em 1em 2em;
}

.preview-inner {
  padding: 1em;
}

.news-list {
  min-height: 20em;
  max-height: 20em;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.news-list.height-stretch {
  min-height: initial;
  max-height: initial;
}
.news-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9em;
  margin-bottom: 1em;
}
@media (max-width: 767.98px) {
  .news-list > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.news-list > li.important-item .new-list-content {
  color: #dc3545;
  font-weight: bold;
}
.news-list > li.agree-item .new-list-content > a {
  color: #dc3545;
  text-decoration: underline;
  font-weight: bold;
}
.news-list > li.agree-item .new-list-content > a:hover {
  color: #bd2130;
}
.news-list > li .new-list-date, .news-list > li .new-list-date-time {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 12em;
      flex-basis: 12em;
}
.news-list > li .new-list-date > span, .news-list > li .new-list-date-time > span {
  display: inline-block;
  background-color: #E5E5E5;
  width: 11em;
  text-align: center;
  padding: 0.2em 0.5em;
  border-radius: 0.1em;
  font-weight: bold;
  line-height: 1.4;
}
.news-list > li .new-list-date > span + span, .news-list > li .new-list-date-time > span + span {
  margin-top: 0.2em;
}
.news-list > li .new-list-date > span.theme-box, .news-list > li .new-list-date-time > span.theme-box {
  display: inline-block;
}
@media (max-width: 1199.98px) {
  .news-list > li .new-list-date > span.theme-box, .news-list > li .new-list-date-time > span.theme-box {
    width: auto !important;
  }
}
.news-list > li .new-list-date-time {
  -ms-flex-preferred-size: 12em;
      flex-basis: 12em;
}
.news-list > li .new-list-date-time > span {
  width: 11em;
}
.news-list > li .new-list-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (max-width: 1199.98px) {
  .news-list > li .new-list-content {
    margin-top: 0.25em;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 1199.98px) and (max-width: 1199.98px) {
  .news-list > li .new-list-content {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.news-list > li .new-list-trash {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 1199.98px) {
  .news-list > li .new-list-trash {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: right;
  }
}
.news-list > li .self-staff {
  background-color: #11832c;
  border-radius: 0.1em;
  padding: 0.1em 0.25em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.news-list > li .self-supporter {
  background-color: #17a2b8;
  border-radius: 0.1em;
  padding: 0.1em 0.25em;
  display: inline-block;
  color: #fff;
  position: relative;
}
@media (max-width: 1199.98px) {
  .news-list.list-responsive-2col > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .news-list.list-responsive-2col > li .new-list-date, .news-list.list-responsive-2col > li .new-list-date-time {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .news-list.list-responsive-2col > li .new-list-content {
    margin-top: 0.25em;
  }
  .news-list.list-responsive-2col > li .new-list-trash {
    position: relative;
  }
  .news-list.list-responsive-2col > li .new-list-trash:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.8em;
    width: 100%;
    border-top: thin dotted #ced4da;
    z-index: 0;
  }
  .news-list.list-responsive-2col > li .new-list-trash .deleteLink {
    position: relative;
    z-index: 1;
  }
}
.icon-wrap {
  display: inline-block;
  background-color: #F3F4F5;
  padding: 0.25em 0.5em;
  border-radius: 0.1em;
  margin-right: 1em;
}

/* staff */
.evaluation-bar {
  display: inline-block;
  width: 8em;
}
.evaluation-bar > img {
  width: 100%;
}

.bootstrap-select > .with-icon + .dropdown-toggle {
  padding: 0;
  width: 100% !important;
  border: thin solid #dee2e6;
  white-space: inherit;
}
.bootstrap-select .dropdown-item {
  white-space: inherit;
}
.bootstrap-select .icon-select {
  display: inline-block;
  width: 2.2em;
  height: 2.2em;
  margin: 0.25em;
}
.bootstrap-select .icon-select > img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
.bootstrap-select > .dropdown-toggle {
  border: thin solid #dee2e6;
  padding: 0.18em 1em 0.18em 0.2em;
  white-space: inherit !important;
}
.bootstrap-select > .dropdown-toggle:after {
  position: absolute;
  right: 0.5em;
}

.btn-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.btn-group-container .btn-group {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
@media (max-width: 991.98px) {
  .btn-group-container .btn-group {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media (max-width: 499.98px) {
  .btn-group-container .btn-group {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.btn-group-container .btn-group .btn-choice {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 3em;
}
.btn-group.btn-eval-icon {
  position: relative;
  padding-bottom: 2em;
}
.btn-group.btn-eval-icon label {
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  background-size: contain;
  background-position: center center;
  height: 3em;
  width: 3em;
  margin-right: 0.2em;
  border-radius: 0.2em !important;
  border: 2px solid #dee2e6;
  background-color: #fff !important;
  cursor: pointer;
}
@media (max-width: 319.98px) {
  .btn-group.btn-eval-icon label {
    height: 2.75em;
    width: 2.75em;
  }
}
.btn-group.btn-eval-icon label.active {
  background-color: #fff !important;
  position: relative;
}
.btn-group.btn-eval-icon label.active:before {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  content: "\f00c";
  font-size: 2em;
  right: -0.5rem;
  bottom: -1rem;
  color: #dc3545;
}
.btn-group.btn-eval-icon label.active.choice-danger {
  border: 2px solid #FF7B7C;
}
.btn-group.btn-eval-icon label.active.choice-warning {
  border: 2px solid #FDAB24;
}
.btn-group.btn-eval-icon label.active.choice-info {
  border: 2px solid #FFCA00;
}
.btn-group.btn-eval-icon label.active.choice-success {
  border: 2px solid #7EE3DB;
}
.btn-group.btn-eval-icon label.active.choice-primary {
  border: 2px solid #75D6A1;
}
.btn-group.btn-eval-icon .eval-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.btn-group.btn-eval-icon .eval-bar > span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: center;
  font-size: 1.25em;
}
.btn-group.btn-eval-icon .eval-bar > span.minus {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #ff6900;
  -ms-flex-preferred-size: 1.5em;
      flex-basis: 1.5em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1em;
  height: 1em;
}
.btn-group.btn-eval-icon .eval-bar > span.plus {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #4dbd57;
  -ms-flex-preferred-size: 1.5em;
      flex-basis: 1.5em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1em;
  height: 1em;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar {
  position: relative;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  height: 1em;
  border-radius: 0;
  width: 100%;
  background: #fff;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar:after {
  position: absolute;
  left: -0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  height: 1em;
  width: 1em;
  border-radius: 0.5em;
  background: #fff;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank01:before {
  background: #ff7b7c;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank01:after {
  display: none;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank02:before {
  background: #ffca00;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank02:after {
  background: #fe5212;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank03:before {
  background: #fdab24;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank03:after {
  background: #fd8701;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank04:before {
  background: #7ee3db;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank04:after {
  background: #7cb300;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank05:before {
  background: #75d6a1;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank05:after {
  background: #36bf8b;
}

.btn-choice label {
  margin-bottom: 0;
}

.flex-like-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-like-table > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0.25em;
}
@media (max-width: 499.98px) {
  .flex-like-table > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.flex-like-table > li > .like-th {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 10em;
      flex-basis: 10em;
  max-width: 10em;
}
@media (max-width: 499.98px) {
  .flex-like-table > li > .like-th {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.flex-like-table > li > .like-th > div {
  border: thin solid #6c757d;
  padding: 0.5em;
  margin-right: 1em;
  text-align: center;
  width: 100%;
}
@media (max-width: 499.98px) {
  .flex-like-table > li > .like-th > div {
    padding: 0.2em 0;
  }
}
.flex-like-table > li > .like-td {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 499.98px) {
  .flex-like-table > li > .like-td {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
}
.flex-like-table > li > .like-td > div {
  padding: 0.5em;
}
.flex-like-table.like-table-col-2 > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.flex-like-table.like-table-col-2 > li > .like-th {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
}
@media (max-width: 991.98px) {
  .flex-like-table.like-table-col-2 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .flex-like-table.like-table-col-2 > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 499.98px) {
  .flex-like-table.like-table-col-2 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.flex-like-table.like-table-col-3 > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.flex-like-table.like-table-col-3 > li > .like-th {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
@media (max-width: 1399.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%;
    max-width: 33.3%;
  }
  .flex-like-table.like-table-col-3 > li > .like-th {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    max-width: 40%;
  }
}
@media (max-width: 1199.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 499.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .flex-like-table.like-table-col-3 > li > .like-th {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

.check-list-wrapper > div {
  margin-right: 0.5em;
}
.check-list-wrapper > div h4 {
  padding: 0;
}
@media (max-width: 767.98px) {
  .check-list-wrapper > div h4 {
    margin-top: 0.5em;
  }
}
.check-list-wrapper > div ul {
  padding: 0.5em;
  overflow-y: auto;
  max-height: 15em;
  background-color: #f8f9fa;
  border-radius: 0.2em;
  border: thin solid #dee2e6;
  -webkit-box-shadow: 0px 0px 10px -6px #adb5bd inset;
          box-shadow: 0px 0px 10px -6px #adb5bd inset;
  width: 100%;
  min-height: 15em;
}

.faq-set.furiwake-set .question-wrap {
  padding: 0;
}
.faq-set.furiwake-set .question-wrap .question-space .question-title {
  padding: 1em 1em 1em 2em;
}
.faq-set.furiwake-set .question-wrap .question-space .question-title:before {
  display: none;
}
.faq-set.furiwake-set .question-wrap .question-button {
  margin: 1em 0 1em 0.25em;
}
.faq-set .question-wrap {
  border: thin solid #adb5bd;
  padding: 1em;
  margin-bottom: 0.5em;
  border-radius: 0.2em;
}
.faq-set .question-wrap .question-space {
  position: relative;
}
.faq-set .question-wrap .question-space .question-button {
  display: inline-block;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #40220F;
}
.faq-set .question-wrap .question-space .question-button .line-top {
  position: absolute;
  display: block;
  background-color: #fff;
  width: 1em;
  height: 0.25em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.faq-set .question-wrap .question-space .question-button .line-bottom {
  position: absolute;
  display: block;
  background-color: #fff;
  width: 1em;
  height: 0.25em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.faq-set .question-wrap .question-space .question-button.open .line-top {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.faq-set .question-wrap .question-space .question-title {
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: bold;
  position: relative;
  padding-left: 3em;
  line-height: 1.7;
  margin: 0;
  cursor: pointer;
}
.faq-set .question-wrap .question-space .question-title:before {
  position: absolute;
  left: 1.75em;
  content: "Q.";
  font-weight: bold;
  font-family: "arial black";
}
.faq-set .question-wrap .answer {
  display: none;
}
.faq-set .question-wrap .answer div {
  padding: 1em 1em 0 1.75em;
}
.faq-set .question-wrap .answer div .word {
  display: inline-block;
  padding-left: 1.25em;
  position: relative;
  font-size: 1em;
  line-height: 1.7;
  border-bottom: 2px solid #BB2115;
  width: 100%;
  word-break: break-all;
}
.faq-set .question-wrap .answer div .word:before {
  position: absolute;
  left: 0;
  content: "A.";
  font-weight: bold;
  font-size: 1em;
  font-family: "arial black";
  color: #BB2115;
}
.faq-set .question-wrap .answer div .word.border-none {
  border-bottom: none;
}
.faq-set .question-wrap .answer div .txt {
  padding-left: 1em;
  line-height: 1.5;
  margin-top: 0.5em;
}
.faq-set .question-wrap .answer div.close-space {
  text-align: center;
}
@media (max-width: 767.98px) {
  .faq-set .question-wrap .answer div.close-space .question-button {
    display: block;
    width: 100%;
  }
}

.header-file-category {
  padding: 1em 1em 0;
}

.user-check-list-container {
  padding: 0.5em 0.5em 0;
  border: thin dotted #6c757d;
  margin-top: 0.5em;
  background-color: #e9ecef;
  position: relative;
  border-radius: 0.1em;
  display: none;
}
.user-check-list-container.active {
  display: block;
}
.user-check-list-container.ear-none:before {
  display: none;
}
.user-check-list-container:before {
  position: absolute;
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-top: thin dotted #6c757d;
  border-right: thin dotted #6c757d;
  background-color: #e9ecef;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: -0.25em;
  left: 1em;
}
.user-check-list-container > ul > li {
  display: inline-block;
  margin-bottom: 0.5em;
}
.user-check-list-container > ul > li > label {
  position: relative;
  cursor: pointer;
  margin: 0 1em 0 0;
}
.user-check-list-container > ul > li > label input[type=checkbox] {
  display: none;
}
.user-check-list-container > ul > li > label input[type=checkbox]:checked + .image-icon-container {
  background-color: #40220F;
  border: thin solid #170c05;
  color: #fff;
}
.user-check-list-container > ul > li > label .image-icon-container, .user-check-list-container > ul > li > label a {
  padding: 0.25em 1em;
  background-color: #fff;
  border-radius: 0.2em;
  border: thin solid #ced4da;
}

@media (max-width: 767.98px) {
  .schedule-container {
    margin: 0 1.5em;
  }
}
.schedule-container .fc-view {
  background-color: #fff;
}
.schedule-container .fc-toolbar {
  display: none;
}

.self-user {
  background-color: #343a40;
  border-radius: 0.2em;
  padding: 0.1em 0.5em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.self-user > .pos-title {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5;
}

.self-staff {
  background-color: #11832c;
  border-radius: 0.2em;
  padding: 0.1em 0.5em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.self-staff > .pos-title {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5;
}

.self-supporter {
  background-color: #17a2b8;
  border-radius: 0.2em;
  padding: 0.1em 0.5em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.self-supporter > .pos-title {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5;
}

#tonpukuTableWrapper {
  display: none;
}
#tonpukuTableWrapper.show {
  display: block;
}

.sort-mode {
  -webkit-animation-name: flash-sort;
          animation-name: flash-sort;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
@-webkit-keyframes flash-sort {
  0% {
    background: #fff;
  }
  100% {
    background: #c6fff8;
  }
}
@keyframes flash-sort {
  0% {
    background: #fff;
  }
  100% {
    background: #c6fff8;
  }
}
.result-only {
  display: none;
}

.modal-result .result-only {
  display: table-row;
}

.limit-count-space {
  font-size: 0.75em;
  background-color: #6c757d;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  color: #fff;
}
.limit-count-space > a {
  color: #ff0;
}

.count-number {
  font-weight: bold;
  font-size: 1rem;
}

.modal-open {
  overflow: visible !important;
  position: static !important;
}

.dotted-box {
  border: thin dotted #343a40;
  padding: 0.5em;
}

.user-limit {
  display: inline-block;
  font-weight: bold;
  padding: 0.2em 0.75em;
  background-color: #FFBB33;
  border-radius: 1em;
}
.user-limit.user-limit-staff {
  background-color: #11832c;
  color: #fff;
}
.user-limit.user-limit-manager {
  background-color: #6610f2;
  color: #fff;
}

.month-limit {
  display: inline-block;
  font-weight: bold;
  padding: 0.2em 0.75em;
  background-color: #1F9999;
  border-radius: 1em;
  color: #fff;
}

h2 .user-limit, h2 .month-limit {
  font-size: 0.75em;
}

.top-main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top-main-menu > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  margin-bottom: 1em;
  font-size: 1.5em;
}
@media (max-width: 991.98px) {
  .top-main-menu > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media (max-width: 319.98px) {
  .top-main-menu > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.top-main-menu > li > span {
  border-bottom: thin dotted #343a40;
  display: block;
}
.top-main-menu > li i {
  font-size: 1.5em;
}
.top-main-menu > li > ul {
  margin-left: 1.5em;
}

.top-menu-section {
  padding: 0 0.5em;
}
@media (max-width: 991.98px) {
  .top-menu-section {
    padding: 0;
  }
}
.top-menu-section > h3 {
  border-bottom: thin dashed #adb5bd;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
.top-menu-section > h3 > i {
  font-size: 1.25em;
}
.top-menu-section > .menu-list {
  padding: 0 0.25em;
  margin-bottom: 1.25em;
}
@media (max-width: 991.98px) {
  .top-menu-section > .menu-list {
    padding: 0;
  }
}
.top-menu-section > .menu-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.25em;
}
@media (max-width: 991.98px) {
  .top-menu-section > .menu-list > li {
    margin-bottom: 1em;
  }
}
.top-menu-section > .menu-list > li > h4 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 13em;
      flex-basis: 13em;
  margin: 0;
  font-size: 1em;
}
@media (max-width: 767.98px) {
  .top-menu-section > .menu-list > li > h4 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 0.25em;
  }
}
.top-menu-section > .menu-list > li > h4 i {
  font-size: 1.4em;
}
.top-menu-section > .menu-list > li > ul {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991.98px) {
  .top-menu-section > .menu-list > li > ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.top-menu-section > .menu-list > li > ul > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.top-menu-section > .menu-list > li > ul > li > a {
  margin-right: 1em;
  text-decoration: underline;
}

section.section-content.bg-am {
  background-color: #fff4d3;
}
section.section-content.bg-pm {
  background-color: #D1ECFF;
}

.daily-input-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.daily-input-block .daily-input-block-inner {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
@media (max-width: 767.98px) {
  .daily-input-block .daily-input-block-inner {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.daily-input-block .daily-input-block-inner.inner-block-button {
  text-align: right;
  margin: 0 1em 1em 1em;
}
@media (max-width: 767.98px) {
  .daily-input-block .daily-input-block-inner.inner-block-button > .btn {
    width: 100%;
  }
}

.ticket-list {
  margin: 1em;
  padding-bottom: 0.25em;
}
.ticket-list .ticket-item {
  border: thin solid #dee2e6;
  border-radius: 0.2em;
  padding: 1em;
  margin-bottom: 1em;
  -webkit-box-shadow: 0px 0px 13px -11px #6c757d;
          box-shadow: 0px 0px 13px -11px #6c757d;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ticket-list .ticket-item:hover {
  -webkit-box-shadow: 2px 2px 13px -4px #6c757d;
          box-shadow: 2px 2px 13px -4px #6c757d;
}
.ticket-list .ticket-item .ticket-item-wrapper {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-caption {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 16em;
      flex-basis: 16em;
}
@media (max-width: 991.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-caption {
    -ms-flex-preferred-size: 12em;
        flex-basis: 12em;
  }
}
@media (max-width: 767.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-caption {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-caption > div {
  font-size: 1.25em;
  display: inline-block;
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-caption > .plus-num {
  padding: 0 0.5em;
  font-size: 1.5em;
  font-weight: bold;
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 767.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-price {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num {
  font-size: 1.25em;
  display: inline-block;
}
@media (max-width: 767.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num {
    font-size: 1em;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num > div {
  display: inline-block;
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num > div > span {
  font-size: 1.5em;
  font-weight: bold;
}
.ticket-list .ticket-item .ticket-item-wrapper .buy-button-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 767.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .buy-button-icon {
    margin-top: 1em;
  }
}

.check-paid {
  cursor: pointer;
}

.checkbox-lg {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.row-unpaid {
  background-color: #bc642c;
}
.row-unpaid:hover {
  background-color: #693819 !important;
}
.row-unpaid:hover > td {
  color: #fff;
}
.row-unpaid:hover > td i {
  color: #fff;
}
.row-unpaid:hover > td i:hover {
  color: #ff0;
}

.admin-menu-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1199.98px) {
  .admin-menu-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.admin-menu-space .admin-menu-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.admin-menu-space .admin-menu-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 992px) {
  .admin-menu-space .admin-menu-right {
    -ms-flex-preferred-size: 30em;
        flex-basis: 30em;
  }
}
@media (max-width: 1199.98px) {
  .admin-menu-space .admin-menu-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 991.98px) {
  .admin-menu-space .admin-menu-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.row-pay-between {
  display: none;
}
.row-pay-between.show {
  display: table-row;
}

.send-back-space, .comment-back-space {
  padding: 1em;
  border: thin solid #dee2e6;
  background-color: #f8f9fa;
  margin: 0 0 1em;
}

#cropImageWrapper {
  width: 100%;
  height: 50vh;
}

#previewImage {
  max-width: 64px;
  border-radius: 50%;
}
#previewImage.hide {
  display: none;
}
#previewImage.rectangle {
  border-radius: 0;
}

.row-expired {
  background-color: #ced4da;
}
.row-expired:hover {
  background-color: #dee2e6 !important;
}

#errorDisp {
  color: #dc3545;
  border: thin solid #dc3545;
  padding: 0.5em 0.25em;
  font-weight: bold;
}
#errorDisp:empty {
  display: none;
}

#limitUserNum {
  font-weight: bold;
}
#limitUserNum:after {
  display: inline-block;
  font-weight: normal;
  content: "人";
}
#limitUserNum.no-unit:after {
  display: none;
}

.color-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.color-box-wrapper .color-box {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 1em;
      flex-basis: 1em;
  margin-right: 0.2em;
  width: 1em;
  height: 1em;
  padding: 0 0.5em;
}
.color-box-wrapper .color-box-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  font-size: 1em;
}

.dashed-block {
  border: thin dashed #6c757d;
  font-size: 0.85em;
  line-height: 1.25;
  color: #495057;
}

.notation-set {
  position: relative;
  padding: 0.5em 0.5em 0.5em 2.5em;
  border: thin dashed #6c757d;
  font-size: 0.9em;
  line-height: 1.4;
}
.notation-set:before {
  display: block;
  position: absolute;
  height: 1.5em;
  width: 1.5em;
  font-size: 1.5em;
  font-family: "Material Icons";
  content: "\e001";
  left: 0.33em;
  top: 0;
  bottom: 0;
  margin: auto;
}

.show-info {
  color: #17a2b8;
}
.show-info:hover {
  color: #0c525d;
}

.pagination-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .pagination-space {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pagination-space .result-number {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .pagination-space .result-number {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.pagination-space .result-number > span {
  padding: 0 1em;
}
.pagination-space .nav-pagination {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.pagination-space .fa {
  font-family: "Material Icons";
}
.pagination-space .fa.fa-arrow-left:before {
  font-family: "Material Icons";
  content: "\e5cb";
}
.pagination-space .fa.fa-arrow-right {
  font-family: "Material Icons";
}
.pagination-space .fa.fa-arrow-right:before {
  content: "\e5cc";
}
.pagination-space .fa.fa-step-backward {
  font-family: "Material Icons";
}
.pagination-space .fa.fa-step-backward:before {
  content: "\e5dc";
}
.pagination-space .fa.fa-step-forward:before {
  content: "\e5dd";
}

.tooltip .tooltip-inner {
  color: #333;
  background-color: #fff;
  border: solid 1px #ced4da;
  padding: 1.25em 2em;
  max-width: 65vh;
  text-align: left;
  -webkit-box-shadow: 1px 1px 13px -8px #212529;
          box-shadow: 1px 1px 13px -8px #212529;
}

.tooltip {
  margin: 0.5em;
}
.tooltip.show {
  opacity: 0.98;
}

.tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip .arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #fff;
  z-index: 1100;
}

.video-frame-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}
.video-frame-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video-thumbnail > img {
  max-width: 320px;
}

.btn[aria-expanded=false] {
  position: relative;
}
.btn[aria-expanded=false]:before {
  display: none;
}
.btn[aria-expanded=false]:after {
  display: none;
}
.btn[aria-expanded=true] {
  position: relative;
}
.btn[aria-expanded=true]:before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  right: 2em;
  bottom: -1.15em;
  border: 1em solid transparent;
  border-bottom: 1em solid #ced4da;
  pointer-events: none;
  z-index: 1;
}
.btn[aria-expanded=true]:after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  right: 2em;
  bottom: -1.15em;
  border: 1em solid transparent;
  border-bottom: 1em solid #fff;
  pointer-events: none;
  z-index: 2;
}
.btn[aria-expanded=true].dropdown-toggle:before {
  display: none;
}
.btn[aria-expanded=true].dropdown-toggle:after {
  display: none;
}
.btn.btn-no-fukidashi[aria-expanded=true]:before {
  display: none;
}
.btn.btn-no-fukidashi[aria-expanded=true]:after {
  display: none;
}

.button-space .btn[aria-expanded=false]:before {
  display: none;
}
.button-space .btn[aria-expanded=false]:after {
  display: none;
}
.button-space .btn[aria-expanded=true]:before {
  display: none;
}
.button-space .btn[aria-expanded=true]:after {
  display: none;
}

.smartphone-hide-message {
  display: block;
}

.inline-div-set > .div-left {
  display: inline-block;
  width: calc(100% - 5em - 0.5em);
}
.inline-div-set > .div-right {
  display: inline-block;
  width: 5em;
}
.inline-div-set.include-em1 > .div-left {
  display: inline-block;
  width: calc(100% - 1em - 0.5em);
}
.inline-div-set.include-em1 > .div-right {
  display: inline-block;
  width: 1em;
}
.inline-div-set.include-em2 > .div-left {
  display: inline-block;
  width: calc(100% - 2em - 0.5em);
}
.inline-div-set.include-em2 > .div-right {
  display: inline-block;
  width: 2em;
}
.inline-div-set.include-em3 > .div-left {
  display: inline-block;
  width: calc(100% - 3em - 0.5em);
}
.inline-div-set.include-em3 > .div-right {
  display: inline-block;
  width: 3em;
}
.inline-div-set.include-em4 > .div-left {
  display: inline-block;
  width: calc(100% - 4em - 0.5em);
}
.inline-div-set.include-em4 > .div-right {
  display: inline-block;
  width: 4em;
}
.inline-div-set.include-em5 > .div-left {
  display: inline-block;
  width: calc(100% - 5em - 0.5em);
}
.inline-div-set.include-em5 > .div-right {
  display: inline-block;
  width: 5em;
}
.inline-div-set.include-em6 > .div-left {
  display: inline-block;
  width: calc(100% - 6em - 0.5em);
}
.inline-div-set.include-em6 > .div-right {
  display: inline-block;
  width: 6em;
}
.inline-div-set.include-em7 > .div-left {
  display: inline-block;
  width: calc(100% - 7em - 0.5em);
}
.inline-div-set.include-em7 > .div-right {
  display: inline-block;
  width: 7em;
}
.inline-div-set.include-em8 > .div-left {
  display: inline-block;
  width: calc(100% - 8em - 0.5em);
}
.inline-div-set.include-em8 > .div-right {
  display: inline-block;
  width: 8em;
}
.inline-div-set.include-em9 > .div-left {
  display: inline-block;
  width: calc(100% - 9em - 0.5em);
}
.inline-div-set.include-em9 > .div-right {
  display: inline-block;
  width: 9em;
}
.inline-div-set.include-em10 > .div-left {
  display: inline-block;
  width: calc(100% - 10em - 0.5em);
}
.inline-div-set.include-em10 > .div-right {
  display: inline-block;
  width: 10em;
}
.inline-div-set.include-em11 > .div-left {
  display: inline-block;
  width: calc(100% - 11em - 0.5em);
}
.inline-div-set.include-em11 > .div-right {
  display: inline-block;
  width: 11em;
}
.inline-div-set.include-em12 > .div-left {
  display: inline-block;
  width: calc(100% - 12em - 0.5em);
}
.inline-div-set.include-em12 > .div-right {
  display: inline-block;
  width: 12em;
}
.inline-div-set.include-em13 > .div-left {
  display: inline-block;
  width: calc(100% - 13em - 0.5em);
}
.inline-div-set.include-em13 > .div-right {
  display: inline-block;
  width: 13em;
}
.inline-div-set.include-em14 > .div-left {
  display: inline-block;
  width: calc(100% - 14em - 0.5em);
}
.inline-div-set.include-em14 > .div-right {
  display: inline-block;
  width: 14em;
}
.inline-div-set.include-em15 > .div-left {
  display: inline-block;
  width: calc(100% - 15em - 0.5em);
}
.inline-div-set.include-em15 > .div-right {
  display: inline-block;
  width: 15em;
}
.inline-div-set.include-em16 > .div-left {
  display: inline-block;
  width: calc(100% - 16em - 0.5em);
}
.inline-div-set.include-em16 > .div-right {
  display: inline-block;
  width: 16em;
}
.inline-div-set.include-em17 > .div-left {
  display: inline-block;
  width: calc(100% - 17em - 0.5em);
}
.inline-div-set.include-em17 > .div-right {
  display: inline-block;
  width: 17em;
}
.inline-div-set.include-em18 > .div-left {
  display: inline-block;
  width: calc(100% - 18em - 0.5em);
}
.inline-div-set.include-em18 > .div-right {
  display: inline-block;
  width: 18em;
}
.inline-div-set.include-em19 > .div-left {
  display: inline-block;
  width: calc(100% - 19em - 0.5em);
}
.inline-div-set.include-em19 > .div-right {
  display: inline-block;
  width: 19em;
}
.inline-div-set.include-em20 > .div-left {
  display: inline-block;
  width: calc(100% - 20em - 0.5em);
}
.inline-div-set.include-em20 > .div-right {
  display: inline-block;
  width: 20em;
}

.border-black {
  border: thin solid #495057;
}

.helper-popup {
  max-width: 20em;
  margin: 0 1em;
  position: absolute;
  height: 6em;
  bottom: 12.8em;
  background-color: #fff;
  padding: 0.5em;
}
.helper-popup:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 1em 0 1em;
  border-color: #fff transparent transparent transparent;
  bottom: -0.5em;
}
.helper-popup .to-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.helper-popup .to-list-header .to-list-header-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.helper-popup .to-list-header .to-list-command {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.cals-month {
  background-color: #E5E5E5;
  border: 1px solid #E5E5E5;
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  line-height: 1.5;
  border-radius: 0.15rem;
  text-align: center;
  vertical-align: middle;
}
.cals-month::-webkit-input-placeholder {
  color: #343a40;
}
.cals-month::-moz-placeholder {
  color: #343a40;
}
.cals-month:-ms-input-placeholder {
  color: #343a40;
}
.cals-month::-ms-input-placeholder {
  color: #343a40;
}
.cals-month::placeholder {
  color: #343a40;
}
.cals-month:-ms-input-placeholder {
  color: #343a40;
}
.cals-month::-ms-input-placeholder {
  color: #343a40;
}
.cals-month:hover {
  background-color: #17a2b8;
  border: 1px solid #17a2b8;
  color: #fff;
}
.cals-month:hover::-webkit-input-placeholder {
  color: #fff;
}
.cals-month:hover::-moz-placeholder {
  color: #fff;
}
.cals-month:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month:hover::placeholder {
  color: #fff;
}
.cals-month:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly] {
  background-color: #E5E5E5;
}
.cals-month[readonly=readonly]:hover {
  background-color: #17a2b8;
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-webkit-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-moz-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month[disabled=disabled], .cals-month:disabled {
  background: #adb5bd;
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-webkit-input-placeholder, .cals-month:disabled::-webkit-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-moz-placeholder, .cals-month:disabled::-moz-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:-ms-input-placeholder, .cals-month:disabled:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-ms-input-placeholder, .cals-month:disabled::-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::placeholder, .cals-month:disabled::placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:-ms-input-placeholder, .cals-month:disabled:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-ms-input-placeholder, .cals-month:disabled::-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover, .cals-month:disabled:hover {
  background-color: #adb5bd;
  color: #e9ecef;
  border: #e9ecef;
  cursor: auto;
}
.cals-month[disabled=disabled]:hover::-webkit-input-placeholder, .cals-month:disabled:hover::-webkit-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::-moz-placeholder, .cals-month:disabled:hover::-moz-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover:-ms-input-placeholder, .cals-month:disabled:hover:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::-ms-input-placeholder, .cals-month:disabled:hover::-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::placeholder, .cals-month:disabled:hover::placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover:-ms-input-placeholder, .cals-month:disabled:hover:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::-ms-input-placeholder, .cals-month:disabled:hover::-ms-input-placeholder {
  color: #e9ecef;
}

.bg-teal-light {
  background-color: #d6f8ee !important;
}

.gray-out {
  cursor: default !important;
}
.gray-out.visible {
  visibility: visible;
}

.btn-check {
  color: #212529;
  background: #f8f9fa -webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#f8f9fa)) repeat-x;
  background: #f8f9fa linear-gradient(180deg, #f8f8f9, #f8f9fa) repeat-x;
  border-color: #e9ecef;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-check:hover {
  color: #212529;
  background: #e2e6ea -webkit-gradient(linear, left top, left bottom, from(#e5e8eb), to(#e2e6ea)) repeat-x;
  background: #e2e6ea linear-gradient(180deg, #e5e8eb, #e2e6ea) repeat-x;
  border-color: #cbd3da;
}
.btn-check:focus, .btn-check.focus {
  color: #212529;
  background: #e2e6ea -webkit-gradient(linear, left top, left bottom, from(#e5e8eb), to(#e2e6ea)) repeat-x;
  background: #e2e6ea linear-gradient(180deg, #e5e8eb, #e2e6ea) repeat-x;
  border-color: #cbd3da;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.1rem rgba(203, 206, 209, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.1rem rgba(203, 206, 209, 0.5);
}
.btn-check.disabled, .btn-check:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #e9ecef;
  background-image: none;
}
.btn-check:not(:disabled):not(.disabled):active, .btn-check:not(:disabled):not(.disabled).active, .show > .btn-check.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  background-image: none;
  border-color: #c4ccd4;
}
.btn-check:not(:disabled):not(.disabled):active:focus, .btn-check:not(:disabled):not(.disabled).active:focus, .show > .btn-check.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.1rem rgba(203, 206, 209, 0.5);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.1rem rgba(203, 206, 209, 0.5);
}
.btn-check.active {
  background-color: #40220F !important;
  color: #fff !important;
}

.vertical-top {
  vertical-align: top !important;
}

.comment-area {
  border-top: 2px dashed #adb5bd;
  border-bottom: 2px dashed #adb5bd;
  padding: 0.5em 0 1em;
  margin: 1em 0;
}

.youryou-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.youryou-flex .youryou-inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (min-width: 768px) {
  .youryou-flex .youryou-inner {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.text-annotation {
  font-size: 0.8em;
}

.calendar-work-name-0 {
  font-weight: bold;
}

.calendar-work-name-1 {
  font-weight: bold;
}

.ml-button-width {
  margin-left: 2.4em;
}

.font-size-xs {
  font-size: 0.6em;
}

@font-face {
  font-family: "lowline-only";
  src: local("Hiragino Sans"), local("Hiragino-Sans"), local("游ゴシック体"), local("YuGothic"), local("Meiryo"), local("Meiryo UI"), local("メイリオ");
  unicode-range: U+005F, U+FF3F;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.material-icons.data_usage {
  color: #D63E6F;
}

.material-icons.meeting {
  color: #f16114;
}

.content-flex.print-mode {
  height: auto !important;
}

.content-main.print-mode {
  width: 1280px;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
  max-width: none;
}

.section-content.print-mode {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fixed-bottom.print-mode {
  display: none;
}

.content-flex.print-mode {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no-print.print-mode {
  display: none !important;
}

.no-print-border.print-mode {
  border: transparent !important;
}

.print-mode.print-mode-margin {
  margin-left: 1em;
  margin-right: 1em;
}

.layer-loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1001;
  background: rgba(255, 255, 255, 0.9);
}
.layer-loading .loading-inner:before {
  display: inline-block;
  font-family: "Material Icons";
  content: "\e863";
  -webkit-animation: rotate 2s;
  animation: rotate 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  font-size: 2em;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  text-align: center;
}
.layer-loading .loading-inner:after {
  position: absolute;
  font-family: -apple-system, BlinkMacSystemFont, "lowline-only", "BIZ UDPGothic", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  content: attr(data-caption);
  display: inline-block;
  margin: 0.75em auto;
}

#sidebar.print-mode {
  display: none;
}

.perm_contact_calendar {
  color: #87C5ED;
}

.pending_actions {
  color: #8ba9ed;
}

.highlight {
  color: #F0B146;
}

.ct-day {
  text-align: center;
}

.ct-inputs-space {
  text-align: center;
}

.ct-reserve-count {
  display: inline-block;
  position: relative;
  width: 2em;
  height: 2em;
  text-align: center;
  background-color: #E5E5E5;
  padding: 1em;
  border-radius: 1em;
  line-height: 2;
}
.ct-reserve-count:hover {
  background-color: #40220F;
  color: #fff;
}
.ct-reserve-count > span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ct-inputs-space .ct-inputs-left {
  display: inline-block;
  width: 49.5%;
}
.ct-inputs-space .ct-inputs-right {
  display: inline-block;
  width: 49.5%;
}

table.calendar-table {
  -webkit-transform: translateY(-2em);
          transform: translateY(-2em);
  table-layout: fixed;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  table.calendar-table {
    width: 720px;
  }
}
table.calendar-table.admin-calendar {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  table-layout: auto;
  white-space: nowrap;
}
table.calendar-table.support-calendar {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  table-layout: auto;
  white-space: nowrap;
}
table.calendar-table.support-calendar .ct-b-count {
  position: relative;
  padding: 0;
}
table.calendar-table.support-calendar .ct-b-count .ct-title-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
table.calendar-table.support-calendar .ct-b-count .ct-reserve-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
}
table.calendar-table.support-calendar .ct-b-count .ct-reserve-mark:hover {
  background-color: rgba(255, 255, 0, 0.5);
}
table.calendar-table thead tr th {
  height: 2em;
}
table.calendar-table thead tr th, table.calendar-table tbody tr th {
  border-left: thin solid #dee2e6;
}
table.calendar-table thead tr th:first-child, table.calendar-table tbody tr th:first-child {
  border-left: none;
}
table.calendar-table thead tr th:last-child, table.calendar-table tbody tr th:last-child {
  border-right: thin solid #dee2e6;
}
table.calendar-table thead tr th, table.calendar-table thead tr td, table.calendar-table tbody tr th, table.calendar-table tbody tr td {
  padding: 0 0.1em;
  text-align: center;
  vertical-align: middle;
  border-top: thin solid #dee2e6;
}
table.calendar-table thead tr th.time-header-cell, table.calendar-table thead tr td.time-header-cell, table.calendar-table tbody tr th.time-header-cell, table.calendar-table tbody tr td.time-header-cell {
  width: 3.5em;
}
table.calendar-table thead tr th .form-control, table.calendar-table thead tr td .form-control, table.calendar-table tbody tr th .form-control, table.calendar-table tbody tr td .form-control {
  padding: 0.1em 0.25em;
  height: auto;
  text-align: right;
}
table.calendar-table thead tr th.ct-b-date, table.calendar-table thead tr td.ct-b-date, table.calendar-table tbody tr th.ct-b-date, table.calendar-table tbody tr td.ct-b-date {
  width: 1.5em;
}
table.calendar-table thead tr th.ct-b-disable, table.calendar-table thead tr td.ct-b-disable, table.calendar-table tbody tr th.ct-b-disable, table.calendar-table tbody tr td.ct-b-disable {
  background-color: #f9f9f9;
}
table.calendar-table thead tr th.cur-day, table.calendar-table thead tr td.cur-day, table.calendar-table tbody tr th.cur-day, table.calendar-table tbody tr td.cur-day {
  background-color: #ffe7a0;
}
table.calendar-table thead tr.date-first-row .ct-title-date, table.calendar-table tbody tr.date-first-row .ct-title-date {
  position: relative;
}
table.calendar-table thead tr.date-first-row .ct-title-date:before, table.calendar-table tbody tr.date-first-row .ct-title-date:before {
  position: absolute;
  display: block;
  content: attr(data-title);
  top: -1.5em;
  left: 0;
  padding-left: 0.1em;
  margin: auto;
  font-weight: bold;
  width: calc(100% + 2.2em);
}
table.calendar-table thead tr.date-first-row th, table.calendar-table thead tr.date-first-row td, table.calendar-table tbody tr.date-first-row th, table.calendar-table tbody tr.date-first-row td {
  padding-top: 1.5em;
}
table.calendar-table thead tr.date-first-row .ct-b-count .ct-title-date:before, table.calendar-table tbody tr.date-first-row .ct-b-count .ct-title-date:before {
  width: 100%;
}
#calendar-left {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 0;
  overflow: hidden;
  height: calc(100% - 16px);
}
#calendar-left table.calendar-table {
  width: auto;
}
#calendar-left table.calendar-table tr th {
  height: 4em;
  width: 3.25em;
  background-color: #fff;
}

#calendar-table-wrapper {
  overflow-y: auto;
  margin-top: 2em;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767.98px) {
  #calendar-table-wrapper {
    overflow-x: auto;
  }
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr th:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table thead tr td:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table tbody tr th:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table tbody tr td:nth-of-type(2n) {
  border-left: thin solid #dee2e6;
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr th:last-child, #calendar-table-wrapper.type-detail table.calendar-table thead tr td:last-child, #calendar-table-wrapper.type-detail table.calendar-table tbody tr th:last-child, #calendar-table-wrapper.type-detail table.calendar-table tbody tr td:last-child {
  border-right: thin solid #dee2e6;
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr:last-child th, #calendar-table-wrapper.type-detail table.calendar-table thead tr:last-child td, #calendar-table-wrapper.type-detail table.calendar-table tbody tr:last-child th, #calendar-table-wrapper.type-detail table.calendar-table tbody tr:last-child td {
  border-bottom: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table {
  margin-left: 0;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th, #calendar-table-wrapper.type-edit table.calendar-table thead tr td, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td {
  border-left: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th:last-child, #calendar-table-wrapper.type-edit table.calendar-table thead tr td:last-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th:last-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td:last-child {
  border-right: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th:first-child, #calendar-table-wrapper.type-edit table.calendar-table thead tr td:first-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th:first-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td:first-child {
  min-width: 3.25em;
  max-width: 3.25em;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th.before-day, #calendar-table-wrapper.type-edit table.calendar-table thead tr td.before-day, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th.before-day, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td.before-day {
  position: relative;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table thead tr td.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td.before-day:before {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr:last-child th, #calendar-table-wrapper.type-edit table.calendar-table thead tr:last-child td, #calendar-table-wrapper.type-edit table.calendar-table tbody tr:last-child th, #calendar-table-wrapper.type-edit table.calendar-table tbody tr:last-child td {
  border-bottom: thin solid #dee2e6;
}
#calendar-table-wrapper.height-fixed table.calendar-table tbody tr th, #calendar-table-wrapper.height-fixed table.calendar-table tbody tr td {
  height: 4em;
}

.ct-time {
  width: 3em;
}

.dot-list {
  list-style: disc;
  padding-left: 1em;
}

#modal-date {
  padding-right: 0.5em;
}

.modal-span-staff {
  display: inline-block;
}

.modal-span-company {
  display: inline-block;
  margin-right: 1em;
}

[data-youbi=Sun], .ct-sunday {
  background-color: #fff0ed;
}

[data-youbi=Sat], .ct-saturday {
  background-color: #e6fffc;
}

.ct-reserve-mark {
  font-size: 1.5em;
}
.ct-reserve-mark.mark-ok {
  color: #11832c;
}
.ct-reserve-mark.mark-little {
  color: #dc3545;
}
.ct-reserve-mark.mark-ng {
  color: #000;
}
.ct-reserve-mark.mark-wait {
  color: #17a2b8;
}
.ct-reserve-mark.mark-wait:before {
  content: "\e3c6";
  font-family: "Material Icons";
}

.tooltip.tooltip-custom {
  cursor: pointer;
}
.tooltip.tooltip-custom .content {
  display: inline-block;
}
.tooltip.tooltip-custom .tooltip-content {
  padding: 1em;
  border: thin solid #ced4da;
  -webkit-box-shadow: 1px 1px 13px -7px #343a40;
          box-shadow: 1px 1px 13px -7px #343a40;
  background-color: #fff;
  border-radius: 0.25em;
  max-width: 24em;
}
.tooltip.tooltip-custom .tooltip-content .tooltip-inner {
  color: #333;
  background-color: #fff;
  border: none;
  padding: 0.25em 0 0 0;
  max-width: inherit;
  text-align: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tooltip.tooltip-custom.bs-tooltip-left .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-right .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-top .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-bottom .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #fff;
}

.header-reserve-list-wrapper {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1em;
}

.reserve-list {
  list-style-type: disc;
  padding-left: 1.5em;
  border: thin dotted #6c757d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.reserve-list > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 11em;
      flex-basis: 11em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

.scroll-space-wrapper {
  position: relative;
  overflow-x: hidden;
}
.scroll-space-wrapper .dup-table {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
  table-layout: fixed;
  margin: 0;
}
@media (max-width: 767.98px) {
  .scroll-space-wrapper .dup-table {
    width: 720px;
  }
}
.scroll-space-wrapper .dup-table.print-mode {
  display: none;
}
.scroll-space-wrapper .scroll-space-inner {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.scroll-space-wrapper.print-mode {
  overflow-x: inherit;
}
.scroll-space-wrapper.print-mode .scroll-space-inner {
  max-height: none !important;
  overflow-x: inherit;
}
.scroll-space-wrapper.scroll-h100 .scroll-space-inner {
  max-height: 100px;
}
.scroll-space-wrapper.scroll-h200 .scroll-space-inner {
  max-height: 200px;
}
.scroll-space-wrapper.scroll-h300 .scroll-space-inner {
  max-height: 300px;
}
.scroll-space-wrapper.scroll-h400 .scroll-space-inner {
  max-height: 400px;
}
.scroll-space-wrapper.scroll-h500 .scroll-space-inner {
  max-height: 500px;
}
.scroll-space-wrapper.scroll-h600 .scroll-space-inner {
  max-height: 600px;
}
@media (max-width: 767.98px) {
  .scroll-space-wrapper.sm-no-fixed-header .dup-table {
    display: none !important;
  }
}

.scroll-height-wrapper {
  overflow-y: auto;
}
.scroll-height-wrapper .scroll-height-space {
  max-height: 5em;
}
.scroll-height-wrapper .scroll-height-space.height-expand {
  max-height: 50vh;
}

.swal2-container {
  z-index: 1071 !important;
}

.btn-group.btn-eval-icon.btn-eval-icon-sm label {
  width: 2.9em;
  height: 2.9em;
}

.row-layout th, .row-layout td {
  border: none !important;
  height: 0;
  padding: 0 !important;
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .row-layout th, .row-layout td {
    display: none;
  }
}

.thead-layout > tr th, .thead-layout > tr td {
  border: none !important;
  height: 0;
  padding: 0 !important;
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .thead-layout > tr th, .thead-layout > tr td {
    display: none;
  }
}
.thead-layout + tbody > tr:first-child th, .thead-layout + tbody > tr:first-child td {
  border-top: 0;
}

.activity-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 0.25em;
}
.activity-actions .activity-actions-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: left;
}
.activity-actions .activity-actions-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.activity-actions .activity-actions-icon .material-icons {
  font-size: 1.5em;
}
.activity-actions .activity-actions-icon .actions-icon-text {
  display: inline-block;
  padding: 0.2em 0.1em;
}
@media (max-width: 1199.98px) {
  .activity-actions .activity-actions-icon .actions-icon-text {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .activity-actions .activity-actions-icon .actions-icon-text {
    display: inline-block;
  }
}

.none-service {
  background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 767.98px) {
  table.def-responsive-table {
    background-color: inherit;
  }
  table.def-responsive-table > tbody > tr > th, table.def-responsive-table > tbody > tr > td {
    margin-top: inherit;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
.badge-notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.5px;
}

.text-ji-tsume {
  letter-spacing: -0.75px;
}

section.section.section-memo {
  margin-top: 1em;
  background-color: #fbffe9;
  border: thin dotted #adb5bd;
  border-radius: 0.25em;
  padding: 1em;
}
section.section.section-memo h3 span {
  font-size: 0.75em;
}

.support-reserve-list {
  overflow-x: auto;
  white-space: nowrap;
}
.support-reserve-list > li {
  display: inline-block;
  width: 11em;
}
.support-reserve-list > li h3 {
  text-align: center;
}

.support-calendar-wrapper {
  padding: 0;
}

.support-calendar .fc-center {
  font-size: 0.8em;
}
.support-calendar .fc-toolbar.fc-header-toolbar {
  border-left: thin solid #ced4da;
  border-top: thin solid #ced4da;
  border-right: thin solid #ced4da;
  margin: 0;
  padding: 0.5em 0;
}
.support-calendar .fc-time-grid .fc-slats td {
  height: 5em;
}
.support-calendar .hovered-tips-inner {
  white-space: normal;
}
.support-calendar .hovered-tips-inner .hovered-popup {
  position: absolute;
  cursor: not-allowed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.support-calendar.before-day {
  position: relative;
}
.support-calendar.before-day:before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.bg-sat {
  background-color: #e6fffc;
}

.bg-sun {
  background-color: #fff0ed;
}

.reserve-category-list > li {
  display: inline-block;
}
.reserve-category-list > li label {
  margin: 0.25em 0;
}
.reserve-category-list > li label > span, .reserve-category-list > li label > div {
  display: inline-block;
  padding: 0.25em 1em;
  background-color: #fff;
  border: thin solid #adb5bd;
  border-radius: 0.2em;
  cursor: pointer;
}
.reserve-category-list > li label > input[type=radio] {
  display: none;
}
.reserve-category-list > li label > input[type=radio]:checked + span {
  background-color: #40220F;
  color: #fff;
  border: thin solid #40220F;
}
.reserve-category-list.list-color-sub > li label > input[type=radio]:checked + span {
  background-color: #40220F;
  color: #fff;
  border: thin solid #40220F;
}
.reserve-category-list.list-color-orange > li label > input[type=radio]:checked + span {
  background-color: #fd7e14;
  color: #fff;
  border: thin solid #fd7e14;
}

.like-button-main {
  font-size: 0.9em;
  display: inline-block;
  padding: 0.05em 0.5em;
  background-color: #40220F;
  color: #fff;
  border: thin solid #40220F;
  border-radius: 0.2em;
  cursor: pointer;
}

.advice-chat .chat-list:empty:before {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  content: "まだ回答はありません。";
}

.image-icon-cropper.icon-supporter.none-icon-badge:before {
  display: none;
}
.image-icon-cropper.icon-supporter.none-icon-badge:after {
  display: none;
}

.advice-flex-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 992px) {
  .advice-flex-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.advice-flex-list li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0.2em 0;
}
@media (min-width: 992px) {
  .advice-flex-list li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: left;
  }
}
.advice-flex-list li:nth-of-type(odd) {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 6em;
      flex-basis: 6em;
  text-align: center;
}
@media (min-width: 992px) {
  .advice-flex-list li:nth-of-type(odd) {
    -ms-flex-preferred-size: 5.5em;
        flex-basis: 5.5em;
    text-align: center;
  }
}
.advice-flex-list li span {
  display: block;
  padding: 0.25em 0.5em;
}
.advice-flex-list li span.box {
  border: thin solid #adb5bd;
  border-radius: 0.15em;
}

.ordinary-table > thead > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  background-color: #F3F4F5;
  vertical-align: middle;
}
.ordinary-table > tbody > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  vertical-align: middle;
  background-color: #F3F4F5;
}
.ordinary-table > tbody > tr > th.bg-lighter {
  background-color: #edeff0;
}
.ordinary-table > tbody > tr > td {
  padding: 0.15em 0.5em;
  vertical-align: middle;
}
.ordinary-table > tbody > tr > td .btn {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.ordinary-table > tbody:last-child {
  border-bottom: thin solid #dee2e6;
}
.ordinary-table.header-fixed > thead > tr > th {
  white-space: nowrap;
}

.scroll-table table {
  table-layout: fixed;
}
.scroll-table.on-print.print-mode {
  margin: 0 1em;
}
.scroll-table.on-print.print-mode .ordinary-table {
  min-width: inherit !important;
  width: 100% !important;
  table-layout: inherit;
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
}
@media (max-width: 499.98px) {
  .scroll-table.scroll-sm {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-sm > table {
    width: auto;
    min-width: 768px;
  }
  .scroll-table.scroll-sm > table.table-min-width-same {
    min-width: 320px;
  }
}
@media (max-width: 767.98px) {
  .scroll-table.scroll-md {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-md::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-md::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-md::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-md > table {
    width: auto;
    min-width: 992px;
  }
  .scroll-table.scroll-md > table.table-min-width-same {
    min-width: 768px;
  }
}
@media (max-width: 991.98px) {
  .scroll-table.scroll-lg {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-lg > table {
    width: auto;
    min-width: 1200px;
  }
  .scroll-table.scroll-lg > table.table-min-width-same {
    min-width: 992px;
  }
}
@media (max-width: 1199.98px) {
  .scroll-table.scroll-xl {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-xl > table {
    width: auto;
    min-width: 1200px;
  }
  .scroll-table.scroll-xl > table.table-min-width-same {
    min-width: 992px;
  }
}
@media (max-width: 1319.98px) {
  .scroll-table.scroll-order-nyuuka {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-order-nyuuka > table {
    width: auto;
    min-width: 1320px;
  }
}
@media (max-width: 1239.98px) {
  .scroll-table.scroll-nyuuka {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka > table {
    width: auto;
    min-width: 1240px;
  }
}
@media (max-width: 1119.98px) {
  .scroll-table.scroll-nyuuka-ippan {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka-ippan > table {
    width: auto;
    min-width: 1120px;
  }
}
@media (max-width: 1219.98px) {
  .scroll-table.scroll-nyuuka-yousi {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka-yousi > table {
    width: auto;
    min-width: 1220px;
  }
}
@media (max-width: 1399.98px) {
  .scroll-table.scroll-xxl {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-xxl::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-xxl::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-xxl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-xxl > table {
    width: auto;
    min-width: 1520px;
  }
  .scroll-table.scroll-xxl > table.table-min-width-same {
    min-width: 1200px;
  }
}
@media (max-width: 1519.98px) {
  .scroll-table.scroll-2xl {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-2xl::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-2xl::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-2xl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-2xl > table {
    width: auto;
  }
  .scroll-table.scroll-2xl > table.table-min-width-same {
    min-width: 1200px;
  }
}
.scroll-table.scrolled-auto {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.scroll-table.scrolled-auto::-webkit-scrollbar {
  height: 0.75em;
}
.scroll-table.scrolled-auto::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.scroll-table.scrolled-auto::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
.scroll-table.scrolled-auto > table {
  width: auto;
  min-width: auto;
}

.word-break-all {
  word-break: break-all;
}

table.support-calendar-table.youbi-sat thead {
  background-color: #ddfffc;
}
table.support-calendar-table.youbi-sun thead {
  background-color: #FFDDDD;
}
table.support-calendar-table.youbi-current thead {
  background-color: rgba(255, 255, 0, 0.2);
}
table.support-calendar-table thead tr th {
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
  border-bottom: 0;
}
table.support-calendar-table thead tr th h3 {
  font-size: 0.95em;
  font-weight: bold;
}
table.support-calendar-table tbody tr.time-row {
  cursor: pointer;
}
table.support-calendar-table tbody tr.time-row th {
  width: 1.5em;
  border-left: thin solid #dee2e6;
  font-size: 0.8em;
  padding: 0.75rem 0.25rem;
}
table.support-calendar-table tbody tr.time-row td {
  padding: 0;
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
  background-color: #fff;
  height: 3.5em;
}
table.support-calendar-table tbody tr.time-row td .reserve-box {
  display: none;
  padding: 0.75em;
}
table.support-calendar-table tbody tr.time-row td.available {
  background-color: #007bff;
  color: #fff;
}
table.support-calendar-table tbody tr.time-row td.available .reserve-box.type-available {
  display: block;
}
table.support-calendar-table tbody tr.time-row td.available .reserve-box.type-reserved {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover {
  background-color: #e9ecef;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover .reserve-box.type-available {
  display: block;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover .reserve-box.type-reserved {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.reserved {
  background-color: #40220F;
  color: #fff;
}
table.support-calendar-table tbody tr.time-row td.reserved .reserve-box.type-available {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.reserved .reserve-box.type-reserved {
  display: block;
}
table.support-calendar-table tbody tr.time-row:last-child th, table.support-calendar-table tbody tr.time-row:last-child td {
  border-bottom: thin solid #dee2e6;
}

.reserve-card {
  border-radius: 0.2em;
  border: thin solid #dee2e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.reserve-card .reserve-card-info-space {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 991.98px) {
  .reserve-card .reserve-card-info-space {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.reserve-card .reserve-card-action-space {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.reserve-card .reserve-card-action-space > div {
  padding: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card .reserve-card-action-space {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .reserve-card .reserve-card-action-space > div {
    padding: 0 0.5em 0.5em 0.5em;
  }
}

.reserve-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}
.reserve-card-list > dt {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
}
.reserve-card-list > dt > div {
  margin: 0 0.5em;
  padding: 0 0.25em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: thin dashed #adb5bd;
}
.reserve-card-list > dt:nth-of-type(odd) > div {
  border-left: 0;
}
.reserve-card-list > dd {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: calc(50% - 7em);
      flex-basis: calc(50% - 7em);
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card-list > dd {
    -ms-flex-preferred-size: calc(100% - 7em);
        flex-basis: calc(100% - 7em);
  }
}
.reserve-card-list > dd > div {
  border-left: thin dashed #adb5bd;
  padding: 0.25em 0.5em;
  height: 100%;
}

.tab-list-wrapper {
  border-bottom: thin solid #dee2e6;
  margin-bottom: 0.25em;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tab-list > .tab-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.tab-list > .tab-item:first-child .tab-link {
  border-top-left-radius: 0.25em;
}
.tab-list > .tab-item:last-child .tab-link {
  border-top-right-radius: 0.25em;
  border-color: #dee2e6;
}
.tab-list .tab-link {
  display: block;
  padding: 0.5em 1em;
  background-color: #dee2e6;
  border-left: thin solid #dee2e6;
  border-right: thin solid #f8f9fa;
  border-top: thin solid #dee2e6;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.tab-list .tab-link.active {
  background-color: #fff;
  border-bottom: thin solid transparent;
}

table.def-responsive-table.border-none-body-first-row > tbody > tr:first-child > th, table.def-responsive-table.border-none-body-first-row > tbody > tr:first-child > td {
  border-top: 0;
}

.syuukei-row {
  display: block;
}
.syuukei-row .donuts-wrapper {
  display: inline-block;
  width: 23em;
}
@media (max-width: 991.98px) {
  .syuukei-row .donuts-wrapper {
    display: block;
    width: 100%;
  }
}
.syuukei-row .recent-wrapper {
  display: inline-block;
  width: calc(100% - 24em);
}
@media (max-width: 991.98px) {
  .syuukei-row .recent-wrapper {
    display: block;
    width: 100%;
  }
}

.syukei-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
  .syukei-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.syukei-flex .syukei-flex-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
@media (max-width: 991.98px) {
  .syukei-flex .syukei-flex-left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.syukei-flex .syukei-flex-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
@media (max-width: 991.98px) {
  .syukei-flex .syukei-flex-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.color-to-20 {
  background-color: #e51755 !important;
}

.color-to-40 {
  background-color: #f09046 !important;
}

.color-to-60 {
  background-color: #ebc12f !important;
}

.color-to-80 {
  background-color: #87C5ED !important;
}

.color-to-100 {
  background-color: #8EA8EE !important;
}

.color-to-20-light {
  background-color: #ec4376 !important;
}

.color-to-40-light {
  background-color: #f4ac75 !important;
}

.color-to-60-light {
  background-color: #efcf5e !important;
}

.color-to-80-light {
  background-color: #b3daf4 !important;
}

.color-to-100-light {
  background-color: #bacaf5 !important;
}

.w1-moji-over-lg {
  width: 2em;
}
@media (min-width: 992px) {
  .w1-moji-over-lg {
    width: auto !important;
  }
}

.w2-moji-over-lg {
  width: 3em;
}
@media (min-width: 992px) {
  .w2-moji-over-lg {
    width: auto !important;
  }
}

.w3-moji-over-lg {
  width: 4em;
}
@media (min-width: 992px) {
  .w3-moji-over-lg {
    width: auto !important;
  }
}

.w4-moji-over-lg {
  width: 5em;
}
@media (min-width: 992px) {
  .w4-moji-over-lg {
    width: auto !important;
  }
}

.w5-moji-over-lg {
  width: 6em;
}
@media (min-width: 992px) {
  .w5-moji-over-lg {
    width: auto !important;
  }
}

.w6-moji-over-lg {
  width: 7em;
}
@media (min-width: 992px) {
  .w6-moji-over-lg {
    width: auto !important;
  }
}

.w7-moji-over-lg {
  width: 8em;
}
@media (min-width: 992px) {
  .w7-moji-over-lg {
    width: auto !important;
  }
}

.w8-moji-over-lg {
  width: 9em;
}
@media (min-width: 992px) {
  .w8-moji-over-lg {
    width: auto !important;
  }
}

.w9-moji-over-lg {
  width: 10em;
}
@media (min-width: 992px) {
  .w9-moji-over-lg {
    width: auto !important;
  }
}

.w10-moji-over-lg {
  width: 11em;
}
@media (min-width: 992px) {
  .w10-moji-over-lg {
    width: auto !important;
  }
}

.w11-moji-over-lg {
  width: 12em;
}
@media (min-width: 992px) {
  .w11-moji-over-lg {
    width: auto !important;
  }
}

.w12-moji-over-lg {
  width: 13em;
}
@media (min-width: 992px) {
  .w12-moji-over-lg {
    width: auto !important;
  }
}

.w13-moji-over-lg {
  width: 14em;
}
@media (min-width: 992px) {
  .w13-moji-over-lg {
    width: auto !important;
  }
}

.w14-moji-over-lg {
  width: 15em;
}
@media (min-width: 992px) {
  .w14-moji-over-lg {
    width: auto !important;
  }
}

.w15-moji-over-lg {
  width: 16em;
}
@media (min-width: 992px) {
  .w15-moji-over-lg {
    width: auto !important;
  }
}

.w16-moji-over-lg {
  width: 17em;
}
@media (min-width: 992px) {
  .w16-moji-over-lg {
    width: auto !important;
  }
}

.w17-moji-over-lg {
  width: 18em;
}
@media (min-width: 992px) {
  .w17-moji-over-lg {
    width: auto !important;
  }
}

.w18-moji-over-lg {
  width: 19em;
}
@media (min-width: 992px) {
  .w18-moji-over-lg {
    width: auto !important;
  }
}

.w19-moji-over-lg {
  width: 20em;
}
@media (min-width: 992px) {
  .w19-moji-over-lg {
    width: auto !important;
  }
}

.w20-moji-over-lg {
  width: 21em;
}
@media (min-width: 992px) {
  .w20-moji-over-lg {
    width: auto !important;
  }
}

.w21-moji-over-lg {
  width: 22em;
}
@media (min-width: 992px) {
  .w21-moji-over-lg {
    width: auto !important;
  }
}

.w22-moji-over-lg {
  width: 23em;
}
@media (min-width: 992px) {
  .w22-moji-over-lg {
    width: auto !important;
  }
}

.w23-moji-over-lg {
  width: 24em;
}
@media (min-width: 992px) {
  .w23-moji-over-lg {
    width: auto !important;
  }
}

.w24-moji-over-lg {
  width: 25em;
}
@media (min-width: 992px) {
  .w24-moji-over-lg {
    width: auto !important;
  }
}

.w25-moji-over-lg {
  width: 26em;
}
@media (min-width: 992px) {
  .w25-moji-over-lg {
    width: auto !important;
  }
}

.w26-moji-over-lg {
  width: 27em;
}
@media (min-width: 992px) {
  .w26-moji-over-lg {
    width: auto !important;
  }
}

.w27-moji-over-lg {
  width: 28em;
}
@media (min-width: 992px) {
  .w27-moji-over-lg {
    width: auto !important;
  }
}

.w28-moji-over-lg {
  width: 29em;
}
@media (min-width: 992px) {
  .w28-moji-over-lg {
    width: auto !important;
  }
}

.w29-moji-over-lg {
  width: 30em;
}
@media (min-width: 992px) {
  .w29-moji-over-lg {
    width: auto !important;
  }
}

.w30-moji-over-lg {
  width: 31em;
}
@media (min-width: 992px) {
  .w30-moji-over-lg {
    width: auto !important;
  }
}

.w31-moji-over-lg {
  width: 32em;
}
@media (min-width: 992px) {
  .w31-moji-over-lg {
    width: auto !important;
  }
}

.w32-moji-over-lg {
  width: 33em;
}
@media (min-width: 992px) {
  .w32-moji-over-lg {
    width: auto !important;
  }
}

.w33-moji-over-lg {
  width: 34em;
}
@media (min-width: 992px) {
  .w33-moji-over-lg {
    width: auto !important;
  }
}

.w34-moji-over-lg {
  width: 35em;
}
@media (min-width: 992px) {
  .w34-moji-over-lg {
    width: auto !important;
  }
}

.w35-moji-over-lg {
  width: 36em;
}
@media (min-width: 992px) {
  .w35-moji-over-lg {
    width: auto !important;
  }
}

.w36-moji-over-lg {
  width: 37em;
}
@media (min-width: 992px) {
  .w36-moji-over-lg {
    width: auto !important;
  }
}

.w37-moji-over-lg {
  width: 38em;
}
@media (min-width: 992px) {
  .w37-moji-over-lg {
    width: auto !important;
  }
}

.w38-moji-over-lg {
  width: 39em;
}
@media (min-width: 992px) {
  .w38-moji-over-lg {
    width: auto !important;
  }
}

.w39-moji-over-lg {
  width: 40em;
}
@media (min-width: 992px) {
  .w39-moji-over-lg {
    width: auto !important;
  }
}

.w40-moji-over-lg {
  width: 41em;
}
@media (min-width: 992px) {
  .w40-moji-over-lg {
    width: auto !important;
  }
}

.w41-moji-over-lg {
  width: 42em;
}
@media (min-width: 992px) {
  .w41-moji-over-lg {
    width: auto !important;
  }
}

.w42-moji-over-lg {
  width: 43em;
}
@media (min-width: 992px) {
  .w42-moji-over-lg {
    width: auto !important;
  }
}

.w43-moji-over-lg {
  width: 44em;
}
@media (min-width: 992px) {
  .w43-moji-over-lg {
    width: auto !important;
  }
}

.w44-moji-over-lg {
  width: 45em;
}
@media (min-width: 992px) {
  .w44-moji-over-lg {
    width: auto !important;
  }
}

.w45-moji-over-lg {
  width: 46em;
}
@media (min-width: 992px) {
  .w45-moji-over-lg {
    width: auto !important;
  }
}

.w46-moji-over-lg {
  width: 47em;
}
@media (min-width: 992px) {
  .w46-moji-over-lg {
    width: auto !important;
  }
}

.w47-moji-over-lg {
  width: 48em;
}
@media (min-width: 992px) {
  .w47-moji-over-lg {
    width: auto !important;
  }
}

.w48-moji-over-lg {
  width: 49em;
}
@media (min-width: 992px) {
  .w48-moji-over-lg {
    width: auto !important;
  }
}

.w49-moji-over-lg {
  width: 50em;
}
@media (min-width: 992px) {
  .w49-moji-over-lg {
    width: auto !important;
  }
}

.w50-moji-over-lg {
  width: 51em;
}
@media (min-width: 992px) {
  .w50-moji-over-lg {
    width: auto !important;
  }
}

.badge-white {
  color: #212529;
  background-color: #fff;
}
a.badge-white:hover, a.badge-white:focus {
  color: #212529;
  background-color: #e6e6e6;
}
a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
}

.btn-white {
  color: #212529;
  background: #fff -webkit-gradient(linear, left top, left bottom, from(#fefdfd), to(#fff)) repeat-x;
  background: #fff linear-gradient(180deg, #fefdfd, #fff) repeat-x;
  border-color: #ced4da;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-white:hover {
  color: #212529;
  background: #ececec -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ececec)) repeat-x;
  background: #ececec linear-gradient(180deg, #ededed, #ececec) repeat-x;
  border-color: #b1bbc4;
}
.btn-white:focus, .btn-white.focus {
  color: #212529;
  background: #ececec -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ececec)) repeat-x;
  background: #ececec linear-gradient(180deg, #ededed, #ececec) repeat-x;
  border-color: #b1bbc4;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
}
.btn-white.disabled, .btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #ced4da;
  background-image: none;
}
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #aab4bf;
}
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
}
.btn-white.active {
  background-color: #40220F !important;
  color: #fff !important;
}

.kadomaru {
  border-radius: 0.25em;
}

.show-chart {
  position: relative;
  z-index: 10;
}

.sort-button {
  position: relative;
  padding-right: 2em;
}
.sort-button:after {
  position: absolute;
  font-family: "Material Icons Round";
  content: "\e164";
  font-size: 1.5em;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1.5em;
  width: 1.5em;
  margin: auto;
}
.sort-button[data-sort-type=desc]:after {
  content: "\f1d1";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sort-button[data-sort-type=asc]:after {
  content: "\f1d1";
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.circle-mark > span {
  font-size: 0.85em;
  background-color: #11832c;
  padding: 0.2em 0.5em;
  border-radius: 1em;
  color: #fff;
}

table.vertical-middle {
  vertical-align: middle;
}
table.vertical-middle th, table.vertical-middle td {
  vertical-align: middle;
}

.image-icon-container.reserved-supporter {
  position: relative;
}
.image-icon-container.reserved-supporter:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
  left: 0;
  top: 0;
}
.image-icon-container.reserved-supporter:after {
  position: absolute;
  content: "\e86c";
  font-family: "Material Icons";
  display: block;
  left: -0.2em;
  top: -0.5em;
  width: 2em;
  height: 2em;
}

.flex-menu-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767.98px) {
  .flex-menu-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.flex-menu-space > .flex-menu-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.flex-menu-space > .flex-menu-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.btn-choice.choice-rank1 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank1.active {
  background-color: #FF7B7C;
  border: thin solid #ff4849;
  color: #212529;
}
.btn-choice.choice-rank2 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank2.active {
  background-color: #FDAA24;
  border: thin solid #ec9202;
  color: #212529;
}
.btn-choice.choice-rank3 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank3.active {
  background-color: #FFCA00;
  border: thin solid #cca200;
  color: #212529;
}
.btn-choice.choice-rank4 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank4.active {
  background-color: #7DE3DB;
  border: thin solid #53dacf;
  color: #212529;
}
.btn-choice.choice-rank5 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank5.active {
  background-color: #75D6A2;
  border: thin solid #4eca88;
  color: #212529;
}

.main-color-box {
  display: inline-block;
  background-color: #40220F;
  border: 0.2em solid #40220F;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 0.2em;
  padding: 0.1em 0.2em;
}
.main-color-box .title-box {
  display: inline-block;
  margin-right: 0.2em;
}
.main-color-box .num-box {
  display: inline-block;
  background-color: #fff;
  border: 0.2em solid #fff;
  color: #000;
  border-radius: 0.2em;
}

.pointer-hand {
  cursor: pointer;
}

.sort-desc > i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sort-asc > i {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.report-file-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.report-file-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5em 0 1em;
}
.report-file-list > li .report-file-name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0.125em 0;
}
.report-file-list > li .report-file-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0.125em 0;
}
.report-file-list .report-file-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.report-file-list .report-file-info .report-file-info-date {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: right;
}
.report-file-list .report-file-info .report-file-info-date > span {
  padding: 0 0.25em;
  font-size: 0.9rem;
  font-size: clamp(0.8rem, 0.657rem + 0.46vw, 1rem);
}
.report-file-list .report-file-info .report-file-info-action {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.report-file-list .report-file-wrapper {
  display: inline-block;
  background-color: #F3F4F5;
  padding: 0.25em 0.75em;
  border-radius: 0.75em;
}
.report-file-list .report-file-wrapper .report-file > .material-icons {
  font-size: 1em;
}

.dashed-block.dash-long {
  border: 2px dashed #adb5bd;
}

.chat-emote-space {
  padding: 0 1em 0.5em;
}
.chat-emote-space:empty {
  padding: 0;
}

.chat-action-space {
  padding: 0 1em 1em;
}

.emote-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emote-list > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1em;
  margin-bottom: 0.25em;
  border: thin solid #ced4da;
  padding: 0.25em;
  border-radius: 0.25em;
  background-color: #fff;
}

.emote-icon-wrap {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.emote-icon-wrap .emote-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.emote-icon-wrap .emote-icon:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.emote-icon-wrap .emote-icon > img {
  display: inline-block;
  width: 1.75em;
  height: auto;
}
.emote-icon-wrap .emote-count {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.emote-icon-wrap .emote-count .emote-count-number {
  display: inline-block;
  padding: 0 0.25em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  font-size: 1.25em;
}

.emote-checked-list {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6c757d;
}
.emote-checked-list > .material-icons {
  font-size: 2em;
}

.tooltip-emote-list > li {
  display: inline-block;
  margin-right: 0.5em;
}

.tooltip-emote-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.tooltip-emote-icon > img {
  width: 1.75em;
  height: auto;
}

.chat-action-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.action-emote-space {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: thin solid #ced4da;
  border-radius: 0.5em;
  cursor: pointer;
  background-color: #fff;
}
.action-emote-space:hover {
  background-color: #fff7e6;
}
.action-emote-space:hover .action-emote-icons {
  display: block;
}
.action-emote-space .action-emote-title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.action-emote-space .action-emote-title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.33em 0.5em;
}
.action-emote-space .action-emote-icons {
  display: none;
}
.action-emote-space .action-emote-icons > a {
  display: inline-block;
  width: 1.75em;
  margin: 0 0.2em;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.action-emote-space .action-emote-icons > a:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.action-emote-space .action-emote-icons > a img {
  width: 100%;
  height: auto;
}

@-webkit-keyframes scale-down-up {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.02);
            transform: scale(0.02);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scale-down-up {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.02);
            transform: scale(0.02);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.anim-up {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: scale-down-up;
          animation-name: scale-down-up;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.anim-down {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation-name: scale-down-up;
          animation-name: scale-down-up;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.chat-area-separation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.chat-area-separation .chat-area-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 2.5em;
      flex-basis: 2.5em;
  height: 100%;
}
.chat-area-separation .chat-area-actions > span {
  display: inline-block;
  height: 100%;
  border-right: 2px dashed #dee2e6;
}
.chat-area-separation .chat-area-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: calc(100% - 2.5em);
      flex-basis: calc(100% - 2.5em);
}

.input-chat-space .chat-text-action-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.input-chat-space .chat-text-action-menu a {
  position: inherit;
  right: inherit;
  bottom: inherit;
  margin: inherit;
  width: inherit;
  height: inherit;
  padding: inherit;
  border-radius: inherit;
}

.maru-mark {
  display: inline-block;
  position: relative;
  height: 2em;
  width: 2em;
  background-color: #ced4da;
  border-radius: 1em;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.maru-mark:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.maru-mark.maru-green {
  background-color: #1F9999;
  color: #fff;
}
.maru-mark.maru-green:hover {
  background-color: #26bbbb;
  color: #fff7e6;
}
.maru-mark > span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.self-manager {
  background-color: #343a40;
  border-radius: 0.2em;
  padding: 0.1em 0.25em;
  display: inline-block;
  color: #fff;
  position: relative;
}

.chat-to-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.chat-to-list > li {
  display: inline-block;
  margin-right: 0.5em;
}

.del-check-kadomaru-space {
  display: inline-block;
  position: relative;
  padding: 0;
  width: 2.5em;
}
.del-check-kadomaru-space label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #dee2e6;
  border-radius: 0.5em;
  text-align: right;
  cursor: pointer;
  z-index: 1;
}
.del-check-kadomaru-space label:hover {
  background-color: #efa2a9;
}
.del-check-kadomaru-space input[type=checkbox] {
  position: relative;
  margin-left: 0.25em;
  z-index: 2;
  cursor: pointer;
}
.del-check-kadomaru-space input[type=checkbox]:checked + label {
  background-color: #dc3545;
  color: #fff;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.material-icons.data_usage {
  color: #D63E6F;
}

.material-icons.meeting {
  color: #f16114;
}

.content-flex.print-mode {
  height: auto !important;
}

.content-main.print-mode {
  width: 1280px;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
  max-width: none;
}

.section-content.print-mode {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fixed-bottom.print-mode {
  display: none;
}

.content-flex.print-mode {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no-print.print-mode {
  display: none !important;
}

.no-print-border.print-mode {
  border: transparent !important;
}

.print-mode.print-mode-margin {
  margin-left: 1em;
  margin-right: 1em;
}

.layer-loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1001;
  background: rgba(255, 255, 255, 0.9);
}
.layer-loading .loading-inner:before {
  display: inline-block;
  font-family: "Material Icons";
  content: "\e863";
  -webkit-animation: rotate 2s;
  animation: rotate 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  font-size: 2em;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  text-align: center;
}
.layer-loading .loading-inner:after {
  position: absolute;
  font-family: -apple-system, BlinkMacSystemFont, "lowline-only", "BIZ UDPGothic", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  content: attr(data-caption);
  display: inline-block;
  margin: 0.75em auto;
}

#sidebar.print-mode {
  display: none;
}

.perm_contact_calendar {
  color: #87C5ED;
}

.pending_actions {
  color: #8ba9ed;
}

.highlight {
  color: #F0B146;
}

.ct-day {
  text-align: center;
}

.ct-inputs-space {
  text-align: center;
}

.ct-reserve-count {
  display: inline-block;
  position: relative;
  width: 2em;
  height: 2em;
  text-align: center;
  background-color: #E5E5E5;
  padding: 1em;
  border-radius: 1em;
  line-height: 2;
}
.ct-reserve-count:hover {
  background-color: #40220F;
  color: #fff;
}
.ct-reserve-count > span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ct-inputs-space .ct-inputs-left {
  display: inline-block;
  width: 49.5%;
}
.ct-inputs-space .ct-inputs-right {
  display: inline-block;
  width: 49.5%;
}

table.calendar-table {
  -webkit-transform: translateY(-2em);
          transform: translateY(-2em);
  table-layout: fixed;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  table.calendar-table {
    width: 720px;
  }
}
table.calendar-table.admin-calendar {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  table-layout: auto;
  white-space: nowrap;
}
table.calendar-table.support-calendar {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  table-layout: auto;
  white-space: nowrap;
}
table.calendar-table.support-calendar .ct-b-count {
  position: relative;
  padding: 0;
}
table.calendar-table.support-calendar .ct-b-count .ct-title-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
table.calendar-table.support-calendar .ct-b-count .ct-reserve-mark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
}
table.calendar-table.support-calendar .ct-b-count .ct-reserve-mark:hover {
  background-color: rgba(255, 255, 0, 0.5);
}
table.calendar-table thead tr th {
  height: 2em;
}
table.calendar-table thead tr th, table.calendar-table tbody tr th {
  border-left: thin solid #dee2e6;
}
table.calendar-table thead tr th:first-child, table.calendar-table tbody tr th:first-child {
  border-left: none;
}
table.calendar-table thead tr th:last-child, table.calendar-table tbody tr th:last-child {
  border-right: thin solid #dee2e6;
}
table.calendar-table thead tr th, table.calendar-table thead tr td, table.calendar-table tbody tr th, table.calendar-table tbody tr td {
  padding: 0 0.1em;
  text-align: center;
  vertical-align: middle;
  border-top: thin solid #dee2e6;
}
table.calendar-table thead tr th.time-header-cell, table.calendar-table thead tr td.time-header-cell, table.calendar-table tbody tr th.time-header-cell, table.calendar-table tbody tr td.time-header-cell {
  width: 3.5em;
}
table.calendar-table thead tr th .form-control, table.calendar-table thead tr td .form-control, table.calendar-table tbody tr th .form-control, table.calendar-table tbody tr td .form-control {
  padding: 0.1em 0.25em;
  height: auto;
  text-align: right;
}
table.calendar-table thead tr th.ct-b-date, table.calendar-table thead tr td.ct-b-date, table.calendar-table tbody tr th.ct-b-date, table.calendar-table tbody tr td.ct-b-date {
  width: 1.5em;
}
table.calendar-table thead tr th.ct-b-disable, table.calendar-table thead tr td.ct-b-disable, table.calendar-table tbody tr th.ct-b-disable, table.calendar-table tbody tr td.ct-b-disable {
  background-color: #f9f9f9;
}
table.calendar-table thead tr th.cur-day, table.calendar-table thead tr td.cur-day, table.calendar-table tbody tr th.cur-day, table.calendar-table tbody tr td.cur-day {
  background-color: #ffe7a0;
}
table.calendar-table thead tr.date-first-row .ct-title-date, table.calendar-table tbody tr.date-first-row .ct-title-date {
  position: relative;
}
table.calendar-table thead tr.date-first-row .ct-title-date:before, table.calendar-table tbody tr.date-first-row .ct-title-date:before {
  position: absolute;
  display: block;
  content: attr(data-title);
  top: -1.5em;
  left: 0;
  padding-left: 0.1em;
  margin: auto;
  font-weight: bold;
  width: calc(100% + 2.2em);
}
table.calendar-table thead tr.date-first-row th, table.calendar-table thead tr.date-first-row td, table.calendar-table tbody tr.date-first-row th, table.calendar-table tbody tr.date-first-row td {
  padding-top: 1.5em;
}
table.calendar-table thead tr.date-first-row .ct-b-count .ct-title-date:before, table.calendar-table tbody tr.date-first-row .ct-b-count .ct-title-date:before {
  width: 100%;
}
#calendar-left {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 0;
  overflow: hidden;
  height: calc(100% - 16px);
}
#calendar-left table.calendar-table {
  width: auto;
}
#calendar-left table.calendar-table tr th {
  height: 4em;
  width: 3.25em;
  background-color: #fff;
}

#calendar-table-wrapper {
  overflow-y: auto;
  margin-top: 2em;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767.98px) {
  #calendar-table-wrapper {
    overflow-x: auto;
  }
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr th:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table thead tr td:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table tbody tr th:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table tbody tr td:nth-of-type(2n) {
  border-left: thin solid #dee2e6;
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr th:last-child, #calendar-table-wrapper.type-detail table.calendar-table thead tr td:last-child, #calendar-table-wrapper.type-detail table.calendar-table tbody tr th:last-child, #calendar-table-wrapper.type-detail table.calendar-table tbody tr td:last-child {
  border-right: thin solid #dee2e6;
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr:last-child th, #calendar-table-wrapper.type-detail table.calendar-table thead tr:last-child td, #calendar-table-wrapper.type-detail table.calendar-table tbody tr:last-child th, #calendar-table-wrapper.type-detail table.calendar-table tbody tr:last-child td {
  border-bottom: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table {
  margin-left: 0;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th, #calendar-table-wrapper.type-edit table.calendar-table thead tr td, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td {
  border-left: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th:last-child, #calendar-table-wrapper.type-edit table.calendar-table thead tr td:last-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th:last-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td:last-child {
  border-right: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th:first-child, #calendar-table-wrapper.type-edit table.calendar-table thead tr td:first-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th:first-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td:first-child {
  min-width: 3.25em;
  max-width: 3.25em;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th.before-day, #calendar-table-wrapper.type-edit table.calendar-table thead tr td.before-day, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th.before-day, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td.before-day {
  position: relative;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table thead tr td.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td.before-day:before {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr:last-child th, #calendar-table-wrapper.type-edit table.calendar-table thead tr:last-child td, #calendar-table-wrapper.type-edit table.calendar-table tbody tr:last-child th, #calendar-table-wrapper.type-edit table.calendar-table tbody tr:last-child td {
  border-bottom: thin solid #dee2e6;
}
#calendar-table-wrapper.height-fixed table.calendar-table tbody tr th, #calendar-table-wrapper.height-fixed table.calendar-table tbody tr td {
  height: 4em;
}

.ct-time {
  width: 3em;
}

.dot-list {
  list-style: disc;
  padding-left: 1em;
}

#modal-date {
  padding-right: 0.5em;
}

.modal-span-staff {
  display: inline-block;
}

.modal-span-company {
  display: inline-block;
  margin-right: 1em;
}

[data-youbi=Sun], .ct-sunday {
  background-color: #fff0ed;
}

[data-youbi=Sat], .ct-saturday {
  background-color: #e6fffc;
}

.ct-reserve-mark {
  font-size: 1.5em;
}
.ct-reserve-mark.mark-ok {
  color: #11832c;
}
.ct-reserve-mark.mark-little {
  color: #dc3545;
}
.ct-reserve-mark.mark-ng {
  color: #000;
}
.ct-reserve-mark.mark-wait {
  color: #17a2b8;
}
.ct-reserve-mark.mark-wait:before {
  content: "\e3c6";
  font-family: "Material Icons";
}

.tooltip.tooltip-custom {
  cursor: pointer;
}
.tooltip.tooltip-custom .content {
  display: inline-block;
}
.tooltip.tooltip-custom .tooltip-content {
  padding: 1em;
  border: thin solid #ced4da;
  -webkit-box-shadow: 1px 1px 13px -7px #343a40;
          box-shadow: 1px 1px 13px -7px #343a40;
  background-color: #fff;
  border-radius: 0.25em;
  max-width: 24em;
}
.tooltip.tooltip-custom .tooltip-content .tooltip-inner {
  color: #333;
  background-color: #fff;
  border: none;
  padding: 0.25em 0 0 0;
  max-width: inherit;
  text-align: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tooltip.tooltip-custom.bs-tooltip-left .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-right .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-top .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-bottom .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #fff;
}

.header-reserve-list-wrapper {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1em;
}

.reserve-list {
  list-style-type: disc;
  padding-left: 1.5em;
  border: thin dotted #6c757d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.reserve-list > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 11em;
      flex-basis: 11em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

.scroll-space-wrapper {
  position: relative;
  overflow-x: hidden;
}
.scroll-space-wrapper .dup-table {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
  table-layout: fixed;
  margin: 0;
}
@media (max-width: 767.98px) {
  .scroll-space-wrapper .dup-table {
    width: 720px;
  }
}
.scroll-space-wrapper .dup-table.print-mode {
  display: none;
}
.scroll-space-wrapper .scroll-space-inner {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.scroll-space-wrapper.print-mode {
  overflow-x: inherit;
}
.scroll-space-wrapper.print-mode .scroll-space-inner {
  max-height: none !important;
  overflow-x: inherit;
}
.scroll-space-wrapper.scroll-h100 .scroll-space-inner {
  max-height: 100px;
}
.scroll-space-wrapper.scroll-h200 .scroll-space-inner {
  max-height: 200px;
}
.scroll-space-wrapper.scroll-h300 .scroll-space-inner {
  max-height: 300px;
}
.scroll-space-wrapper.scroll-h400 .scroll-space-inner {
  max-height: 400px;
}
.scroll-space-wrapper.scroll-h500 .scroll-space-inner {
  max-height: 500px;
}
.scroll-space-wrapper.scroll-h600 .scroll-space-inner {
  max-height: 600px;
}
@media (max-width: 767.98px) {
  .scroll-space-wrapper.sm-no-fixed-header .dup-table {
    display: none !important;
  }
}

.scroll-height-wrapper {
  overflow-y: auto;
}
.scroll-height-wrapper .scroll-height-space {
  max-height: 5em;
}
.scroll-height-wrapper .scroll-height-space.height-expand {
  max-height: 50vh;
}

.swal2-container {
  z-index: 1071 !important;
}

.btn-group.btn-eval-icon.btn-eval-icon-sm label {
  width: 2.9em;
  height: 2.9em;
}

.row-layout th, .row-layout td {
  border: none !important;
  height: 0;
  padding: 0 !important;
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .row-layout th, .row-layout td {
    display: none;
  }
}

.thead-layout > tr th, .thead-layout > tr td {
  border: none !important;
  height: 0;
  padding: 0 !important;
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .thead-layout > tr th, .thead-layout > tr td {
    display: none;
  }
}
.thead-layout + tbody > tr:first-child th, .thead-layout + tbody > tr:first-child td {
  border-top: 0;
}

.activity-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 0.25em;
}
.activity-actions .activity-actions-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: left;
}
.activity-actions .activity-actions-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.activity-actions .activity-actions-icon .material-icons {
  font-size: 1.5em;
}
.activity-actions .activity-actions-icon .actions-icon-text {
  display: inline-block;
  padding: 0.2em 0.1em;
}
@media (max-width: 1199.98px) {
  .activity-actions .activity-actions-icon .actions-icon-text {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .activity-actions .activity-actions-icon .actions-icon-text {
    display: inline-block;
  }
}

.none-service {
  background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 767.98px) {
  table.def-responsive-table {
    background-color: inherit;
  }
  table.def-responsive-table > tbody > tr > th, table.def-responsive-table > tbody > tr > td {
    margin-top: inherit;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
.badge-notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: -0.5px;
}

.text-ji-tsume {
  letter-spacing: -0.75px;
}

section.section.section-memo {
  margin-top: 1em;
  background-color: #fbffe9;
  border: thin dotted #adb5bd;
  border-radius: 0.25em;
  padding: 1em;
}
section.section.section-memo h3 span {
  font-size: 0.75em;
}

.support-reserve-list {
  overflow-x: auto;
  white-space: nowrap;
}
.support-reserve-list > li {
  display: inline-block;
  width: 11em;
}
.support-reserve-list > li h3 {
  text-align: center;
}

.support-calendar-wrapper {
  padding: 0;
}

.support-calendar .fc-center {
  font-size: 0.8em;
}
.support-calendar .fc-toolbar.fc-header-toolbar {
  border-left: thin solid #ced4da;
  border-top: thin solid #ced4da;
  border-right: thin solid #ced4da;
  margin: 0;
  padding: 0.5em 0;
}
.support-calendar .fc-time-grid .fc-slats td {
  height: 5em;
}
.support-calendar .hovered-tips-inner {
  white-space: normal;
}
.support-calendar .hovered-tips-inner .hovered-popup {
  position: absolute;
  cursor: not-allowed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.support-calendar.before-day {
  position: relative;
}
.support-calendar.before-day:before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.bg-sat {
  background-color: #e6fffc;
}

.bg-sun {
  background-color: #fff0ed;
}

.reserve-category-list > li {
  display: inline-block;
}
.reserve-category-list > li label {
  margin: 0.25em 0;
}
.reserve-category-list > li label > span, .reserve-category-list > li label > div {
  display: inline-block;
  padding: 0.25em 1em;
  background-color: #fff;
  border: thin solid #adb5bd;
  border-radius: 0.2em;
  cursor: pointer;
}
.reserve-category-list > li label > input[type=radio] {
  display: none;
}
.reserve-category-list > li label > input[type=radio]:checked + span {
  background-color: #40220F;
  color: #fff;
  border: thin solid #40220F;
}
.reserve-category-list.list-color-sub > li label > input[type=radio]:checked + span {
  background-color: #40220F;
  color: #fff;
  border: thin solid #40220F;
}
.reserve-category-list.list-color-orange > li label > input[type=radio]:checked + span {
  background-color: #fd7e14;
  color: #fff;
  border: thin solid #fd7e14;
}

.like-button-main {
  font-size: 0.9em;
  display: inline-block;
  padding: 0.05em 0.5em;
  background-color: #40220F;
  color: #fff;
  border: thin solid #40220F;
  border-radius: 0.2em;
  cursor: pointer;
}

.advice-chat .chat-list:empty:before {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  content: "まだ回答はありません。";
}

.image-icon-cropper.icon-supporter.none-icon-badge:before {
  display: none;
}
.image-icon-cropper.icon-supporter.none-icon-badge:after {
  display: none;
}

.advice-flex-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 992px) {
  .advice-flex-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.advice-flex-list li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0.2em 0;
}
@media (min-width: 992px) {
  .advice-flex-list li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: left;
  }
}
.advice-flex-list li:nth-of-type(odd) {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 6em;
      flex-basis: 6em;
  text-align: center;
}
@media (min-width: 992px) {
  .advice-flex-list li:nth-of-type(odd) {
    -ms-flex-preferred-size: 5.5em;
        flex-basis: 5.5em;
    text-align: center;
  }
}
.advice-flex-list li span {
  display: block;
  padding: 0.25em 0.5em;
}
.advice-flex-list li span.box {
  border: thin solid #adb5bd;
  border-radius: 0.15em;
}

.ordinary-table > thead > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  background-color: #F3F4F5;
  vertical-align: middle;
}
.ordinary-table > tbody > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  vertical-align: middle;
  background-color: #F3F4F5;
}
.ordinary-table > tbody > tr > th.bg-lighter {
  background-color: #edeff0;
}
.ordinary-table > tbody > tr > td {
  padding: 0.15em 0.5em;
  vertical-align: middle;
}
.ordinary-table > tbody > tr > td .btn {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.ordinary-table > tbody:last-child {
  border-bottom: thin solid #dee2e6;
}
.ordinary-table.header-fixed > thead > tr > th {
  white-space: nowrap;
}

.scroll-table table {
  table-layout: fixed;
}
.scroll-table.on-print.print-mode {
  margin: 0 1em;
}
.scroll-table.on-print.print-mode .ordinary-table {
  min-width: inherit !important;
  width: 100% !important;
  table-layout: inherit;
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
}
@media (max-width: 499.98px) {
  .scroll-table.scroll-sm {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-sm > table {
    width: auto;
    min-width: 768px;
  }
  .scroll-table.scroll-sm > table.table-min-width-same {
    min-width: 320px;
  }
}
@media (max-width: 767.98px) {
  .scroll-table.scroll-md {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-md::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-md::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-md::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-md > table {
    width: auto;
    min-width: 992px;
  }
  .scroll-table.scroll-md > table.table-min-width-same {
    min-width: 768px;
  }
}
@media (max-width: 991.98px) {
  .scroll-table.scroll-lg {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-lg > table {
    width: auto;
    min-width: 1200px;
  }
  .scroll-table.scroll-lg > table.table-min-width-same {
    min-width: 992px;
  }
}
@media (max-width: 1199.98px) {
  .scroll-table.scroll-xl {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-xl > table {
    width: auto;
    min-width: 1200px;
  }
  .scroll-table.scroll-xl > table.table-min-width-same {
    min-width: 992px;
  }
}
@media (max-width: 1319.98px) {
  .scroll-table.scroll-order-nyuuka {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-order-nyuuka > table {
    width: auto;
    min-width: 1320px;
  }
}
@media (max-width: 1239.98px) {
  .scroll-table.scroll-nyuuka {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka > table {
    width: auto;
    min-width: 1240px;
  }
}
@media (max-width: 1119.98px) {
  .scroll-table.scroll-nyuuka-ippan {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka-ippan > table {
    width: auto;
    min-width: 1120px;
  }
}
@media (max-width: 1219.98px) {
  .scroll-table.scroll-nyuuka-yousi {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka-yousi > table {
    width: auto;
    min-width: 1220px;
  }
}
@media (max-width: 1399.98px) {
  .scroll-table.scroll-xxl {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-xxl::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-xxl::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-xxl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-xxl > table {
    width: auto;
    min-width: 1520px;
  }
  .scroll-table.scroll-xxl > table.table-min-width-same {
    min-width: 1200px;
  }
}
.scroll-table.scrolled-auto {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.scroll-table.scrolled-auto::-webkit-scrollbar {
  height: 0.75em;
}
.scroll-table.scrolled-auto::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.scroll-table.scrolled-auto::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
.scroll-table.scrolled-auto > table {
  width: auto;
  min-width: auto;
}

.word-break-all {
  word-break: break-all;
}

table.support-calendar-table.youbi-sat thead {
  background-color: #ddfffc;
}
table.support-calendar-table.youbi-sun thead {
  background-color: #FFDDDD;
}
table.support-calendar-table.youbi-current thead {
  background-color: rgba(255, 255, 0, 0.2);
}
table.support-calendar-table thead tr th {
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
  border-bottom: 0;
}
table.support-calendar-table thead tr th h3 {
  font-size: 0.95em;
  font-weight: bold;
}
table.support-calendar-table tbody tr.time-row {
  cursor: pointer;
}
table.support-calendar-table tbody tr.time-row th {
  width: 1.5em;
  border-left: thin solid #dee2e6;
  font-size: 0.8em;
  padding: 0.75rem 0.25rem;
}
table.support-calendar-table tbody tr.time-row td {
  padding: 0;
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
  background-color: #fff;
  height: 3.5em;
}
table.support-calendar-table tbody tr.time-row td .reserve-box {
  display: none;
  padding: 0.75em;
}
table.support-calendar-table tbody tr.time-row td.available {
  background-color: #007bff;
  color: #fff;
}
table.support-calendar-table tbody tr.time-row td.available .reserve-box.type-available {
  display: block;
}
table.support-calendar-table tbody tr.time-row td.available .reserve-box.type-reserved {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover {
  background-color: #e9ecef;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover .reserve-box.type-available {
  display: block;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover .reserve-box.type-reserved {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.reserved {
  background-color: #40220F;
  color: #fff;
}
table.support-calendar-table tbody tr.time-row td.reserved .reserve-box.type-available {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.reserved .reserve-box.type-reserved {
  display: block;
}
table.support-calendar-table tbody tr.time-row:last-child th, table.support-calendar-table tbody tr.time-row:last-child td {
  border-bottom: thin solid #dee2e6;
}

.reserve-card {
  border-radius: 0.2em;
  border: thin solid #dee2e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.reserve-card .reserve-card-info-space {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 991.98px) {
  .reserve-card .reserve-card-info-space {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.reserve-card .reserve-card-action-space {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.reserve-card .reserve-card-action-space > div {
  padding: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card .reserve-card-action-space {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .reserve-card .reserve-card-action-space > div {
    padding: 0 0.5em 0.5em 0.5em;
  }
}

.reserve-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}
.reserve-card-list > dt {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
}
.reserve-card-list > dt > div {
  margin: 0 0.5em;
  padding: 0 0.25em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: thin dashed #adb5bd;
}
.reserve-card-list > dt:nth-of-type(odd) > div {
  border-left: 0;
}
.reserve-card-list > dd {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: calc(50% - 7em);
      flex-basis: calc(50% - 7em);
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card-list > dd {
    -ms-flex-preferred-size: calc(100% - 7em);
        flex-basis: calc(100% - 7em);
  }
}
.reserve-card-list > dd > div {
  border-left: thin dashed #adb5bd;
  padding: 0.25em 0.5em;
  height: 100%;
}

.tab-list-wrapper {
  border-bottom: thin solid #dee2e6;
  margin-bottom: 0.25em;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tab-list > .tab-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.tab-list > .tab-item:first-child .tab-link {
  border-top-left-radius: 0.25em;
}
.tab-list > .tab-item:last-child .tab-link {
  border-top-right-radius: 0.25em;
  border-color: #dee2e6;
}
.tab-list .tab-link {
  display: block;
  padding: 0.5em 1em;
  background-color: #dee2e6;
  border-left: thin solid #dee2e6;
  border-right: thin solid #f8f9fa;
  border-top: thin solid #dee2e6;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.tab-list .tab-link.active {
  background-color: #fff;
  border-bottom: thin solid transparent;
}

table.def-responsive-table.border-none-body-first-row > tbody > tr:first-child > th, table.def-responsive-table.border-none-body-first-row > tbody > tr:first-child > td {
  border-top: 0;
}

.syuukei-row {
  display: block;
}
.syuukei-row .donuts-wrapper {
  display: inline-block;
  width: 23em;
}
@media (max-width: 991.98px) {
  .syuukei-row .donuts-wrapper {
    display: block;
    width: 100%;
  }
}
.syuukei-row .recent-wrapper {
  display: inline-block;
  width: calc(100% - 24em);
}
@media (max-width: 991.98px) {
  .syuukei-row .recent-wrapper {
    display: block;
    width: 100%;
  }
}

.syukei-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
  .syukei-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.syukei-flex .syukei-flex-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
@media (max-width: 991.98px) {
  .syukei-flex .syukei-flex-left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.syukei-flex .syukei-flex-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
@media (max-width: 991.98px) {
  .syukei-flex .syukei-flex-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.color-to-20 {
  background-color: #e51755 !important;
}

.color-to-40 {
  background-color: #f09046 !important;
}

.color-to-60 {
  background-color: #ebc12f !important;
}

.color-to-80 {
  background-color: #87C5ED !important;
}

.color-to-100 {
  background-color: #8EA8EE !important;
}

.color-to-20-light {
  background-color: #ec4376 !important;
}

.color-to-40-light {
  background-color: #f4ac75 !important;
}

.color-to-60-light {
  background-color: #efcf5e !important;
}

.color-to-80-light {
  background-color: #b3daf4 !important;
}

.color-to-100-light {
  background-color: #bacaf5 !important;
}

.w1-moji-over-lg {
  width: 2em;
}
@media (min-width: 992px) {
  .w1-moji-over-lg {
    width: auto !important;
  }
}

.w2-moji-over-lg {
  width: 3em;
}
@media (min-width: 992px) {
  .w2-moji-over-lg {
    width: auto !important;
  }
}

.w3-moji-over-lg {
  width: 4em;
}
@media (min-width: 992px) {
  .w3-moji-over-lg {
    width: auto !important;
  }
}

.w4-moji-over-lg {
  width: 5em;
}
@media (min-width: 992px) {
  .w4-moji-over-lg {
    width: auto !important;
  }
}

.w5-moji-over-lg {
  width: 6em;
}
@media (min-width: 992px) {
  .w5-moji-over-lg {
    width: auto !important;
  }
}

.w6-moji-over-lg {
  width: 7em;
}
@media (min-width: 992px) {
  .w6-moji-over-lg {
    width: auto !important;
  }
}

.w7-moji-over-lg {
  width: 8em;
}
@media (min-width: 992px) {
  .w7-moji-over-lg {
    width: auto !important;
  }
}

.w8-moji-over-lg {
  width: 9em;
}
@media (min-width: 992px) {
  .w8-moji-over-lg {
    width: auto !important;
  }
}

.w9-moji-over-lg {
  width: 10em;
}
@media (min-width: 992px) {
  .w9-moji-over-lg {
    width: auto !important;
  }
}

.w10-moji-over-lg {
  width: 11em;
}
@media (min-width: 992px) {
  .w10-moji-over-lg {
    width: auto !important;
  }
}

.w11-moji-over-lg {
  width: 12em;
}
@media (min-width: 992px) {
  .w11-moji-over-lg {
    width: auto !important;
  }
}

.w12-moji-over-lg {
  width: 13em;
}
@media (min-width: 992px) {
  .w12-moji-over-lg {
    width: auto !important;
  }
}

.w13-moji-over-lg {
  width: 14em;
}
@media (min-width: 992px) {
  .w13-moji-over-lg {
    width: auto !important;
  }
}

.w14-moji-over-lg {
  width: 15em;
}
@media (min-width: 992px) {
  .w14-moji-over-lg {
    width: auto !important;
  }
}

.w15-moji-over-lg {
  width: 16em;
}
@media (min-width: 992px) {
  .w15-moji-over-lg {
    width: auto !important;
  }
}

.w16-moji-over-lg {
  width: 17em;
}
@media (min-width: 992px) {
  .w16-moji-over-lg {
    width: auto !important;
  }
}

.w17-moji-over-lg {
  width: 18em;
}
@media (min-width: 992px) {
  .w17-moji-over-lg {
    width: auto !important;
  }
}

.w18-moji-over-lg {
  width: 19em;
}
@media (min-width: 992px) {
  .w18-moji-over-lg {
    width: auto !important;
  }
}

.w19-moji-over-lg {
  width: 20em;
}
@media (min-width: 992px) {
  .w19-moji-over-lg {
    width: auto !important;
  }
}

.w20-moji-over-lg {
  width: 21em;
}
@media (min-width: 992px) {
  .w20-moji-over-lg {
    width: auto !important;
  }
}

.w21-moji-over-lg {
  width: 22em;
}
@media (min-width: 992px) {
  .w21-moji-over-lg {
    width: auto !important;
  }
}

.w22-moji-over-lg {
  width: 23em;
}
@media (min-width: 992px) {
  .w22-moji-over-lg {
    width: auto !important;
  }
}

.w23-moji-over-lg {
  width: 24em;
}
@media (min-width: 992px) {
  .w23-moji-over-lg {
    width: auto !important;
  }
}

.w24-moji-over-lg {
  width: 25em;
}
@media (min-width: 992px) {
  .w24-moji-over-lg {
    width: auto !important;
  }
}

.w25-moji-over-lg {
  width: 26em;
}
@media (min-width: 992px) {
  .w25-moji-over-lg {
    width: auto !important;
  }
}

.w26-moji-over-lg {
  width: 27em;
}
@media (min-width: 992px) {
  .w26-moji-over-lg {
    width: auto !important;
  }
}

.w27-moji-over-lg {
  width: 28em;
}
@media (min-width: 992px) {
  .w27-moji-over-lg {
    width: auto !important;
  }
}

.w28-moji-over-lg {
  width: 29em;
}
@media (min-width: 992px) {
  .w28-moji-over-lg {
    width: auto !important;
  }
}

.w29-moji-over-lg {
  width: 30em;
}
@media (min-width: 992px) {
  .w29-moji-over-lg {
    width: auto !important;
  }
}

.w30-moji-over-lg {
  width: 31em;
}
@media (min-width: 992px) {
  .w30-moji-over-lg {
    width: auto !important;
  }
}

.w31-moji-over-lg {
  width: 32em;
}
@media (min-width: 992px) {
  .w31-moji-over-lg {
    width: auto !important;
  }
}

.w32-moji-over-lg {
  width: 33em;
}
@media (min-width: 992px) {
  .w32-moji-over-lg {
    width: auto !important;
  }
}

.w33-moji-over-lg {
  width: 34em;
}
@media (min-width: 992px) {
  .w33-moji-over-lg {
    width: auto !important;
  }
}

.w34-moji-over-lg {
  width: 35em;
}
@media (min-width: 992px) {
  .w34-moji-over-lg {
    width: auto !important;
  }
}

.w35-moji-over-lg {
  width: 36em;
}
@media (min-width: 992px) {
  .w35-moji-over-lg {
    width: auto !important;
  }
}

.w36-moji-over-lg {
  width: 37em;
}
@media (min-width: 992px) {
  .w36-moji-over-lg {
    width: auto !important;
  }
}

.w37-moji-over-lg {
  width: 38em;
}
@media (min-width: 992px) {
  .w37-moji-over-lg {
    width: auto !important;
  }
}

.w38-moji-over-lg {
  width: 39em;
}
@media (min-width: 992px) {
  .w38-moji-over-lg {
    width: auto !important;
  }
}

.w39-moji-over-lg {
  width: 40em;
}
@media (min-width: 992px) {
  .w39-moji-over-lg {
    width: auto !important;
  }
}

.w40-moji-over-lg {
  width: 41em;
}
@media (min-width: 992px) {
  .w40-moji-over-lg {
    width: auto !important;
  }
}

.w41-moji-over-lg {
  width: 42em;
}
@media (min-width: 992px) {
  .w41-moji-over-lg {
    width: auto !important;
  }
}

.w42-moji-over-lg {
  width: 43em;
}
@media (min-width: 992px) {
  .w42-moji-over-lg {
    width: auto !important;
  }
}

.w43-moji-over-lg {
  width: 44em;
}
@media (min-width: 992px) {
  .w43-moji-over-lg {
    width: auto !important;
  }
}

.w44-moji-over-lg {
  width: 45em;
}
@media (min-width: 992px) {
  .w44-moji-over-lg {
    width: auto !important;
  }
}

.w45-moji-over-lg {
  width: 46em;
}
@media (min-width: 992px) {
  .w45-moji-over-lg {
    width: auto !important;
  }
}

.w46-moji-over-lg {
  width: 47em;
}
@media (min-width: 992px) {
  .w46-moji-over-lg {
    width: auto !important;
  }
}

.w47-moji-over-lg {
  width: 48em;
}
@media (min-width: 992px) {
  .w47-moji-over-lg {
    width: auto !important;
  }
}

.w48-moji-over-lg {
  width: 49em;
}
@media (min-width: 992px) {
  .w48-moji-over-lg {
    width: auto !important;
  }
}

.w49-moji-over-lg {
  width: 50em;
}
@media (min-width: 992px) {
  .w49-moji-over-lg {
    width: auto !important;
  }
}

.w50-moji-over-lg {
  width: 51em;
}
@media (min-width: 992px) {
  .w50-moji-over-lg {
    width: auto !important;
  }
}

.badge-white {
  color: #212529;
  background-color: #fff;
}
a.badge-white:hover, a.badge-white:focus {
  color: #212529;
  background-color: #e6e6e6;
}
a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5);
}

.btn-white {
  color: #212529;
  background: #fff -webkit-gradient(linear, left top, left bottom, from(#fefdfd), to(#fff)) repeat-x;
  background: #fff linear-gradient(180deg, #fefdfd, #fff) repeat-x;
  border-color: #ced4da;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-white:hover {
  color: #212529;
  background: #ececec -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ececec)) repeat-x;
  background: #ececec linear-gradient(180deg, #ededed, #ececec) repeat-x;
  border-color: #b1bbc4;
}
.btn-white:focus, .btn-white.focus {
  color: #212529;
  background: #ececec -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ececec)) repeat-x;
  background: #ececec linear-gradient(180deg, #ededed, #ececec) repeat-x;
  border-color: #b1bbc4;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
}
.btn-white.disabled, .btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #ced4da;
  background-image: none;
}
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #aab4bf;
}
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.1rem rgba(180, 186, 191, 0.5);
}
.btn-white.active {
  background-color: #40220F !important;
  color: #fff !important;
}

.kadomaru {
  border-radius: 0.25em;
}

.show-chart {
  position: relative;
  z-index: 10;
}

.sort-button {
  position: relative;
  padding-right: 2em;
}
.sort-button:after {
  position: absolute;
  font-family: "Material Icons Round";
  content: "\e164";
  font-size: 1.5em;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1.5em;
  width: 1.5em;
  margin: auto;
}
.sort-button[data-sort-type=desc]:after {
  content: "\f1d1";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sort-button[data-sort-type=asc]:after {
  content: "\f1d1";
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.circle-mark > span {
  font-size: 0.85em;
  background-color: #11832c;
  padding: 0.2em 0.5em;
  border-radius: 1em;
  color: #fff;
}

table.vertical-middle {
  vertical-align: middle;
}
table.vertical-middle th, table.vertical-middle td {
  vertical-align: middle;
}

.image-icon-container.reserved-supporter {
  position: relative;
}
.image-icon-container.reserved-supporter:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
  left: 0;
  top: 0;
}
.image-icon-container.reserved-supporter:after {
  position: absolute;
  content: "\e86c";
  font-family: "Material Icons";
  display: block;
  left: -0.2em;
  top: -0.5em;
  width: 2em;
  height: 2em;
}

.flex-menu-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767.98px) {
  .flex-menu-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.flex-menu-space > .flex-menu-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.flex-menu-space > .flex-menu-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.btn-choice.choice-rank1 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank1.active {
  background-color: #FF7B7C;
  border: thin solid #ff4849;
  color: #212529;
}
.btn-choice.choice-rank2 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank2.active {
  background-color: #FDAA24;
  border: thin solid #ec9202;
  color: #212529;
}
.btn-choice.choice-rank3 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank3.active {
  background-color: #FFCA00;
  border: thin solid #cca200;
  color: #212529;
}
.btn-choice.choice-rank4 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank4.active {
  background-color: #7DE3DB;
  border: thin solid #53dacf;
  color: #212529;
}
.btn-choice.choice-rank5 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank5.active {
  background-color: #75D6A2;
  border: thin solid #4eca88;
  color: #212529;
}

.main-color-box {
  display: inline-block;
  background-color: #40220F;
  border: 0.2em solid #40220F;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 0.2em;
  padding: 0.1em 0.2em;
}
.main-color-box .title-box {
  display: inline-block;
  margin-right: 0.2em;
}
.main-color-box .num-box {
  display: inline-block;
  background-color: #fff;
  border: 0.2em solid #fff;
  color: #000;
  border-radius: 0.2em;
}

.pointer-hand {
  cursor: pointer;
}

.sort-desc > i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sort-asc > i {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.dashed-block.dash-long {
  border: 2px dashed #adb5bd;
}

.chat-emote-space {
  padding: 0 1em 0.5em;
}
.chat-emote-space:empty {
  padding: 0;
}

.chat-action-space {
  padding: 0 1em 1em;
}

.emote-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emote-list > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1em;
  margin-bottom: 0.25em;
  border: thin solid #ced4da;
  padding: 0.25em;
  border-radius: 0.25em;
  background-color: #fff;
}

.emote-icon-wrap {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.emote-icon-wrap .emote-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.emote-icon-wrap .emote-icon:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.emote-icon-wrap .emote-icon > img {
  display: inline-block;
  width: 1.75em;
  height: auto;
}
.emote-icon-wrap .emote-count {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.emote-icon-wrap .emote-count .emote-count-number {
  display: inline-block;
  padding: 0 0.25em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  font-size: 1.25em;
}

.emote-checked-list {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6c757d;
}
.emote-checked-list > .material-icons {
  font-size: 2em;
}

.tooltip-emote-list > li {
  display: inline-block;
  margin-right: 0.5em;
}

.tooltip-emote-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.tooltip-emote-icon > img {
  width: 1.75em;
  height: auto;
}

.chat-action-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.action-emote-space {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: thin solid #ced4da;
  border-radius: 0.5em;
  cursor: pointer;
  background-color: #fff;
}
.action-emote-space:hover {
  background-color: #fff7e6;
}
.action-emote-space:hover .action-emote-icons {
  display: block;
}
.action-emote-space .action-emote-title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.action-emote-space .action-emote-title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.33em 0.5em;
}
.action-emote-space .action-emote-icons {
  display: none;
}
.action-emote-space .action-emote-icons > a {
  display: inline-block;
  width: 1.75em;
  margin: 0 0.2em;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.action-emote-space .action-emote-icons > a:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.action-emote-space .action-emote-icons > a img {
  width: 100%;
  height: auto;
}

@keyframes scale-down-up {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
  5% {
    -webkit-transform: scale(0.02);
            transform: scale(0.02);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.anim-up {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: scale-down-up;
          animation-name: scale-down-up;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.anim-down {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation-name: scale-down-up;
          animation-name: scale-down-up;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.chat-area-separation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.chat-area-separation .chat-area-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 2.5em;
      flex-basis: 2.5em;
  height: 100%;
}
.chat-area-separation .chat-area-actions > span {
  display: inline-block;
  height: 100%;
  border-right: 2px dashed #dee2e6;
}
.chat-area-separation .chat-area-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: calc(100% - 2.5em);
      flex-basis: calc(100% - 2.5em);
}

.input-chat-space .chat-text-action-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.input-chat-space .chat-text-action-menu a {
  position: inherit;
  right: inherit;
  bottom: inherit;
  margin: inherit;
  width: inherit;
  height: inherit;
  padding: inherit;
  border-radius: inherit;
}

.maru-mark {
  display: inline-block;
  position: relative;
  height: 2em;
  width: 2em;
  background-color: #ced4da;
  border-radius: 1em;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.maru-mark:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.maru-mark.maru-green {
  background-color: #1F9999;
  color: #fff;
}
.maru-mark.maru-green:hover {
  background-color: #26bbbb;
  color: #fff7e6;
}
.maru-mark > span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.self-manager {
  background-color: #343a40;
  border-radius: 0.2em;
  padding: 0.1em 0.25em;
  display: inline-block;
  color: #fff;
  position: relative;
}

.chat-to-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.chat-to-list > li {
  display: inline-block;
  margin-right: 0.5em;
}

.del-check-kadomaru-space {
  display: inline-block;
  position: relative;
  padding: 0;
  width: 2.5em;
}
.del-check-kadomaru-space label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #dee2e6;
  border-radius: 0.5em;
  text-align: right;
  cursor: pointer;
  z-index: 1;
}
.del-check-kadomaru-space label:hover {
  background-color: #efa2a9;
}
.del-check-kadomaru-space input[type=checkbox] {
  position: relative;
  margin-left: 0.25em;
  z-index: 2;
  cursor: pointer;
}
.del-check-kadomaru-space input[type=checkbox]:checked + label {
  background-color: #dc3545;
  color: #fff;
}

.button-prev-temp-save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 499.98px) {
  .button-prev-temp-save {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.button-prev-temp-save > .button-prev {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 499.98px) {
  .button-prev-temp-save > .button-prev {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 0.5em;
  }
  .button-prev-temp-save > .button-prev > a.btn, .button-prev-temp-save > .button-prev > button, .button-prev-temp-save > .button-prev > input[type=button], .button-prev-temp-save > .button-prev > input[type=submit] {
    width: 100%;
    padding: 0.5em 0;
  }
}
.button-prev-temp-save > .button-temp {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: right;
}
@media (max-width: 499.98px) {
  .button-prev-temp-save > .button-temp {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0.5em;
  }
  .button-prev-temp-save > .button-temp > a.btn, .button-prev-temp-save > .button-temp > button, .button-prev-temp-save > .button-temp > input[type=button], .button-prev-temp-save > .button-temp > input[type=submit] {
    width: 100%;
    padding: 0.5em 0;
  }
}
.button-prev-temp-save > .button-save {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 499.98px) {
  .button-prev-temp-save > .button-save {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 0.5em;
  }
  .button-prev-temp-save > .button-save > a.btn, .button-prev-temp-save > .button-save > button, .button-prev-temp-save > .button-save > input[type=button], .button-prev-temp-save > .button-save > input[type=submit] {
    width: 100%;
    padding: 0.5em 0;
  }
}