/* このファイルは UTF-8 で保存すること */

/***************************************
 *
 * 管理画面のみに適用するcss
 *
 ***************************************
 *
 * ＜メモ＞
 * AdminLTE_cr_common.css   管理画面＆予約管理カレンダー 共通で適用するcssを記述
 * AdminLTE_cr_manage.css   管理画面のみに適用するcssを記述
 * AdminLTE_cr_calendar.css 予約管理カレンダーのみに適用するcssを記述
 *
 **************************************/

label {
  font-weight: inherit;
  margin-bottom: inherit;
  position: relative;
}

label::before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.radio label.radio-label,
.checkbox label.checkbox-label {
  font-weight: 400;
}

.radio label.radio-label .input-radio,
.checkbox label.checkbox-label .input-checkbox {
  font-weight: 400;
}

body .form-control {
  border-color: #b9b9b9;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px!important;
  padding-left: 0;
}

.select2-container {
  max-width: 100%!important;
}

.content-wrapper,
h3,
input,
select,
.form-control {
  color: #222222;
}

th {
  background: #f3f3f3;
  font-weight: bold;
}

img {
  max-width: 100%;
}

body input[type="file"] {
  max-width: 100%;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="password"] {
  background-color: #ffffff;
  border: 1px solid #b9b9b9;
  max-width: 100%;
  padding: 6px 12px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
.form-control:focus {
  border-color: #00b357;
  outline: 0;
}

/* WYSIWYG 編集モード時のフォーカス枠を非表示にする（入力カーソルを見やすくするため） */
.tox .tox-edit-area::before {
  border-color: transparent !important;
}

table td a i {
  color: #00b357;
  font-size: 18px!important;
}

.nav li span,
.nav li a {
  font-size: 12px;
}

a:hover {
  text-decoration: underline;
}

.nav > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover {
  opacity: inherit;
}

.btn-group-lg > .btn,
.btn-lg {
  border-radius: 3px;
  font-size: 18px !important;
  line-height: 1.3333333;
  padding: 10px 16px;
}

body.text-sm .btn-lg,
body.text-sm .btn-group-lg > .btn {
  border-radius: 3px !important;
  font-size: 18px !important;
  line-height: 1.3333333 !important;
  padding: 10px 16px !important;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .nav-sidebar > .nav-item.menu-open > .nav-treeview {
  width: 220px;
}

.skin-green.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-treeview,
.skin-green.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-treeview .nav-item.menu-open > .nav-treeview {
  background-color: #fafafa !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item > .nav-treeview {
  display: none !important;
}
body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.menu-open > .nav-treeview {
  display: block !important;
}

@media (min-width: 768px) {
  body.sidebar-mini.sidebar-collapse .main-sidebar .sidebar {
    overflow-x: visible !important;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.menu-open > .nav-treeview {
    box-sizing: border-box;
    left: auto !important;
    position: relative !important;
    top: auto !important;
    z-index: auto;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-treeview .nav-item.menu-open > .nav-treeview {
    box-sizing: border-box;
    left: auto !important;
    position: relative !important;
    top: auto !important;
    z-index: auto;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-item.menu-open .nav-link > p {
    animation: none !important;
    display: inline-block !important;
    flex: 1 1 auto !important;
    height: auto !important;
    line-height: inherit !important;
    margin-left: 0 !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    opacity: 1 !important;
    overflow: visible;
    padding: 0 !important;
    visibility: visible !important;
    white-space: normal;
    width: auto !important;
  }

  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-link {
    align-items: center !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-height: 44px !important;
    overflow: hidden !important;
    padding: 12px 2rem 12px 12px !important;
    width: 220px !important;
  }

  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-link > .nav-icon {
    flex-shrink: 0 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    width: 42px !important;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover,
  body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
    width: 220px !important;
  }

  body.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link.logo-switch,
  body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link.logo-switch {
    width: 220px !important;
  }
}

.sidebar-collapse .main-sidebar .treeview-menu {
  padding: 0!important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
  line-height: inherit!important;
}

body .main-header {
  max-height: none;
}

body .main-header.navbar {
  align-items: center;
  min-height: 52px;
}

.main-sidebar,
.main-header .logo {
  width: 220px;
}

@media (min-width: 992px) {
  .content-wrapper,
  .main-footer,
  .main-header .navbar {
    margin-left: 220px;
  }

  body:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .main-header.navbar,
  body:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .content-wrapper,
  body:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .main-footer {
    margin-left: 220px !important;
  }
}

@media (max-width: 991.98px) {
  body:not(.layout-top-nav) .main-header.navbar,
  body:not(.layout-top-nav) .content-wrapper,
  body:not(.layout-top-nav) .main-footer {
    margin-left: 0 !important;
  }
}

/* upload_reservation_message.twig: サイドバー無しの単独画面。 */
@media (min-width: 992px) {
  body.page-upload-reservation-message:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .main-header.navbar,
  body.page-upload-reservation-message:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .content-wrapper,
  body.page-upload-reservation-message:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .main-footer {
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.page-upload-reservation-message.manage-trial.layout-navbar-fixed:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .wrapper .layout-top-announcement .main-header.navbar {
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

body.page-upload-reservation-message .content-wrapper > section.content {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.skin-green {
  background: #f0f2f0;
}

body {
  overflow-x: auto;
}

body .content-wrapper > .content,
body .content {
  min-height: auto;
  padding: 15px 30px;
  position: relative;
}

body .content.-no-side-menu {
  max-width: 1000px;
  padding: 40px 0 15px;
}

#footer-mail {
  list-style: none;
}

/***************************************
 * 抽出条件で 日付選択（Datepicker）を使用しているところ
 * ※管理カレンダーとデザインが違うので、このファイルに記載＆セレクタも別の設定にしておく
 **************************************/

.datepicker-box {
  display: inline-block;
  position: relative;   /* 基準値とする */
}

/* テキストボックスと右側にあるボタンの間に余白 */
td .datepicker-box:last-of-type {
  margin-right: 10px;
}

/* テキストボックス */
.datepicker-box > .datepicker-input {
  padding-left: 24px;   /* カレンダーアイコン表示部分のため */
  padding-right: 20px;  /* クリアアイコン表示部分のため */
  position: relative;
  z-index: 1;           /* テキストボックスの上に、アイコンを表示したいため */
}

/* カレンダーアイコン、クリアアイコン 共通 */
.datepicker-box > .datepicker-calendar-icon,
.datepicker-box > .datepicker-clear-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3; /* テキストボックスの上に、アイコンを表示したいため */
}

/* カレンダーアイコン */
.datepicker-box > .datepicker-calendar-icon {
  left: 8px;  /* テキストボックスの右端に置く位置調整 */
}

/* クリアアイコン */
.datepicker-box > .datepicker-clear-icon {
  color: #666666;
  cursor: pointer;
  right: 6px; /* テキストボックスの右端に置く位置調整 */
}

/* ↑抽出条件で 日付（datepicker）を使用しているところ */

.btn {
  cursor: pointer;
}

/* ファイル添付ボタンの体裁を合わせる */
.reservation-attachment-upload-area .upload-file-actions .btn {
  font-weight: bold;
}

body .bg-olive {
  background: #60ba8c!important;
  border: 1px solid #4ca778!important;
  padding: 4px 12px;
  vertical-align: initial;
}

body .bg-olive:hover {
  background: #58af83!important;
  box-shadow: none!important;
}

.btn_box .bg-olive {
  margin-left: 10px;
}

.mw200 {
  margin: 0;
  max-width: 200px;
}

.nav-flex {
  align-items: center;
  display: flex;
  margin: 0;
}

.nav-flex li {
  list-style: none;
  padding: 0 0 0 16px;
}

.nav-flex #login-number div {
  color: #ffffff;
}

.nav-left-flex {
  align-items: center;
  display: flex;
}

.nav-left-flex span {
  color: #ffffff;
}

body .main-header .logo {
  align-items: center;
  display: flex;
  justify-content: center;
}

.logo a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.logo #self-logo {
  max-height: 35px;
  width: auto;
}

.logo #normal-logo {
  max-width: 190px;
}

.logo #normal-logo-mini {
  max-width: 25px;
}

#logout-btn a button {
  cursor: pointer;
}

body .btn-success {
  background: #1e9357!important;
  border: 1px solid #18824b;
}

body.text-sm .btn.bg-olive,
body.text-sm .btn.btn-success:not(.btn-lg),
body.text-sm .btn.btn-default:not(.btn-lg) {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.text-sm .btn.btn-success.btn-lg,
body.text-sm .btn-group-lg > .btn.btn-success,
body.text-sm .btn.btn-default.btn-lg,
body.text-sm .btn-group-lg > .btn.btn-default {
  font-size: 18px !important;
  line-height: 1.3333333 !important;
}

.btn-setting {
  border: 1px solid #00B357;
  color: #00B357;
  font-size: 13px;
  padding: 5px 8px;
}

.btn-setting:hover {
  color: #00B357;
  text-decoration: underline;
}

.btn.btn-not-available {
  cursor: default;
}

.btn.btn-not-available:hover {
  text-decoration: none;
}

.btn.btn-not-available:active {
  box-shadow: none;
}

body .btn-success:disabled:hover {
  background: #1e9357!important;
  border: 1px solid #18824b;
  opacity: .65;
}

.btn-success.focus,
.btn-success:focus {
  background: #19864e;
}

.btn-success.hover,
.btn-success:hover,
.btn-success:active {
  background-color: #19864e!important;
  opacity: inherit;
}

.comment {
  background-color: #fff3cd;
  background-image: none;
  border: 1px solid transparent;
  border-color: #ffeeba;
  border-radius: .25rem;
  color: #856404;
  font-size: 12px;
  margin-bottom: 1rem;
  padding: .75rem 1.25rem;
  position: relative;
}

.box-body .comment:first-child {
  margin-top: 0!important;
}

.shift-comment {
  background: #eeeeee;
  margin-bottom: 10px;
  padding: 15px;
}

.shift-reg-comment {
  background: #dff0d8;
  border: solid 1px #d0e9c6;
  border-radius: 2px;
  color: #3c763d;
  margin-bottom: 10px;
  padding: 8px 12px;
}

.shift-reg-comment p {
  font-size: 12px;
  margin: 0;
}

.open-setting-res {
  margin-left: 30px;
  margin-right: 30px;
  text-align: right;
}

.open-setting-res input {
  height: 34px;
}

.open-setting-res-guide {
  margin-top: 10px;
}

.open-setting-res-guide span {
  font-weight: bold;
}

.box {
  background: #ffffff;
  border-radius: 3px;
  border-top: 3px solid #d2d6de;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}

.box.box-primary {
  border-top-color: #3c8dbc;
}

.box.box-info {
  border-top-color: #00c0ef;
}

.box.box-danger {
  border-top-color: #dd4b39;
}

.box.box-warning {
  border-top-color: #f39c12;
}

.box.box-success {
  border-top-color: #00a65a;
}

.box.box-default {
  border-top-color: #d2d6de;
}

.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}

.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}

.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}

.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}

.box .border-right {
  border-right: 1px solid #f4f4f4;
}

.box .border-left {
  border-left: 1px solid #f4f4f4;
}

.box.box-solid {
  border-top: 0;
}

.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}

.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}

.box.box-solid.box-default > .box-header {
  background: #d2d6de;
  background-color: #d2d6de;
  color: #444;
}

.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444;
}

.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}

.box.box-solid.box-primary > .box-header {
  background: #3c8dbc;
  background-color: #3c8dbc;
  color: #fff;
}

.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #fff;
}

.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}

.box.box-solid.box-info > .box-header {
  background: #00c0ef;
  background-color: #00c0ef;
  color: #fff;
}

.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #fff;
}

.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}

.box.box-solid.box-danger > .box-header {
  background: #dd4b39;
  background-color: #dd4b39;
  color: #fff;
}

.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #fff;
}

.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}

.box.box-solid.box-warning > .box-header {
  background: #f39c12;
  background-color: #f39c12;
  color: #fff;
}

.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #fff;
}

.box.box-solid.box-success {
  border: 1px solid #00a65a;
}

.box.box-solid.box-success > .box-header {
  background: #00a65a;
  background-color: #00a65a;
  color: #fff;
}

.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #fff;
}

.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}

.box.box-solid[class*="bg"] > .box-header {
  color: #fff;
}

.box .box-group > .box {
  margin-bottom: 5px;
}

.box .knob-label {
  color: #333;
  font-size: 12px;
  font-weight: 100;
  margin-bottom: 0.3em;
  text-align: center;
}

.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.box .overlay,
.overlay-wrapper .overlay {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  z-index: 50;
}

.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  color: #000;
  font-size: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
}

.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}

.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}

.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}

.collapsed-box .box-header.with-border {
  border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  margin: 0;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}

.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}

.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}

.box-header > .box-tools.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}

.box-header > .box-tools .dropdown-menu > li > a {
  color: #444 !important;
}

.btn-box-tool {
  background: transparent;
  color: #97a0b3;
  font-size: 12px;
  padding: 5px;
}

.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}

.btn-box-tool.btn:active {
  box-shadow: none;
}

.box-body {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px;
  position: relative;
}

.no-header .box-body {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.box-body > .table {
  margin-bottom: 0;
}

.box-body .fc {
  margin-top: 5px;
}

.box-body .full-width-chart {
  margin: -19px;
}

.box-body.no-padding .full-width-chart {
  margin: -9px;
}

.box-body .box-pane {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.box-body .box-pane-right {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.box-footer {
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #f4f4f4;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px;
}

.chart-legend {
  margin: 10px 0;
}

@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}

.box-header > .box-tools.float-right .dropdown-menu {
  left: auto;
  right: 0;
}

.show .btn-box-tool {
  color: #606c84;
}

.box hr {
  margin-bottom: 10px;
  margin-top: 10px;
}

body .box {
  border-top: 3px solid #1e9357;
}

body .box-header.with-border {
  border-bottom: 1px solid #eaeaea;
}

.box-header-both-ends {
  align-items: center;
  justify-content: space-between;
}

.box-header-both-ends .button-group input {
  margin: 0 0 0 10px!important;
}

.box-title-margin {
  margin-top: 16px;
}

.box-title-between {
  display: flex;
  justify-content: space-between;
}

.next-box-title {
  margin-left: 12px;
}

.both-ends-box-title {
  margin-left: auto;
}

.content-header-between {
  display: flex;
  justify-content: space-between;
}

.content-header-between .btn {
  width: auto!important;
}

div.div-csv-item-notice {
  margin-top: -10px;
  padding-top: 0;
}

.div-before-button-group {
  bottom: 20px;
  position: relative;
}

.att-before-button-group {
  margin: 16px auto;
  text-align: left;
  width: 480px;
}

body .alert.alert-csv-download {
  margin-bottom: 0!important;
  text-align: left;
}

body .alert.-no-side-menu {
  margin: 6px auto 16px!important;
  max-width: 710px;
}

.alert-csv-download a:link,
.alert-csv-download a:visited {
  color: #846504;
}

.alert-csv-download a:hover {
  text-decoration: none;
}

.div-before-button-group ~ .button-group,
.content ~ .button-group {
  margin-top: -20px;
}

.content-middle-header {
  padding: 0 30px;
}

.btn-pos-right + .content-middle-header {
  margin-top: 10px;
}

.content-middle-header li {
  display: inline;
  list-style: none;
}

form ~ .content-middle-header {
  margin-top: 15px;
}

#right_table th {
  font-weight: normal;
}

.vacancy_th {
  padding: 8px 2px!important;
  text-align: center;
}

.vacancy_th input {
  font-size: 11px!important;
  margin-top: 2px;
  padding: 4px 6px;
}

.btn-block-parallel {
  display: block;
  width: 100%;
}

.btn-on-table {
  margin-bottom: 5px;
}

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

.table.table-sm th,
.table.table-sm td {
  padding: 0.3rem;
}

.table td textarea {
  padding: 4px;
}

.table td.flex {
  align-items: center;
  justify-content: center;
}

.table-shift-control {
  margin: 0;
  table-layout: fixed;
}

.table-shift-control table th,
.table-shift-control table td {
  border: none;
  border-bottom: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  padding: 4px;
}

table td .span-time-border-right {
  border-right: solid 1px #999999;
}

.diagonal-line {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogI2RkZGRkZDtzdHJva2Utd2lkdGg6IDE7Ij48L2xpbmU+PC9zdmc+");
}

.reserve-mark {
  color: #1f9357;
  font-size: 10px; /* これを指定していないと、MacのChrome以外で休日オン/オフ操作をした時にセルの幅が変わってしまう */
  transform: scale(.65);
}

.reserve-mark-center {
  text-align: center;
}

.usage-guide {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 20px;
}

.usage-guide > div {
  margin-right: 20px;
}

.usage-guide > div:last-child {
  margin-right: 0;
}

.usage-guide span {
  display: inline-block;
  vertical-align: middle;
}

.vacancy-icon-title {
  font-size: 12px;
  line-height: 1em;
  margin-left: 6px;
}

/* これを指定しないとSafariのシフト管理画面の凡例の文言がカラム落ちする */
.reserve-reception-width {
  width: 300px;
}

.reserve-reception-icon {
  margin-right: -2px;
}

.color-table table {
  border: none!important;
}

.color-table .color-area table {
  border: none;
  margin-bottom: 0!important;
  margin-top: 6px!important;
}

.color-table .color-area tbody tr td {
  border: none;
  vertical-align: top;
}

.color-area td table tbody tr > td {
  padding-left: 22px;
}

.color-area img {
  border: 1px solid #aaaaaa;
  margin-bottom: 8px;
}

.color-area .radio {
  margin: 8px 0;
}

.loding-area {
  display: none;
  text-align: center;
}

.att-box-uploading .loding-area {
  margin: 14px auto 26px;
}

.loding-message {
  color: #333333;
  font-size: 14px;
  margin-bottom: 4px;
  text-align: center;
}

.button-group {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.button-group input,
.button-group button {
  flex: 0 1 auto;
  margin: 0 10px!important;
}

.file-upload-dialog .button-group {
  gap: 20px;
}

.file-upload-dialog .button-group input {
  margin: 0!important;
}

.button-group-with-reset {
  display: block;
  position: relative;
  text-align: center;
}

.button-group-with-reset input[type=submit].btn-block {
  display: inline-block;
}

.button-group-with-reset .search-conditions-reset {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-210%, -50%);
}

.button-top-margin {
  margin-top: 10px;
}

.content .fa-clock-o {
  padding-top: 0!important;
}

.content .data {
  background-color: #ffffff;
  background-image: none;
  margin: 0;
  padding: 10px;
}

.content .data p {
  display: inline-block;
  margin: 0;
}

.content .data .data-title {
  font-weight: bold;
}

.content .data .data-property {
  padding-right: 10px;
}

a.btn {
  color: #666666;
}

body a.btn-success {
  color: #ffffff;
}

body .login-box {
  margin: 7% auto 1%;
}

.mng_reminder {
  display: block;
  margin-top: 5px;
}

.flex {
  display: flex;
}

body .fa-square {
  color: #eeeeee;
  font-size: 18px;
}

body #registred {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 8px;
  text-align: center;
}

body #download-button-dialog,
body #registred {
  background-color: #d0e5fd !important;
  border-bottom: 1px solid #bedafc;
  color: #164080;
}

.login-box,
.register-box {
  margin: 7% auto 1%;
  width: 370px;
}

body.login-page .login-box,
body.login-page .register-box {
  margin: 7% auto 1%;
}

body.login-page .login-box-body {
  background-clip: border-box;
  background-color: #fff;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  color: #666;
  padding: 20px;
}

body.login-page .login-logo,
body.login-page .register-logo,
body.register-page .login-logo,
body.register-page .register-logo {
  margin-bottom: 25px;
}

body .attention {
  color: #aaaaaa!important;
  font-weight: normal;
  padding: 4px 0;
}

body .attention,
body .attention .notation_link,
body .attention a {
  font-size: 12px;
  line-height: 1.5em;
}

.btn.active.focus,
.btn.active:focus,
.btn:active.focus,
.btn:active:focus,
.btn.focus,
.btn:focus {
  outline: none;
}

body .comment-guide {
  font-size: 12px;
}

body .content-wrapper {
  background-color: #f0f2f0;
  padding-bottom: 25px;
  position: relative;
}

body.skin-green.layout-navbar-fixed.layout-fixed:not(.manage-trial) .wrapper > .content-wrapper {
  margin-top: 0 !important;
  padding-top: 50px;
}

body.skin-green.layout-navbar-fixed:not(.login-page) .wrapper > .content-wrapper {
  min-height: calc(100vh - 4.5rem);
}

#container_child {
  position: relative;
}

body.manage-trial.layout-navbar-fixed {
  --manage-trial-band-offset: 46px;
  --manage-trial-navbar-offset: 52px;
}

body.manage-trial.layout-navbar-fixed #trial_box {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-height: var(--manage-trial-band-offset);
  overflow: hidden;
}

body.manage-trial.layout-navbar-fixed .wrapper .layout-top-announcement {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  left: 0;
  overflow-x: visible;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1038;
}

body.manage-trial.layout-navbar-fixed .wrapper .layout-top-announcement .main-header.navbar {
  box-sizing: border-box;
  flex-shrink: 0;
  left: auto;
  max-width: 100%;
  overflow-x: visible;
  position: static;
  right: auto;
  top: auto;
  width: 100%;
}

@media (max-width: 991.98px) {
  body.manage-trial.layout-navbar-fixed .wrapper .layout-top-announcement .main-header.navbar {
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  body.manage-trial.layout-navbar-fixed:not(.layout-top-nav):not(.sidebar-collapse):not(.sidebar-hidden) .wrapper .layout-top-announcement .main-header.navbar {
    margin-left: 220px;
    max-width: calc(100% - 220px);
    width: calc(100% - 220px);
  }

  body.manage-trial.layout-navbar-fixed.sidebar-mini.sidebar-collapse:not(.layout-top-nav):not(.sidebar-hidden) .wrapper .layout-top-announcement .main-header.navbar {
    margin-left: 4.6rem !important;
    max-width: calc(100% - 4.6rem) !important;
    width: calc(100% - 4.6rem) !important;
  }
}

body.manage-trial.layout-navbar-fixed.text-sm .wrapper > .content-wrapper.trial_box_content-wrapper {
  margin-top: 0 !important;
  padding-top: calc(var(--manage-trial-navbar-offset) + var(--manage-trial-band-offset)) !important;
}

body.manage-trial.layout-navbar-fixed.layout-fixed.text-sm .wrapper .main-sidebar {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  height: calc(100vh - var(--manage-trial-band-offset)) !important;
  margin-top: var(--manage-trial-band-offset) !important;
  padding-top: 0 !important;
}

body.manage-trial.layout-navbar-fixed .wrapper .main-sidebar .brand-link.logo-switch {
  flex-shrink: 0;
  height: auto !important;
  left: auto !important;
  line-height: 50px;
  min-height: 50px !important;
  overflow: hidden;
  position: relative !important;
  top: auto !important;
  width: 220px !important;
  z-index: auto !important;
}

body.manage-trial.layout-navbar-fixed.sidebar-collapse .wrapper .main-sidebar .brand-link.logo-switch {
  width: 4.6rem !important;
}

body.manage-trial.layout-navbar-fixed.sidebar-collapse .wrapper .main-sidebar:not(.sidebar-no-expand):hover .brand-link.logo-switch,
body.manage-trial.layout-navbar-fixed.sidebar-collapse .wrapper .main-sidebar.sidebar-focused .brand-link.logo-switch {
  width: 220px !important;
}

body .content-header {
  padding: 15px 30px 0 30px;
}

body.skin-green .content-wrapper > section.content-header {
  box-sizing: border-box;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

body #container_child {
  background-color: #f0f2f0;
  padding: 0 0 25px 0;
  width: 100%;
}

.table-timetbl,
.table-timetbl-tpl {
  table-layout: fixed;
}

.table-timetbl td {
  vertical-align: top!important;
  width: 14.28%;
  word-break: break-all;
}

.table-timetbl-tpl td {
  vertical-align: top!important;
}

.table-timetbl-tpl td:nth-child(1) {
  width: 3%;
}

.table-timetbl-tpl td:nth-child(n+2) {
  width: 13.85%;
  word-break: break-all;
}

.td-edit-holiday {
  cursor: pointer;
}

.td-cell-day {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

.td-hover:hover,
.tr-hover:hover,
.box-body .table-list tr:hover {
  background-color: #fff6d5;
}

body .mceLayout {
  max-width: 600px!important;
  width: 100%!important;
}

/* 時間帯別 料金テンプレート */
#table-list-price-template {
  position: relative;
}

#table-list-price-template::before {
  content: "";
  height: 1px;
  left: 100%;
  position: absolute;
  top: 0;
  width: 10px;  /* padding-right分 */
}

#table-list-price-template td {
  padding: 5px;
}

/***************************************
 * table-list, table-edit
 **************************************/

.box-body .table-list th,
.box-body .table-list td,
.box-body .table-edit th,
.box-body .table-edit td {
  vertical-align: middle;
}

.th-checkbox div.checkbox,
.td-checkbox div.checkbox {
  margin-bottom: 0;
  margin-top: 0;
}

.th-status {
  width: 100px;
}

.th-mailsend-onoff {
  width: 130px;
}

.th-date-his {
  width: 190px;
}

.th-width-ss {
  width: 52px;
}

.th-width-s {
  width: 82px;
}

.th-width-m {
  width: 148px;
}

.th-width-l {
  width: 214px;
}

.td-name,
.td-mail-address,
.td-notice,
.td-usr-mess {
  word-break: break-all;
}

.td-loginid {
  text-align: center;
  word-break: break-all;
}

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

.td-text-center {
  text-align: center;
}

.td-icon-unlink .fa-unlink {
  font-size: 16px!important;
}

.td-icon-unlink .fa-minus {
  color: #d4d4d4;
  font-size: 16px;
}

/***************************************
 * table-list
 **************************************/

.box-body .table-list .th-checkbox {
  width: 30px;
}

.box-body .table-list .th-checkbox-text {
  width: 45px;
}

.box-body .table-list .th-checkbox-and-text {
    width: 65px;
}

.box-body .table-list .th-icon-edit,
.box-body .table-list .th-icon-detail,
.box-body .table-list .th-icon-copy,
.box-body .table-list .th-icon-change,
.box-body .table-list .th-icon-finish,
.box-body .table-list .th-icon-delete,
.box-body .table-list .th-icon-histry {
  width: 45px;
}

.box-body .table-list .th-icon-disp {
  width: 82px;
}

.box-body .table-list .th-icon-cancel {
  width: 85px;
}

.box-body .table-list .th-icon-login {
  width: 75px;
}

.box-body .table-list .th-request {
  width: 60px;
}

.box-body .table-list .th-webmeeting,
.box-body .table-list .th-icon-order {
  width: 75px;
}

.box-body .table-list .th-shop-name {
  width: 180px;
}

.box-body .table-list .th-cus-loginid,
.box-body .table-list .th-cus-name {
  width: 150px;
}

.box-body .table-list .th-cus-mail,
.box-body .table-list .th-form-type {
  width: 200px;
}

.box-body .table-list .th-price-unit {
  width: 195px;
}

.box-body .table-list .th-unfix-flg {
  width: 80px;
}

.box-body .table-list .th-unfix-status {
  width: 75px;
}

.box-body .table-list .th-form-display,
.box-body .table-list .th-form-group {
  width: 100px;
}

.box-body .table-list .th-form-timing {
  width: 110px;
}

.box-body .table-list .th-mng-name {
  width: 180px;
}

.box-body .table-list .th-mng-type {
  width: 120px;
}

.box-body .table-list .th-mng-loginid {
  width: 120px;
}

.box-body .table-list .th-mng-only-flg {
  width: 50px;
}

.box-body .table-list .th-request-onoff {
  width: 50px;
}

.box-body .table-list .th-subinfo {
  width: 100px;
}

.box-body .table-list .th-ip {
  width: 110px;
}

.box-body .table-list .th-user-agent {
  width: 200px;
}

.box-body .table-list .th-name-menu,
.box-body .table-list .th-name-menu-category,
.box-body .table-list .th-name-menu-main,
.box-body .table-list .th-name-menu-sub {
  width: 160px;
}

.box-body .table-list .th-name-staff {
  width: 100px;
}

.box-body .table-list .th-number-edit,
.box-body .table-list .th-number-detail,
.box-body .table-list .th-number-disp {
  width: 70px;
}

.box-body .table-list .th-datetime {
  min-width: 108px;
}

.box-body .table-list .th-date-yyyymmdd {
  width: 100px;
}

.box-body .table-list .th-date-yyyymmdd-w {
  width: 130px;
}

.box-body .table-list .th-date-mmdd {
  width: 70px;
}

.box-body .table-list .th-time-hhmm {
  width: 70px;
}

.box-body .table-list .th-disp-color {
  width: 60px;
}

.box-body .table-list .th-res-num {
  width: 100px;
}

.box-body .table-list .th-res-num-unfix {
  width: 120px;
}

.box-body .table-list .th-res-vacancy {
  width: 120px;
}

.box-body .table-list .th-str-onoff {
  width: 90px;
}

.box-body .table-list .th-payment-status {
  width: 50px;
}

.box-body .table-list .th-notice {
  width: 140px;
}

.box-body .table-list .th-data-memo {
  width: 80px;
}

.box-body .table-list .th-url-link {
  width: 120px;
}

.box-body .table-list .th-icon-url-copy {
  width: 60px;
}

.box-body .table-list .th-number-url {
  width: 72px;
}

.box-body .table-list .th-grip-lines {
  width: 40px;
}

.box-body .table-list .th-equipment {
  width: 160px;
}

.box-body .table-list .th-plan-name {
  width: 300px;
}

.box-body .table-list .th-imglist {
  width: 130px;
}

.box-body .table-list .th-action-code {
  width: 210px;
}

.box-body .table-list .th-wh-num {
  width: 90px;
}

.box-body .table-list .th-attr-menu {
    text-align: center;
    width: 140px;
}

.box-body .table-list .th-attr-count {
    text-align: center;
    width: 70px;
}

.box-body .table-list .td-checkbox,
.box-body .table-list .td-icon,
.box-body .table-list .td-icon-cancel,
.box-body .table-list .td-icon-change,
.box-body .table-list .td-icon-copy,
.box-body .table-list .td-icon-delete,
.box-body .table-list .td-icon-detail,
.box-body .table-list .td-icon-disp,
.box-body .table-list .td-icon-edit,
.box-body .table-list .td-icon-finish,
.box-body .table-list .td-icon-histry,
.box-body .table-list .td-icon-login,
.box-body .table-list .td-icon-order,
.box-body .table-list .td-icon-unlink,
.box-body .table-list .td-number,
.box-body .table-list .td-number-detail,
.box-body .table-list .td-number-disp,
.box-body .table-list .td-number-edit {
  text-align: center;
}

.box-body .table-list .td-date-mmdd,
.box-body .table-list .td-date-yyyymmdd,
.box-body .table-list .td-datetime,
.box-body .table-list .td-disp-color,
.box-body .table-list .td-form-display,
.box-body .table-list .td-form-group,
.box-body .table-list .td-form-timing,
.box-body .table-list .td-gcal,
.box-body .table-list .td-ip,
.box-body .table-list .td-imglist,
.box-body .table-list .td-mng-only-flg,
.box-body .table-list .td-mng-type,
.box-body .table-list .td-payment-statu,
.box-body .table-list .td-request,
.box-body .table-list .td-request-onoff,
.box-body .table-list .td-res-num,
.box-body .table-list .td-res-num-unfix,
.box-body .table-list .td-str-onoff,
.box-body .table-list .td-subinfo,
.box-body .table-list .td-time-hhmm,
.box-body .table-list .td-unfix-flg,
.box-body .table-list .td-webmeeting {
  text-align: center;
}

.box-body .table-list .td-attr-count {
    text-align: center;
    width: 70px;
}

.box-body .table-list .td-gcal .stop-event {
  margin-top: 2px;
}

.box-body .table-list .td-imglist .imglist {
  border: 0px;
  max-height: 113px;
  max-width: 100%;
  object-fit: contain;
}

.box-body .table-list .div-icon-order {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}

.box-body .table-list .textarea-mnglog-user-agent {
  width: 100%;
}

.div-icon-order-cursor:hover {
  cursor: pointer;
}

table td div i.invalid-icon {
  color: #000000;
  font-size: 18px!important;
  opacity: .15;
}

.icon-order-end {
  visibility: hidden;
}

/***************************************
 * table-edit
 **************************************/

/* ">" は「1つ下の階層の子要素にのみに適用」の意味（孫要素には適用されない） */
.box-body > .table-edit {
  table-layout: fixed;
}

.box-body .table-edit th {
  width: 190px;
}

.list-direct-calendar {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

/***************************************
 * table-kanri-data
 **************************************/

body .table-kanri-data {
  table-layout: inherit!important;
}

.box-body .table-kanri-data .th-kanri-date {
  width: 120px;
}

.box-body .table-kanri-data .td-kanri-date {
  width: 180px;
}

/***************************************
 * 削除する場合はチェック
 **************************************/

.label-file-delete span {
  color: #666666;
}

/***************************************
 * ラジオボタンの次の行
 **************************************/

.next-line {
  margin-left: 20px;
}

.next-line.value-select-form {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}

.next-line.value-select-form:last-child {
  margin-bottom: 10px;
}

.value-select-form label {
  padding: 0;
  width: 150px;
}

.value-select-form input {
  width: calc(98% - 178px);
}

.next-line-margin-bottom {
  margin-bottom: 10px;
}

a.btn-default {
  color: #666666;
}

body .navbar {
  padding: 0;
}

.nav-left-toggle {
  display: none;
}

.calender-flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.label {
  border-radius: .25em;
  color: #ffffff;
  display: inline;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: .2em .6em .3em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

/* この色を変更する場合は、プログラム中も変更する必要あり */
/* 濃いグレー */
section table .col-off td {
  background: #bfbfbf;
}

/* この色を変更する場合は、プログラム中も変更する必要あり */
/* 薄いグレー */
section table .col-user-off td,
section table .col-spanout td,
section table .col-cancel td,
section table .col-sent td,
section table .col-holiday td,
section table .col-onlymanage td,
section table .col-loginlock td {
  background: #d4d4d4;
}

body .wrapper {
  overflow: visible;
}

body.fixed .wrapper {
  overflow: visible;
}

.accont-state {
  color: #ffffff;
  padding: 15px;
}

.nav-sidebar .fa-users {
  padding: 0!important;
}

.navbar .fal {
  font-size: 15px;
  padding-right: 5px;
  position: relative;
  top: 1px;
}

.skin-green .main-header.navbar .navbar-nav {
  align-items: stretch;
}

.skin-green .main-header.navbar .navbar-nav > .nav-item {
  align-items: stretch;
  display: flex;
}

.skin-green .main-header.navbar .navbar-nav .nav-link {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 12px;
  min-height: 52px;
}

.skin-green .main-header.navbar .navbar-nav .nav-link .fal {
  font-size: 15px;
  line-height: 1;
  padding-right: 5px;
  top: 0;
}

.skin-green .main-header.navbar .navbar-nav > .nav-item > .accont-state {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 12px !important;
  min-height: 52px;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}

.skin-green .main-header.navbar .navbar-nav > .nav-item > .accont-state span {
  font-size: 12px !important;
}

.skin-green .main-header.navbar .dropdown-menu .dropdown-item {
  border: 0;
  border-radius: 0;
  color: #4a4a4a;
  font-size: 12px;
  padding: 10px;
}

.skin-green .main-header.navbar .dropdown-menu > li:not(:last-child) .dropdown-item {
  border-bottom: 0.8px solid #f4f4f4;
}

.skin-green .main-header.navbar .dropdown-menu .dropdown-item:link,
.skin-green .main-header.navbar .dropdown-menu .dropdown-item:visited {
  color: #4a4a4a;
}

.skin-green .main-header.navbar .dropdown-menu .dropdown-item:hover,
.skin-green .main-header.navbar .dropdown-menu .dropdown-item:focus {
  background-color: #e9ecef;
  color: #4a4a4a;
}

.skin-green .main-header.navbar .dropdown-menu {
  background-clip: padding-box;
  border: 0.8px solid #eeeeee;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
  color: #333333;
  font-size: 14px;
  margin-top: 0;
  min-width: 200px;
  padding-bottom: 0;
  padding-top: 0;
  width: 200px;
}

.skin-green .main-header.navbar .nav-right-responsive .navbar-nav {
  align-items: stretch;
}

.skin-green .main-header.navbar .nav-right-responsive .navbar-nav > .nav-item {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
}

body.skin-green .main-header.navbar > ul.navbar-nav.flex-grow-1 {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  row-gap: 0;
}

body.skin-green .main-header.navbar > ul.navbar-nav.flex-grow-1 > .nav-item {
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  body.skin-green.layout-navbar-fixed .main-header.navbar > .nav-right-responsive {
    align-items: stretch;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    max-width: none;
    min-width: min-content;
    overflow: visible;
    position: relative;
    z-index: 1040;
  }

  body.skin-green.layout-navbar-fixed .main-header.navbar > .nav-right-responsive .navbar-nav {
    flex: 0 0 auto;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    min-width: max-content;
  }
}

body.skin-green.layout-navbar-fixed .main-header.navbar > .d-xl-none {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}

@media (max-width: 1199.98px) {
  body.skin-green.layout-navbar-fixed .main-header.navbar > .d-xl-none {
    margin-left: auto !important;
  }
}

.dropdown-menu a {
  color: #000000;
}

.dropdown-menu {
  box-shadow: 1px 1px 2px 0 #898989;
}

.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 200px;
}

body #pankuzu {
  margin: 0 0 5px 0;
}

#pankuzu .pankuzu_list {
  float: left;
  font-size: 11px;
  letter-spacing: 1px;
  margin: 10px 0 0 0;
}

#pankuzu .pankuzu_list .pankuzu_gt {
  margin: 0 5px;
}

#pankuzu .pankuzu_list .pankuzu_strong {
  font-weight: bold;
}

.login-box-body hr {
  margin-bottom: 15px;
  margin-top: 15px;
}

.login-box .btn {
  border-radius: 3px;
}

.login-page {
  background: #f0f2f0;
}

body .pager {
  font-size: 10px;
  letter-spacing: 1px;
  margin: 5px 0;
}

a:link,
a:visited,
.skin-green .nav-sidebar .nav-treeview > .nav-item.active > .nav-link {
  color: #00b357;
}

.undecided,
a.undecided,
.notation_link,
.emphasis-mesg-color {
  color: #da331e;
}

.notion-link-wrap {
  align-items: center;
  display: flex;
}

.btn + .notation_link {
  margin-left: 16px;
}

.notation_link > a:link,
.notation_link > a:visited {
  color: #da331e;
  text-decoration: underline;
}

.dropdown-menu a:link,
.dropdown-menu a:visited {
  color: #4a4a4a;
}

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side,
.skin-green .nav-sidebar > .nav-item > .nav-treeview {
  background: #fafafa;
}

.main-sidebar {
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.08);
}

.skin-green .main-sidebar[class*="elevation-"] {
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.08) !important;
}

.sidebar-trial .nav-sidebar {
  padding-top: 40px;
}

body.manage-trial .sidebar-trial .nav-sidebar {
  padding-top: 0 !important;
}

.skin-green .sidebar a,
.treeview a span {
  color: #4a4a4a;
  font-size: 13px;  /* ここは指定する必要あり */
  padding-left: 5px;
}

@media (min-width: 768px) {
  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover):not(.sidebar-focused):not(:focus-within) .nav-sidebar > .nav-item:not(.menu-open) > .nav-link > p {
    border: 0 !important;
    flex: 0 0 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar > .nav-item:not(.menu-open) > .nav-link {
    align-items: center !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
    min-height: 44px !important;
    overflow: hidden !important;
    padding: 12px 2rem 12px 12px !important;
    width: 100% !important;
  }

  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar > .nav-item:not(.menu-open) > .nav-link > .nav-icon {
    flex-shrink: 0 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    width: 42px !important;
  }

  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item:not(.menu-open) > .nav-link > p,
  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item:not(.menu-open) > .nav-link > p,
  body.skin-green.sidebar-mini.sidebar-collapse .main-sidebar:focus-within .nav-sidebar > .nav-item:not(.menu-open) > .nav-link > p {
    flex: 1 1 auto !important;
    margin-left: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }
}

.skin-green .main-sidebar .sidebar .nav-sidebar .nav-item.menu-open > .nav-link p {
  color: #00b357 !important;
}

.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item > .nav-link:hover,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item > .nav-link:hover p,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item > .nav-link:hover > .nav-icon,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item > .nav-link:hover p > .right,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.active > .nav-link,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.active > .nav-link p,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.active > .nav-link > .nav-icon,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.active > .nav-link p > .right,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.menu-open > .nav-link,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.menu-open > .nav-link p,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.menu-open > .nav-link > .nav-icon,
.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item.menu-open > .nav-link p > .right,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item > .nav-link:hover,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item > .nav-link:hover p,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item > .nav-link:hover > .nav-icon,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item > .nav-link:hover p > .right,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.active > .nav-link,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.active > .nav-link p,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.active > .nav-link > .nav-icon,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.active > .nav-link p > .right,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.has-treeview.menu-open > .nav-link,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.has-treeview.menu-open > .nav-link p,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.has-treeview.menu-open > .nav-link > .nav-icon,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item.has-treeview.menu-open > .nav-link p > .right {
  color: #00b357 !important;
  opacity: inherit;
}

.treeview a:hover {
  background: #eef0f2!important;
}

.skin-green .nav-sidebar > .nav-item.menu-open > .nav-treeview > .nav-item.menu-open > .nav-link,
.skin-green .nav-sidebar > .nav-item.menu-open > .nav-treeview > .nav-item.menu-open > .nav-treeview > .nav-item.menu-open > .nav-link {
  background-color: #fafafa;
  color: #00b357 !important;
}

.treeview-menu,
.treeview-menu .treeview-menu {
  padding-left: 0;
}

.treeview-menu .treeview a,
.treeview-menu li a {
  padding-left: 65px !important;
}

.treeview-menu > li > a {
  padding: 6px 5px 6px 15px;
}

.skin-green .main-header .navbar {
  background-color: #1e9357;
}

.schedule_search select {
  width: 100%;
}

.schedule_search_header_margin {
  margin-top: 16px;
}

.schedule_search_calendar td {
  padding: 8px 0!important;
  text-align: center;
}

.schedule_search_calendar {
  margin-bottom: 10px;
}

.schedule_search_calendar_padding {
  padding: 10px 10px 0;
}

.schedule_search_title {
  margin-bottom: 4px;
}

.schedule_search_padding {
  padding: 4px 10px 0;
}

.schedule_search_div {
  display: inline-block;
  padding-bottom: 10px;
  vertical-align: top;
}

.schedule_search_period,
.schedule_search_list {
  list-style: none;
}

.schedule_search_list {
  margin-left: 16px;
}

.schedule_search_period li {
  border: 1px solid #aaaaaa;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
  display: table-cell;
  font-size: 16px;
  height: 34px;
  padding: 4px 6px;
  text-align: center;
  width: 70px;
}

.schedule_search_period li:nth-child(2) {
  border-left: none;
  border-radius: 0;
  border-right: 1px solid #aaaaaa;
}

.schedule_search_period li:last-child {
  border-left: none;
  border-radius: 0 5px 5px 0;
}

.schedule_search_list li {
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  box-sizing: border-box;
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 16px;
  height: 34px;
  line-height: 20px;
  padding: 4px 6px 2px;
  text-align: center;
  text-decoration: none;
  width: 114px;
}

.schedule_search_period li:hover,
.schedule_search_list li:hover {
  background-color: #eeeeee;
}

.schedule_search_period .li-select,
.schedule_search_list .li-select {
  background-color: #1e9357;
  color: #ffffff;
}

.schedule_search_period .li-select:hover,
.schedule_search_list .li-select:hover {
  background-color: #19864e;
}

.main_menu_frame {
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 2, .3);
  margin-bottom: 4px;
  padding: 2px 2px 5px;
  position: relative;
}

.main_menu_frame > a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.main_menu_frame:hover {
  cursor: pointer;
  filter: brightness(92%) saturate(140%);
}

.main_menu_frame > div {
  padding-bottom: 2px;
  text-align: left;
}

#left_area .table,
#right_area .table {
  border-collapse: separate;
  border-radius: 3px;
  margin: 0 0 5px;
  vertical-align: inherit;
}

#right_area .table {
  background-color: #f4fbe6;
  border: 1px solid #b7e358;
}

#search_condition div:last-child .table {
  margin-bottom: 8px;
}

#right_area table td {
  border: none;
  vertical-align: middle;
}

#mng_attention {
  padding: 16px 0 0;
}

#mng_attention .callout h3 {
  line-height: 1.4em;
  margin-top: 0;
}

#mng_attention .alert {
  margin-bottom: 0;
}

.alert h4 {
  margin-top: 0;
}

body .att-box {
  margin: 0 auto;
  width: 500px;
}

body .att-box .alert {
  font-size: 18px;
}

body .att-box.att-box-uploading {
  text-align: center;
}

body .att-box-uploading .msg-loading {
  font-size: 16px;
  margin: 16px auto 22px;
}

body .att-box-uploading .msg-loading.format-check {
  margin: 36px auto 44px;
}

.msg-loading span {
  font-size: 16px;
}

body .att-box.att-box-uploaded ul {
  padding-top: 0;
}

body .att-box.att-box-uploaded .alert + ul {
  padding-top: 16px;
}

#upload_count {
  font-size: 18px;
}

body .att-box ul {
  padding: 16px 0 26px;
}

body .att-box ul li {
  border-bottom: 1px dotted #aaaaaa;
  font-size: 16px;
  list-style: none;
  padding: 8px 0;
}

body .att-box ul li:first-child {
  border-top: 1px dotted #aaaaaa;
}

body .att-box ul + .mng_att_blk {
  padding-top: 0;
}

body .att-box div + .mng_att_blk {
  padding-top: 16px;
}

body .att-box .mng_att_blk {
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
}

body .att-box .ready {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 16px;
}

.col-full td,
.tr-alert-danger td {
  background-color: #f2dede;
}

.alert_cov {
  align-items: center;
  background: #000000;
  background-color: rgba(0, 0, 0, .8);
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 100%;
  position: fixed;
  width: 100%;
  z-index: 10000000;
}

.alert-bar p {
  color: #000000;
}

.alert-bar__title {
  font-size: 18px;
  line-height: 1;
}

.inbox {
  background: #ffffff;
  margin: 8px auto;
  padding: 16px;
  width: 500px;
}

.inbox h2 {
  border-bottom: 1px solid #dddddd;
  font-size: 24px;
  line-height: 1.6em;
  margin: 0;
}

.inbox a {
  font-size: 14px;
  margin: 0;
  padding: 5px 0;
}

body .inbox p,
body .inbox p a,
body .inbox p b {
  font-size: 16px;
}

.btn_box {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

body .mail_att_tab p {
  align-items: center;
  background: #eeeeee;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  display: flex;
  float: left;
  height: 38px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 0;
  position: absolute;
  text-align: center;
  width: 254px;
}

body .mail_att_tab p:hover {
  cursor: pointer;
  height: 46px;
}

.attribute_sort {
  max-width: 500px;
}

.attribute_sort .form_arr_table {
  border: 1px solid #dddddd;
  display: block;
  padding: 3px;
}

body .form_arr_table {
  background: #eeeeee!important;
}

body .form_arr_table td {
  border: none!important;
  padding: 2px!important;
}

body .form_arr_table a {
  background: #ffffff;
  border: 1px solid #cbcbcb;
  display: block;
  margin-left: 1px;
  padding: 2px 3px 3px 2px;
  position: relative;
  width: auto;
}

.form_arr_table a:active {
  background: #dddddd;
  top: 1px;
}

body .form_arr_span {
  background: #ffffff;
  border: 1px solid #cbcbcb;
  display: block;
  margin-left: 1px;
  padding: 5px 3px 4px 6px;
  width: 397px;
}

body .att_select {
  margin: 0;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 3px 0 0;
}

.checkbox, .radio {
  margin-bottom: 10px;
  margin-top: 10px;
}

.table-shift-control .checkbox.shift-checkbox {
  margin-bottom: 8px;
  margin-top: 8px;
}

body .box-body .table-edit td .checkbox label.checkbox-label,
body .box-body .table-bordered.table-edit td .checkbox label.checkbox-label,
body .content .box .box-body .checkbox label.checkbox-label {
  line-height: 1.55;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}

body .box-body .table-edit td .radio label.radio-label,
body .box-body .table-bordered.table-edit td .radio label.radio-label,
body .content .box .box-body .radio label.radio-label {
  font-weight: 400;
}

body .box-body .table-edit td .radio label.radio-label .input-radio,
body .box-body .table-bordered.table-edit td .radio label.radio-label .input-radio,
body .content .box .box-body .radio label.radio-label .input-radio {
  font-weight: 400;
}

div.checkbox input[type="checkbox"],
div.radio input[type="radio"] {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
}

body .form_arr_table label {
  margin-bottom: 0;
}

.calender-flex .comment {
  margin-top: 0;
}

.calendar-flex-width {
  width: 30%;
}

#reserve-registration .button-group {
  justify-content: space-between;
}

#reserve-registration .button-group a {
  color: #ffffff;
  width: 49%;
}

.info-box {
  margin-bottom: 30px;
}

body.skin-green .content .col-info-box .info-box {
  align-items: stretch;
  display: flex;
  margin-bottom: 15px;
  min-height: 90px;
  padding: 0;
}

body.skin-green .content .col-info-box .info-box-icon {
  align-items: center;
  align-self: stretch;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  display: flex;
  flex-shrink: 0;
  height: auto;
  justify-content: center;
  min-height: 90px;
  width: 90px;
}

body.skin-green .content .col-info-box .info-box-content {
  display: block;
  flex: 1;
  justify-content: flex-start;
  margin-left: 0;
  min-height: 90px;
  min-width: 0;
  overflow: visible;
  padding: 8px 10px;
}

body.skin-green .content .col-info-box .info-box-content.info-box-content-cols {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0 12px;
  height: auto;
  min-height: 90px;
}

body.skin-green .content .col-info-box .info-box-content-cols .info-box-content-col {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 74px;
  min-width: 0;
}

body.skin-green .content .col-info-box .info-box-content-cols .info-box-number {
  line-height: 1.3;
  word-break: break-all;
}

body.skin-green .content .col-info-box .info-box-content-cols .info-box-numbrer-alt {
  bottom: auto;
  left: auto;
  margin-top: auto;
  padding-top: 2px;
  position: static;
  right: auto;
}

body.skin-green .content .col-info-box .info-box-content-cols .info-box-content-col-file-attachment {
  flex: 0 0 auto;
  min-width: 170px;
}

body.skin-green .content .col-info-box .info-box-content-cols .info-box-content-col-file-attachment .info-box-number {
  white-space: nowrap;
  word-break: normal;
}

.info-box-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}

.info-box-icon .fa-calendar-o {
  font-size: 57px;
}

.info-box-icon .fa-stack {
  height: 5em;
  width: 5em;
}

.info-box-icon .fa-stack-1x {
  font-weight: bold;
  top: 26px;
}

.info-box-icon .month-month,
.info-box-icon .month-day {
  font-size: 40px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #008247;
}

.info-box-icon .month-month span,
.info-box-icon .month-day span {
  display: block;
}

.info-box-number {
  font-size: 26px;
  line-height: 1.4em;
}

.info-box-numbrer-alt span {
  font-size: 12px;
}

.info-box-content {
  min-height: 90px;
  position: relative;
}

.info-box-content p {
  margin: 0;
}

.info-box-numbrer-alt {
  bottom: 4px;
  position: absolute;
}

.col-info-box {
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

.number-count {
  font-size: 16px;
  padding-left: 4px;
}

.registred_margin {
  margin: 15px 15px 0!important;
}

#glayer {
  z-index: 1000000!important;
}

#download-button-dialog {
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  left: 0;
  letter-spacing: .1em;
  line-height: 50px;
  position: fixed;
  text-align: center;
  top: 49%;
  vertical-align: middle;
  width: 100%;
  z-index: 1000001!important;
}

.attention_cnt {
  color: #e4007f;
}

.pager .attention_cnt {
  font-size: 10px;
}

.attention-other-modify {
  background: #fcf0de;
  border-radius: .25rem;
  display: none;
  padding: 7px 8px 5px 8px;
}

.attention-other-modify.-mplan-openweek {
  margin-bottom: 16px;
}

.attention-other-modify p {
  margin: 0;
}

.attention-other-modify .fa-comment-exclamation {
  color: #da331e;
  font-size: 16px;
  margin-right: 4px;
  vertical-align: text-top;
}

.accordion-tips {
  margin-top: 16px;
}

.accordion-tips.-mplan-openweek {
  margin-top: 6px;
}

span.accordion-title {
  display: inline-block;
  padding-bottom: 2px;
}

.accordion-title {
  cursor: pointer;
}

.accordion-title:after {
  color: #999999;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 400;
  margin-left: 4px;
  vertical-align: middle;
}

.accordion-title.-hover:after {
  color: #3c763d;
}

.accordion-title.-open:after {
  color: #3c763d;
  content: "\f106";
  vertical-align: text-top;
}

.accordion-title:hover .tips-circle {
  background-color: #dff0d8;
  border: 1px solid #d0e9c6;
  color: #3c763d;
}

.accordion-title:hover .tips-title {
  color: #3c763d;
}

.accordion-title-mail:after, /* 閉じている状態での下矢印 */
.accordion-title-mail.-hover:after, /* 閉じている状態でカーソルが置かれた際の下矢印 */
.accordion-title-mail.-open:after{ /* 開いた状態での上矢印 */
  color: #00b357;
  font-weight: lighter;
}

.accordion-tips-wrap {
  margin-top: 8px;
  padding-bottom: 16px;
  padding-left: 8px;
}

.tips-circle {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 20px;
  color: #666666;
  font-size: 12px;
  margin-right: 8px;
  padding: 1px 5px;
}

.-open .tips-circle {
  background-color: #dff0d8;
  border: 1px solid #d0e9c6;
  color: #3c763d;
}

.tips-title {
  color: #999999;
  font-weight: bold;
}

.-open .tips-title {
  color: #3c763d;
}

.tips-title-mail, /* 閉じた状態でのタイトル */
.-open .tips-title-mail, /* 開いた状態でのタイトル */
.accordion-title-mail:hover .tips-title { /* カーソルが置かれた際のタイトル */
  color: #00b357;
  font-weight: normal;
}

.tips-title.-underline {
  text-decoration: underline;
}

p.accordion-content {
  color: #3c763d;
  display: none;
  margin-bottom: 0;
  padding-left: 6px;
  padding-top: 4px;
}

div.accordion-content {
  display:none;
}

.exclamation-attention-wrap {
  display: flex;
  margin-left: 2px;
}

.exclamation-attention-wrap.-upper-table {
  margin-bottom: 8px;
}

.fa-exclamation-square {
  color: #dd6666;
  font-size: 15px;
  margin-right: 6px;
  margin-top: 6px;
  vertical-align: top;
}

body .attention-single {
  padding-bottom: 0;
  padding-top: 8px;
}

body .exclamation-attention {
  color: #999999!important;
  display: inline-block;
  font-size: 13px;
  line-height: normal;
}

body .attention-under-radio {
  display: inline-block;
  padding-bottom: 0;
}

body .attention-color-999 {
  color: #999999!important;
}

.-bold {
  font-weight: bold;
}

.pager a {
  border: #989898 1px solid;
  font-size: 10px;
  padding: 2px 5px;
  text-align: center;
}

.pager a:link,
.pager a:visited {
  background-color: #aaaaaa;
  color: #ffffff;
}

.pager a:hover,
.pager a:active {
  background: #989898;
}

.color-timetbl-not-day {
  color: #aaaaaa;
}

.color-timetbl-weekday {
  color: #000000;
}

.color-timetbl-sunday {
  color: #ff9999;
}

.color-timetbl-saturday {
  color: #66aaff;
}

.color-timetbl-default,
div.color-timetbl-default a:link,
div.color-timetbl-default a:visited {
  color: #000000;
}

.color-timetbl-not-opentime,
div.color-timetbl-not-opentime a:link,
div.color-timetbl-not-opentime a:visited {
  color: #da331e;
}

.color-timetbl-not-exist,
div.color-timetbl-not-exist a:link,
div.color-timetbl-not-exist a:visited {
  color: #777777;
}

.color-timetbl-staff-off {
  color: #777777;
}

.cog-wrap {
  color: #ffffff;
  cursor: pointer;
  height: 50px;
  padding: 15px 10px;
}

.cog-wrap:hover {
  background: rgba(0, 0, 0, .1);
  color: #f6f6f6;
}

.cog-wrap .fal {
  padding: 0!important;
}

.table-shift-control th {
  padding: 6px 0!important;
}

#left_button .fa-chevron-circle-left,
#right_button .fa-chevron-circle-right {
  color: #777777;
  font-size: 20px;
}

#left_button .fa-chevron-circle-left:active,
#right_button .fa-chevron-circle-right:active {
  color: #444444;
}

#left_button .fa-chevron-circle-left:hover,
#right_button .fa-chevron-circle-right:hover {
  cursor: pointer;
}

.calender-flex-hoiday {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.col_week {
  width: 25px;
}

.plan_relation_dust {
  width: 30px;
}

.plan_relation_name {
  padding: 5px 0!important;
}

.mail_att_tab {
  border-bottom: 5px solid #1e9357;
  height: 54px;
  position: relative;
}

.mail_att_tab .tab_select {
  background: #1e9357;
}

.mail_att_tab .tab_select {
  color: #ffffff;
  height: 46px;
}

#mail_att_user {
  left: 0;
}

#mail_att_admin {
  left: 264px;
}

.att_header {
  margin: 5px 0;
}

.att_header:after {
  clear: both;
  content: "";
  display: block;
}

.display_none {
  display: none;
}

.box_input {
  margin: 2px 0;
}

.box_input:after {
  clear: both;
  content: "";
  display: block;
}

.box_input_height {
  line-height: 1.4em;
}

body .attention-plan {
  font-weight: normal;
  line-height: 120%;
  margin: 15px auto;
  width: auto;
}

body .not-deliver-mail {
  margin-top: 0!important;
}

.skin-green .main-header.navbar [data-widget="pushmenu"] i::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.skin-green .main-header.navbar [data-widget="pushmenu"]:hover i::before {
  content: "\f060";
  font-weight: 300;
}

body.skin-green.sidebar-collapse .main-header.navbar [data-widget="pushmenu"]:hover i::before {
  content: "\f061";
  font-weight: 300;
}

.plan_relation_dust i:hover {
  cursor: pointer;
}

body .schedule_search_calendar_day {
  background-color: #dff0d8;
}

.box-body-csv-export {
  padding: 20px;
}

.checkbox-csv-export {
  margin-bottom: 0;
  margin-top: 0;
}

.checkbox-csv-export table {
  table-layout: fixed;
  width: 100%;
}

.checkbox-csv-export label {
  padding-left: 0;
}

.checkbox-csv-export .attention {
  padding: 0;
}

.checkbox-csv-auto-height {
  overflow: scroll;
  overflow-x: hidden;
}

.checkbox-csv-auto-height h5 {
  font-weight: bold;
  margin-right: 8px;
}

.checkbox-csv-auto-height::-webkit-scrollbar {
  width: 10px;
}

.checkbox-csv-auto-height::-webkit-scrollbar-track {
  background: #eeeeee;
}

.checkbox-csv-auto-height::-webkit-scrollbar-thumb {
  background: #aaaaaa;
}

.checkbox-csv-export-header {
  align-items: center;
  display: flex;
  margin-right: 16px;
  margin-top: 16px;
}

.checkbox-csv-export-header:first-child {
  margin-top: 0;
}

.attention + .checkbox-csv-export-header {
  margin-top: 0;
}

.checkbox-csv-export-title {
  align-items: center;
  display: flex;
  margin-top: 16px;
}

.checkbox-csv-export-title:first-child {
  margin-top: 0;
}

.attention + .checkbox-csv-export-title {
  margin-top: 0;
}

.content-csv-export .dragItemWrap {
  min-height: inherit;
}

#csv_check_item {
  margin-right: 16px;
}

.bottom-fixed-wrap {
  margin-top: 40px;
}

.bottom-fixed {
  background: #ffffff;
  border-top: 1px solid #cccccc;
  bottom: 0;
  padding: 24px;
  position: fixed;
  right: 0;
  transition: .3s;
  width: calc(100% - 220px);
  z-index: 1030;
}

.sidebar-collapse .bottom-fixed {
  width: 100%;
}

.bottom-fixed-dialog {
  width: 100%;
}

.fa-arrow-square-down {
  font-size: 16px!important;
  margin-right: 4px;
  margin-top: 1px;
  vertical-align: top;
}

.opentime-substitute {
  margin: 6px 2px;
}

.table-required-wrap {
  display: flex;
  font-weight: bold;
}

.table-required-wrap .require-mark {
  font-weight: bold;
  padding-right: 2px;
}

.insert-tag-title {
  display: inline-block;
}

.insert-tag-list span {
  display: inline-block;
  margin-right: 8px;
}

.top-banner {
  display: block;
  max-width: 400px;
}

.support-banner-area {
  display: block;
  margin-bottom: 20px;
  margin-top: -30px;
  max-width: 400px;
  position: relative;
  text-align: left;
}

.support-banner-hover {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.support-banner:hover {
  opacity: 0;
}

.support-banner-hover:hover {
  opacity: 1;
}

.wysiwyg-area span,
.wysiwyg-area a {
  font-size: inherit;
}

@media screen and (min-width:1330px) {
  .comment-wrap:nth-child(6n+2) {
    display: none;
  }

  .comment-wrap:nth-child(6n+4) {
    display: none;
  }
}

@media screen and (min-width:980px) and (max-width:1329px) {
  .calender-flex div:nth-child(4n+2) {
    display: none;
  }

  .calendar-flex-width {
    width: 48%;
  }

  .comment-wrap:nth-child(4n+2) {
    display: none;
  }
}

@media (min-width: 1200px) {
  .nav-right-responsive {
    display: block !important;
  }
}

@media (min-width: 1280px) {
  .col-12.col-info-box {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }

  .row-info-box-fa .col-12.col-info-box.col-info-box-res-month {
    flex: 1 0 auto;
    max-width: none;
    min-width: 390px;
    width: auto;
  }

  .row-info-box-fa .col-12.col-info-box.col-info-box-res-today {
    flex: 1 1 0;
    max-width: none;
    min-width: 270px;
    width: auto;
  }

  .info-box-icon .fa-calendar-o {
    font-size: 37px;
  }

  .info-box-icon .fa-stack {
    height: 3.5em;
  }

  .info-box-icon .fa-stack-1x {
    top: 13px;
  }

  .info-box-icon .month-month,
  .info-box-icon .month-day {
    font-size: 28px;
    font-weight: bold;
    text-shadow: 2px 2px 0 #008247;
  }

  body.skin-green .content .col-info-box .info-box-icon {
    width: 60px;
  }

  body.skin-green .content .col-info-box .info-box-content {
    margin-left: 0;
  }
}

@media (max-width: 1199.98px) {
  .main-header.navbar {
    position: relative;
  }

  .main-header.navbar .nav-right-responsive {
    display: none;
  }

  .main-header.navbar > .nav-right-responsive.ml-auto {
    margin-left: 0 !important;
  }

  .main-header.navbar .nav-right-responsive .navbar-custom-menu {
    background: #19864e;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    left: auto;
    min-width: 240px;
    overflow: visible;
    padding-bottom: 4px;
    padding-top: 4px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1050;
  }

  .main-header.navbar .nav-right-responsive .navbar-custom-menu .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100%;
  }

  .main-header.navbar .nav-right-responsive .navbar-custom-menu .navbar-nav > .nav-item {
    display: flex !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100%;
  }

  body.manage-trial.layout-navbar-fixed .wrapper .layout-top-announcement {
    overflow: visible !important;
  }

  .nav-right-responsive .messages-menu {
    width: 159px;
  }

  .cog-wrap-open,
  .main-header.navbar .nav-right-responsive .navbar-custom-menu {
    background: #19864e;
  }

  .nav-right-responsive .navbar-nav > li {
    float: none;
  }

  .nav-right-responsive .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    left: auto;
    position: absolute;
    right: 159px;
    top: 0;
  }
}

/* 1150pxは、一括設定の入力項目がカラム落ちし始めるタイミングに合わせて設定 */
@media (max-width: 1150px) {
  .header-collective-setting label {
    display: block;
  }

  .hour-ref {
    margin-top: 20px!important;
  }

  .btn-reflection {
    margin-top: 20px;
  }
}

@media screen and (max-width:980px) {
  .calendar-flex-width {
    width: 100%;
  }
}

@media screen and (max-width:767px) {
  .support-banner-area {
    margin-top: 20px;
  }
}

ul.sub-btn {
  list-style: none;
  margin: 8px 0 0 0;
}

ul.sub-btn li {
  float: left;
  margin: 0 0 0 8px;
}

ul.sub-btn li a {
  background: #aaaaaa;
  border: 1px solid #838383;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  letter-spacing: 1px;
  line-height: 25px;
  padding: 7px 18px;
  text-align: center;
}

ul.sub-btn li a:hover {
  background: #cacaca;
}

.attention-plan-box {
  text-align: center;
}

ul.subanc {
  display: none;
  float: right;
  padding-bottom: 5px;
}

ul.subanc li {
  border: 1px #dddddd solid;
  float: left;
  list-style: none;
  margin-right: 1px;
  padding: 7px 10px 5px 10px;
}

ul.subanc li a {
  font-size: 11px;
}

ul.subanc li.end {
  border: 1px #dddddd solid;
  float: left;
  list-style: none;
  padding: 7px 10px 5px 10px;
}

table > tbody > tr > td.td-border-right {
  border-right-color: #999999!important;
  padding: 0;
  vertical-align: top;
}

.header-month {
  background-color: #1f9357;
  border: 1px solid #1f9357;
  color: #ffffff;
  height: 34px;
  padding: 4px 12px 0;
  width: 100%;
}

.header-month-item {
  display: flex;
}

.header-month-item > div {
  display: inline-block;
}

.shift-month {
  font-size: 16px!important;
  font-weight: bold;
  letter-spacing: 2px;
  margin-right: auto;
  padding-top: 1px;
}

.shift-feed-arrow {
  margin-left: auto;
}

.shift-feed-arrow div {
  display: inline-block;
}

.arrow-single {
  cursor: pointer;
  font-size: 12px!important;
  margin-left: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
}

.arrow-double {
  cursor: pointer;
  font-size: 12px!important;
  margin-left: 6px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 7px;
}

.arrow-single-margin {
  margin-left: 7px;
}

/* IEで垂直方向に中央寄せするためにwrapperを追加 */
#header-collective-setting-wrapper {
  background-color: #f3f3f3;
  border: 1px solid #dddddd;
  display: none;
}

.collective-setting {
  align-items: center;
  display: flex;
  width: 100%;
}

.collective-setting-title {
  display: inline-block;
  font-size: 18px;
  padding-left: 12px;
  padding-top: 8px;
}

.collective-setting-guide {
  color: red;
  display: inline-block;
  font-size: 12px;
  margin-left: auto;
  margin-right: 10px;
  padding-top: 10px;
}

.btn-reflection {
  padding: 4px 12px;
  vertical-align: initial;
}

.alert-guide {
  display: none;
  line-height: 100%;
  margin: 10px auto;
  text-align: left;
  width: max-content;
}

.alert-limit {
  align-items: center;
  background-color: #dff0d8 !important;
  border-color: #d0e9c6 !important;
  border-radius: .25rem !important;
  color: #3c763d !important;
  display: flex;
  padding: .5rem 1rem !important;
}

td .current-status {
  margin: 6px 0;
}

table td .current-status a i.fa-window-restore::before {
  font-size: 14px!important;
}

.current-status i.fa-window-restore {
  padding-left: 8px;
}

.content ~ .alert-guide {
  display: block;
  line-height: inherit;
  margin: -20px auto 10px;
}

.content ~ .alert-guide + .button-group {
  margin-top: 0;
}

.header-collective-setting {
  align-items: center;
  background-color: #f3f3f3;
  border: 1px solid #dddddd;
  display: flex;
  margin: 8px 10px 10px;
  min-height: 50px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-top: 8px;
  width: 98%;
}

.header-collective-setting div {
  display: inline-block;
}

.num-provided {
  margin-right: 16px;
}

.resv-no {
  margin-left: 16px;
}

.hour-ref {
  font-size: 12px;
  margin-left: 16px;
  margin-top: 1px;
}

.setting-change {
  margin-left: auto;
  margin-right: 10px;
}

.header-collective-setting input[type="text"] {
  width: 64px;
}

.header-collective-setting label {
  font-size: 13px;
  font-weight: bold;
  margin-right: 6px;
}

th.midashi {
  font-size: 12px;
  font-weight: bold;
  height: 32px;
  line-height: 0;
  text-align: center;
}

.is-fixed-header-month {
  left: 260px;
  position: fixed;
  top: 50px;
  width: calc(100% - 300px);
  z-index: 1;
}

.is-fixed-header-collective-setting {
  left: 260px;
  position: fixed;
  top: 84px;
  width: calc(100% - 300px);
  z-index: 1;
}

#right_table th.midashi-time {
  font-size: 14px;
  font-weight: bold;
  min-width: 14px;
}

#right_table th.hhmm {
  border-bottom: none;
  height: 24px;
  padding-bottom: 0!important;
  padding-left: 4px!important;
  padding-top: 0!important;
  text-align: left;
}

#right_table th.hhmm-bottom {
  border-bottom: solid 1px #dddddd;
  height: 24px;
  padding-bottom: 0!important;
  padding-left: 4px!important;
  padding-top: 0!important;
  text-align: left;
}

#right_table th.a-digit {
  border-bottom: none;
  height: 28px;
  padding-bottom: 0!important;
  padding-top: 3px!important;
  text-align: center;
}

#right_table th.a-digit-bottom {
  border-bottom: solid 1px #dddddd;
  height: 28px;
  padding-bottom: 2px!important;
  padding-top: 0!important;
  text-align: center;
}

#right_table th.scale-downward-4 {
  border-bottom: solid 1px #dddddd;
  height: 4px;
  padding: 0!important;
}

#right_table th.scale-downward-8 {
  border-bottom: solid 1px #dddddd;
  height: 8px;
  padding: 0!important;
}

#right_table th.scale-upward-4 {
  border-bottom: none;
  border-top: solid 1px #dddddd;
  height: 4px;
  padding: 0!important;
}

#right_table th.scale-upward-8 {
  border-bottom: none;
  border-top: solid 1px #dddddd;
  height: 8px;
  padding: 0!important;
}

.shift-icon {
  height: 16px;
  justify-content: center;
  margin: 0 auto;
  width: 16px;
}

a.shift-icon-a:hover {
  text-decoration: none;
}

input.stock-num-style {
  height: 18px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}

input.stock-num-disabled {
  background: #eeeeee;
  color: #b9b9b9;
}

.heading-time-span {
  color: #222222;
  font-size: 12px;
  margin-left: 2px;
}

body.text-sm .datepicker.dropdown-menu,
.datepicker.dropdown-menu {
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  color: #333333;
  font-size: 14px !important;
  margin: 2px 0 0 !important;
  min-width: 160px;
  padding: 5px !important;
  z-index: 1040 !important;
}

.datepicker .prev.disabled {
  overflow: hidden;
  pointer-events: none;
  text-indent: 120%;
  visibility: visible!important;
  white-space: nowrap;
}

.edit-direct-url {
  font-size: 18px;
}

.url-copy-btn {
  height: 30px;
}

p.tg-tooltip-body {
  background-color: #d0e5fd !important;
  border-bottom: 1px solid #bedafc;
  border-radius: 3px;
  color: #164080;
  display: none;
  left: 20px;
  line-height: 100%;
  min-width: 100px;
  padding: 8px;
  position: absolute;
  top: 100px;
  z-index: 100;
}

/* スクールタイプ＞スケジュール画面 絞り込みUIの装飾 */
/* ここから */
.td-cursol:hover {
  cursor: pointer;
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select::-ms-expand {
  display: none;
}

.select-form-round-wrapper {
  display: block;
  position: relative;
}

.select-form-round-wrapper select {
  padding-right: 20px!important;
}

.select-form-round-wrapper:after {
  border-color: #666666 transparent transparent;
  border-style: solid;
  border-width: .45em .3em;
  content: "";
  display: block;
  height: 0;
  margin-top: -.2em;
  position: absolute;
  right: .6em;
  top: 50%;
  width: 0;
  z-index: 2;
}

.select-form-round {
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  padding-top: 5px;
}

.list_item_fa {
  padding-right: 6px;
}

.list_item_fa i {
  font-size: 16px;
  padding-top: 1px;
}

.list_item_word {
  display: inline-block;
  font-size: 16px;
}

.now-frame {
  box-shadow: 0 0 0 2px #1e9357 inset;
}

.ln-month {
  background-color: #f7f7f7;
}

.ln-month div {
  color: #aaaaaa!important;
}
/* スクールタイプ＞スケジュール画面 絞り込みUIの装飾 */
/* ここまで */

/* スクールタイプ＞スケジュール詳細の装飾 */
/* ここから */
.schedule_details_datetime {
  margin: 2px 0 6px;
}

.schedule_details_datetime span {
  font-size: 18px;
  margin-right: 12px;
}

.schedule_details_category {
  font-size: 16px;
  line-height: 1.4em;
}

.schedule_details_mp {
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 8px;
  margin-top: 6px;
}

.schedule_details_staff {
  line-height: 1.4em;
  margin-bottom: 8px;
}

.schedule_details_staff span {
  display: inline-block;
  overflow: hidden;
}

.schedule_details_staff i {
  color: #666666;
  float: left;
  font-size: 22px;
  padding-left: 2px;
  padding-right: 8px;
}

.schedule_details_staff p {
  font-size: 16px;
  margin: 0;
  overflow: hidden;
}

.schedule_details_resv_rest {
  display: inline-block;
  flex-shrink: 0;
  margin-bottom: 18px;
  text-align: right;
}

.schedule_details_resv_rest img {
  margin-right: 10px;
}

.schedule_details_resv_rest span {
  font-size: 16px;
  vertical-align: middle;
}

.schedule_details_resv {
  display: inline-block;
  padding-right: 16px;
}

.schedule_details_rest {
  display: inline-block;
  padding-right: 10px;
}

.box-body .schedule_details_table {
  margin-bottom: 0;
}

.box-body .schedule_details_table th {
  width: 140px;
}
/* スクールタイプ＞スケジュール詳細の装飾 */
/* ここまで */

/* スクールタイプ＞スケジュール画面、時間割設定[編集]、時間割テンプレート設定[編集]のカレンダー装飾 */
/* ここから */
.table > tbody > tr > td.td-nodecor {
  border: none;
  padding: 0;
}

.table > tbody > tr > td.td-narrow-padding {
  padding-left: 4px;
  padding-right: 4px;
}

div.main_menu_frame_time {
  display: inline-block;
  font-weight: bold;
  padding-bottom: 6px;
}

div.main_menu_frame_categ {
  line-height: 1.4em;
  padding-bottom: 2px;
}

div.main_menu_frame_mp {
  padding-bottom: 5px;
  text-decoration: underline;
}

div.main_menu_frame_mp span {
  line-height: 1.4em;
}

div.main_menu_frame_mp_mode_day span {
  font-size: 15px;
}

div.main_menu_frame_staff {
  line-height: 1.4em;
  padding-bottom: 2px;
}

.main_menu_frame_staff i {
  color: #666666;
  float: left;
  font-size: 16px;
  padding-left: 2px;
  padding-right: 4px;
}

div.main_menu_frame_capa {
  padding-bottom: 1px;
}

.main_menu_frame_resv_rest {
  text-align: left;
}

.main_menu_frame_resv_rest img,
.main_menu_frame_capa img {
  margin-right: 2px;
}

.main_menu_frame_resv_rest span,
.main_menu_frame_capa span {
  margin-right: 2px;
  vertical-align: middle;
}

.box-body-timetbl-mode-day {
  padding: 8px 10px 0;
}

.box-body-timetbl-mode-day:hover {
  background-color: #fff6d5;
}

.timetbl-mode-day {
  display: inline-block;
}

.timetbl-mode-day-of-week {
  font-size: 16px;
  margin-left: 6px;
}

.timetbl-week-wrapper {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}

.timetbl-week-wrapper div:nth-child(2) {
  margin-left: 12%;
}

.table-bordered > tbody > tr.tr-timetbl-week > td {
  line-height: 140%!important;
}

.timetbl-day-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  padding-right: 4px;
}

.main_menu_frame_timetbl_tpl {
  padding-bottom: 8px;
  padding-top: 7px;
}

.main_menu_frame_timetbl_tpl .main_menu_frame_time {
  display: block;
}

.main_menu_frame_mode_day {
  margin-bottom: 11px;
  padding: 8px;
}

.main_menu_frame_mode_day .main_menu_frame_time {
  padding-bottom: 6px;
}

.main_menu_frame_mode_day .main_menu_frame_categ {
  padding-bottom: 4px;
}

.main_menu_frame_mode_day .main_menu_frame_mp {
  padding-bottom: 6px;
}

.main_menu_frame_mode_day .main_menu_frame_mp a {
  font-size: 14px;
}

.flex_main_menu_frame_staff {
  line-height: 1.4em;
  margin-bottom: 6px;
  padding-bottom: 0!important;
  text-align: left;
}

.flex_main_menu_frame_staff span {
  display: inline-block;
  overflow: hidden;
}

.flex_main_menu_frame_staff i {
  color: #666666;
  float: left;
  font-size: 18px;
  padding-left: 2px;
  padding-right: 8px;
}

.flex_main_menu_frame_staff p {
  line-height: 1.4em;
  margin: 0;
  overflow: hidden;
  padding-top: 1px;
}

.flex_main_menu_frame_resv_rest {
  display: inline-block;
  flex-shrink: 0;
  padding-bottom: 0!important;
  text-align: right;
}

.flex_main_menu_frame_resv_rest img {
  margin-right: 10px;
}

.flex_main_menu_frame_resv_rest span {
  font-size: 16px;
  vertical-align: middle;
}

.flex_main_menu_frame_resv {
  display: inline-block;
  padding-bottom: 0!important;
  padding-right: 16px;
}

.flex_main_menu_frame_rest {
  display: inline-block;
  padding-bottom: 0!important;
  padding-right: 10px;
}
/* スクールタイプ＞スケジュール画面、時間割設定[編集]、時間割テンプレート設定[編集]のカレンダー装飾 */
/* ここまで */

/* スクールタイプ＞スケジュール画面、スケジュール詳細画面の○×△アイコン */
/* ここから */
/* スケジュール画面（日表示）、スケジュール詳細画面 */
div.icon-schedule-content-wrapper {
  display: flex;
}

.schedule-content-wrapper {
  margin-left: 10px;
  width: 100%;
}

/* スケジュール画面（週、月表示） */
div.icon-wrapper {
  align-items: center;
  display: flex;
  padding-bottom: 4px;
}

.icon-wrapper .main_menu_frame_time {
  margin-left: 4px;
  padding-bottom: 0;
}

.schedule-content-wrapper .main_menu_frame_time,
.schedule-content-wrapper .main_menu_frame_categ,
.schedule-content-wrapper .main_menu_frame_mp {
  display: block;
  float: none;
}
/* スクールタイプ＞スケジュール画面、スケジュール詳細画面の○×△アイコン */
/* ここまで */

.tbody-dispno-sortable .fa-grip-lines {
  color: #666666;
  font-size: 13px;
  padding-top: 1px;
}

.td-grip-lines {
  text-align: center;
}

.th-pub-setting {
  cursor: pointer;
  width: 100px;
}

.th-pub-setting:hover {
  background-color: #e7e7e7;
}

.th-dispno-input {
  width: 128px;
}

.dispno-input {
  height: 30px;
  width: 62px;
}

.dispno-border {
  border: 1px solid #00b357;
  border-radius: .25em;
}

body .btn-dispno-input {
  margin-left: 4px;
  padding: 4px;
  width: 42px;
}

.dispno-tablesorter {
  border-top: 1px solid #dddddd!important;
}

.dispno-tablesorter .fa-sort {
  float: right;
  line-height: 160%;
}

.dispno-tablesorter .tablesorter-header-inner {
  font-weight: bold;
}

.tbody-dispno-sortable .ui-sortable-helper {
  border: 1px solid #00b357;
}

.ui-sortable-handle {
  cursor: move;
}

input[type="number"] {
  background-color: #ffffff;
  border: 1px solid #b9b9b9;
  border-radius: .25rem;
  padding-left: 4px;
}

input[type="number"]:focus {
  border: 1px solid #00b357;
  border-radius: .25rem;
  outline: none;
}

.select-outline {
  outline: 1px solid #00b357;
}

/* スケルトンスクリーン */
/* ここから */
.-opacity0 {
  opacity: 0;
}

.skeleton-screen {
  background: #efefef;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.skeleton-screen-span {
  /* 擬似要素を使うと、Safariでローディング時に表示されなくなる */
  animation: loading 1.5s infinite;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent);
  box-shadow: 0 1px 1px #0000001a;
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

@keyframes loading {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(100px);
  }
}
/* スケルトンスクリーン */
/* ここまで */

/* ドラッグ＆ドロップアップロードUI */
/* ここから */
.upload-area {
  background-color: #ffffff;
  border-radius: 5px;
  height: 148px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.disabled-upload-area {
  background-color: #F3F3F3;
  border-radius: 5px;
  height: 148px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.upload-area::before,
.disabled-upload-area::before {
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 14px 2px, 14px 2px, 2px 14px, 2px 14px;
  border-radius: 5px;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.disabled-upload-area .upload-area-guide {
  color: #AAAAAA;
}

.upload-area:not(.reservation-attachment-upload-area).file-selected,
.disabled-upload-area:not(.reservation-attachment-upload-area).file-selected {
  background-color: #dff0d8;
}

.upload-area-hover {
  background-color: #dff0d8;
}

.file-not-selected::before {
  background-image: linear-gradient(to right, #dddddd, #dddddd 8px, transparent 6px, transparent 14px),
  linear-gradient(to right, #dddddd, #dddddd 8px, transparent 6px, transparent 14px),
  linear-gradient(to bottom, #dddddd, #dddddd 8px, transparent 6px, transparent 14px),
  linear-gradient(to bottom, #dddddd, #dddddd 8px, transparent 6px, transparent 14px);
}

.upload-area:not(.reservation-attachment-upload-area).file-selected::before,
.disabled-upload-area:not(.reservation-attachment-upload-area).file-selected::before {
  background-image: linear-gradient(to right, #60ba8c, #60ba8c 14px),
  linear-gradient(to right, #60ba8c, #60ba8c 14px),
  linear-gradient(to bottom, #60ba8c, #60ba8c 14px),
  linear-gradient(to bottom, #60ba8c, #60ba8c 14px);
}

.file-not-selected.upload-area-hover::before {
  background-image: linear-gradient(to right, #60ba8c, #60ba8c 8px, transparent 6px, transparent 14px),
  linear-gradient(to right, #60ba8c, #60ba8c 8px, transparent 6px, transparent 14px),
  linear-gradient(to bottom, #60ba8c, #60ba8c 8px, transparent 6px, transparent 14px),
  linear-gradient(to bottom, #60ba8c, #60ba8c 8px, transparent 6px, transparent 14px);
}

.upload-area-content {
  left: 50%;
  padding-left: 16px;
  padding-right: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

.upload-area-guide {
  color: #1e9357;
  text-align: center;
}

.upload-area-guide p {
  font-weight: bold;
  margin-bottom: 16px;
  margin-top: 8px;
}

.disabled-upload-area .upload-area-guide p {
  margin-bottom: 0;
}

.file-not-selected .upload-area-guide p {
  margin-top: 4px;
}

.file-selected .upload-area-guide p {
  margin-bottom: 4px;
}

.csv-icon i {
  font-size: 24px;
}

.upload-area:not(.reservation-attachment-upload-area) .upload-file-name,
.disabled-upload-area:not(.reservation-attachment-upload-area) .upload-file-name {
  font-size: 18px;
  text-align: center;
  word-break: break-all;
}

.upload-area:not(.reservation-attachment-upload-area).file-not-selected .upload-file-name,
.disabled-upload-area:not(.reservation-attachment-upload-area).file-not-selected .upload-file-name {
  margin-top: 18px;
}

.upload-area:not(.reservation-attachment-upload-area).file-selected .upload-file-name,
.disabled-upload-area:not(.reservation-attachment-upload-area).file-selected .upload-file-name {
  margin-bottom: 18px;
}

.upload-file-select {
  text-align: center;
}

.upload-file-select span {
  margin-right: 16px;
}

.upload-file-select input[type="file"] {
  display: none;
}

.upper-upload-attention-area {
  margin-bottom: 14px;
}

.attention-only .fa-exclamation-square {
  margin-top: 2px;
}

body .attention-only .attention {
  color: #222222!important;
  padding-top: 0;
}

.tr-disabled,
.tr-disabled td {
  background-color: #F3F3F3!important;
  color: #AAAAAA!important;
}

.tr-disabled .require-mark,
.tr-disabled .fa-exclamation-square,
body .tr-disabled .attention,
.tr-disabled .emphasis-mesg-color {
  color: #AAAAAA!important;
}

.tr-disabled .radio label {
  cursor: default;
}

/* ドラッグ＆ドロップアップロードUI */
/* ここまで */

.national-holiday-reflect {
  border: 1px solid #dddddd;
  margin-bottom: 10px;
  text-align: center;
}

.national-holiday-reflect-label {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 16px;
  padding-top: 16px;
  width: 100%;
}

.color-request-cancel,
.color-request-ng {
  color: #aaaaaa;
}

.color-request-ok {
  color: #0088cc;
}

.color-request-cancel-bg,
.color-request-ng-bg {
  background-color: #eeeeee!important;
}

.color-request-ok-bg {
  background-color: #ddf0ff!important;
}

.fa-exclamation-circle {
  color: #ee8888;
  font-size: 15px;
}

.flex-space-between {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.-flex-wrap-wrap {
  flex-wrap: wrap;
}

.-flex-align-center {
  align-items: center;
  display: flex;
}

.-height16 {
  height: 16px;
}

.-height30 {
  height: 30px;
}

.-width30 {
  width: 30px;
}

.-width60 {
  width: 60px;
}

.-width200 {
  width: 200px;
}

.-width540 {
  width: 540px;
}

.-display-block {
  display: block;
}

.-padding-bottom0 {
  padding-bottom: 0;
}

.-padding-bottom2 {
  padding-bottom: 2px;
}

.-margin-bottom0 {
  margin-bottom: 0;
}

.-margin-bottom15 {
  margin-bottom: 15px;
}

.-margin-left10 {
  margin-left: 10px;
}

.-margin-right2 {
  margin-right: 2px;
}

.-fontweight-bold {
  font-weight: bold;
}

.formSearchCategory + table {
  margin: 10px 0;
}

.select2-container {
  width: 95%!important;
}

img.preview {
  padding: 16px 0;
}

.search-conditions-display-wrap {
  display: flex;
  padding: 16px 30px 0;
}

.conditions-title {
  display: inline-block;
  min-width: 80px;
}

.conditions-list {
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 20px;
}

.conditions-list-key,
.conditions-list-value {
  display: inline-block;
}

.below-search-conditions {
  padding-top: 12px;
}

.fit-content {
  width: fit-content;
}

.table-layout-fix {
  table-layout: fixed;
}

.account-information-wrap {
  align-items: center;
  display: flex;
}

.calendar-usage-guide-wrap {
  display: flex;
}

.calendar-usage-guide {
  padding-left: 5px;
}

.calendar-usage-guide + .calendar-usage-guide {
  margin-left: 15px;
}

.calendar-usage-guide::before {
  border: 1px solid #dddddd;
  content: "";
  display: inline-block;
  height: 16px;
  left: -5px;
  position: relative;
  top: 4px;
  width: 26px;
}

.calendar-usage-guide.-weekday::before {
  background-color: #ffffff;
}

.calendar-usage-guide.-national-holiday::before {
  background-color: #ffc6d8;
}

.calendar-usage-guide.-holiday::before {
  background-color: #d3d3d3;
}

.account-information-wrap i.fal.fa-fw.fa-user {
  top: -1px;
}

.navbar-nav > li > a.account-information-toggle {
  display: flex;
  height: 52px;
  padding-bottom: 0;
  padding-top: 0;
}

.account-information-title {
  padding: 0 5px;
}

.btn-upper-table {
  margin-bottom: 8px;
}

/***************************************
 * 開閉ボタン
 **************************************/

.open-close-btn a {
  background: #eeeeee;
  border: 1px solid #dddddd;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 25px;
  margin: 8px 0;
  max-width: 200px;
  padding: 4px 8px;
  text-align: center;
}

.open-close-btn a:hover {
  background: #cacaca;
  text-decoration: underline;
}

.open-close-btn a[disabled] {
  cursor: not-allowed;
  opacity: .65;
}

.open-close-btn a[disabled]:active {
  /* +-マークの切り替えを無効化 */
  pointer-events: none;
}

.open-close-btn a[disabled]:hover {
  background: #eeeeee;
  pointer-events: active;
  text-decoration: none;
}

.table-separate {
  border-collapse: separate;
  margin-bottom: 0;
}

.table-separate th {
  border: 1px solid #dddddd;
}

.table-separate th:first-child {
  border-right: none;
}

.table-separate td {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom: none;
}

.table-separate td:first-child {
  border-right: none;
  border-top: none;
}

.table-separate td:last-child {
  border-bottom: 1px solid #dddddd;
  border-top: none;
}

.-sticky {
  background-color: #f3f3f3;
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}

th.-sticky {
  background-clip: padding-box;
  border: 1px solid #dddddd;
  top: 0;
}

.button-group.-sticky {
  bottom: 0;
}

h3.table-caption {
  color: #222222;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 6px;
  margin-top: 10px;
}

.button-table-list {
  padding-bottom: 16px;
  padding-top: 16px;
}

.-pb-0 {
  padding-bottom: 0;
}

.-pt-0 {
  padding-top: 0;
}

.btn-next-question-guide {
  padding-bottom: 4px;
  vertical-align: middle;
}

body .alert.alert-csv-download {
  display: inline-block;
  padding-bottom: 7px!important;
  padding-top: 7px!important;
}

.alert-button-group-wrapper,
.alert-button-group-wrapper .button-group {
  display: flex;
}

.fit-content .alert-button-group-wrapper,
.fit-content .pager {
  position: sticky;
  right: 40px;
}

.alert-button-group-wrapper .-with-question-guide {
  align-items: center;
}

.box-header-both-ends .alert-button-group-wrapper .button-group input {
  margin: 0 0 0 8px!important;
}

.button-group.-with-question-guide .question-guide::before{
  margin-left: 8px;
}

.tpl-insert-area.-open .open-close-btn a::before {
  content: '＋';
}
.tpl-insert-area.-close .open-close-btn a::before {
  content: 'ー';
}
.tpl-insert-area.-open .open-close {
  max-height: 366px;
  overflow: hidden;
  visibility: visible;
}

.tpl-insert-area.-open .open-close:hover {
  overflow: visible;
}

.tpl-insert-area.-close .open-close {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.open-close {
  background-color: #f3f3f3;
  border: 1px solid #dddddd;
  border-bottom: none;
  max-height: 366px;
  padding: 0 10px;
  position: relative;
  transition: all 0.3s ease;
}

.scroll-wrapper {
  max-height: 254px;
  overflow-y: scroll;
}

/* スクロールバー全体 */
.scrollbar-for-webkit::-webkit-scrollbar {
  width: 8px;
}

/* ドラッグ可能なスクロールハンドル部分 */
.scrollbar-for-webkit::-webkit-scrollbar-thumb {
  background: #dddddd;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  opacity: 0.8;
}

/* 時間割設定[編集] 時間割一覧の項目幅調整 */
.box-body > table.table-timetbllist {
  table-layout: auto;
}

.timetbl-reg-count {
  min-width: 150px;
}

.timetbl-reg-gcal {
  width: 400px;
}

/* API連携 */
.api-activity {
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  color: #999999;
  display: inline-block;
  margin-right: 4px;
  min-height: 30px;
  min-width: 120px;
  padding: 5px 12px 4px;
  text-align: center;
}

.api-activity.-status-0 {
  color: #999999;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.api-activity.-status-1 {
  border-color: #00B357;
  color: #00B357;
}

.datepicker table tr td.today {
  background-color: #00B357;
}

/* 通知メール編集 */
.mail-edit-text-box {
  margin-bottom: 10px;
  width: 100%;
}

.mail-edit-text-area {
  margin-bottom: 30px;
  resize: vertical;
  width: 100%;
}

.mail-edit-a-tag {
  color: #00B357!important;
}

.mail-edit-hr {
  border-top: 1px solid #dddddd;
  margin-bottom: 20px;
}

.popup-position {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/***************************************
 * 公開枠設定のサマリーセクション
 * edit_vacancy_shift.twig 用
 **************************************/
.summary-section {
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 15px 15px 3px 15px;
}

.summary-header {
  margin-bottom: 8px;
}

.summary-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}

.summary-content {
  align-items: center;
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.summary-date {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 0 10px;
  white-space: nowrap;
}

.summary-date .date-number {
  font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 21px;
}

.summary-date .date-unit {
  font-size: 20px;
}

.summary-metrics {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.summary-metric-item {
  align-items: center;
  display: flex;
  gap: 10px;
}

.summary-metric-label {
  color: #333333;
  font-size: 14px;
}

.summary-metric-label.btn-style {
  align-items: center;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: bold;
  height: 47px;
  justify-content: center;
  line-height: 1.2;
  padding: 4px 6px;
  text-align: center;
  white-space: nowrap;
  width: 82px;
}

.summary-metric-label.btn-capacity {
  background-color: #29925c; /* 今月の予約枠 - 緑色 */
  border-color: #29925c;
}

.summary-metric-label.btn-reserve,
.summary-metric-label.btn-block {
  background-color: #e0efda; /* 登録済予約/登録済ブロック */
  border-color: #d3e8ca;
  color: #3f7642;
}

.summary-metric-label.btn-enable {
  background-color: #f3f3f3; /* 空き枠 */
  border-color: #dddddd;
  color: #333333;
}

.summary-metric-value {
  align-items: baseline;
  color: #28a745;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  gap: 5px;
  line-height: 1.5;
}

.summary-metric-value .value-number {
  color: #333333;
  font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size: 21px;
}

.summary-metric-value .value-unit {
  color: #3f7642;
  font-size: 12px;
}

.summary-note {
  color: #000000;
  font-size: 12px;
  margin-bottom: -5px;
  margin-top: 5px;
}

/* -------------------------------------------------------------------------
 * サイドバー nav-sidebar / brand-link と skin-green ヘッダー
 * ------------------------------------------------------------------------- */
.skin-green .main-header.navbar {
  background-color: #1e9357;
}
.skin-green .main-header.navbar .navbar-nav .nav-link {
  color: #fff;
}
.skin-green .main-header.navbar .navbar-nav .nav-link:hover,
.skin-green .main-header.navbar .navbar-nav .nav-link:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-green .main-header.navbar .navbar-nav .show > .nav-link,
.skin-green .main-header.navbar .navbar-nav .nav-link.active {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-green .main-header.navbar [data-widget="pushmenu"] {
  color: #fff;
}
.skin-green .main-header.navbar [data-widget="pushmenu"]:hover {
  background-color: #008d4c;
  color: #f6f6f6;
}

.skin-green .brand-link:not(.logo-switch),
.skin-green .brand-link:not(.logo-switch):hover {
  background-color: #fafafa;
}

body.layout-fixed:not(.sidebar-collapse) .main-sidebar .brand-link.logo-switch {
  width: 220px !important;
}

.skin-green .main-sidebar .brand-link.logo-switch,
.skin-green .main-sidebar .brand-link.logo-switch:hover,
.skin-green .main-sidebar .brand-link.logo-switch:focus,
.skin-green .main-sidebar .brand-link.logo-switch:visited {
  align-items: center;
  background-color: #fafafa;
  border-bottom: 0 solid transparent;
  color: #fff;
  display: flex;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  justify-content: center;
  line-height: 50px;
  min-height: 50px;
  overflow: hidden;
  padding: 0 15px;
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
}

.skin-green .main-sidebar .brand-link.logo-switch:hover {
  background-color: #fafafa;
  color: #fff;
}

.skin-green .main-sidebar .brand-link.logo-switch {
  position: relative;
  text-align: center;
}

.skin-green .main-sidebar .brand-link.logo-switch img.logo-xl,
.skin-green .main-sidebar .brand-link.logo-switch img.logo-xs {
  float: none !important;
  left: 50% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  right: auto !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.main-sidebar .brand-link.logo-switch img {
  margin: 0 auto;
  object-fit: contain;
  padding: 4px;
  vertical-align: middle;
}

.main-sidebar .brand-link.logo-switch .brand-image-xs.logo-xl,
.main-sidebar .brand-link.logo-switch .logo-xl.brand-image-xs {
  max-height: 50px;
  max-width: 200px;
}

.main-sidebar .brand-link.logo-switch .brand-image-xl.logo-xs,
.main-sidebar .brand-link.logo-switch .logo-xs.brand-image-xl {
  max-height: 50px;
  max-width: 50px;
}

.brand-link.logo-switch #self-logo {
  max-height: 35px;
  width: auto;
}

.brand-link.logo-switch #normal-logo {
  max-width: 190px;
}

.brand-link.logo-switch #normal-logo-mini {
  max-width: 25px;
}

.skin-green .main-sidebar .sidebar {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.skin-green.layout-navbar-fixed.layout-fixed .wrapper .main-sidebar .sidebar,
body.skin-green.layout-navbar-fixed.layout-fixed.text-sm .wrapper .main-sidebar .sidebar {
  margin-top: 0 !important;
}

body.skin-green.layout-navbar-fixed.layout-fixed:not(.manage-trial) .wrapper .main-sidebar .sidebar,
body.skin-green.layout-navbar-fixed.layout-fixed.text-sm:not(.manage-trial) .wrapper .main-sidebar .sidebar {
  height: calc(100vh - 50px) !important;
}

body.manage-trial.layout-navbar-fixed.layout-fixed.text-sm .wrapper .main-sidebar .sidebar {
  flex: 1 1 auto !important;
  height: auto !important;
  margin-top: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-top: 0 !important;
}

.skin-green .nav-sidebar.nav-child-indent > .nav-item > .nav-treeview {
  padding-left: 0 !important;
}

.skin-green .nav-sidebar.nav-child-indent .nav-treeview .nav-item > .nav-treeview {
  box-sizing: border-box;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100%;
}

body.text-sm.skin-green .nav-sidebar.nav-child-indent .nav-treeview .nav-item > .nav-treeview {
  padding-left: 0 !important;
}

.skin-green .nav-sidebar.nav-child-indent .nav-treeview .nav-item .nav-treeview .nav-item > .nav-link {
  box-sizing: border-box;
  padding: 5px 1rem 5px 65px !important;
  width: 100%;
}

.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item {
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview .nav-treeview > .nav-item {
  max-width: 100%;
  width: 100%;
}

.skin-green .main-sidebar .sidebar .nav-sidebar > .nav-item > .nav-link:hover,
.skin-green .main-sidebar .sidebar .nav-sidebar .nav-treeview > .nav-item > .nav-link:hover {
  background-color: #eef0f2;
}

.skin-green .nav-sidebar > .nav-item > .nav-link {
  align-items: center;
  box-sizing: border-box;
  color: #4a4a4a;
  display: flex;
  min-height: 44px;
  padding: 12px;
  position: relative;
  width: 100%;
}

.skin-green .nav-sidebar > .nav-item > .nav-link > .nav-icon {
  flex-shrink: 0;
  font-size: 20px;
  line-height: 20px;
  margin-right: 0;
  text-align: center;
  width: 42px;
}

.skin-green .nav-sidebar .nav-link p {
  display: inline-block;
  margin-bottom: 0;
  min-width: 0;
  width: 100%;
}

.skin-green .nav-sidebar > .nav-item > .nav-link > .nav-icon ~ p {
  flex: 1 1 auto;
}

.skin-green .nav-sidebar > .nav-item > .nav-link > p {
  white-space: nowrap;
}

.skin-green .nav-sidebar .nav-icon {
  font-size: 20px;
  line-height: 20px;
  margin-right: 0.5rem;
  text-align: center;
  width: 2rem;
}

.skin-green .nav-sidebar.nav-child-indent .nav-treeview > .nav-item > .nav-link {
  align-items: center;
  box-sizing: border-box;
  color: #4a4a4a;
  display: flex;
  font-size: 13px;
  max-width: 100%;
  width: 100%;
}

.skin-green .nav-sidebar > .nav-item > .nav-treeview > .nav-item:not(.has-treeview) > .nav-link {
  padding: 5px 1rem 5px 65px !important;
}

.skin-green .nav-sidebar .nav-treeview > .nav-item.has-treeview > .nav-link {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  min-height: 0;
  padding: 5px 1rem 5px 65px;
  position: relative;
  width: 100%;
}

.skin-green .nav-sidebar .nav-treeview > .nav-item.has-treeview > .nav-link > .nav-icon {
  flex-shrink: 0;
  margin-right: 0;
  text-align: center;
  width: 42px;
}

.skin-green .nav-sidebar .nav-treeview .nav-treeview > .nav-item.has-treeview > .nav-link {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  min-height: 0;
  padding: 5px 1rem 5px 65px;
  position: relative;
  width: 100%;
}

.skin-green .nav-sidebar .nav-treeview .nav-treeview > .nav-item.has-treeview > .nav-link > .nav-icon {
  font-size: 18px;
  line-height: 18px;
  width: 28px;
}

.skin-green .nav-sidebar > .nav-item.menu-open > .nav-link {
  background: #fafafa;
}

.skin-green .nav-sidebar .nav-treeview {
  background: #fafafa;
  box-sizing: border-box;
  margin: 0;
  max-width: 100%;
  width: 100%;
}

.skin-green .nav-sidebar .nav-item.has-treeview > .nav-link p > .right {
  font-size: 20px;
  line-height: 1;
  margin-top: 0;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.skin-green .nav-sidebar .nav-item.menu-open > .nav-link p > .right,
.skin-green .nav-sidebar .nav-item.menu-is-opening > .nav-link p > .right {
  transform: translateY(-50%) rotate(90deg);
}

/* 予約アンケート ファイル添付 ここから */
.reservation-attachment-upload-area.upload-area,
.reservation-attachment-upload-area.disabled-upload-area {
  height: auto;
  margin-bottom: 4px;
}

td.detail-search.diagonal-stripe .reservation-attachment-upload-area.upload-area,
td.detail-search.diagonal-stripe .reservation-attachment-upload-area.disabled-upload-area {
  background: transparent;
  background-color: transparent;
}

td.detail-search.diagonal-stripe .reservation-attachment-upload-area.upload-area::before,
td.detail-search.diagonal-stripe .reservation-attachment-upload-area.disabled-upload-area::before {
  display: none;
}

.reservation-attachment-upload-area .upload-area-content {
  align-items: center;
  display: grid;
  gap: 10px 18px;
  left: auto;
  padding: 18px 20px;
  position: relative;
  top: auto;
  transform: none;
  width: 100%;
}

.reservation-attachment-upload-area.upload-area.file-not-selected .upload-area-content,
.reservation-attachment-upload-area.disabled-upload-area.file-not-selected .upload-area-content {
  grid-template-columns: 1fr;
}

.reservation-attachment-upload-area.upload-area.file-not-selected .upload-area-column,
.reservation-attachment-upload-area.disabled-upload-area.file-not-selected .upload-area-column {
  display: contents;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-area-content,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-area-content {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 0;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-area-column--primary,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-area-column--primary {
  flex: 0 0 180px;
  width: 180px;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-area-column--secondary,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-area-column--secondary {
  flex: 1 1 auto;
  min-width: 0;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-area-guide,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-area-guide {
  display: none;
  padding-top: 2px;
  text-align: left;
}

.reservation-attachment-upload-area .upload-preview {
  align-items: center;
  background: #eeeeee;
  display: none;
  height: 120px;
  justify-content: center;
  margin: 0 auto 12px;
  overflow: hidden;
  width: 180px;
}

.reservation-attachment-upload-area .upload-preview.is-active {
  display: flex;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-preview,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-preview {
  margin: 0;
}

.reservation-attachment-upload-area .upload-preview-image,
.reservation-attachment-upload-area .upload-preview-pdf {
  display: none;
}

.reservation-attachment-upload-area .upload-preview-image {
  background: #eeeeee;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.reservation-attachment-upload-area .upload-preview-pdf {
  align-items: center;
  color: #999999;
  font-size: 40px;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.reservation-attachment-upload-area .upload-preview-pdf i {
  font-size: 40px;
}

.reservation-attachment-upload-area .upload-preview.is-image .upload-preview-pdf {
  display: none;
}

.reservation-attachment-upload-area .upload-preview.is-expired .upload-preview-image {
  display: none !important;
}

.reservation-attachment-upload-area .upload-preview.is-expired .upload-preview-pdf {
  color: #aaaaaa;
  display: flex;
}

.reservation-attachment-upload-area .upload-preview.is-expired .upload-preview-pdf i {
  color: #aaaaaa;
  font-size: 40px;
}

.reservation-attachment-upload-area .upload-preview.is-image .upload-preview-image,
.reservation-attachment-upload-area .upload-preview.is-pdf .upload-preview-pdf,
.reservation-attachment-upload-area .upload-preview.is-expired .upload-preview-pdf {
  display: flex;
}

.reservation-attachment-upload-area .upload-preview.is-image .upload-preview-image {
  display: block;
}

.reservation-attachment-upload-area .upload-preview-image[hidden] {
  display: none !important;
}

.reservation-attachment-upload-area .upload-area-guide {
  padding-top: 2px;
}

.reservation-attachment-upload-area .upload-file-icon i,
.reservation-attachment-upload-area .fa-file {
  font-size: 24px;
  line-height: 24px;
}

.reservation-attachment-upload-area .upload-preview-pdf {
  color: #1e9357;
}

.reservation-attachment-upload-area .upload-file-meta {
  margin-bottom: 12px;
}

.reservation-attachment-upload-area .upload-file-name {
  margin-bottom: 8px;
  word-break: break-all;
}

.reservation-attachment-upload-area .upload-file-size,
.reservation-attachment-upload-area .upload-file-expire {
  color: #aaaaaa;
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 4px;
  text-align: center;
}

.reservation-attachment-upload-area .upload-file-expire .upload-file-expire-label,
.reservation-attachment-upload-area .upload-file-expire .upload-file-expire-value,
.reservation-attachment-upload-area .upload-file-expire .upload-file-expire-suffix {
  color: #aaaaaa;
}

.reservation-attachment-upload-area .upload-file-expire-suffix {
  display: none;
}

.reservation-attachment-upload-area .upload-file-expired {
  color: #ff0000;
  display: none;
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 4px;
  text-align: center;
}

.reservation-attachment-upload-area .file-not-selected .upload-file-size,
.reservation-attachment-upload-area .file-not-selected .upload-file-expire,
.reservation-attachment-upload-area .file-not-selected .upload-file-expired {
  display: none;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-file-name,
.reservation-attachment-upload-area.upload-area.file-selected .upload-file-size,
.reservation-attachment-upload-area.upload-area.file-selected .upload-file-expire,
.reservation-attachment-upload-area.upload-area.file-selected .upload-file-expired,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-name,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-size,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-expire,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-expired {
  text-align: left;
}

.reservation-attachment-upload-area .upload-area-guide-comment,
.reservation-attachment-upload-area .upload-area-guide p {
  margin-bottom: 16px;
}

.reservation-attachment-upload-area .upload-file-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  justify-content: center;
  margin-bottom: 16px;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-file-actions,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-actions {
  justify-content: flex-start;
  margin-bottom: 8px;
}

.reservation-attachment-upload-area .upload-file-clear {
  align-items: center;
  display: none;
  flex-wrap: wrap;
}

.reservation-attachment-upload-area .upload-file-clear .btn {
  padding-left: 16px;
  padding-right: 16px;
}

.reservation-attachment-upload-area .upload-file-download {
  text-align: center;
}

.reservation-attachment-upload-area .upload-file-delete {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  width: 100%;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-file-delete,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-delete {
  justify-content: flex-start;
  margin-top: 16px;
  width: auto;
}

.reservation-attachment-upload-area .upload-file-delete label {
  margin-bottom: 0;
}

.reservation-attachment-upload-area .upload-file-annotation {
  color: #999999;
  font-size: 12px;
  margin-top: 9px;
  text-align: center;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-file-annotation,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-annotation {
  text-align: left;
}

.reservation-attachment-upload-area.upload-area.file-selected .upload-file-label,
.reservation-attachment-upload-area.disabled-upload-area.file-selected .upload-file-label {
  margin-top: 0;
}

td.detail-search .upload-area,
td.detail-search .disabled-upload-area {
  max-width: none;
  width: 100%;
}

td.detail-search .upload-area.file-not-selected .upload-area-content,
td.detail-search .disabled-upload-area.file-not-selected .upload-area-content {
  gap: 6px;
  padding-bottom: 16px;
  padding-top: 16px;
}

td.detail-search .upload-area.file-not-selected .upload-file-meta,
td.detail-search .disabled-upload-area.file-not-selected .upload-file-meta {
  display: none;
}

td.detail-search .upload-area.file-not-selected .upload-area-guide p,
td.detail-search .disabled-upload-area.file-not-selected .upload-area-guide p {
  margin-bottom: 6px;
}

td.detail-search .upload-area.file-not-selected .upload-file-actions,
td.detail-search .disabled-upload-area.file-not-selected .upload-file-actions {
  margin-bottom: 0;
}

td.detail-search .upload-area.file-not-selected .upload-file-annotation,
td.detail-search .disabled-upload-area.file-not-selected .upload-file-annotation {
  font-size: 12px;
  margin-top: 0;
}

td.detail-search .upload-area.file-not-selected .upload-file-icon i,
td.detail-search .upload-area.file-not-selected .fa-file,
td.detail-search .disabled-upload-area.file-not-selected .upload-file-icon i,
td.detail-search .disabled-upload-area.file-not-selected .fa-file {
  font-size: 24px;
  line-height: 24px;
}

td.detail-search .upload-area.file-selected .upload-area-content,
td.detail-search .disabled-upload-area.file-selected .upload-area-content {
  gap: 24px;
  padding: 0;
}

td.detail-search .upload-area.file-selected .upload-preview,
td.detail-search .disabled-upload-area.file-selected .upload-preview {
  margin: 0;
}

td.detail-search .upload-area.file-selected .upload-area-guide,
td.detail-search .disabled-upload-area.file-selected .upload-area-guide {
  display: none;
}

td.detail-search .upload-area.file-selected .upload-file-meta,
td.detail-search .disabled-upload-area.file-selected .upload-file-meta {
  align-self: start;
  margin-top: 0;
  padding-top: 0;
}

td.detail-search .upload-area.file-selected .upload-file-name,
td.detail-search .disabled-upload-area.file-selected .upload-file-name {
  margin-top: 0;
}

td.detail-search .upload-file-select,
td.detail-search .upload-file-download {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}

td.detail-search .upload-file-clear {
  align-items: center;
  display: none;
  flex-wrap: wrap;
}

td.detail-search .file-not-selected .upload-file-select {
  justify-content: center;
}

td.detail-search .file-selected .upload-file-select,
td.detail-search .file-selected .upload-file-download,
td.detail-search .disabled-upload-area.file-selected .upload-file-download {
  justify-content: flex-start;
}

td.detail-search .upload-area.file-selected .upload-file-actions,
td.detail-search .disabled-upload-area.file-selected .upload-file-actions {
  margin-top: 2px;
}

td.detail-search .upload-area.file-selected .upload-file-delete,
td.detail-search .disabled-upload-area.file-selected .upload-file-delete {
  justify-content: flex-start;
  margin-top: 16px;
  width: 100%;
}

td.detail-search .upload-area.file-selected .upload-file-delete .input-checkbox,
td.detail-search .disabled-upload-area.file-selected .upload-file-delete .input-checkbox {
  display: inline-block;
  line-height: 1.5;
  white-space: nowrap;
}

td.detail-search .upload-file-select span {
  font-size: 12px;
  margin-right: 0;
}

td.detail-search .reservation-attachment-upload-area .upload-file-size,
td.detail-search .reservation-attachment-upload-area .upload-file-expire {
  font-size: 12px;
}

td.detail-search .upload-area.file-selected .upload-file-annotation,
td.detail-search .disabled-upload-area.file-selected .upload-file-annotation {
  color: #999999;
  font-size: 12px;
  margin-top: 2px;
}

.upload-area.upload-area--pending-delete .upload-file-label {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}

.upload-area.upload-area--pending-delete .js-attachment-download-button[disabled] {
  cursor: not-allowed;
  opacity: 0.45;
}

.upload-area.upload-area--submitting .upload-file-label,
.upload-area.upload-area--submitting .upload-file,
.upload-area.upload-area--submitting .js-attachment-delete-checkbox,
.upload-area.upload-area--submitting .js-attachment-clear-button,
.upload-area.upload-area--submitting .js-attachment-download-button {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}

.reservation-attachment-loading-overlay {
  background-color: rgba(238, 238, 238, .4);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100000;
}

.reservation-attachment-loading-overlay img {
  background: #ffffff;
  padding: 10px;
  position: relative;
  top: calc(50% - 86px / 2);
}
/* 予約アンケート ファイル添付 ここまで */

/* CSVアップロードUIは添付フォーム用のgridレイアウトから除外する */
.upload-area:not(.reservation-attachment-upload-area),
.disabled-upload-area:not(.reservation-attachment-upload-area) {
  height: 148px;
  min-height: 0;
  object-fit: cover;
}

.upload-area:not(.reservation-attachment-upload-area) .upload-area-content,
.disabled-upload-area:not(.reservation-attachment-upload-area) .upload-area-content {
  display: block;
  left: 50%;
  min-height: 0;
  padding: 0 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.upload-area:not(.reservation-attachment-upload-area).file-selected .upload-area-guide,
.disabled-upload-area:not(.reservation-attachment-upload-area).file-selected .upload-area-guide {
  text-align: center;
}

.upload-area:not(.reservation-attachment-upload-area).file-selected .upload-file-name,
.disabled-upload-area:not(.reservation-attachment-upload-area).file-selected .upload-file-name {
  margin-bottom: 18px;
  text-align: center;
}

.upload-area:not(.reservation-attachment-upload-area) .upload-file-select .btn,
.disabled-upload-area:not(.reservation-attachment-upload-area) .upload-file-select .btn {
  min-width: 0;
}