@charset "UTF-8";
ul,
ol {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

dl {
  margin-bottom: 0;
}

dt {
  font-weight: 400;
}

dd {
  margin-bottom: 0;
}

@-webkit-keyframes icon-upload-download-ring-progress {
  to {
    transform: rotate(360deg);
  }
}

@keyframes icon-upload-download-ring-progress {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon-upload-arrow-swal2 {
  0%, 25% {
    opacity: 0;
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes icon-upload-arrow-swal2 {
  0%, 25% {
    opacity: 0;
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes icon-upload-download-ring-swal2 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes icon-upload-download-ring-swal2 {
  to {
    transform: rotate(360deg);
  }
}
body {
  overflow-x: hidden;
  font-size: 1.4rem;
  word-wrap: break-word;
  line-break: strict;
  overflow-wrap: break-word;
}
body::after {
  content: "none";
  display: none;
}
body.is-scroll-lock {
  overflow: hidden;
}
a[href^="tel:"] {
  color: inherit;
}

.swal2-input, .swal2-select {
  display: initial;
  box-shadow: none;
  padding: 0.7rem 1rem;
  border: 1px solid #ced4da;
  border-radius: 0.5rem;
  min-height: 40px;
  background-color: #fff;
  background-clip: padding-box;
  font-size: inherit;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.swal2-input:focus, .swal2-select:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
  border-color: #12b34b;
}
.swal2-input:disabled, .swal2-select:disabled, [readonly].swal2-input, [readonly].swal2-select {
  opacity: 0.7;
  background-color: #ecf0f4;
}

.formRow-check .form-check, .formGrid .form-check {
  position: relative;
  padding-left: 0;
  line-height: 1.4;
}
.formRow-check .form-check .form-check-input, .formGrid .form-check .form-check-input {
  position: absolute;
  top: 50%;
  left: 1rem;
  float: none;
  transform: translateY(-50%);
  margin-top: 0;
  margin-left: 0;
}
.formRow-check .form-check .form-check-input.is-invalid + .form-check-label, .formGrid .form-check .form-check-input.is-invalid + .form-check-label {
  border-color: #e53935;
}
.formRow-check .form-check .form-check-input:checked + .form-check-label, .formGrid .form-check .form-check-input:checked + .form-check-label {
  border-color: #12b34b;
  background-color: #e2fae8;
}
.formRow-check .form-check .form-check-label, .formGrid .form-check .form-check-label {
  display: flex;
  align-items: center;
  padding: 0.7rem 1rem 0.7rem calc(1rem + 30px);
  border: 1px solid #bbc2ca;
  border-radius: 0.5rem;
  min-height: 40px;
  background-color: #fff;
}
.formRow-check .form-check .form-check-label:hover, .formGrid .form-check .form-check-label:hover, .formRow-check .form-check .form-check-label:focus, .formGrid .form-check .form-check-label:focus {
  background-color: #ecf0f4;
}
.formRow-check .form-check .form-check-label:has(.badge), .formGrid .form-check .form-check-label:has(.badge) {
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 0.25rem;
}

.title, .detail-title, .cms h2,
.cms h3,
.cms h4,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
  line-height: 1.6;
}
.title .mdi, .detail-title .mdi, .cms h2 .mdi,
.cms h3 .mdi,
.cms h4 .mdi,
.cke_editable h2 .mdi,
.cke_editable h3 .mdi,
.cke_editable h4 .mdi,
.cke_panel_listItem h2 .mdi,
.cke_panel_listItem h3 .mdi,
.cke_panel_listItem h4 .mdi,
.title img,
.detail-title img,
.cms h2 img,
.cms h3 img,
.cms h4 img,
.cke_editable h2 img,
.cke_editable h3 img,
.cke_editable h4 img,
.cke_panel_listItem h2 img,
.cke_panel_listItem h3 img,
.cke_panel_listItem h4 img,
.title svg,
.detail-title svg,
.cms h2 svg,
.cms h3 svg,
.cms h4 svg,
.cke_editable h2 svg,
.cke_editable h3 svg,
.cke_editable h4 svg,
.cke_panel_listItem h2 svg,
.cke_panel_listItem h3 svg,
.cke_panel_listItem h4 svg {
  margin-right: 0.25em;
}
.title .mdi, .detail-title .mdi, .cms h2 .mdi,
.cms h3 .mdi,
.cms h4 .mdi,
.cke_editable h2 .mdi,
.cke_editable h3 .mdi,
.cke_editable h4 .mdi,
.cke_panel_listItem h2 .mdi,
.cke_panel_listItem h3 .mdi,
.cke_panel_listItem h4 .mdi {
  font-size: 1.2em;
  line-height: 1;
}
.title img, .detail-title img, .cms h2 img,
.cms h3 img,
.cms h4 img,
.cke_editable h2 img,
.cke_editable h3 img,
.cke_editable h4 img,
.cke_panel_listItem h2 img,
.cke_panel_listItem h3 img,
.cke_panel_listItem h4 img,
.title svg,
.detail-title svg,
.cms h2 svg,
.cms h3 svg,
.cms h4 svg,
.cke_editable h2 svg,
.cke_editable h3 svg,
.cke_editable h4 svg,
.cke_panel_listItem h2 svg,
.cke_panel_listItem h3 svg,
.cke_panel_listItem h4 svg {
  width: 1.2em;
  height: auto;
}

.title-lg {
  font-size: 2.4rem;
}

.title-md, .detail-title {
  font-size: 2rem;
}

.title-sm, .detail-title-sm, .descriptionMenu-label, .title-cmsMd, .cms h3,
.cke_editable h3,
.cke_panel_listItem h3 {
  font-size: 1.8rem;
}

.title-xs, .descriptionMenu-title, .title-cmsSm, .cms h4,
.cke_editable h4,
.cke_panel_listItem h4 {
  font-size: 1.6rem;
}

.title-cmsLg, .cms h2,
.cke_editable h2,
.cke_panel_listItem h2 {
  border-bottom: 2px solid #12b34b;
  font-size: 2rem;
}

.title-cmsMd, .cms h3,
.cke_editable h3,
.cke_panel_listItem h3 {
  border-bottom: 2px solid #c9cfd6;
}

.title-cmsSm, .cms h4,
.cke_editable h4,
.cke_panel_listItem h4 {
  font-weight: 700;
}

.list-ul > li, .list-ol > li, .list-notes > li, .cms ul > li,
.cms ol > li,
.cke_editable ul > li,
.cke_editable ol > li,
.cke_panel_listItem ul > li,
.cke_panel_listItem ol > li {
  position: relative;
  line-height: 1.6;
}
.list-ul > li::before, .list-ol > li::before, .list-notes > li::before, .cms ul > li::before,
.cms ol > li::before,
.cke_editable ul > li::before,
.cke_editable ol > li::before,
.cke_panel_listItem ul > li::before,
.cke_panel_listItem ol > li::before {
  content: "";
  position: absolute;
}

.list-ul:not(.small) > li:not(:first-child), .cms ul:not(.small) > li:not(:first-child),
.cke_editable ul:not(.small) > li:not(:first-child),
.cke_panel_listItem ul:not(.small) > li:not(:first-child) {
  margin-top: 0.5em;
}
.list-ul > li, .cms ul > li,
.cke_editable ul > li,
.cke_panel_listItem ul > li {
  padding-left: 2em;
}
.list-ul > li::before, .cms ul > li::before,
.cke_editable ul > li::before,
.cke_panel_listItem ul > li::before {
  top: 0.45em;
  left: 0.65em;
  border-radius: 50%;
  width: 0.5em;
  height: 0.5em;
  background-color: #212529;
}

.list-ol, .cms ol,
.cke_editable ol,
.cke_panel_listItem ol {
  counter-reset: list-ol;
}
.list-ol:not(.small) > li:not(:first-child), .cms ol:not(.small) > li:not(:first-child),
.cke_editable ol:not(.small) > li:not(:first-child),
.cke_panel_listItem ol:not(.small) > li:not(:first-child) {
  margin-top: 0.5em;
}
.list-ol > li, .cms ol > li,
.cke_editable ol > li,
.cke_panel_listItem ol > li {
  padding-left: 2em;
}
.list-ol > li::before, .cms ol > li::before,
.cke_editable ol > li::before,
.cke_panel_listItem ol > li::before {
  content: counter(list-ol) ".";
  counter-increment: list-ol;
  top: 0;
  left: 1.75em;
  transform: translateX(-100%);
}

.tableResponsiveCompare, .tableResponsive, .tablePhotoList, .tablePhotoDetail, .table-list, .table-photoLibrary {
  --bs-table-active-bg: #d7dce2;
  border-top: 1px solid #c9cfd6;
  border-right: 1px solid #c9cfd6;
  border-left: 1px solid #c9cfd6;
  height: 1px;
  background-color: #fff;
  word-break: break-word;
  overflow-wrap: break-word;
}
.tableResponsiveCompare > thead > tr, .tableResponsive > thead > tr, .tablePhotoList > thead > tr, .tablePhotoDetail > thead > tr, .table-list > thead > tr, .table-photoLibrary > thead > tr,
.tableResponsiveCompare > tbody > tr,
.tableResponsive > tbody > tr,
.tablePhotoList > tbody > tr,
.tablePhotoDetail > tbody > tr,
.table-list > tbody > tr,
.table-photoLibrary > tbody > tr,
.tableResponsiveCompare > tfoot > tr,
.tableResponsive > tfoot > tr,
.tablePhotoList > tfoot > tr,
.tablePhotoDetail > tfoot > tr,
.table-list > tfoot > tr,
.table-photoLibrary > tfoot > tr {
  background-color: #fff;
}
.tableResponsiveCompare > thead > tr > th, .tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .tablePhotoDetail > thead > tr > th, .table-list > thead > tr > th, .table-photoLibrary > thead > tr > th,
.tableResponsiveCompare > thead > tr > td,
.tableResponsive > thead > tr > td,
.tablePhotoList > thead > tr > td,
.tablePhotoDetail > thead > tr > td,
.table-list > thead > tr > td,
.table-photoLibrary > thead > tr > td,
.tableResponsiveCompare > tbody > tr > th,
.tableResponsive > tbody > tr > th,
.tablePhotoList > tbody > tr > th,
.tablePhotoDetail > tbody > tr > th,
.table-list > tbody > tr > th,
.table-photoLibrary > tbody > tr > th,
.tableResponsiveCompare > tbody > tr > td,
.tableResponsive > tbody > tr > td,
.tablePhotoList > tbody > tr > td,
.tablePhotoDetail > tbody > tr > td,
.table-list > tbody > tr > td,
.table-photoLibrary > tbody > tr > td,
.tableResponsiveCompare > tfoot > tr > th,
.tableResponsive > tfoot > tr > th,
.tablePhotoList > tfoot > tr > th,
.tablePhotoDetail > tfoot > tr > th,
.table-list > tfoot > tr > th,
.table-photoLibrary > tfoot > tr > th,
.tableResponsiveCompare > tfoot > tr > td,
.tableResponsive > tfoot > tr > td,
.tablePhotoList > tfoot > tr > td,
.tablePhotoDetail > tfoot > tr > td,
.table-list > tfoot > tr > td,
.table-photoLibrary > tfoot > tr > td {
  vertical-align: middle;
}
.browser-firefox .tableResponsiveCompare > thead > tr > th, .browser-firefox .tableResponsive > thead > tr > th, .browser-firefox .tablePhotoList > thead > tr > th, .browser-firefox .tablePhotoDetail > thead > tr > th, .browser-firefox .table-list > thead > tr > th, .browser-firefox .table-photoLibrary > thead > tr > th,
.browser-firefox .tableResponsiveCompare > thead > tr > td,
.browser-firefox .tableResponsive > thead > tr > td,
.browser-firefox .tablePhotoList > thead > tr > td,
.browser-firefox .tablePhotoDetail > thead > tr > td,
.browser-firefox .table-list > thead > tr > td,
.browser-firefox .table-photoLibrary > thead > tr > td,
.browser-firefox .tableResponsiveCompare > tbody > tr > th,
.browser-firefox .tableResponsive > tbody > tr > th,
.browser-firefox .tablePhotoList > tbody > tr > th,
.browser-firefox .tablePhotoDetail > tbody > tr > th,
.browser-firefox .table-list > tbody > tr > th,
.browser-firefox .table-photoLibrary > tbody > tr > th,
.browser-firefox .tableResponsiveCompare > tbody > tr > td,
.browser-firefox .tableResponsive > tbody > tr > td,
.browser-firefox .tablePhotoList > tbody > tr > td,
.browser-firefox .tablePhotoDetail > tbody > tr > td,
.browser-firefox .table-list > tbody > tr > td,
.browser-firefox .table-photoLibrary > tbody > tr > td,
.browser-firefox .tableResponsiveCompare > tfoot > tr > th,
.browser-firefox .tableResponsive > tfoot > tr > th,
.browser-firefox .tablePhotoList > tfoot > tr > th,
.browser-firefox .tablePhotoDetail > tfoot > tr > th,
.browser-firefox .table-list > tfoot > tr > th,
.browser-firefox .table-photoLibrary > tfoot > tr > th,
.browser-firefox .tableResponsiveCompare > tfoot > tr > td,
.browser-firefox .tableResponsive > tfoot > tr > td,
.browser-firefox .tablePhotoList > tfoot > tr > td,
.browser-firefox .tablePhotoDetail > tfoot > tr > td,
.browser-firefox .table-list > tfoot > tr > td,
.browser-firefox .table-photoLibrary > tfoot > tr > td {
  background-clip: padding-box;
}
.tableResponsiveCompare > thead > tr > th, .tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .tablePhotoDetail > thead > tr > th, .table-list > thead > tr > th, .table-photoLibrary > thead > tr > th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
  border-bottom-color: #c9cfd6 !important;
  background-color: #e2fae8;
  font-weight: 400;
}
.tableUtility + .tableResponsiveCompare > thead > tr > th, .tableUtility + .tableResponsive > thead > tr > th, .tableUtility + .tablePhotoList > thead > tr > th, .tableUtility + .tablePhotoDetail > thead > tr > th, .tableUtility + .table-list > thead > tr > th, .tableUtility + .table-photoLibrary > thead > tr > th {
  top: 60px;
}
.tableUtility + .tableResponsiveCompare > thead > tr > th::before, .tableUtility + .tableResponsive > thead > tr > th::before, .tableUtility + .tablePhotoList > thead > tr > th::before, .tableUtility + .tablePhotoDetail > thead > tr > th::before, .tableUtility + .table-list > thead > tr > th::before, .tableUtility + .table-photoLibrary > thead > tr > th::before {
  content: "";
  display: block;
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #ecf0f4;
}
.tableUtility.tableUtility-wrap + .tableResponsiveCompare > thead > tr > th, .tableUtility.tableUtility-wrap + .tableResponsive > thead > tr > th, .tableUtility.tableUtility-wrap + .tablePhotoList > thead > tr > th, .tableUtility.tableUtility-wrap + .tablePhotoDetail > thead > tr > th, .tableUtility.tableUtility-wrap + .table-list > thead > tr > th, .tableUtility.tableUtility-wrap + .table-photoLibrary > thead > tr > th {
  top: 0;
}
.tableUtility.tableUtility-wrap + .tableResponsiveCompare > thead > tr > th::before, .tableUtility.tableUtility-wrap + .tableResponsive > thead > tr > th::before, .tableUtility.tableUtility-wrap + .tablePhotoList > thead > tr > th::before, .tableUtility.tableUtility-wrap + .tablePhotoDetail > thead > tr > th::before, .tableUtility.tableUtility-wrap + .table-list > thead > tr > th::before, .tableUtility.tableUtility-wrap + .table-photoLibrary > thead > tr > th::before {
  display: none;
}
.modal-body .tableResponsiveCompare > thead > tr > th, .modal-body .tableResponsive > thead > tr > th, .modal-body .tablePhotoList > thead > tr > th, .modal-body .tablePhotoDetail > thead > tr > th, .modal-body .table-list > thead > tr > th, .modal-body .table-photoLibrary > thead > tr > th {
  top: -1.5rem;
}
.tableResponsiveCompare > thead > tr > th::after, .tableResponsive > thead > tr > th::after, .tablePhotoList > thead > tr > th::after, .tablePhotoDetail > thead > tr > th::after, .table-list > thead > tr > th::after, .table-photoLibrary > thead > tr > th::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  border-top: 1px solid #c9cfd6;
  border-bottom: 1px solid #c9cfd6;
  width: 100%;
  height: calc(100% + 2px);
  pointer-events: none;
}
.tableResponsiveCompare > :not(:last-child) > :last-child > *, .tableResponsive > :not(:last-child) > :last-child > *, .tablePhotoList > :not(:last-child) > :last-child > *, .tablePhotoDetail > :not(:last-child) > :last-child > *, .table-list > :not(:last-child) > :last-child > *, .table-photoLibrary > :not(:last-child) > :last-child > * {
  border-bottom-color: #c9cfd6;
}

.tableResponsiveCompare, .tableResponsive, .tablePhotoList, .tablePhotoDetail {
  width: 100%;
  color: #212529;
}
.tableResponsiveCompare > thead > tr, .tableResponsive > thead > tr, .tablePhotoList > thead > tr, .tablePhotoDetail > thead > tr,
.tableResponsiveCompare > tbody > tr,
.tableResponsive > tbody > tr,
.tablePhotoList > tbody > tr,
.tablePhotoDetail > tbody > tr,
.tableResponsiveCompare > tfoot > tr,
.tableResponsive > tfoot > tr,
.tablePhotoList > tfoot > tr,
.tablePhotoDetail > tfoot > tr {
  border-bottom: 1px solid #c9cfd6;
  background-color: #fff;
}
.tableResponsiveCompare > thead > tr > th, .tableResponsive > thead > tr > th, .tablePhotoList > thead > tr > th, .tablePhotoDetail > thead > tr > th,
.tableResponsiveCompare > thead > tr > td,
.tableResponsive > thead > tr > td,
.tablePhotoList > thead > tr > td,
.tablePhotoDetail > thead > tr > td,
.tableResponsiveCompare > tbody > tr > th,
.tableResponsive > tbody > tr > th,
.tablePhotoList > tbody > tr > th,
.tablePhotoDetail > tbody > tr > th,
.tableResponsiveCompare > tbody > tr > td,
.tableResponsive > tbody > tr > td,
.tablePhotoList > tbody > tr > td,
.tablePhotoDetail > tbody > tr > td,
.tableResponsiveCompare > tfoot > tr > th,
.tableResponsive > tfoot > tr > th,
.tablePhotoList > tfoot > tr > th,
.tablePhotoDetail > tfoot > tr > th,
.tableResponsiveCompare > tfoot > tr > td,
.tableResponsive > tfoot > tr > td,
.tablePhotoList > tfoot > tr > td,
.tablePhotoDetail > tfoot > tr > td {
  padding: 1rem 1rem;
  line-height: 1.6;
}
.imgSelectList-input, .formPassword-checkbox, .colorList-input {
  clip: rect(0 0 0 0);
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

.alertBar {
  display: flex;
  justify-content: center;
  padding: 8px 15px;
  width: 100%;
  background-color: #e53935;
  font-size: 1.2rem;
  color: #fff;
}
.alertBar a {
  color: inherit;
  text-decoration: underline;
}

.column {
  position: relative;
}
.column-sub {
  display: none;
}
.column-information .column-sub, .column-newsEdit .column-sub, .column-orderInfo .column-sub, .column-datasetOption .column-sub {
  display: block;
}
.column:not(.column-information):not(.column-newsEdit):not(.column-datasetOption) .column-sub {
  display: none;
}
.column-sub + .column-main {
  margin-top: 20px;
}
.column-responsive .column-main:has(.fixedSpFooter) {
  padding-bottom: 70px;
}
.column-main + .column-sub {
  margin-top: 20px;
}
.container-edit {
  max-width: 1050px;
}

.containerFullScreen-main {
  position: relative;
}
.modal .containerFullScreen-main {
  background-color: #ecf0f4;
}
.containerFullScreen-alertBar {
  overflow: auto hidden;
  padding: 8px 15px;
  height: 40px;
  background-color: #e2fae8;
  font-size: 1.2rem;
  white-space: nowrap;
}
.containerFullScreen-alertBar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.containerFullScreen-alertBar::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #e2fae8;
}
.containerFullScreen-alertBar::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #e2fae8;
  background-color: rgba(18, 179, 75, 0.15);
}
.containerFullScreen-alertBar {
  scrollbar-width: thin;
  scrollbar-color: rgba(18, 179, 75, 0.15) #e2fae8;
}
.containerFullScreen-iframeWrapperScrollX {
  overflow-x: auto;
  overflow-y: hidden;
  height: calc(100vh - 110px);
}
.containerFullScreen-iframe {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  width: 100%;
  height: calc(100vh - 110px);
  background-color: #fff;
}
.containerFullScreen-content {
  overflow-y: auto;
  padding: 15px;
  height: calc(100vh - 70px);
}
.containerFullScreen-content-dropify {
  display: flex;
  flex-direction: column;
}
.containerFullScreen-content-dropify .alert {
  flex-shrink: 0;
}
.containerFullScreen-content-dropify .dropify-wrapper {
  flex: 1 1 auto;
  min-height: 300px;
}
.containerFullScreen-preview {
  position: relative;
  overflow: auto;
  height: calc(100vh - 70px);
}
.containerFullScreen:has(.footerPhotoListFullScreen) .containerFullScreen-preview {
  height: calc(100vh - 180px);
}
.containerFullScreen-previewCompare-both .containerFullScreen-preview {
  height: calc(50vh - 35px);
}
.containerFullScreen:has(.footerPhotoListFullScreen) .containerFullScreen-previewCompare-both .containerFullScreen-preview {
  height: calc(50vh - 90px);
}
.containerFullScreen-previewCompare-both .containerFullScreen-preview:first-child {
  border-bottom: 1px solid #c9cfd6;
}
.containerFullScreen-preview-fixed {
  padding: 15px;
}
.containerFullScreen-previewCompare-both .containerFullScreen-preview-fixed {
  padding-top: 40px !important;
}
.containerFullScreen-previewContent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.containerFullScreen-preview-fixed .containerFullScreen-previewContent {
  min-height: 100%;
}
.containerFullScreen-previewCompare .containerFullScreen-preview-fixed .containerFullScreen-previewContent {
  height: 100%;
}
.containerFullScreen-previewHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
}
.containerFullScreen-previewHeader-onlyCompare {
  display: none;
}
.containerFullScreen-previewCompare-both .containerFullScreen-previewHeader-onlyCompare {
  display: flex;
}
.containerFullScreen-previewBadge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.25em 1em;
  border: 1px solid;
  border-radius: 3em;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}
.containerFullScreen-previewBadge-before {
  border-color: #bbc2ca;
  background-color: #bbc2ca;
}
.containerFullScreen-previewBadge-after {
  border-color: #12b34b;
  background-color: #12b34b;
  color: #fff;
}
.containerFullScreen-preview-fixed .containerFullScreen-previewImgWrapper {
  width: 100%;
  max-width: 650px;
}
.containerFullScreen-previewCompare .containerFullScreen-preview-fixed .containerFullScreen-previewImgWrapper {
  max-width: none;
  height: 100%;
}
.containerFullScreen-previewImg {
  background: center center/contain no-repeat;
}
.containerFullScreen-preview-fixed .containerFullScreen-previewImg {
  width: 100%;
  height: 0;
}
.containerFullScreen-previewCompare .containerFullScreen-preview-fixed .containerFullScreen-previewImg {
  height: 100%;
}
.containerFullScreen-culling {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
  height: calc(100vh - 180px);
}
.containerFullScreen-culling .breadcrumb {
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-bottom: 0;
}
.containerFullScreen-culling .breadcrumb-item {
  flex-shrink: 0;
}
.containerFullScreen-culling .breadcrumb-item:last-child::after {
  content: "";
  display: block;
  width: 15px;
}
.containerFullScreen-culling .btn-group .btn {
  min-width: 100px;
}
.containerFullScreen-cullingContent {
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  margin-top: 10px;
  padding: 0 15px;
  min-height: 0;
  gap: 15px;
}
.containerFullScreen-cullingImgWrapper {
  flex: 0 0 100%;
  min-height: 0;
  max-height: calc(100% - 60px - 15px);
  aspect-ratio: 1/1;
}
.containerFullScreen-cullingImg {
  width: 100%;
  height: 100%;
  background: center center/contain no-repeat;
}
.containerFullScreen-cullingBtn {
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  order: 1;
  padding: 8px 12px;
  border: 1px solid #9ea8b1;
  border-radius: 0.5rem;
  min-height: 38px;
  background-color: #fff;
  transition: background-color 0.3s, box-shadow 0.15s;
}
.containerFullScreen-cullingBtn:hover {
  border-color: #6b7681;
  background-color: #ecf0f4;
}
.containerFullScreen-cullingBtn:focus {
  box-shadow: 0 0 0 0.3rem rgba(107, 118, 129, 0.2);
}
.containerFullScreen-cullingBtn.disabled, .containerFullScreen-cullingBtn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.containerFullScreen-cullingBtn-next::before {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
  order: 1;
}
.containerFullScreen-cullingBtn-prev::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.containerFullScreen-cullingActions {
  display: grid;
  align-items: center;
  padding: 0 0 15px;
  justify-items: center;
  grid-template-columns: 1fr;
  gap: 20px;
}
.containerFullScreen-cullingActionsBadgeGroup > .badge {
  display: inline-flex;
  align-items: start;
  font-size: 1.4rem;
  gap: 5px;
}
.containerFullScreen-culling {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
  height: calc(100vh - 180px);
}
.containerFullScreen-culling .breadcrumb {
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-bottom: 0;
}
.containerFullScreen-culling .breadcrumb-item {
  flex-shrink: 0;
}
.containerFullScreen-culling .breadcrumb-item:last-child::after {
  content: "";
  display: block;
  width: 15px;
}
.containerFullScreen-culling .btn-group .btn {
  min-width: 100px;
}
.containerFullScreen-cullingContent {
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  padding: 15px 15px 25px;
  min-height: 0;
  gap: 15px;
}
.containerFullScreen-cullingImgWrapper {
  flex: 0 0 100%;
  min-height: 0;
  max-height: calc(100% - 60px - 15px);
  aspect-ratio: 1/1;
}
.containerFullScreen-cullingImg {
  width: 100%;
  height: 100%;
  background: center center/contain no-repeat;
}
.containerFullScreen-cullingBtn {
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  order: 1;
  padding: 8px 12px;
  border: 1px solid #9ea8b1;
  border-radius: 0.5rem;
  min-height: 38px;
  background-color: #fff;
  transition: background-color 0.3s, box-shadow 0.15s;
}
.containerFullScreen-cullingBtn:hover {
  border-color: #6b7681;
  background-color: #ecf0f4;
}
.containerFullScreen-cullingBtn:focus {
  box-shadow: 0 0 0 0.3rem rgba(107, 118, 129, 0.2);
}
.containerFullScreen-cullingBtn.disabled, .containerFullScreen-cullingBtn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.containerFullScreen-cullingBtn-next::before {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
  order: 1;
}
.containerFullScreen-cullingBtn-prev::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.containerFullScreen-cullingActions {
  display: grid;
  align-items: center;
  padding: 0 0 15px;
  justify-items: center;
  grid-template-columns: 1fr;
  gap: 15px;
}
.containerFullScreen-cullingActionsBadgeGroup > .badge {
  display: inline-flex;
  align-items: start;
  font-size: 1.4rem;
  gap: 5px;
}

.fixedLink {
  display: flex;
  align-items: center;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1030;
  padding: 10px calc(10px - 0.5rem);
  border: 1px solid #c9cfd6;
  border-radius: 0.5rem;
  background-color: #fff;
}
.fixedLink .btn {
  margin: 0 0.5rem;
}

.footerPhotoListFullScreen {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1023;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 110px;
  background-color: #fff;
}
.footerPhotoListFullScreen.is-expand {
  display: flex;
  flex-direction: column;
  z-index: 1027;
  height: 100%;
}
.footerPhotoListFullScreen-header {
  display: none;
  padding: 1.5rem;
  border-bottom: 1px solid #c9cfd6;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.footerPhotoListFullScreen-title {
  margin-bottom: 0;
  font-size: 2rem;
}
.footerPhotoListFullScreen-close, .footerPhotoListFullScreen-expandBtn, .footerPhotoListFullScreen-btn, .footerPhotoListFullScreen-copy {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
}
.footerPhotoListFullScreen-close {
  opacity: 0.5;
  box-sizing: content-box;
  margin: -0.75rem -0.75rem -0.75rem auto;
  padding: 0.75rem;
  border: 0;
  border-radius: 0.5rem;
  width: 1em;
  height: 1em;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  color: #000;
}
.footerPhotoListFullScreen-close:hover, .footerPhotoListFullScreen-close:focus {
  opacity: 0.75;
}
.footerPhotoListFullScreen-close:focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.footerPhotoListFullScreen-body {
  overflow: scroll hidden;
  height: 100%;
}
.footerPhotoListFullScreen-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.footerPhotoListFullScreen-body::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.footerPhotoListFullScreen-body::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.footerPhotoListFullScreen-body {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-body {
  flex: 1 1 auto;
  overflow: hidden auto;
  padding: 1.5rem;
}
.footerPhotoListFullScreen-expandBtn {
  display: flex;
  align-items: center;
  position: absolute;
  top: -1px;
  left: 0;
  transform: translateY(-100%);
  padding: 0.25em 0.75em;
  border-top: 1px solid #bbc2ca;
  border-right: 1px solid #bbc2ca;
  border-radius: 0 5px 0 0;
  height: 30px;
  background-color: #fff;
}
.footerPhotoListFullScreen-expandBtn::before {
  content: "\f570";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
}
.footerPhotoListFullScreen-expandBtn:hover, .footerPhotoListFullScreen-expandBtn:focus {
  background-color: #ecf0f4;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-expandBtn {
  display: none;
}
.footerPhotoListFullScreen-list {
  display: flex;
  height: 100%;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-list {
  display: grid;
  height: auto;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
}
.footerPhotoListFullScreen-item {
  position: relative;
  border-right: 1px solid #c9cfd6;
  height: 100%;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-item {
  margin-bottom: -1px;
  margin-left: -1px;
  border: 1px solid #c9cfd6;
  height: auto;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-item:has(.footerPhotoListFullScreen-btn-prev), .footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-item:has(.footerPhotoListFullScreen-btn-next) {
  display: none;
}
.footerPhotoListFullScreen-btn {
  display: flex;
  flex-direction: column;
  padding: 5px;
  width: 80px;
  height: 100%;
  line-height: 1.2;
  transition: background-color 0.3s;
  gap: 5px;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-btn {
  padding: 10px;
  width: 100%;
  gap: 10px;
}
.footerPhotoListFullScreen-btn:hover, .footerPhotoListFullScreen-btn:focus {
  background-color: #ecf0f4;
}
.footerPhotoListFullScreen-btn.selected {
  background-color: #d7dce2;
}
.footerPhotoListFullScreen-btn-prev, .footerPhotoListFullScreen-btn-next {
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  gap: 10px;
}
.footerPhotoListFullScreen-btn-prev::before, .footerPhotoListFullScreen-btn-next::before {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.2rem;
  color: #6b7681;
}
.footerPhotoListFullScreen-btn-prev::before {
  content: "\f04d";
}
.footerPhotoListFullScreen-btn-next::before {
  content: "\f054";
}
.footerPhotoListFullScreen-imgWrapper {
  width: 100%;
  background-color: #ecf0f4;
  transition: background-color 0.3s;
}
.footerPhotoListFullScreen-btn .footerPhotoListFullScreen-imgWrapper:hover, .footerPhotoListFullScreen-btn .footerPhotoListFullScreen-imgWrapper:focus {
  background-color: #fff;
}
.footerPhotoListFullScreen-img {
  width: 100%;
  height: 100%;
  background: center center/contain no-repeat;
}
.footerPhotoListFullScreen-text {
  overflow: hidden;
  font-size: 1rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footerPhotoListFullScreen-item:has(.footerPhotoListFullScreen-copy) .footerPhotoListFullScreen-text {
  width: calc(100% - 15px);
  text-align: left;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-item:has(.footerPhotoListFullScreen-copy) .footerPhotoListFullScreen-text {
  width: calc(100% - 20px);
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-text {
  font-size: 1.2rem;
}
.footerPhotoListFullScreen-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 77px;
  right: 0;
  border-radius: 0.25rem;
  width: 20px;
  height: 20px;
  font-size: 1.4rem;
  color: #6b7681;
}
.footerPhotoListFullScreen-copy::before {
  content: "\f18f";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footerPhotoListFullScreen-copy:hover, .footerPhotoListFullScreen-copy:focus {
  color: #212529;
}
.footerPhotoListFullScreen-copy:focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-copy {
  top: auto;
  bottom: 0;
  width: 35px;
  height: 35px;
  font-size: 1.6rem;
}
.footerPhotoListFullScreen-pagination {
  display: none;
}
.footerPhotoListFullScreen.is-expand .footerPhotoListFullScreen-pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.footerCullingPhotoListFullScreen {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1023;
    overflow: scroll hidden;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 110px;
    background-color: #fff;
}
.footerCullingPhotoListFullScreen::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.footerCullingPhotoListFullScreen::-webkit-scrollbar-track {
    border-radius: 1em;
    background-color: #fff;
}
.footerCullingPhotoListFullScreen::-webkit-scrollbar-thumb {
    border-radius: 1em;
    border: 2px solid #fff;
    background-color: #d7dce2;
}
.footerCullingPhotoListFullScreen {
    scrollbar-width: thin;
    scrollbar-color: #d7dce2 #fff;
}

.globalWrapper {
  padding-top: 50px;
  transition: padding 0.3s;
}
[data-sidebar-type=mini] .globalWrapper {
  padding-left: 70px !important;
}
.is-open-sidebar .globalWrapper {
  transform: none;
}

.globalWrapperFullScreen {
  padding-top: 70px;
}

.header {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1023;
  width: 100%;
  height: 50px;
  background-color: #12b34b;
  color: #fff;
  transition: padding 0.3s;
}
[data-sidebar-type=mini] .header {
  padding-left: 70px;
}
.header-menuBtn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  padding: 8px;
  min-width: 50px;
  height: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  transition: background-color 0.15s;
}
.header-menuBtn:hover, .header-menuBtn:focus {
  background-color: #109c46;
}
.header-menuLine {
  display: inline-block;
  position: relative;
  border-radius: 1em;
  width: 20px;
  height: 2px;
  background-color: #fff;
}
.header-menuLine::before, .header-menuLine::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1px;
  width: 100%;
  height: 2px;
  background-color: inherit;
}
.header-menuLine::before {
  transform: translateY(-6px);
}
.header-menuLine::after {
  transform: translateY(6px);
}
.header-menuLabel {
  display: block;
  margin-top: 5px;
  line-height: 1.1;
  letter-spacing: 0.1em;
}
.headerFullScreen {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1026;
  overflow: auto hidden;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  padding: 15px;
  width: 100%;
  height: 70px;
  background-color: #fff;
  gap: 15px;
}
.headerFullScreen::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.headerFullScreen::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.headerFullScreen::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.headerFullScreen {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.headerFullScreen-header {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.6;
  gap: 1rem;
}
.headerFullScreen-back {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  color: #12b34b;
  transition: color 0.15s;
}
.headerFullScreen-back::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3rem;
}
.headerFullScreen-back:hover, .headerFullScreen-back:focus {
  color: #109c46;
}
.headerFullScreen-title {
  margin-bottom: 0;
  font-size: 3.2rem;
}
.headerFullScreen-title img[src$="logo-photostore.svg"] {
  width: auto;
  height: 50px;
}
.headerFullScreen-title .badge {
  font-size: 1.4rem;
}
.headerFullScreen-body {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}
.headerFullScreen-utility {
  display: flex;
  gap: 1rem;
}
.headerFullScreen-utility .btn {
  min-width: 120px;
}

.headerUtility {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.headerUtility-list {
  display: flex;
  height: 100%;
}
.headerUtility-item {
  border-left: 1px solid #109c46;
  height: 100%;
}
.headerUtility-link {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  min-width: 50px;
  height: 100%;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.15s;
}
.headerUtility-link:hover, .headerUtility-link:focus {
  background-color: #109c46;
  color: #fff;
}
.headerUtility-link-icon {
  font-size: 2.4rem;
}
.headerUtility-item-client .headerUtility-link-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(/ex/images/admin/common/icon-upload-download-ring-w.svg) center center/contain no-repeat;
}
.headerUtility-item-client.headerUtility-item-progress .headerUtility-link-icon::before {
  -webkit-animation: icon-upload-download-ring-progress 3s linear infinite;
          animation: icon-upload-download-ring-progress 3s linear infinite;
}
.headerUtility-link-icon img {
  width: 24px;
}
.headerUtility-link-user::before {
  content: "\f009";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
.headerUtility-userName {
  display: none;
}
.headerUtility-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0 0.5em;
  border-radius: 1em;
  min-width: 16px;
  height: 16px;
  background-color: #e53935;
  font-size: 1rem;
  color: #fff;
  line-height: 1;
}

.loginForm {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.loginForm-inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 15px 60px;
  height: 100%;
  background: #ecf0f4 url(/ex/images/admin/login/bg-wave-sp.svg) center bottom/contain no-repeat;
}
.loginForm-card {
  box-shadow: 0 0 3rem rgba(33, 37, 41, 0.1);
  margin: auto 0;
  width: 100%;
  max-width: 400px;
  height: auto;
}
.loginForm-logo {
  width: 160px;
}

.overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity 0.3s;
  pointer-events: none;
}
.overlay.is-open {
  opacity: 1;
  z-index: 1024;
  pointer-events: auto;
}

.section {
  padding: 20px 0;
}
.section-fixedLink {
  padding-bottom: 84px;
}
.section-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.globalWrapperFullScreen .section-center {
  min-height: calc(100vh - 70px);
}
.section-nav {
  margin-right: -15px;
}
.section-nav .breadcrumb {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.section-nav .breadcrumb-item {
  flex-shrink: 0;
}
.section-nav .breadcrumb-item:last-child::after {
  content: "";
  display: block;
  width: 15px;
}
.section-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.6;
  gap: 1rem;
}
.section-btn {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  color: #12b34b;
  transition: color 0.15s;
}
.section-btn::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2rem;
}
.section-btn:hover, .section-btn:focus {
  color: #109c46;
}
.section-title {
  flex: 1 1 auto;
  margin-bottom: 0;
  font-size: 2.4rem;
  line-height: 1.4;
}
.section-subBtn {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1;
  gap: 1rem;
}
.section-subBtn-stackSm {
  flex-direction: column-reverse;
}
.section-subBtn .btn {
  vertical-align: top;
}
.section-body-edit {
  max-width: 1000px;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1025;
  transform: translateX(-100%);
  width: 240px;
  height: 100%;
  background-color: #fff;
  transition: transform 0.3s;
}
[data-sidebar-type=mini] .sidebar {
  transform: none;
  width: 70px;
}
.is-open-sidebar .sidebar {
  transform: none;
}
.sidebar-inner {
  overflow-y: auto;
  padding: 10px;
  height: 100%;
  overscroll-behavior-y: contain;
}
[data-sidebar-type=full] .sidebar-inner::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-sidebar-type=full] .sidebar-inner::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
[data-sidebar-type=full] .sidebar-inner::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
[data-sidebar-type=full] .sidebar-inner {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
[data-sidebar-type=mini] .sidebar-inner {
  padding: 0;
}
[data-sidebar-type=mini] .sidebar-inner::-webkit-scrollbar {
  display: none;
}
[data-sidebar-type=mini] .sidebar-inner {
  scrollbar-width: none;
}
.sidebar-logo {
  margin-bottom: 10px;
  text-align: center;
}
[data-sidebar-type=mini] .sidebar-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  height: 70px;
}
.sidebar-logoImg-mini {
  display: none;
}
[data-sidebar-type=mini] .sidebar-logoImg-mini {
  display: inline-block;
}
[data-sidebar-type=mini] .sidebar-logoImg-full {
  display: none;
}
.sidebar-logoImg-full[src$="logo-photostore.svg"] {
  position: relative;
  left: -3px;
  max-width: 100px;
}

.sidebarFullScreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1025;
  transform: translateX(-100%);
  padding-top: 70px;
  width: 300px;
  height: 100%;
  background-color: #fff;
  transition: transform 0.3s;
}
.is-open-sidebar .sidebarFullScreen {
  transform: none;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
}
.sidebarFullScreen-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.sidebarFullScreen-header, .sidebarFullScreen-body, .sidebarFullScreen-footer {
  transition: transform 0.2s;
}
.is-show-detail .sidebarFullScreen-header, .is-show-detail .sidebarFullScreen-body, .is-show-detail .sidebarFullScreen-footer {
  transform: translateX(-100%);
}
.sidebarFullScreen-header {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  padding: 15px;
  border-bottom: 1px solid #c9cfd6;
  line-height: 1.5;
}
.sidebarFullScreen-body {
  flex: 1 1 auto;
  overflow: hidden auto;
}
.sidebarFullScreen-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sidebarFullScreen-body::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.sidebarFullScreen-body::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.sidebarFullScreen-body {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.sidebarFullScreen-body-detail {
  padding: 15px;
}
.sidebarFullScreen-footer {
  flex-shrink: 0;
  padding: 15px;
  border-top: 1px solid #c9cfd6;
}

.sidebarMenu-top, .sidebarMenu-category {
  padding: 10px 0;
}
[data-sidebar-type=mini] .sidebarMenu-top, [data-sidebar-type=mini] .sidebarMenu-category {
  padding: 0;
}
.sidebarMenu-top, .sidebarMenu-category {
  transition: background-color 0.15s, color 0.15s;
}
[data-sidebar-type=mini] .sidebarMenu-top:hover .sidebarMenu-title, [data-sidebar-type=mini] .sidebarMenu-top:focus .sidebarMenu-title, [data-sidebar-type=mini] .sidebarMenu-top.is-current .sidebarMenu-title, [data-sidebar-type=mini] .sidebarMenu-category:hover .sidebarMenu-title, [data-sidebar-type=mini] .sidebarMenu-category:focus .sidebarMenu-title, [data-sidebar-type=mini] .sidebarMenu-category.is-current .sidebarMenu-title {
  background-color: #e2fae8;
  color: #12b34b;
}
[data-sidebar-type=mini] .sidebarMenu-top:hover .sidebarMenu-title path, [data-sidebar-type=mini] .sidebarMenu-top:focus .sidebarMenu-title path, [data-sidebar-type=mini] .sidebarMenu-top.is-current .sidebarMenu-title path, [data-sidebar-type=mini] .sidebarMenu-category:hover .sidebarMenu-title path, [data-sidebar-type=mini] .sidebarMenu-category:focus .sidebarMenu-title path, [data-sidebar-type=mini] .sidebarMenu-category.is-current .sidebarMenu-title path {
  fill: #12b34b;
}
.sidebarMenu-category {
  position: relative;
}
.sidebarMenu-category:not(:first-child) {
  border-top: 1px solid #c9cfd6;
}
[data-sidebar-type=mini] .sidebarMenu-category:last-child {
  border-bottom: 1px solid #c9cfd6;
}
[data-sidebar-type=mini] .sidebarMenu-category:hover .sidebarMenu-list {
  display: block;
}
.sidebarMenu-title {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  font-size: 1.2rem;
  color: #6b7681;
}
[data-sidebar-type=full] .sidebarMenu-top .sidebarMenu-title {
  display: none;
}
[data-sidebar-type=mini] .sidebarMenu-title {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  height: 70px;
}
[data-sidebar-type=mini] .sidebarMenu-top .sidebarMenu-title {
  border-top: 1px solid #c9cfd6;
}
.sidebarMenu-title .link-help {
  margin-left: auto;
}
.sidebarMenu-title .link-help::before {
  margin-right: 0;
}
[data-sidebar-type=full] .sidebarMenu-title .link-help {
  display: block;
}
[data-sidebar-type=mini] .sidebarMenu-title .link-help {
  display: none;
}
.sidebarMenu-icon {
  margin-right: 0.25em;
  width: 1.8rem;
  height: auto;
  font-size: 1.8rem;
  line-height: 1;
}
[data-sidebar-type=mini] .sidebarMenu-icon {
  margin-right: 0;
  width: 3rem;
  font-size: 3rem;
}
.sidebarMenu-icon svg {
  width: 100%;
}
.sidebarMenu-icon path {
  fill: #6b7681;
  transition: fill 0.15s;
}
.sidebarMenu-label {
  line-height: 1.1;
}
[data-sidebar-type=mini] .sidebarMenu-label {
  margin-top: 3px;
  font-size: 1rem;
}
.sidebarMenu-list {
  line-height: 1.4;
}
[data-sidebar-type=mini] .sidebarMenu-list {
  display: none;
  position: fixed;
  left: 70px;
  z-index: 100;
  padding: 8px 0;
  border: 1px solid #c9cfd6;
  border-radius: 0.5rem;
  width: 240px;
  background-color: #fff;
}
.sidebarMenu-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 0.4rem;
  color: #212529;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s;
}
.sidebarMenu-link:hover, .sidebarMenu-link:focus, .sidebarMenu-link.is-current {
  background-color: #e2fae8;
  color: #12b34b;
}

.sidebarSettingDetail {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateX(100%);
  width: 300px;
  height: 0;
  transition: transform 0.2s;
}
.sidebarSettingDetail * {
  pointer-events: none;
}
.sidebarSettingDetail.is-show {
  z-index: 1;
  transform: none;
  height: 100%;
}
.sidebarSettingDetail.is-show * {
  pointer-events: auto;
}
.sidebarSettingDetail-header {
  display: grid;
  align-items: center;
  border-bottom: 1px solid #c9cfd6;
  min-height: 50px;
  grid-template-columns: 50px 1fr;
}
.sidebarSettingDetail-back {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  color: #12b34b;
  transition: color 0.3s;
}
.sidebarSettingDetail-back::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.4rem;
}
.sidebarSettingDetail-back:hover, .sidebarSettingDetail-back:focus {
  color: #109c46;
}
.sidebarSettingDetail-title {
  display: flex;
  align-items: center;
  padding: 8px 15px 8px 0;
  height: 100%;
  font-size: 1.8rem;
  line-height: 1.4;
}
.sidebarSettingDetail-body {
  overflow: hidden auto;
  padding: 15px;
  height: calc(100% - 50px);
}
.sidebarSettingDetail-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sidebarSettingDetail-body::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.sidebarSettingDetail-body::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.sidebarSettingDetail-body {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}

.sidebarSettingList-item {
  border-bottom: 1px solid #c9cfd6;
  line-height: 1.4;
}
.sidebarSettingList-btn, .sidebarSettingList-link {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
  padding: 8px 40px 8px 15px;
  width: 100%;
  min-height: 50px;
  color: #212529;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}
.is-show-detail .sidebarSettingList-btn, .is-show-detail .sidebarSettingList-link {
  pointer-events: none;
}
.sidebarSettingList-btn::after, .sidebarSettingList-link::after {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #6b7681;
  transition: color 0.3s;
}
.sidebarSettingList-btn:hover, .sidebarSettingList-btn:focus, .sidebarSettingList-link:hover, .sidebarSettingList-link:focus {
  background-color: #e2fae8;
  color: #12b34b;
}
.sidebarSettingList-btn:hover::after, .sidebarSettingList-btn:focus::after, .sidebarSettingList-link:hover::after, .sidebarSettingList-link:focus::after {
  color: #12b34b;
}
.sidebarSettingList-btn.is-disabled, .sidebarSettingList-link.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sidebarSettingList-btn.is-invalid, .sidebarSettingList-link.is-invalid {
  background-color: #ffebee;
}
.sidebarSettingList-text {
  margin-right: auto;
}
.sidebarSettingList-badge {
  margin-left: 0.25em;
}

.sidebarStepList {
  counter-reset: sidebar-step-list;
}
.sidebarStepList-item {
  counter-increment: sidebar-step-list;
  border-bottom: 1px solid #c9cfd6;
}
.sidebarStepList-item.is-active .sidebarStepList-title {
  color: #212529;
  pointer-events: none;
}
.sidebarStepList-header {
  position: relative;
}
.sidebarStepList-header .icon-help {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.sidebarStepList-title {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 15px;
  width: 100%;
  font-size: 1.8rem;
  color: #6b7681;
  line-height: 1.4;
  transition: background-color 0.3s, color 0.3s;
  pointer-events: none;
}
.sidebarStepList-header:has(.icon-help) .sidebarStepList-title {
  padding-right: calc(15px + 2rem);
}
.sidebarStepList-title::before {
  content: counter(sidebar-step-list);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 2rem;
}
.sidebarStepList-title.is-done {
  pointer-events: auto;
}
.sidebarStepList-title.is-done::before {
  content: "\f12c";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #12b34b;
  background-color: #12b34b;
  color: #fff;
}
.sidebarStepList-item:not(.is-active) .sidebarStepList-title.is-done:hover, .sidebarStepList-item:not(.is-active) .sidebarStepList-title.is-done:focus {
  background-color: #e2fae8;
  color: #212529;
}
.sidebarStepList-title.is-current::before {
  border-color: #12b34b;
  color: #12b34b;
}
.sidebarStepList-body {
  padding: 0 15px 15px;
}
.sidebarStepList-body > .btn.w-100 {
  display: flex;
}
.sidebarStepList-btn {
  margin-top: 30px;
}
.splitStickyColumn-item:not(:first-child) {
  margin-top: 30px;
}
.splitStickyColumn-item-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.splitStickyColumn-childItem:not(:first-child) {
  margin-top: 15px;
}
.topInformation-tab {
  margin-bottom: 1rem;
  grid-area: tab;
}
.topInformation-tab .nav {
  margin-bottom: 0;
}
.topInformation-sale {
  overflow-y: auto;
  max-height: 500px;
  grid-area: sale;
}
.topInformation-sale::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.topInformation-sale::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: transparent;
}
.topInformation-sale::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid transparent;
  background-color: #d7dce2;
}
.topInformation-sale {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 transparent;
}
.topInformation-sale .tab-content,
.topInformation-sale .tab-pane,
.topInformation-sale .ex-plugin-form,
.topInformation-sale .card-body,
.topInformation-sale .message {
  height: 100%;
}
.topInformation-information {
  margin-top: 3rem;
  grid-area: information;
}
.alert {
  color: #212529;
}
.sidebarFullScreen .alert, .sidebarSettingDetail .alert, .sidebarStepList .alert {
  padding: 1rem;
}
.sidebarStepList .alert {
  margin-bottom: 15px;
}
.alert-info {
  border-color: #c9ddf5;
  background: #e4f0fb;
}
.alert-success {
  border-color: #bfe2de;
  background: #e0f2f1;
}
.alert-warning {
  border-color: #ffe4a6;
  background: #fff8e1;
}
.alert-danger {
  border-color: #f9cecd;
  background: #ffebee;
}
.alert-light {
  border-color: #c9cfd6;
}
.alert-guide {
  padding-left: calc(1rem + 30px);
  border-color: #c9cfd6;
  background: #fff;
}
.alert-guide::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/ex/images/common/icon-guide.svg) center center/contain no-repeat;
}
.alert-heading {
  margin-bottom: 0.5em;
  font-size: 1.6rem;
  line-height: 1.4;
}
.analysisTotalList-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 1rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
  min-height: 108px;
  background-color: #fff;
}
.analysisTotalList-item:not(:first-child) {
  margin-top: 6px;
}
.analysisTotalList-item::before {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  width: 38px;
  height: 38px;
  background: center center/contain no-repeat;
  font-size: 38px;
  color: #9ea8b1;
}
.analysisTotalList-item-access::before {
  content: "\f5fc";
}
.analysisTotalList-item-sale::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%239ea8b1" d="M18.775 3.511a.98.98 0 0 0-1.104.396 3.762 3.762 0 0 1-5.139 1.071c-1.88-1.209-4.227-1.147-6.038-.06v-.933a.984.984 0 1 0-1.968 0v16.031a.984.984 0 1 0 1.968 0v-6.318c1.173-1.513 3.341-1.919 4.973-.87 2.603 1.673 6.121.94 7.841-1.634a.985.985 0 0 0 .166-.546V4.453a.984.984 0 0 0-.699-.942Zm-1.27 6.819c-1.175 1.5-3.345 1.889-4.973.842a5.659 5.659 0 0 0-3.069-.898c-1.04 0-2.07.281-2.968.818V7.476c1.176-1.5 3.346-1.888 4.973-.842 1.876 1.206 4.228 1.164 6.038.081v3.616Z" /></svg>');
}
.analysisTotalList-item-order::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M7 22q-.825 0-1.412-.587Q5 20.825 5 20q0-.825.588-1.413Q6.175 18 7 18t1.412.587Q9 19.175 9 20q0 .825-.588 1.413Q7.825 22 7 22Zm10 0q-.825 0-1.412-.587Q15 20.825 15 20q0-.825.588-1.413Q16.175 18 17 18t1.413.587Q19 19.175 19 20q0 .825-.587 1.413Q17.825 22 17 22ZM6.15 6l2.4 5h7l2.75-5ZM7 17q-1.125 0-1.7-.988-.575-.987-.05-1.962L6.6 11.6 3 4H1.975q-.425 0-.7-.288Q1 3.425 1 3t.288-.713Q1.575 2 2 2h1.625q.275 0 .525.15t.375.425L5.2 4h14.75q.675 0 .925.5t-.025 1.05l-3.55 6.4q-.275.5-.725.775-.45.275-1.025.275H8.1L7 15h11.025q.425 0 .7.287.275.288.275.713t-.288.712Q18.425 17 18 17Zm1.55-6h7Z"/></svg>');
}
.analysisTotalList-item-totalSales::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M12 21q-.425 0-.712-.288Q11 20.425 11 20v-3H7q-.425 0-.713-.288Q6 16.425 6 16t.287-.713Q6.575 15 7 15h4v-2H7q-.425 0-.713-.288Q6 12.425 6 12t.287-.713Q6.575 11 7 11h3.075l-4.1-6.475q-.325-.5-.037-1.013Q6.225 3 6.825 3q.275 0 .5.125.225.125.35.35L12 10.3l4.325-6.825q.125-.225.35-.35.225-.125.5-.125.6 0 .887.525.288.525-.037 1.025l-4.1 6.45H17q.425 0 .712.287.288.288.288.713t-.288.712Q17.425 13 17 13h-4v2h4q.425 0 .712.287.288.288.288.713t-.288.712Q17.425 17 17 17h-4v3q0 .425-.287.712Q12.425 21 12 21Z"/></svg>');
}
.analysisTotalList-item-photoGroup::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M7 17q-.825 0-1.412-.587Q5 15.825 5 15V4q0-.825.588-1.413Q6.175 2 7 2h4.175q.4 0 .763.15.362.15.637.425L14 4h7q.825 0 1.413.588Q23 5.175 23 6v9q0 .825-.587 1.413Q21.825 17 21 17Zm0-2h14V6h-7.825l-2-2H7v11Zm-4 6q-.825 0-1.412-.587Q1 19.825 1 19V7q0-.425.288-.713Q1.575 6 2 6t.713.287Q3 6.575 3 7v12h16q.425 0 .712.288.288.287.288.712t-.288.712Q19.425 21 19 21Zm7-8h8q.3 0 .45-.275.15-.275-.05-.525l-2.375-3.175q-.15-.2-.4-.2t-.4.2L13 12l-1.225-1.65q-.15-.2-.4-.2t-.4.2L9.6 12.2q-.2.25-.05.525Q9.7 13 10 13Zm-3 2V4v11Z"/></svg>');
}
.analysisTotalList-item-photo::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M10.025 14h7.95q.325 0 .463-.275.137-.275-.063-.525l-2.425-3.175q-.15-.2-.4-.2t-.4.2l-1.9 2.475L12.1 11q-.15-.2-.4-.2t-.4.2l-1.675 2.2q-.2.25-.063.525.138.275.463.275ZM8 18q-.825 0-1.412-.587Q6 16.825 6 16V4q0-.825.588-1.413Q7.175 2 8 2h12q.825 0 1.413.587Q22 3.175 22 4v12q0 .825-.587 1.413Q20.825 18 20 18Zm0-2h12V4H8v12Zm-4 6q-.825 0-1.412-.587Q2 20.825 2 20V7q0-.425.288-.713Q2.575 6 3 6t.713.287Q4 6.575 4 7v13h13q.425 0 .712.288.288.287.288.712t-.288.712Q17.425 22 17 22ZM8 4v12V4Z"/></svg>');
}
.analysisTotalList-item-mail::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M4 20q-.825 0-1.412-.587Q2 18.825 2 18V6q0-.825.588-1.412Q3.175 4 4 4h16q.825 0 1.413.588Q22 5.175 22 6v12q0 .825-.587 1.413Q20.825 20 20 20ZM20 8l-7.475 4.675q-.125.075-.263.112-.137.038-.262.038t-.262-.038q-.138-.037-.263-.112L4 8v10h16Zm-8 3 8-5H4ZM4 8v.25-1.475.025V6v.8-.013V8.25 8v10Z"/></svg>');
}
.analysisTotalList-item-phone::before {
  background-image: url("/ex/images/common/icon-phone.svg");
}
.analysisTotalList-item-notice::before {
  background-image: url("/ex/images/common/icon-notice.svg");
}
.analysisTotalList-item-kaotan::before {
  background-image: url("/ex/images/common/icon-kaotan.svg");
}
.analysisTotalList-item-buyerSales::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M15.8 15.3c-.9 0-1.7-.3-2.3-1s-1-1.4-1-2.3.3-1.7 1-2.3 1.4-1 2.3-1 1.7.3 2.3 1c.6.6 1 1.4 1 2.3s-.3 1.7-1 2.3c-.6.6-1.4 1-2.3 1Zm5 6.6h-9.9c-.5 0-.8-.2-1.2-.5-.3-.3-.5-.7-.5-1.2v-.7c0-.5.1-.9.4-1.3.2-.4.6-.7 1-.9.8-.4 1.7-.7 2.6-1 .9-.2 1.8-.3 2.7-.3s1.8.1 2.7.3c.9.2 1.8.5 2.6 1 .4.2.7.5 1 .9.2.4.4.8.4 1.3v.7c0 .5-.2.8-.5 1.2-.3.3-.7.5-1.2.5Zm-9.9-1.6h9.9v-.7c0-.2 0-.3-.1-.4 0-.1-.2-.2-.3-.3-.7-.4-1.5-.6-2.2-.8-.8-.2-1.5-.3-2.3-.3s-1.5 0-2.3.3-1.5.5-2.2.8c-.1 0-.2.2-.3.3 0 .1-.1.3-.1.4v.7Zm4.9-6.6c.5 0 .8-.2 1.2-.5.3-.3.5-.7.5-1.2s-.2-.8-.5-1.2c-.3-.3-.7-.5-1.2-.5s-.8.2-1.2.5c-.3.3-.5.7-.5 1.2s.2.8.5 1.2c.3.3.7.5 1.2.5ZM6.1 15.9c-.2 0-.4 0-.5-.2-.1-.1-.2-.3-.2-.5V13H2.5c-.2 0-.4 0-.5-.2-.1-.1-.2-.3-.2-.5s0-.4.2-.5.3-.2.5-.2h2.9v-1.5H2.5c-.2 0-.4 0-.5-.2-.1-.1-.2-.3-.2-.5s0-.4.2-.5.3-.2.5-.2h2.2l-3-4.8c-.2-.2-.2-.5 0-.7s.4-.4.6-.4h.4c.1 0 .2.1.3.3l3.1 5 3.1-5c0-.1.1-.2.3-.3h.4c.3 0 .5.1.6.4s.1.5 0 .7l-3 4.7h2.2c.2 0 .4 0 .5.2.1.1.2.3.2.5s0 .4-.2.5c-.1.1-.3.2-.5.2H6.8v1.5h2.9c.2 0 .4 0 .5.2.1.1.2.3.2.5s0 .4-.2.5c-.1.1-.3.2-.5.2H6.8v2.2c0 .2 0 .4-.2.5s-.3.2-.5.2Z"/></svg>');
}
.analysisTotalList-item-account::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%239ea8b1" d="M12 12q-1.65 0-2.825-1.175Q8 9.65 8 8q0-1.65 1.175-2.825Q10.35 4 12 4q1.65 0 2.825 1.175Q16 6.35 16 8q0 1.65-1.175 2.825Q13.65 12 12 12Zm6 8H6q-.825 0-1.412-.587Q4 18.825 4 18v-.8q0-.85.438-1.563.437-.712 1.162-1.087 1.55-.775 3.15-1.163Q10.35 13 12 13t3.25.387q1.6.388 3.15 1.163.725.375 1.162 1.087Q20 16.35 20 17.2v.8q0 .825-.587 1.413Q18.825 20 18 20ZM6 18h12v-.8q0-.275-.137-.5-.138-.225-.363-.35-1.35-.675-2.725-1.013Q13.4 15 12 15t-2.775.337Q7.85 15.675 6.5 16.35q-.225.125-.362.35-.138.225-.138.5Zm6-8q.825 0 1.413-.588Q14 8.825 14 8t-.587-1.412Q12.825 6 12 6q-.825 0-1.412.588Q10 7.175 10 8t.588 1.412Q11.175 10 12 10Zm0-2Zm0 10Z"/></svg>');
}
.analysisTotalList-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25em;
}
.analysisTotalList-count {
  line-height: 1.3;
  text-align: right;
}
.analysisTotalList-text {
  margin-bottom: 0;
  text-align: left;
}
.analysisTotalList-number {
  font-size: 3.2rem;
}
.analysisTotalList-count-multiple .analysisTotalList-number {
  font-size: 2.2rem;
}
.analysisTotalList-unit {
  font-size: 1.6rem;
}

.audioGuideFixed {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1030;
}
.audioGuideFixed-btn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  border: 2px solid #bbc2ca;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background-color: #fff;
  line-height: 1.5;
}
.audioGuideFixed-btn::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(/ex/images/admin/common/icon-audio-guide.svg) center center/cover no-repeat;
}
.audioGuideFixed-title {
  font-size: 1.2rem;
}
.audioGuideFixed-setting {
  font-size: 1.6rem;
  font-weight: 700;
  color: #12b34b;
}
.audioGuideFixed-player {
  margin-top: -10px;
}
.audioGuideFixed-player.green-audio-player {
  padding: 15px;
  width: 240px;
  min-width: auto;
  height: auto;
  background-color: rgba(33, 37, 41, 0.8);
}
.audioGuideFixed-player.green-audio-player .slider {
  background-color: rgba(255, 255, 255, 0.35);
}
.audioGuideFixed-player.green-audio-player .slider .gap-progress {
  background-color: #50c87a;
}
.audioGuideFixed-player.green-audio-player .slider .gap-progress .pin {
  background-color: #50c87a;
}
.audioGuideFixed-player.green-audio-player .holder .loading {
  position: static;
}
.audioGuideFixed-player.green-audio-player .holder .loading::before, .audioGuideFixed-player.green-audio-player .holder .loading::after {
  content: none;
}
.audioGuideFixed-player.green-audio-player .play-pause-btn svg:focus {
  outline: none;
}
.audioGuideFixed-player.green-audio-player .play-pause-btn svg path {
  fill: #fff !important;
}
.audioGuideFixed-player.green-audio-player .controls {
  display: grid;
  font-size: 1.1rem;
  color: #ecf0f4;
  line-height: 1;
  letter-spacing: 0.1em;
  grid-template-areas: "slider slider" "current-time total-time";
  grid-template-columns: repeat(2, 1fr);
}
.audioGuideFixed-player.green-audio-player .controls .controls__current-time {
  grid-area: current-time;
}
.audioGuideFixed-player.green-audio-player .controls .controls__slider {
  margin: 12px 7px;
  grid-area: slider;
}
.audioGuideFixed-player.green-audio-player .controls .controls__total-time {
  text-align: right;
  grid-area: total-time;
}
.audioGuideFixed-player.green-audio-player .volume .volume__button svg:focus {
  outline: none;
}
.audioGuideFixed-player.green-audio-player .volume .volume__button svg path {
  fill: #fff !important;
}
.audioGuideFixed-player.green-audio-player .volume .volume__button.open svg path {
  fill: #50c87a !important;
}
.badge {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  font-size: 0.8571428571em;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}
.badge.rounded-circle {
  padding-right: 0.25em;
  padding-left: 0.25em;
  min-width: 2em;
  text-align: center;
}
.table .badge, .detailList .badge, .modal-title .badge, .title-sm .badge {
  font-size: 1.2rem;
}
.modal-title .badge {
  vertical-align: middle;
}
.detail-header .badge {
  font-size: 1.4rem;
}
.form-check-label .badge {
  font-size: 1.1rem;
}
.badge-primaryLight {
  border-color: #e2fae8;
  background-color: #e2fae8;
  color: #12b34b;
}
.badge-secondary {
  border-color: #6c757d;
  background-color: #6c757d;
}
.badge-general {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.badge-need {
  border-color: #e53935;
  background-color: #e53935;
}
.badge-any {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.badge-before {
  border-color: #ecf0f4;
  background-color: #ecf0f4;
  color: #212529;
}
.badge-after {
  border-color: #00897b;
  background-color: #00897b;
}
.badge-resale {
  border-color: #f57c00;
  background-color: #f57c00;
}
table td .badge-resale {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.table td .badge-status, [class^=table] td .badge-status, .detailList .badge-status {
  font-size: 1.4rem;
  white-space: normal;
}
.table td .badge-status, [class^=table] td .badge-status {
  width: 100%;
}
.detailList .badge-status {
  min-height: 32px;
}
.badge-reserve {
  border-color: #ecf0f4;
  background-color: #ecf0f4;
  color: #6b7681;
}
.badge-progress {
  border-color: #e4f0fb;
  background-color: #e4f0fb;
  color: #2578d7;
}
.badge-finish {
  border-color: #e0f2f1;
  background-color: #e0f2f1;
  color: #00897b;
}
.badge-stop {
  border-color: #fff8e1;
  background-color: #fff8e1;
  color: #ff8f00;
}
.badge-notice {
  border-color: #ffebee;
  background-color: #ffebee;
  color: #e53935;
}
.badge-versionUp, .badge-maintenance, .badge-campaign, .badge-seminar, .badge-businessHours, .badge-important {
  color: #fff;
}
.badge-versionUp {
  border-color: #4fc3f7;
  background-color: #4fc3f7;
}
.badge-maintenance {
  border-color: #ffb300;
  background-color: #ffb300;
}
.badge-campaign {
  border-color: #f6407e;
  background-color: #f6407e;
}
.badge-seminar {
  border-color: #7d52e1;
  background-color: #7d52e1;
}
.badge-businessHours {
  border-color: #00897b;
  background-color: #00897b;
}
.badge-important {
  border-color: #e53935;
  background-color: #e53935;
}
.badge-blur, .badge-burst, .badge-inappropriate {
  font-size: 1.1rem;
  line-height: 1.1;
  padding: 0.35em;
}
.badge-blur {
  border-color: #FFB300;
  background-color: #FFB300;
  color: #212529;
}
.badge-burst {
  border-color: #262f38;
  background-color: #262f38;
}
.badge-inappropriate {
  border-color: #e53935;
  background-color: #e53935;
}
.badgeList-horizontal .badgeList-item {
  display: flex;
  align-items: center;
}
.badgeList-item:not(:first-child) {
  margin-top: 0.75em;
}
.badgeList-badge {
  margin-bottom: 0.25em;
}
.badgeList-horizontal .badgeList-badge {
  margin-right: 0.5em;
  margin-bottom: 0;
}
.badgeRow {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 6px;
}
.bannerSlider {
  position: relative;
  padding-bottom: 30px;
}
.bannerSlider-single {
  padding-bottom: 0;
}
.bannerSlider-single .swiper-wrapper {
  justify-content: center;
}
.bannerSlider-single .swiper-pagination, .bannerSlider-single .swiper-button-prev, .bannerSlider-single .swiper-button-next {
  display: none;
}
.bannerSlider-link {
  display: block;
  position: relative;
}
.bannerSlider-link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.bannerSlider-img {
  width: 100%;
  height: auto;
}
.bannerSlider .swiper-pagination {
  top: auto;
  bottom: 0;
}
.bannerSlider .swiper-pagination-bullet-active {
  background-color: #12b34b;
}
.bannerSlider .swiper-button-prev, .bannerSlider .swiper-button-next {
  opacity: 0.85;
  top: calc(50% - 15px);
  transform: translateY(-50%);
  margin-top: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #fff;
  font-size: 2rem;
  color: #6b7681;
  transition: opacity 0.3s;
}
.bannerSlider .swiper-button-prev:hover, .bannerSlider .swiper-button-next:hover {
  opacity: 1;
}
.bannerSlider .swiper-button-prev.swiper-button-disabled, .bannerSlider .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
.bannerSlider .swiper-button-prev {
  left: 5px;
}
.bannerSlider .swiper-button-prev::after {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bannerSlider .swiper-button-next {
  right: 5px;
}
.bannerSlider .swiper-button-next::after {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.breadcrumb-item-sale::before, .breadcrumb-photoLibraryPublic .breadcrumb-item:last-child .breadcrumb-link::before, .breadcrumb-photoLibrary .breadcrumb-item:last-child .breadcrumb-link::before {
  content: "";
  display: inline-block;
  margin-right: 0.25em;
  width: 1.2em;
  height: 1.2em;
  background: center center/contain no-repeat;
  vertical-align: middle;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: inherit;
}
.breadcrumb-photoLibrary .breadcrumb-item:last-child .breadcrumb-link::before {
  background-image: url("/ex/images/common/icon-photo-library.svg");
}
.breadcrumb-photoLibraryPublic .breadcrumb-item:last-child .breadcrumb-link::before {
  background-image: url("/ex/images/common/icon-photo-library-public.svg");
}
.breadcrumb-item:not(:last-child) {
  margin-right: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item-first {
  padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item-first::before {
  content: none;
}
.breadcrumb-item-sale::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%236b7681" d="M18.775 3.511a.98.98 0 0 0-1.104.396 3.762 3.762 0 0 1-5.139 1.071c-1.88-1.209-4.227-1.147-6.038-.06v-.933a.984.984 0 1 0-1.968 0v16.031a.984.984 0 1 0 1.968 0v-6.318c1.173-1.513 3.341-1.919 4.973-.87 2.603 1.673 6.121.94 7.841-1.634a.985.985 0 0 0 .166-.546V4.453a.984.984 0 0 0-.699-.942Zm-1.27 6.819c-1.175 1.5-3.345 1.889-4.973.842a5.659 5.659 0 0 0-3.069-.898c-1.04 0-2.07.281-2.968.818V7.476c1.176-1.5 3.346-1.888 4.973-.842 1.876 1.206 4.228 1.164 6.038.081v3.616Z"/></svg>');
}
.headerFullScreen-body .btn-group {
  white-space: nowrap;
}
.btn-group-scale {
  width: 150px;
}
.btn-group-scale .dropdown {
  z-index: 2;
  margin-right: -1px;
}
.btn-group-scale .dropdown .form-control {
  border-radius: 0;
}
.btn-group .form-control,
.btn-group .form-select {
  margin-left: -1px;
}
.btn-group .form-control:not(:first-child),
.btn-group .form-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .form-control:not(:last-child),
.btn-group .form-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-disabledTooltipBtn:first-child > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-disabledTooltipBtn:last-child > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-copy::before, .btn-down::before, .btn-up::before, .btn-prev::before, .btn-filter::before, .btn-change::before, .btn-reload::before, .btn-download::before, .btn-preview::before, .btn-email::before, .btn-restore::before, .btn-cancel::before, .btn-edit::before, .btn-submit::before, .btn-add::before, .btn-search::before {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}

.btn-next::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}

.btn-analysis::before, .btn-design::before, .btn-delete::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  margin-right: 0.25em;
  width: 1.2em;
  height: 1.2em;
  background: center center/contain no-repeat;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
}
.btn.active {
  pointer-events: none;
}
.btn.selected {
  color: #12b34b !important;
}
.btn-sm {
  min-width: 32px;
  min-height: 32px;
}
.btn-lg {
  min-width: 50px;
  min-height: 50px;
}
.btn-primary:hover, .btn-primary:focus {
  border-color: #109c46;
  background-color: #109c46;
}
.btn-outline-primary {
  border-color: #12b34b;
  background-color: #fff;
  color: #12b34b;
}
.btn-outline-primary:not(.active):hover, .btn-outline-primary:not(.active):focus {
  border-color: #12b34b;
  background-color: #f1fdf4;
  color: #12b34b;
}
.btn-outline-primary:not(.active):focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.btn-outline-secondary {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.btn-outline-secondary:not(.active):hover, .btn-outline-secondary:not(.active):focus {
  border-color: #9ea8b1;
  background-color: #ecf0f4;
  color: #212529;
}
.btn-outline-secondary:not(.active):focus {
  box-shadow: 0 0 0 0.3rem rgba(158, 168, 177, 0.2);
}
.btn-outline-danger {
  border-color: #e53935;
  background-color: #fff;
  color: #e53935;
}
.btn-outline-danger:not(.active):hover, .btn-outline-danger:not(.active):focus {
  border-color: #e53935;
  background-color: #ffebee;
  color: #e53935;
}
.btn-outline-danger:not(.active):focus {
  box-shadow: 0 0 0 0.3rem rgba(229, 57, 53, 0.2);
}
.btn-outline-white {
  border-color: #fff;
  color: #fff;
}
.btn-outline-white:focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 255, 255, 0.2);
}
.btn-outline-white:hover, .btn-outline-white:focus {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.btn-link:hover, .btn-link:focus {
  background-color: #ecf0f4;
}
.btn-search::before {
  content: "\f349";
}
.btn-add::before {
  content: "\f415";
}
.btn-submit::before {
  content: "\f12c";
}
.btn-edit::before {
  content: "\f3eb";
}
.btn-cancel::before {
  content: "\f156";
}
.btn-restore::before {
  content: "\f06f";
}
.btn-delete {
  color: #e53935 !important;
}
.btn-delete::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23e53935" d="M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6q-.425 0-.713-.287Q4 5.425 4 5t.287-.713Q4.575 4 5 4h4q0-.425.288-.713Q9.575 3 10 3h4q.425 0 .713.287Q15 3.575 15 4h4q.425 0 .712.287Q20 4.575 20 5t-.288.713Q19.425 6 19 6v13q0 .825-.587 1.413Q17.825 21 17 21ZM7 6v13h10V6Zm2 10q0 .425.288.712Q9.575 17 10 17t.713-.288Q11 16.425 11 16V9q0-.425-.287-.713Q10.425 8 10 8t-.712.287Q9 8.575 9 9Zm4 0q0 .425.288.712.287.288.712.288t.713-.288Q15 16.425 15 16V9q0-.425-.287-.713Q14.425 8 14 8t-.712.287Q13 8.575 13 9ZM7 6v13V6Z"/></svg>');
}
.btn-delete:hover {
  color: #c62828 !important;
}
.btn-delete:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23c62828" d="M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6q-.425 0-.713-.287Q4 5.425 4 5t.287-.713Q4.575 4 5 4h4q0-.425.288-.713Q9.575 3 10 3h4q.425 0 .713.287Q15 3.575 15 4h4q.425 0 .712.287Q20 4.575 20 5t-.288.713Q19.425 6 19 6v13q0 .825-.587 1.413Q17.825 21 17 21ZM7 6v13h10V6Zm2 10q0 .425.288.712Q9.575 17 10 17t.713-.288Q11 16.425 11 16V9q0-.425-.287-.713Q10.425 8 10 8t-.712.287Q9 8.575 9 9Zm4 0q0 .425.288.712.287.288.712.288t.713-.288Q15 16.425 15 16V9q0-.425-.287-.713Q14.425 8 14 8t-.712.287Q13 8.575 13 9ZM7 6v13V6Z"/></svg>');
}
.btn-email::before {
  content: "\f1f0";
}
.btn-preview::before {
  content: "\f208";
}
.btn-download::before {
  content: "\f1da";
}
.btn-reload::before {
  content: "\f450";
}
.btn-change::before {
  content: "\f4e6";
}
.btn-filter::before {
  content: "\f233";
}
.btn-prev::before {
  content: "\f04d";
}
.btn-next::after {
  content: "\f054";
}
.btn-up::before {
  content: "\f05d";
}
.btn-down::before {
  content: "\f045";
}
.btn-copy::before {
  content: "\f18f";
}
.btn-design::before {
  background-image: url(/ex/images/common/icon-design-white.svg);
}
.btn-analysis::before {
  background-image: url(/ex/images/admin/common/icon-analysis-white.svg);
}
.btn:not(.btn-icon) .mdi,
.btn:not(.btn-icon) .icon {
  margin-right: 0.25em;
}
.btn .mdi {
  line-height: 1;
  vertical-align: middle;
}
.btn .mdi::before {
  font-size: 1.2em;
}
.btn .mdi.mdi-view-list::before {
  font-size: 1.56em;
}
.btn .icon {
  width: 1.2em;
  height: 1.2em;
}
.btn-icon, .btn-responsive {
  padding: 0;
  width: 40px;
  min-width: auto !important;
}
.btn-icon::before, .btn-responsive::before {
  margin-right: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.btn-icon .mdi::before, .btn-responsive .mdi::before {
  font-size: 24px;
}
.btn-icon.btn-sm, .btn-responsive.btn-sm {
  width: 32px;
}
.btn-icon.btn-sm::before, .btn-responsive.btn-sm::before {
  width: 20px;
  height: 20px;
}
.btn-icon.btn-sm .mdi::before, .btn-responsive.btn-sm .mdi::before {
  font-size: 20px;
}
.btn-responsive {
  color: #2962ff;
}
.btn-responsive:hover, .btn-responsive:focus {
  background-color: #ecf0f4;
  color: #214ecc;
}
.btn-responsiveLabel {
  display: none;
}
.btn-img {
  flex-direction: column;
  font-size: 1.2rem;
  color: #6b7681;
}
.formGrid-lg .btn-img {
  font-size: 1.4rem;
}

.btnIconFixed {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 1018;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 0 8px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-color: #12b34b;
  color: #fff;
  line-height: 1;
  transition: box-shadow 0.3s, background-color 0.3s;
}
.btnIconFixed:focus, .btnIconFixed:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 0 16px rgba(0, 0, 0, 0.16);
  background-color: #109c46;
}
.btnIconFixed.show-footerPhotoList {
  bottom: 125px;
}
.btnIconFixed.show-footerPhotoListWithExpand {
  bottom: 155px;
}
.btnIconFixed-icon {
  width: 28px;
  height: auto;
}
.btnIconFixed-text {
  margin-top: 0.3em;
  font-size: 1rem;
}

.btnPosition {
  display: grid;
  justify-content: center;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 60px);
  grid-template-areas: ". up ." "left . right" ". down .";
}
.btnPosition-btn {
  flex-direction: column;
  width: 60px;
  height: 60px;
  font-size: 1.2rem;
}
.btnPosition-btn::before {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.4rem;
}
.btnPosition-btn-up {
  grid-area: up;
}
.btnPosition-btn-up::before {
  content: "\f05d";
}
.btnPosition-btn-down {
  grid-area: down;
}
.btnPosition-btn-down::before {
  content: "\f045";
}
.btnPosition-btn-left {
  grid-area: left;
}
.btnPosition-btn-left::before {
  content: "\f04d";
}
.btnPosition-btn-right {
  grid-area: right;
}
.btnPosition-btn-right::before {
  content: "\f054";
}
.btnRow {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.btnRow-center {
  justify-content: center;
}
.btnRow-end {
  justify-content: flex-end;
}
.btnRow-footer {
  justify-content: center;
  margin-top: 30px;
}
.btnRow-footer .btn {
  min-width: calc(50% - 0.5rem);
}

.card-title {
  font-size: 1.2em;
  font-weight: bold;
}
.card-downloadImg {
  position: relative;
  overflow: hidden;
  height: 140px;
  background: linear-gradient(60deg, #008e58 0%, #bbcf44 100%);
}
.card-downloadImg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(240, 240, 240, 0.3);
}
.card-downloadNum {
  position: absolute;
  top: 0;
  left: 0.4em;
  z-index: 12;
  font-size: 2.4em;
  color: #fff;
}
.card-downloadCover {
  position: absolute;
  top: 25px;
  left: 70px;
  transform: rotate(-10deg);
  transform-origin: 0 0;
  width: 390px;
  height: auto;
}

.chartImg {
  position: relative;
  z-index: 0;
}
.chartImg-sm {
  height: 220px;
}
.chartImg-md {
  height: 300px;
}
.chartImg-donutLabel {
  position: absolute;
  top: calc(50% + 1em);
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  text-align: center;
}
.chartImg-donutLabelTitle {
  margin-bottom: 0;
}
.chartImg-donutLabelNumber {
  font-size: 3.2rem;
  line-height: 1;
}
.chartPie {
  position: relative;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  background-color: #c9cfd6;
  font-size: 50px;
}
.chartPie-fill {
  display: block;
  width: 50%;
  height: 100%;
}
.chartPie-0 .chartPie-fill {
  display: none;
}
.chartPie-fill::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #12b34b;
}
.chartPie-label {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  top: 8%;
  left: 8%;
  padding-bottom: 1em;
  border-radius: 50%;
  width: 84%;
  height: 84%;
  background-color: #fff;
  font-size: 0.25em;
  color: #212529;
  line-height: 1;
}
.formStep .chartPie-label {
  background-color: #ecf0f4;
}
.modal .chartPie-label {
  background-color: #fff;
}
.chartPie-main {
  font-size: 1.5em;
}
.chartPie-sub {
  color: #6b7681;
}

.chartPie-50 .chartPie-fill, .chartPie-49 .chartPie-fill, .chartPie-48 .chartPie-fill, .chartPie-47 .chartPie-fill, .chartPie-46 .chartPie-fill, .chartPie-45 .chartPie-fill, .chartPie-44 .chartPie-fill, .chartPie-43 .chartPie-fill, .chartPie-42 .chartPie-fill, .chartPie-41 .chartPie-fill, .chartPie-40 .chartPie-fill, .chartPie-39 .chartPie-fill, .chartPie-38 .chartPie-fill, .chartPie-37 .chartPie-fill, .chartPie-36 .chartPie-fill, .chartPie-35 .chartPie-fill, .chartPie-34 .chartPie-fill, .chartPie-33 .chartPie-fill, .chartPie-32 .chartPie-fill, .chartPie-31 .chartPie-fill, .chartPie-30 .chartPie-fill, .chartPie-29 .chartPie-fill, .chartPie-28 .chartPie-fill, .chartPie-27 .chartPie-fill, .chartPie-26 .chartPie-fill, .chartPie-25 .chartPie-fill, .chartPie-24 .chartPie-fill, .chartPie-23 .chartPie-fill, .chartPie-22 .chartPie-fill, .chartPie-21 .chartPie-fill, .chartPie-20 .chartPie-fill, .chartPie-19 .chartPie-fill, .chartPie-18 .chartPie-fill, .chartPie-17 .chartPie-fill, .chartPie-16 .chartPie-fill, .chartPie-15 .chartPie-fill, .chartPie-14 .chartPie-fill, .chartPie-13 .chartPie-fill, .chartPie-12 .chartPie-fill, .chartPie-11 .chartPie-fill, .chartPie-10 .chartPie-fill, .chartPie-9 .chartPie-fill, .chartPie-8 .chartPie-fill, .chartPie-7 .chartPie-fill, .chartPie-6 .chartPie-fill, .chartPie-5 .chartPie-fill, .chartPie-4 .chartPie-fill, .chartPie-3 .chartPie-fill, .chartPie-2 .chartPie-fill, .chartPie-1 .chartPie-fill {
  overflow: hidden;
  margin-left: auto;
}
.chartPie-50 .chartPie-fill::before, .chartPie-49 .chartPie-fill::before, .chartPie-48 .chartPie-fill::before, .chartPie-47 .chartPie-fill::before, .chartPie-46 .chartPie-fill::before, .chartPie-45 .chartPie-fill::before, .chartPie-44 .chartPie-fill::before, .chartPie-43 .chartPie-fill::before, .chartPie-42 .chartPie-fill::before, .chartPie-41 .chartPie-fill::before, .chartPie-40 .chartPie-fill::before, .chartPie-39 .chartPie-fill::before, .chartPie-38 .chartPie-fill::before, .chartPie-37 .chartPie-fill::before, .chartPie-36 .chartPie-fill::before, .chartPie-35 .chartPie-fill::before, .chartPie-34 .chartPie-fill::before, .chartPie-33 .chartPie-fill::before, .chartPie-32 .chartPie-fill::before, .chartPie-31 .chartPie-fill::before, .chartPie-30 .chartPie-fill::before, .chartPie-29 .chartPie-fill::before, .chartPie-28 .chartPie-fill::before, .chartPie-27 .chartPie-fill::before, .chartPie-26 .chartPie-fill::before, .chartPie-25 .chartPie-fill::before, .chartPie-24 .chartPie-fill::before, .chartPie-23 .chartPie-fill::before, .chartPie-22 .chartPie-fill::before, .chartPie-21 .chartPie-fill::before, .chartPie-20 .chartPie-fill::before, .chartPie-19 .chartPie-fill::before, .chartPie-18 .chartPie-fill::before, .chartPie-17 .chartPie-fill::before, .chartPie-16 .chartPie-fill::before, .chartPie-15 .chartPie-fill::before, .chartPie-14 .chartPie-fill::before, .chartPie-13 .chartPie-fill::before, .chartPie-12 .chartPie-fill::before, .chartPie-11 .chartPie-fill::before, .chartPie-10 .chartPie-fill::before, .chartPie-9 .chartPie-fill::before, .chartPie-8 .chartPie-fill::before, .chartPie-7 .chartPie-fill::before, .chartPie-6 .chartPie-fill::before, .chartPie-5 .chartPie-fill::before, .chartPie-4 .chartPie-fill::before, .chartPie-3 .chartPie-fill::before, .chartPie-2 .chartPie-fill::before, .chartPie-1 .chartPie-fill::before {
  transform-origin: right;
  border-radius: 100% 0 0 100%/50%;
}

.chartPie-100, .chartPie-99, .chartPie-98, .chartPie-97, .chartPie-96, .chartPie-95, .chartPie-94, .chartPie-93, .chartPie-92, .chartPie-91, .chartPie-90, .chartPie-89, .chartPie-88, .chartPie-87, .chartPie-86, .chartPie-85, .chartPie-84, .chartPie-83, .chartPie-82, .chartPie-81, .chartPie-80, .chartPie-79, .chartPie-78, .chartPie-77, .chartPie-76, .chartPie-75, .chartPie-74, .chartPie-73, .chartPie-72, .chartPie-71, .chartPie-70, .chartPie-69, .chartPie-68, .chartPie-67, .chartPie-66, .chartPie-65, .chartPie-64, .chartPie-63, .chartPie-62, .chartPie-61, .chartPie-60, .chartPie-59, .chartPie-58, .chartPie-57, .chartPie-56, .chartPie-55, .chartPie-54, .chartPie-53, .chartPie-52, .chartPie-51 {
  background-image: linear-gradient(to right, rgba(18, 179, 75, 0) 50%, #12b34b 0);
}
.chartPie-100 .chartPie-fill, .chartPie-99 .chartPie-fill, .chartPie-98 .chartPie-fill, .chartPie-97 .chartPie-fill, .chartPie-96 .chartPie-fill, .chartPie-95 .chartPie-fill, .chartPie-94 .chartPie-fill, .chartPie-93 .chartPie-fill, .chartPie-92 .chartPie-fill, .chartPie-91 .chartPie-fill, .chartPie-90 .chartPie-fill, .chartPie-89 .chartPie-fill, .chartPie-88 .chartPie-fill, .chartPie-87 .chartPie-fill, .chartPie-86 .chartPie-fill, .chartPie-85 .chartPie-fill, .chartPie-84 .chartPie-fill, .chartPie-83 .chartPie-fill, .chartPie-82 .chartPie-fill, .chartPie-81 .chartPie-fill, .chartPie-80 .chartPie-fill, .chartPie-79 .chartPie-fill, .chartPie-78 .chartPie-fill, .chartPie-77 .chartPie-fill, .chartPie-76 .chartPie-fill, .chartPie-75 .chartPie-fill, .chartPie-74 .chartPie-fill, .chartPie-73 .chartPie-fill, .chartPie-72 .chartPie-fill, .chartPie-71 .chartPie-fill, .chartPie-70 .chartPie-fill, .chartPie-69 .chartPie-fill, .chartPie-68 .chartPie-fill, .chartPie-67 .chartPie-fill, .chartPie-66 .chartPie-fill, .chartPie-65 .chartPie-fill, .chartPie-64 .chartPie-fill, .chartPie-63 .chartPie-fill, .chartPie-62 .chartPie-fill, .chartPie-61 .chartPie-fill, .chartPie-60 .chartPie-fill, .chartPie-59 .chartPie-fill, .chartPie-58 .chartPie-fill, .chartPie-57 .chartPie-fill, .chartPie-56 .chartPie-fill, .chartPie-55 .chartPie-fill, .chartPie-54 .chartPie-fill, .chartPie-53 .chartPie-fill, .chartPie-52 .chartPie-fill, .chartPie-51 .chartPie-fill {
  overflow: hidden;
}
.chartPie-100 .chartPie-fill::before, .chartPie-99 .chartPie-fill::before, .chartPie-98 .chartPie-fill::before, .chartPie-97 .chartPie-fill::before, .chartPie-96 .chartPie-fill::before, .chartPie-95 .chartPie-fill::before, .chartPie-94 .chartPie-fill::before, .chartPie-93 .chartPie-fill::before, .chartPie-92 .chartPie-fill::before, .chartPie-91 .chartPie-fill::before, .chartPie-90 .chartPie-fill::before, .chartPie-89 .chartPie-fill::before, .chartPie-88 .chartPie-fill::before, .chartPie-87 .chartPie-fill::before, .chartPie-86 .chartPie-fill::before, .chartPie-85 .chartPie-fill::before, .chartPie-84 .chartPie-fill::before, .chartPie-83 .chartPie-fill::before, .chartPie-82 .chartPie-fill::before, .chartPie-81 .chartPie-fill::before, .chartPie-80 .chartPie-fill::before, .chartPie-79 .chartPie-fill::before, .chartPie-78 .chartPie-fill::before, .chartPie-77 .chartPie-fill::before, .chartPie-76 .chartPie-fill::before, .chartPie-75 .chartPie-fill::before, .chartPie-74 .chartPie-fill::before, .chartPie-73 .chartPie-fill::before, .chartPie-72 .chartPie-fill::before, .chartPie-71 .chartPie-fill::before, .chartPie-70 .chartPie-fill::before, .chartPie-69 .chartPie-fill::before, .chartPie-68 .chartPie-fill::before, .chartPie-67 .chartPie-fill::before, .chartPie-66 .chartPie-fill::before, .chartPie-65 .chartPie-fill::before, .chartPie-64 .chartPie-fill::before, .chartPie-63 .chartPie-fill::before, .chartPie-62 .chartPie-fill::before, .chartPie-61 .chartPie-fill::before, .chartPie-60 .chartPie-fill::before, .chartPie-59 .chartPie-fill::before, .chartPie-58 .chartPie-fill::before, .chartPie-57 .chartPie-fill::before, .chartPie-56 .chartPie-fill::before, .chartPie-55 .chartPie-fill::before, .chartPie-54 .chartPie-fill::before, .chartPie-53 .chartPie-fill::before, .chartPie-52 .chartPie-fill::before, .chartPie-51 .chartPie-fill::before {
  transform-origin: left;
  border-radius: 0 100% 100% 0/50%;
}

.chartPie-1 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.01turn);
}

.chartPie-2 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.02turn);
}

.chartPie-3 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.03turn);
}

.chartPie-4 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.04turn);
}

.chartPie-5 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.05turn);
}

.chartPie-6 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.06turn);
}

.chartPie-7 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.07turn);
}

.chartPie-8 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.08turn);
}

.chartPie-9 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.09turn);
}

.chartPie-10 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.1turn);
}

.chartPie-11 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.11turn);
}

.chartPie-12 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.12turn);
}

.chartPie-13 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.13turn);
}

.chartPie-14 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.14turn);
}

.chartPie-15 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.15turn);
}

.chartPie-16 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.16turn);
}

.chartPie-17 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.17turn);
}

.chartPie-18 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.18turn);
}

.chartPie-19 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.19turn);
}

.chartPie-20 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.2turn);
}

.chartPie-21 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.21turn);
}

.chartPie-22 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.22turn);
}

.chartPie-23 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.23turn);
}

.chartPie-24 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.24turn);
}

.chartPie-25 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.25turn);
}

.chartPie-26 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.26turn);
}

.chartPie-27 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.27turn);
}

.chartPie-28 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.28turn);
}

.chartPie-29 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.29turn);
}

.chartPie-30 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.3turn);
}

.chartPie-31 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.31turn);
}

.chartPie-32 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.32turn);
}

.chartPie-33 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.33turn);
}

.chartPie-34 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.34turn);
}

.chartPie-35 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.35turn);
}

.chartPie-36 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.36turn);
}

.chartPie-37 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.37turn);
}

.chartPie-38 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.38turn);
}

.chartPie-39 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.39turn);
}

.chartPie-40 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.4turn);
}

.chartPie-41 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.41turn);
}

.chartPie-42 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.42turn);
}

.chartPie-43 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.43turn);
}

.chartPie-44 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.44turn);
}

.chartPie-45 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.45turn);
}

.chartPie-46 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.46turn);
}

.chartPie-47 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.47turn);
}

.chartPie-48 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.48turn);
}

.chartPie-49 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.49turn);
}

.chartPie-50 .chartPie-fill::before {
  transform: translateX(-100%) rotate(0.5turn);
}

.chartPie-51 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.01turn);
}

.chartPie-52 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.02turn);
}

.chartPie-53 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.03turn);
}

.chartPie-54 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.04turn);
}

.chartPie-55 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.05turn);
}

.chartPie-56 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.06turn);
}

.chartPie-57 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.07turn);
}

.chartPie-58 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.08turn);
}

.chartPie-59 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.09turn);
}

.chartPie-60 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.1turn);
}

.chartPie-61 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.11turn);
}

.chartPie-62 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.12turn);
}

.chartPie-63 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.13turn);
}

.chartPie-64 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.14turn);
}

.chartPie-65 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.15turn);
}

.chartPie-66 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.16turn);
}

.chartPie-67 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.17turn);
}

.chartPie-68 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.18turn);
}

.chartPie-69 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.19turn);
}

.chartPie-70 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.2turn);
}

.chartPie-71 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.21turn);
}

.chartPie-72 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.22turn);
}

.chartPie-73 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.23turn);
}

.chartPie-74 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.24turn);
}

.chartPie-75 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.25turn);
}

.chartPie-76 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.26turn);
}

.chartPie-77 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.27turn);
}

.chartPie-78 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.28turn);
}

.chartPie-79 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.29turn);
}

.chartPie-80 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.3turn);
}

.chartPie-81 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.31turn);
}

.chartPie-82 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.32turn);
}

.chartPie-83 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.33turn);
}

.chartPie-84 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.34turn);
}

.chartPie-85 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.35turn);
}

.chartPie-86 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.36turn);
}

.chartPie-87 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.37turn);
}

.chartPie-88 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.38turn);
}

.chartPie-89 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.39turn);
}

.chartPie-90 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.4turn);
}

.chartPie-91 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.41turn);
}

.chartPie-92 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.42turn);
}

.chartPie-93 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.43turn);
}

.chartPie-94 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.44turn);
}

.chartPie-95 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.45turn);
}

.chartPie-96 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.46turn);
}

.chartPie-97 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.47turn);
}

.chartPie-98 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.48turn);
}

.chartPie-99 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.49turn);
}

.chartPie-100 .chartPie-fill::before {
  transform: translateX(100%) rotate(0.5turn);
}

.childRanking {
  container-type: inline-size;
}
.childRanking-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.childRanking-rank {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 13px;
  font-size: 2rem;
}
.childRanking-rank[data-rank="1"], .childRanking-rank[data-rank="2"], .childRanking-rank[data-rank="3"] {
  font-weight: 700;
}
.childRanking-rank[data-rank="1"]::before, .childRanking-rank[data-rank="2"]::before, .childRanking-rank[data-rank="3"]::before {
  content: "\f1a5";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: -8px;
  font-size: 2.3rem;
}
.childRanking-rank[data-rank="1"]::before {
  color: #D2C400;
}
.childRanking-rank[data-rank="2"]::before {
  color: #9B9B9B;
}
.childRanking-rank[data-rank="3"]::before {
  color: #D27700;
}
.childRanking-portrait {
  margin-right: 10px;
}
.childRanking-text {
  line-height: 1.4;
}
.childRanking-name {
  font-size: 1.6rem;
}
.childRanking-number {
  margin-bottom: 4px;
  font-size: 2rem;
}
.childRanking-unit {
  margin-left: 3px;
  font-size: 1.2rem;
}
.childRanking-info {
  font-size: 1.4rem;
}
.childRanking-body {
  display: grid;
  gap: 10px;
}
@container (min-width: 440px) {
  .childRanking-body {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  }
}
.childRanking-photoWrapper {
  background-color: #ecf0f4;
}
.childRanking-photo {
  width: 100%;
  height: auto;
  background: center center/contain no-repeat;
}

.cke_chrome {
  position: relative !important;
}
.is-invalid + .cke_chrome::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 10;
  border: 1px solid #e53935;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  pointer-events: none;
}

.cke_top {
  margin-left: -1px !important;
  border-bottom: none !important;
  background: repeating-linear-gradient(#fff, #fff 39px, #bcbcbc 39px, #bcbcbc 40px) !important;
}

.cke_toolbar {
  position: relative !important;
  border-left: 1px solid #bcbcbc !important;
  height: 40px !important;
}

.cke_combo {
  border-right: none !important;
}

.cke_combopanel {
  width: 130px !important;
}

.cke_reset_all *,
.cke_reset_all a,
.cke_reset_all textarea {
  font-family: sans-serif !important;
}
.cke_reset_all input.cke_dialog_ui_input_tel {
  outline: 0;
  box-sizing: border-box;
  margin-left: 1px;
  padding: 4px 6px;
  border: 1px solid #bcbcbc;
  border-radius: 2px;
  width: 100%;
  min-height: 28px;
  background-color: #fff;
}

.cke_dialog_footer_buttons .cke_dialog_ui_hbox {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 0;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_hbox_first {
  padding-right: 0;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_hbox_last {
  padding-right: 5px;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_ok {
  border-color: #12b34b !important;
  background-color: #12b34b !important;
  color: #fff !important;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:hover,
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:hover span, .cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:focus,
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel:focus span {
  border-color: #bcbcbc !important;
  background-color: #fff !important;
  color: #212529 !important;
}

.cms h2,
.cms h3,
.cms h4,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4 {
  margin-bottom: 1em;
}
.cms h2 + h2,
.cms h2 + h3,
.cms h2 + h4,
.cms h3 + h2,
.cms h3 + h3,
.cms h3 + h4,
.cms h4 + h2,
.cms h4 + h3,
.cms h4 + h4,
.cke_editable h2 + h2,
.cke_editable h2 + h3,
.cke_editable h2 + h4,
.cke_editable h3 + h2,
.cke_editable h3 + h3,
.cke_editable h3 + h4,
.cke_editable h4 + h2,
.cke_editable h4 + h3,
.cke_editable h4 + h4,
.cke_panel_listItem h2 + h2,
.cke_panel_listItem h2 + h3,
.cke_panel_listItem h2 + h4,
.cke_panel_listItem h3 + h2,
.cke_panel_listItem h3 + h3,
.cke_panel_listItem h3 + h4,
.cke_panel_listItem h4 + h2,
.cke_panel_listItem h4 + h3,
.cke_panel_listItem h4 + h4 {
  margin-top: 0;
}
.cms ul ul,
.cms ul ol,
.cms ol ul,
.cms ol ol,
.cke_editable ul ul,
.cke_editable ul ol,
.cke_editable ol ul,
.cke_editable ol ol,
.cke_panel_listItem ul ul,
.cke_panel_listItem ul ol,
.cke_panel_listItem ol ul,
.cke_panel_listItem ol ol {
  margin-top: 0.5em;
}
.cms table,
.cke_editable table,
.cke_panel_listItem table {
  max-width: 100%;
  background-color: #fff;
  word-break: break-word;
  overflow-wrap: break-word;
}
.cms table > thead > tr > th,
.cms table > thead > tr > td,
.cms table > tbody > tr > th,
.cms table > tbody > tr > td,
.cms table > tfoot > tr > th,
.cms table > tfoot > tr > td,
.cke_editable table > thead > tr > th,
.cke_editable table > thead > tr > td,
.cke_editable table > tbody > tr > th,
.cke_editable table > tbody > tr > td,
.cke_editable table > tfoot > tr > th,
.cke_editable table > tfoot > tr > td,
.cke_panel_listItem table > thead > tr > th,
.cke_panel_listItem table > thead > tr > td,
.cke_panel_listItem table > tbody > tr > th,
.cke_panel_listItem table > tbody > tr > td,
.cke_panel_listItem table > tfoot > tr > th,
.cke_panel_listItem table > tfoot > tr > td {
  padding: 1rem 1rem;
  border: 1px solid #c9cfd6;
  line-height: 1.6;
}
.cms table > thead > tr > th p,
.cms table > thead > tr > td p,
.cms table > tbody > tr > th p,
.cms table > tbody > tr > td p,
.cms table > tfoot > tr > th p,
.cms table > tfoot > tr > td p,
.cke_editable table > thead > tr > th p,
.cke_editable table > thead > tr > td p,
.cke_editable table > tbody > tr > th p,
.cke_editable table > tbody > tr > td p,
.cke_editable table > tfoot > tr > th p,
.cke_editable table > tfoot > tr > td p,
.cke_panel_listItem table > thead > tr > th p,
.cke_panel_listItem table > thead > tr > td p,
.cke_panel_listItem table > tbody > tr > th p,
.cke_panel_listItem table > tbody > tr > td p,
.cke_panel_listItem table > tfoot > tr > th p,
.cke_panel_listItem table > tfoot > tr > td p {
  margin-bottom: 0;
}
.cms table > thead > tr > th,
.cke_editable table > thead > tr > th,
.cke_panel_listItem table > thead > tr > th {
  background-color: #e2fae8;
  font-weight: 400;
}
.cms * + h2,
.cms * + h3,
.cms * + h4,
.cke_editable * + h2,
.cke_editable * + h3,
.cke_editable * + h4,
.cke_panel_listItem * + h2,
.cke_panel_listItem * + h3,
.cke_panel_listItem * + h4 {
  margin-top: 20px;
}
.cms * + ul,
.cms * + ol,
.cms * + table,
.cke_editable * + ul,
.cke_editable * + ol,
.cke_editable * + table,
.cke_panel_listItem * + ul,
.cke_panel_listItem * + ol,
.cke_panel_listItem * + table {
  margin-top: 1em;
}
.cms p,
.cke_editable p,
.cke_panel_listItem p {
  margin-bottom: 0;
}
.cms p:empty,
.cke_editable p:empty,
.cke_panel_listItem p:empty {
  margin-top: 1em;
}
.cms .table * + ul,
.cms .table * + ol,
.cke_editable .table * + ul,
.cke_editable .table * + ol,
.cke_panel_listItem .table * + ul,
.cke_panel_listItem .table * + ol {
  margin-top: 0.5em;
}
.cms img,
.cke_editable img,
.cke_panel_listItem img {
  max-width: 100%;
  height: auto !important;
}

.cms::after {
  content: "";
  display: block;
  clear: both;
}
.cms + .cms {
  margin-top: 1em;
}

.cke_editable {
  display: block;
  overflow-x: visible;
  padding: 1em;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 1.75;
}
.cke_editable[contenteditable=false], .cke_editable[readonly] {
  background-color: #e5e9ee;
}

.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4 {
  margin-bottom: 0;
}

.collapse-inner {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #ecf0f4;
}
.sidebarSettingDetail .collapse-inner {
  margin-top: 20px;
  padding: 0;
  background-color: transparent;
}
.collapse-inner .collapse-inner {
  background-color: #fff;
}
.collapse-detail {
  margin-top: 20px;
}

.colorList {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
}
.sidebarFullScreen .colorList {
  grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));
}
.colorList-col {
  text-align: center;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-gap: 20px 10px;
}
.colorList-input.is-invalid + .colorList-label::after {
  border-color: #e53935;
}
.colorList-input:hover + .colorList-label::after, .colorList-input:focus + .colorList-label::after {
  border-color: #6b7681;
}
.colorList-input:checked + .colorList-label::after {
  border: 2px solid #12b34b;
}
.colorList-label {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background: #fff center center/cover no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
.colorList-label::before, .colorList-label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.colorList-label::before {
  z-index: 2;
  border: 4px solid #fff;
}
.colorList-label::after {
  z-index: 3;
  border: 1px solid #bbc2ca;
  transition: border-color 0.15s;
}
.colorList-label.is-light {
  box-shadow: inset 0 0 0 5px #bbc2ca;
}
.colorList-label.is-none {
  box-shadow: inset 0 0 0 5px #bbc2ca;
  background: repeating-linear-gradient(-45deg, #fff, #fff 32px, #bbc2ca 0, #bbc2ca 33px);
}
.colorList-name {
  display: block;
  margin-top: 0.5em;
  font-size: 1.4rem;
  line-height: 1.4;
}
.colorList-goodsFilter {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: inherit;
}
.colorList-goodsFilter[data-color-file-name="vermilion.png"] {
  filter: hue-rotate(-10deg);
}
.colorList-goodsFilter[data-color-file-name="orange.png"] {
  filter: hue-rotate(-10deg);
}
.colorList-goodsFilter[data-color-file-name="marigold.png"] {
  filter: hue-rotate(-10deg);
}
.colorList-goodsFilter[data-color-file-name="yellow.png"] {
  filter: hue-rotate(-10deg);
}
.colorList-goodsFilter[data-color-file-name="gold-ocher.png"] {
  filter: hue-rotate(-10deg);
}
.colorList-goodsFilter[data-color-file-name="pink.png"] {
  filter: saturate(1.3);
}
.colorList-goodsFilter[data-color-file-name="light-pink.png"] {
  filter: saturate(1.3);
}
.is-none .colorList-goodsFilter {
  display: none;
}

.colorSelectBtn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  background: #fff center center/cover no-repeat;
  vertical-align: middle;
  flex-shrink: 0;
}
.colorSelectBtn::before, .colorSelectBtn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.colorSelectBtn::before {
  z-index: 2;
  border: 4px solid #fff;
}
.colorSelectBtn::after {
  z-index: 3;
  border: 1px solid #bbc2ca;
  transition: border-color 0.15s;
}
.colorSelectBtn.is-light {
  box-shadow: inset 0 0 0 5px #bbc2ca;
}
.colorSelectBtn.is-none {
  box-shadow: inset 0 0 0 5px #bbc2ca;
  background: repeating-linear-gradient(-45deg, #fff, #fff 32px, #bbc2ca 0, #bbc2ca 33px);
}
.colorSelectBtn-goodsFilter {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: inherit;
}
.colorSelectBtn-goodsFilter[data-color-file-name="vermilion.png"] {
  filter: hue-rotate(-10deg);
}
.colorSelectBtn-goodsFilter[data-color-file-name="orange.png"] {
  filter: hue-rotate(-10deg);
}
.colorSelectBtn-goodsFilter[data-color-file-name="marigold.png"] {
  filter: hue-rotate(-10deg);
}
.colorSelectBtn-goodsFilter[data-color-file-name="yellow.png"] {
  filter: hue-rotate(-10deg);
}
.colorSelectBtn-goodsFilter[data-color-file-name="gold-ocher.png"] {
  filter: hue-rotate(-10deg);
}
.colorSelectBtn-goodsFilter[data-color-file-name="pink.png"] {
  filter: saturate(1.3);
}
.colorSelectBtn-goodsFilter[data-color-file-name="light-pink.png"] {
  filter: saturate(1.3);
}
.is-none .colorSelectBtn-goodsFilter {
  display: none;
}

.contextMenu {
  display: none;
}
.contextMenu-list {
  position: absolute;
  z-index: 1000 !important;
  padding: 0.5rem 0;
  border: 1px solid rgba(0, 0, 0, 0.225);
  border-radius: 0.5rem;
  background-color: #fff;
  line-height: 1.6;
}
.contextMenu-list-parent {
  top: 100%;
  left: 0;
  width: 200px;
}
.contextMenu-list-child {
  display: none;
  top: -0.5rem;
  left: 100%;
  width: 100px;
}
.contextMenu-item {
  position: relative;
}
.contextMenu-link {
  display: block;
  position: relative;
  padding: 0.75rem 1rem;
  color: #212529 !important;
}
.contextMenu-link.has-child {
  padding-right: 1.5rem;
}
.contextMenu-link.has-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.contextMenu-link.active, .contextMenu-link:hover, .contextMenu-link:focus {
  background-color: #e5e9ee;
  color: #262f38;
}

.copyrightSample {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.copyrightSample-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.copyrightSample-overlay[data-copyright-type=default], .copyrightSample-overlay[data-copyright-type=original] {
  background-repeat: no-repeat;
  background-size: 29.6296296296%;
}
.copyrightSample-overlay[data-copyright-type=default-sprinkle][data-copyright-display=high-density], .copyrightSample-overlay[data-copyright-type=original-sprinkle][data-copyright-display=high-density] {
  background-size: 38.8888888889%;
}
.copyrightSample-overlay[data-copyright-type=default-sprinkle][data-copyright-display=low-density], .copyrightSample-overlay[data-copyright-type=original-sprinkle][data-copyright-display=low-density] {
  background-size: 48.1481481481%;
}
.copyrightSample-overlay[data-copyright-type=diagonal] {
  background-position: center;
  background-size: 100%;
}
.copyrightSample-overlay[data-copyright-display=top-left] {
  background-position: top left;
}
.copyrightSample-overlay[data-copyright-display=top-center] {
  background-position: top center;
}
.copyrightSample-overlay[data-copyright-display=top-right] {
  background-position: top right;
}
.copyrightSample-overlay[data-copyright-display=center-left] {
  background-position: center left;
}
.copyrightSample-overlay[data-copyright-display=center-center] {
  background-position: center;
}
.copyrightSample-overlay[data-copyright-display=center-right] {
  background-position: center right;
}
.copyrightSample-overlay[data-copyright-display=bottom-left] {
  background-position: bottom left;
}
.copyrightSample-overlay[data-copyright-display=bottom-center] {
  background-position: bottom center;
}
.copyrightSample-overlay[data-copyright-display=bottom-right] {
  background-position: bottom right;
}
.copyrightSample canvas {
  width: 100%;
  height: auto;
}

.crown {
  position: relative;
}
.crown-gold, .crown-silver, .crown-bronze {
  font-weight: 700;
}
.crown-gold::after, .crown-silver::after, .crown-bronze::after {
  content: "\f1a5";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 6px;
  right: -1.2em;
  transform: translate(0, -50%);
  font-size: 2.2em;
}
.crown-gold {
  color: #D2C400;
}
.crown-silver {
  color: #9B9B9B;
}
.crown-bronze {
  color: #D27700;
}
.crown-number {
  font-size: 1.5em;
  color: #212529;
}

.cullingPhotoList {
  display: grid;
  row-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.footerCullingPhotoListFullScreen .cullingPhotoList {
    display: flex;
    flex-wrap: nowrap;
    row-gap: 0;
}
.footerCullingPhotoListFullScreen .cullingPhotoList .cullingPhotoList-item {
    flex-shrink: 0;
    width: 100px;
}
.cullingPhotoList-item {
  position: relative;
  margin-right: -1px;
  padding: 8px;
  border: 1px solid #c9cfd6;
  background-color: #fff;
  transition: background-color 0.3s;
}
.cullingPhotoList-item:hover {
  background-color: #ecf0f4;
}
.cullingPhotoList-item-reject {
  background-color: #bbc2ca;
}
.cullingPhotoList-link {
  display: block;
  position: relative;
  width: 100%;
  background-color: #ecf0f4;
  transition: background-color 0.3s;
}
.cullingPhotoList-link::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  background-color: #fff;
  content: "\f6ec";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6b7681;
  bottom: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  font-size: 14px;
}
.footerCullingPhotoListFullScreen .cullingPhotoList-link::before {
    display: none;
}
.cullingPhotoList-item:hover .cullingPhotoList-link {
  background-color: #fff;
}
.cullingPhotoList-img {
  display: block;
  width: 100%;
  height: auto;
  background: center center/contain no-repeat;
}
.cullingPhotoList-badgeGroup {
  display: inline-flex;
  align-items: start;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  gap: 5px;
}
.cullingPhotoListZoom .cullingPhotoList-badgeGroup {
  position: static;
}
.cullingPhotoList-burstGroup1::after, .cullingPhotoList-burstGroup2::after, .cullingPhotoList-burstGroup3::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
}
.cullingPhotoList-burstGroup1::after {
  background-color: #2e66ff;
}
.cullingPhotoList-burstGroup2::after {
  background-color: #aa3aff;
}
.cullingPhotoList-burstGroup3::after {
  background-color: #ff33a0;
}

.cullingPhotoListZoom {
  position: absolute;
  top: 100%;
  left: -8px;
  z-index: 1030;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  margin-top: 10px;
  padding: 10px;
  width: 500%;
  background-color: #fff;
  transition: background-color 0.3s;
  pointer-events: auto;
}
.cullingPhotoList-item-reject .cullingPhotoListZoom {
  background-color: #bbc2ca;
}
.cullingPhotoListZoom-header {
  display: flex;
  margin-bottom: 10px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.cullingPhotoListZoom-img {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.cullingPhotoListZoom-footer {
  margin-top: 10px;
  text-align: center;
}
.cullingPhotoListZoom-name {
  overflow: hidden;
  max-width: 100%;
  color: #212529;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cullingPhotoListZoom-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  min-height: 100px;
  font-size: 1.2rem;
  color: #6b7681;
}
.cullingPhotoListZoom .btn-group {
  margin-left: auto;
}
.cullingPhotoListZoom .btn {
  width: 65px;
  min-height: auto;
}

.descriptionMenu-category {
  display: flex;
  align-items: center;
  padding-bottom: 2px;
  border-bottom: 1px solid #c9cfd6;
}
.descriptionMenu-icon {
  margin-right: 0.25em;
  width: 2.4rem;
  height: auto;
  font-size: 2.4rem;
  line-height: 1;
}
.descriptionMenu-icon svg {
  width: 100%;
}
.descriptionMenu-icon path {
  fill: #6b7681;
}
.descriptionMenu-list:not(:last-child) {
  margin-bottom: 30px;
}
.descriptionMenu-item {
  line-height: 1.35;
}
.descriptionMenu-item:not(:first-child) {
  margin-top: 20px;
}
.descriptionMenu-title {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.descriptionMenu-title .badge {
  line-height: 1;
}
.detail-item:not(:first-child) {
  margin-top: 30px;
}
.detail-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.detail-header-tableUtilityBtnBlank {
  position: relative;
  z-index: 1022;
  margin-bottom: -50px;
  pointer-events: none;
}
.detail-title {
  margin-bottom: 0;
}
.detail-utility {
  flex-shrink: 0;
}
.detail-bodyChild:not(:first-child) {
  margin-top: 20px;
}

.detailList {
  border-right: 1px solid #c9cfd6;
  border-bottom: 1px solid #c9cfd6;
  border-left: 1px solid #c9cfd6;
  background-color: #fff;
  line-height: 1.4;
}
.detailList-item {
  border-top: 1px solid #c9cfd6;
}
.detailList-title {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 0;
}
.detailList-label {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding-left: 0.5rem;
}
.detailList-label .icon + .badge,
.detailList-label .badge + .badge {
  margin-left: 0.5rem;
}
.detailList-detail {
  padding: 1rem 1rem;
}
.detailList-link {
  outline: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #2962ff;
  text-align: left;
}
.detailList-link:hover, .detailList-link:focus {
  color: #214ecc;
}
.detailList-link-detail::after, .detailList-link-edit::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  font-size: 1.2em;
}
.detailList-link-detail::after {
  content: "\f224";
}
.detailList-link-edit::after {
  content: "\f3eb";
}
.detailList-link-inputDate::before {
  content: "\f0ef";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
}
.detailList-saleThumbnail {
  position: relative;
  max-width: 345px;
  background: center center/cover no-repeat;
}
.detailList-saleThumbnail::before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
  width: 100%;
  height: 0;
}

.dropdown-toggle {
  justify-content: flex-start;
  position: relative;
  padding-right: 2.5rem;
  text-align: left;
}
.sidebarFullScreen .dropdown-toggle {
  width: 100%;
}
.dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.dropdown-toggle-split {
  padding: 0;
}
.dropdown-toggle-split::after {
  right: 50%;
  transform: translate(50%, -50%);
}
.dropdown-toggle.btn-outline-secondary.show, .dropdown-toggle.btn-outline-secondary:active {
  border-color: #9ea8b1;
  background-color: #ecf0f4;
  color: #212529;
}
.table td .dropdown-toggle.badge-status {
  justify-content: center;
  padding-right: 1.25em;
  padding-left: 1.25em;
  text-align: center;
}
.table td .dropdown-toggle.badge-status::after {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.dropdown-menu {
  overflow-y: auto;
  max-height: 40vh;
  z-index: 1021;
}
.dropdown-menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.dropdown-menu::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.headerUtility-item-client .dropdown-menu, .headerUtility-item-tel .dropdown-menu, .headerUtility-item-information .dropdown-menu, .headerUtility-item-user .dropdown-menu {
  position: fixed !important;
  overflow-y: visible;
  width: 100%;
  max-height: none;
}
.headerUtility-item-client .dropdown-menu::before, .headerUtility-item-tel .dropdown-menu::before, .headerUtility-item-information .dropdown-menu::before, .headerUtility-item-user .dropdown-menu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: 1020;
  transform: translate(50%, -100%);
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  width: 0;
  height: 0;
}
.headerUtility-item-client .dropdown-menu::before {
  right: 125px;
}
.headerUtility-item-tel .dropdown-menu::before {
  right: 75px;
}
.headerUtility-item-information .dropdown-menu::before {
  right: 75px;
}
.headerUtility-item-user .dropdown-menu::before {
  right: 25px;
}
.table .dropdown-menu {
  z-index: 1021;
}
.headerFullScreen .dropdown-menu {
  position: fixed !important;
}
.sidebarFullScreen .dropdown-menu {
  width: 100%;
}
.dropdown-menu li {
  position: relative;
}
.dropdown-menu li .dropdown-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.dropdown-item {
  display: flex;
  align-items: center;
  line-height: 1.6;
}
.dropdown-item.active {
  pointer-events: none;
}
.dropdown-item.disabled .text-muted, .dropdown-item:disabled .text-muted {
  color: #bbc2ca !important;
}
.dropdown-item.disabled .icon,
.dropdown-item.disabled img, .dropdown-item:disabled .icon,
.dropdown-item:disabled img {
  opacity: 0.5;
}
.dropdown-item .mdi,
.dropdown-item .icon {
  margin-right: 0.5em;
}
.dropdown-item .mdi {
  line-height: 1;
}
.dropdown-item .mdi::before {
  font-size: 1.2em;
}
.dropdown-item .icon {
  width: 1.2em;
  height: 1.2em;
}
.dropdown-body {
  overflow-y: auto;
  max-height: 40vh;
}
.dropdown-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.dropdown-body::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.dropdown-body::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.dropdown-body {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.dropdown-footer {
  margin-bottom: -0.5rem;
  border-top: 1px solid #c9cfd6;
}

.dropify-wrapper {
  height: 400px;
}
.dropify-sm .dropify-wrapper {
  height: 200px;
}
.dropify-md .dropify-wrapper {
  height: 300px;
}
.tableResponsive .dropify-wrapper, .sidebarSettingDetail-body .dropify-wrapper {
  height: 240px;
}
.sidebarFullScreen .dropify-wrapper {
  padding: 12px;
}
.dropify-wrapper:hover {
  background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
}
.dropify-wrapper-white {
  background-color: #fff !important;
}
.dropify-wrapper-white:hover {
  background-image: linear-gradient(-45deg, #ecf0f4 25%, transparent 25%, transparent 50%, #ecf0f4 50%, #ecf0f4 75%, transparent 75%, transparent);
}
.dropify-wrapper.touch-fallback {
  display: flex;
  flex-direction: column;
}
.dropify-wrapper.touch-fallback .formUpload-note {
  order: 1;
}
.has-preview .dropify-clear {
  display: inline-flex !important;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  color: #e53935;
}
.dropify-wrapper.touch-fallback .dropify-clear {
  top: 10px;
  bottom: auto;
  border: 1px solid #9ea8b1;
  color: #e53935;
}
.dropify-clear:hover {
  background: #fff !important;
  color: #c62828;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview {
  background-color: transparent !important;
}
.collapse-inner .dropify-wrapper .dropify-preview {
  background-color: #ecf0f4;
}
.dropify-render img {
  background-color: transparent !important;
}
.has-preview .dropify-infos {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos {
  background-color: transparent !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos-inner {
  margin-top: 10px;
  padding: 0 !important;
}
.dropify-hiddenFilename ~ .dropify-preview .dropify-infos-inner p {
  white-space: normal !important;
}
.has-preview .dropify-infos-message {
  opacity: 1 !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos-message {
  overflow: visible !important;
  color: #6b7681 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.dropify-hiddenFilename ~ .dropify-preview .dropify-infos-message {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.dropify-hiddenFilename ~ .dropify-preview .dropify-infos-message::before {
  content: none !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos-message .btn {
  border-color: #9ea8b1 !important;
  background-color: #fff !important;
  color: #212529 !important;
}
.has-preview .dropify-filename {
  font-size: 1.6rem !important;
  font-weight: 400 !important;
}
.dropify-wrapper.has-preview.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
  color: #6b7681;
  text-align: center !important;
}
.dropify-hiddenFilename ~ .dropify-preview .dropify-filename {
  display: none;
}
.dropify-wrapper.has-error {
  border-color: #c9cfd6 !important;
}
.dropify-errors-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5) !important;
  text-align: center !important;
}
.dropify-errors-container ul {
  position: static !important;
  transform: none !important;
}
.dropify-errors-container ul li {
  margin: 0 !important;
  font-weight: 400 !important;
}

.errorMessage-title {
  margin-bottom: 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
}
.errorMessage-content {
  margin-top: 2rem;
}
.errorMessage-img {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: auto;
}
.errorMessage-text {
  margin-top: 2rem;
  text-align: left;
}
.errorMessage-contact {
  margin-top: 3rem;
  text-align: center;
}
.errorMessage-logo {
  margin-bottom: 1rem;
}
.errorMessage-contactTitle {
  margin-bottom: 0;
  font-size: 1.4em;
}
.errorMessage-tel {
  font-size: 2.4em;
  font-weight: 700;
  color: inherit;
}
.errorMessage-tel:hover, .errorMessage-tel:focus {
  color: inherit;
}

.exToggleDisplayTableCell th,
.exToggleDisplayTableCell td {
  display: none;
}
.exToggleDisplayTableCell th.persist,
.exToggleDisplayTableCell td.persist {
  display: table-cell;
}
.exToggleDisplayTableCell th.essential,
.exToggleDisplayTableCell td.essential {
  display: table-cell;
}
.exToggleDisplayTableCellMenu {
  margin-left: auto;
  flex-shrink: 0;
}
.exToggleDisplayTableCellMenu-item .form-check {
  position: relative;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.4rem;
}
.exToggleDisplayTableCellMenu-item .form-check-input {
  position: absolute;
  top: 50%;
  left: 1rem;
  float: none;
  transform: translateY(-50%);
  margin-top: 0 !important;
  margin-left: 0;
}
.exToggleDisplayTableCellMenu-item .form-check-label {
  display: block;
  padding: 0.75rem 1rem 0.75rem calc(1rem + 2rem + .5rem);
  width: 100%;
  white-space: nowrap;
}
.exToggleDisplayTableCellMenu-item .form-check-label:hover, .exToggleDisplayTableCellMenu-item .form-check-label:focus {
  background-color: #e5e9ee;
}
.filterResult-btn {
  text-align: right;
}
.filterResult-detail {
  margin-bottom: 10px;
  line-height: 1.4;
}
.filterResult-detailItem {
  display: flex;
  flex-wrap: wrap;
}
.filterResult-detailItem:not(:last-child) {
  margin-bottom: 0.5em;
}
.filterResult-title {
  flex-shrink: 0;
  color: #6b7681;
}
.filterResult-item:not(:last-child)::after {
  content: "、";
}

.fixedSpFooter {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  padding: 10px;
  border-top: 1px solid #c9cfd6;
  background-color: #fff;
}

.flatpickr-calendar.open {
  z-index: 1070;
}
.flatpickr-prev-month, .flatpickr-next-month {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
  fill: #12b34b !important;
}
.flatpickr-current-month {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.flatpickr-monthDropdown-months {
  margin-left: 5px;
}
.flatpickr-monthDropdown-month {
  font-size: 1.4rem;
}
.flatpickr-weekdays {
  border-bottom: 1px solid #c9cfd6;
}
.flatpickr-weekday:first-child {
  color: #e53935;
}
.flatpickr-weekday:last-child {
  color: #2578d7;
}
.flatpickr-day {
  font-size: 1.5rem;
  line-height: 37px;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  border-color: #ecf0f4;
  background-color: #ecf0f4;
}
.flatpickr-day.today {
  border-color: #9ea8b1;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #9ea8b1;
  background-color: #9ea8b1;
}
.flatpickr-day.selected {
  border-color: #12b34b;
  background-color: #12b34b;
}
.flatpickr-day.selected:hover, .flatpickr-day.selected:focus {
  border-color: #109c46;
  background-color: #109c46;
}
.flatpickr-day.scheduled {
  border-color: #12b34b;
}

.form-control-input, .form-select-input, .form-check-input {
  vertical-align: middle;
}
.form-control-input.is-invalid:checked, .form-select-input.is-invalid:checked, .form-check-input.is-invalid:checked {
  border-color: #12b34b;
  background-color: #12b34b;
}
.form-control-input.is-invalid:checked:focus, .form-select-input.is-invalid:checked:focus, .form-check-input.is-invalid:checked:focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.form-control-input.is-invalid:checked ~ .form-check-label, .form-select-input.is-invalid:checked ~ .form-check-label, .form-check-input.is-invalid:checked ~ .form-check-label {
  color: #212529;
}
.form-control-input:disabled:not(:checked), .form-select-input:disabled:not(:checked), .form-check-input:disabled:not(:checked) {
  background-color: #c9cfd6;
}
.form-control-input:disabled + .form-check-label, .form-select-input:disabled + .form-check-label, .form-check-input:disabled + .form-check-label {
  pointer-events: none;
}
.form-control, .form-select {
  max-width: 100%;
  min-height: 40px;
}
.form-control-sm, .form-select-sm {
  min-height: 32px;
}
.form-control::-webkit-calendar-picker-indicator {
  display: none;
  opacity: 0;
}
.form-check {
  font-size: 1.6rem;
  line-height: 1.6;
}
.form-check .form-check-input {
  margin-top: 0.2rem;
}
.tablePhotoList-list .tablePhotoList-item-check .form-check-input {
  margin-top: 0;
}
.form-switch .form-check-input:checked {
  border-color: #12b34b;
  background-color: #12b34b;
}
.form-switch .form-check-input:checked:focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.form-switch .form-check-input:checked ~ .form-check-label {
  color: #212529;
}
.form-switch .form-check-input:disabled:not(:checked) {
  background-color: #c9cfd6;
}
.form-switch .form-check-input:disabled + .form-check-label {
  pointer-events: none;
}
.form-switch .form-check-input.is-invalid {
  border-color: #e53935;
}
.form-switch .form-check-label {
  font-size: 1.4rem;
}
.form-range-datalist {
  width: 100%;
  accent-color: #109c46;
}
.form-range-datalist:focus, .form-range-datalist:focus-visible {
  outline-color: rgba(18, 179, 75, 0.5);
}
.browser-safari .form-range-datalist:focus, .browser-safari .form-range-datalist:focus-visible {
  outline-width: 2px;
  outline-style: solid;
}

.formGrid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}
.formGrid-lg {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.formGrid-col2 {
  grid-template-columns: repeat(2, calc(50% - 0.5rem));
}
.formGrid.formGrid-checkInputHidden .form-check-input {
  display: none;
}
.formGrid.formGrid-checkInputHidden .form-check-label {
  justify-content: center;
  padding-left: 1rem;
  text-align: center;
}
.formGrid.formGrid-img .form-check {
  margin: 0;
  min-width: auto;
}
.formGrid.formGrid-img .form-check-input {
  display: none;
}
.formGrid.formGrid-img .form-check-input:checked + .form-check-label {
  color: #12b34b;
}
.formGrid.formGrid-img .form-check-label {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  font-size: 1.2rem;
  color: #6b7681;
  text-align: center;
}
.formList {
  line-height: 1.6;
}
.formList-item:not(:first-child) {
  margin-top: 20px;
}
.tablePhotoDetail-item .formList-item:not(:first-child), .pageEditList-body .formList-item:not(:first-child) {
  margin-top: 1em;
}
.formList-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.formList-header .icon + .badge {
  margin-left: 8px !important;
}
.formList-header .badge {
  white-space: nowrap;
}
.formList-label {
  margin-right: 0.5em;
}
.formList-note {
  margin-top: 0.5em;
  font-size: 1.2rem;
  color: #6b7681;
}

.formPassword {
  position: relative;
}
.formPassword .form-control {
  padding-right: 40px;
}
.formPassword-label {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 40px;
  height: 100%;
  color: #6b7681;
  transition: color 0.3s;
}
.formPassword-label::before {
  content: "\f208";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px !important;
}
.formPassword-checkbox:checked + .formPassword-label::before {
  content: "\f209";
}
.formPassword-label:hover {
  color: #212529;
}
.formPassword-checkbox:focus + .formPassword-label {
  color: #212529;
}

.formRow {
  display: flex;
  align-items: center;
}
.formRow > span:not(.select2) {
  flex-shrink: 0;
}
.formRow > hr {
  flex-shrink: 0;
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
  width: 1px;
  height: 40px;
  background-color: #c9cfd6;
}
.formRow-group {
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.formRow-item {
  display: flex;
  align-items: center;
}
.formRow-item > span {
  flex-shrink: 0;
}
.formRow-btn .btn {
  flex-shrink: 0;
  margin-left: 1rem;
}
.formRow-btnWrap {
  display: grid;
  grid-gap: 1rem 1rem;
  grid-template-areas: "form form" "btn1 btn2";
  grid-template-columns: repeat(2, 1fr);
}
.formRow-btnWrap > .form-control,
.formRow-btnWrap > .form-select,
.formRow-btnWrap > .select2-container {
  grid-area: form;
}
.formRow-btnWrap > .btn:first-of-type {
  grid-area: btn1;
}
.formRow-btnWrap > .btn:nth-of-type(2) {
  grid-area: btn2;
}
.formRow-check {
  flex-wrap: wrap;
  gap: 1rem 1rem;
}
.sidebarSettingDetail .formRow-check, .sidebarFullScreen-body-detail .formRow-check {
  display: block;
  margin: 0;
}
.formRow-check .form-check {
  margin-bottom: 0;
  width: 100%;
}
.sidebarSettingDetail .formRow-check .form-check, .sidebarFullScreen-body-detail .formRow-check .form-check, .column-responsive .column-sub .formRow-check .form-check, .sidebarStepList-body .formRow-check .form-check {
  margin: 0;
  width: 100%;
}
.formRow-check .form-check[class*=min-w-] {
  width: auto;
}
.sidebarSettingDetail .formRow-check .form-check:not(:first-child), .sidebarFullScreen-body-detail .formRow-check .form-check:not(:first-child) {
  margin-top: 1rem;
}
.formStep {
  margin-bottom: 20px;
}
.formStep-sp {
  display: flex;
  align-items: center;
}
.formStep-order {
  margin-right: 10px;
}
.formStep-title {
  font-size: 1.6rem;
}
.formStep-pc {
  display: none;
}
.formStep-list {
  display: flex;
}
.formStep-item {
  counter-increment: order;
  flex: 1;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
}
.formStep-item::before, .formStep-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 19px;
  width: 50%;
  height: 2px;
  background-color: #bbc2ca;
}
.formStep-item::before {
  left: 0;
}
.formStep-item::after {
  right: 0;
}
.formStep-item:first-child::before {
  content: none;
}
.formStep-item:last-child::after {
  content: none;
}
.formStep-item.is-done::before, .formStep-item.is-done::after {
  background-color: #12b34b;
}
.formStep-item.is-current::before {
  background-color: #12b34b;
}
.formStep-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 0 10px;
  color: #6b7681;
  text-align: center;
}
.formStep-item.is-current .formStep-label {
  color: #212529;
}
.formStep-label::before {
  content: counter(order);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  border: 2px solid #bbc2ca;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #ecf0f4;
  font-size: 2rem;
}
.modal .formStep-label::before {
  background-color: #fff;
}
.formStep-item.is-done .formStep-label::before {
  border-color: #12b34b;
  background-color: #12b34b;
  color: #fff;
}
.formStep-item.is-current .formStep-label::before {
  border-color: #12b34b;
  color: #12b34b;
}

.formUpload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border: 2px dashed #c9cfd6;
  min-height: 100px;
  background-color: #ecf0f4;
  line-height: 1.4;
  text-align: center;
}
.formUpload-title {
  font-size: 1.6rem;
}
.dropify-wrapper.has-preview.touch-fallback .formUpload-title {
  display: none;
}
.formUpload-note {
  margin-top: 1em;
  font-size: 1.2rem;
}

.hotSellingLegend {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 6px;
}
.hotSellingLegend-item {
  position: relative;
  padding: 1rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.hotSellingLegend-number {
  font-size: 3.2rem;
  line-height: 1.3;
  text-align: right;
}
.hotSellingLegend-unit {
  font-size: 1.6rem;
}

.hotSellingPhotoList {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.hotSellingPhotoList-body {
  position: relative;
  border: 1px solid #c9cfd6;
}
.hotSellingPhotoList-link {
  display: block;
  position: relative;
  width: 100%;
}
.hotSellingPhotoList-link::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  background-color: #fff;
  content: "\f6ec";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6b7681;
  bottom: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  font-size: 14px;
}
.hotSellingPhotoList-img {
  width: 100%;
  height: auto;
  background: center center/contain no-repeat;
}
.hotSellingPhotoList-count {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 0 4px;
  border-radius: 3px;
  background-color: #212529;
  color: #fff;
}
.hotSellingPhotoList-footer {
  margin: 4px 0;
  text-align: center;
}

.icon {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: middle;
}
.icon-checkboxSize {
  width: 2rem;
  height: 2rem;
}
.icon-btnSize {
  transform: scale(0.75);
  width: 40px;
  height: 40px;
}
.icon-help, .icon-saleDisplay {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  color: rgba(33, 37, 41, 0.65);
}
.detail-title .icon-help, .formList-label .icon-help, .detail-title .icon-saleDisplay, .formList-label .icon-saleDisplay {
  margin-left: 0.25em;
}
.icon-help::before {
  content: "\f625";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-saleDisplay::before {
  content: "\f1c4";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-upload, .icon-download {
  background: center center/contain no-repeat;
}
.form-check .icon-upload, .form-check .icon-download {
  float: left;
  margin-top: 0.2rem;
  margin-left: -2.5rem;
}
.tablePhotoList-list .tablePhotoList-item-check .form-check .icon-upload, .tablePhotoList-list .tablePhotoList-item-check .form-check .icon-download {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.dropdown-item.disabled .icon-upload, .dropdown-item.disabled .icon-download {
  opacity: 0.5;
}
.icon-upload::before, .icon-download::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23212529" d="M5.25 6.334c-1.345 1.612-2.027 3.514-2.027 5.652 0 2.157.677 4.069 2.013 5.681 1.336 1.613 3.061 2.646 5.127 3.071.226.056.418.18.582.37.173.2.261.426.261.671 0 .419-.143.748-.426.978-.211.173-.46.262-.731.262-.086 0-.174-.009-.264-.027l-.005-.002c-2.544-.548-4.683-1.852-6.356-3.878C1.749 17.085.899 14.687.899 11.986c0-2.682.849-5.074 2.524-7.111C5.096 2.839 7.245 1.539 9.81 1.01c.377-.074.723.012 1.003.253.279.241.42.564.42.96a.95.95 0 0 1-.266.663 1.386 1.386 0 0 1-.532.364c-2.111.437-3.841 1.47-5.188 3.084Zm15.057 2.264c.22.532.388 1.101.501 1.702.053.24.181.442.379.6.198.158.42.238.661.238.418 0 .752-.147.994-.439.241-.294.316-.65.217-1.021a14.191 14.191 0 0 0-.616-1.965 11.005 11.005 0 0 0-.951-1.87 1.207 1.207 0 0 0-.906-.545c-.385-.04-.725.1-.989.388-.163.164-.26.38-.287.643-.025.258.028.495.163.712.334.499.614 1.023.834 1.557Zm-2.591 10.628a1.264 1.264 0 0 0-.725.186 6.906 6.906 0 0 1-1.513.84 9.32 9.32 0 0 1-1.714.489c-.21.053-.404.173-.577.359a.974.974 0 0 0-.282.679c0 .415.141.748.42.987.202.176.44.265.698.265.102 0 .208-.014.316-.042a13.837 13.837 0 0 0 1.991-.616c.65-.256 1.286-.584 1.884-.971.33-.203.519-.512.545-.896.025-.377-.111-.716-.403-1.008a.946.946 0 0 0-.64-.273Zm.502-16.654a11.125 11.125 0 0 0-1.859-.945 13.886 13.886 0 0 0-1.986-.614 1.075 1.075 0 0 0-1.021.221c-.278.241-.419.564-.419.959 0 .269.1.511.289.701.164.164.345.283.579.368.591.129 1.163.308 1.701.53a8.994 8.994 0 0 1 1.556.834l.007.005a1.065 1.065 0 0 0 .694.159c.243-.026.458-.117.655-.287.296-.296.426-.639.387-1.017-.037-.376-.238-.692-.583-.914Zm3.63 10.263c-.245 0-.471.087-.67.259a1.121 1.121 0 0 0-.371.617 8.618 8.618 0 0 1-.499 1.692c-.22.532-.5 1.045-.824 1.514a.988.988 0 0 0-.202.715c.027.251.134.471.316.654.263.262.559.395.882.395a1.16 1.16 0 0 0 .992-.533 12.19 12.19 0 0 0 .957-1.841c.262-.634.475-1.303.633-1.994a1.22 1.22 0 0 0-.226-1.015c-.228-.304-.57-.464-.987-.464Z"/></svg>') center center/contain no-repeat;
}
.btn-primary .icon-upload::before, .btn-primary .icon-download::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23fff" d="M5.25 6.334c-1.345 1.612-2.027 3.514-2.027 5.652 0 2.157.677 4.069 2.013 5.681 1.336 1.613 3.061 2.646 5.127 3.071.226.056.418.18.582.37.173.2.261.426.261.671 0 .419-.143.748-.426.978-.211.173-.46.262-.731.262-.086 0-.174-.009-.264-.027l-.005-.002c-2.544-.548-4.683-1.852-6.356-3.878C1.749 17.085.899 14.687.899 11.986c0-2.682.849-5.074 2.524-7.111C5.096 2.839 7.245 1.539 9.81 1.01c.377-.074.723.012 1.003.253.279.241.42.564.42.96a.95.95 0 0 1-.266.663 1.386 1.386 0 0 1-.532.364c-2.111.437-3.841 1.47-5.188 3.084Zm15.057 2.264c.22.532.388 1.101.501 1.702.053.24.181.442.379.6.198.158.42.238.661.238.418 0 .752-.147.994-.439.241-.294.316-.65.217-1.021a14.191 14.191 0 0 0-.616-1.965 11.005 11.005 0 0 0-.951-1.87 1.207 1.207 0 0 0-.906-.545c-.385-.04-.725.1-.989.388-.163.164-.26.38-.287.643-.025.258.028.495.163.712.334.499.614 1.023.834 1.557Zm-2.591 10.628a1.264 1.264 0 0 0-.725.186 6.906 6.906 0 0 1-1.513.84 9.32 9.32 0 0 1-1.714.489c-.21.053-.404.173-.577.359a.974.974 0 0 0-.282.679c0 .415.141.748.42.987.202.176.44.265.698.265.102 0 .208-.014.316-.042a13.837 13.837 0 0 0 1.991-.616c.65-.256 1.286-.584 1.884-.971.33-.203.519-.512.545-.896.025-.377-.111-.716-.403-1.008a.946.946 0 0 0-.64-.273Zm.502-16.654a11.125 11.125 0 0 0-1.859-.945 13.886 13.886 0 0 0-1.986-.614 1.075 1.075 0 0 0-1.021.221c-.278.241-.419.564-.419.959 0 .269.1.511.289.701.164.164.345.283.579.368.591.129 1.163.308 1.701.53a8.994 8.994 0 0 1 1.556.834l.007.005a1.065 1.065 0 0 0 .694.159c.243-.026.458-.117.655-.287.296-.296.426-.639.387-1.017-.037-.376-.238-.692-.583-.914Zm3.63 10.263c-.245 0-.471.087-.67.259a1.121 1.121 0 0 0-.371.617 8.618 8.618 0 0 1-.499 1.692c-.22.532-.5 1.045-.824 1.514a.988.988 0 0 0-.202.715c.027.251.134.471.316.654.263.262.559.395.882.395a1.16 1.16 0 0 0 .992-.533 12.19 12.19 0 0 0 .957-1.841c.262-.634.475-1.303.633-1.994a1.22 1.22 0 0 0-.226-1.015c-.228-.304-.57-.464-.987-.464Z"/></svg>');
}
.icon-upload.icon-progress::before, .icon-download.icon-progress::before {
  -webkit-animation: icon-upload-download-ring-progress 3s linear infinite;
          animation: icon-upload-download-ring-progress 3s linear infinite;
}
.form-check .icon-upload.icon-progress ~ .form-check-label, .form-check .icon-download.icon-progress ~ .form-check-label {
  pointer-events: none;
}
.icon-upload {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23212529" d="m11.059 10.092-.54.54a.872.872 0 0 1-.675.27.928.928 0 0 1-.645-.27.925.925 0 0 1-.278-.66.873.873 0 0 1 .263-.66l2.16-2.16a.893.893 0 0 1 .308-.203.956.956 0 0 1 .705 0 .89.89 0 0 1 .307.203l2.16 2.16c.17.17.255.39.255.66s-.085.49-.255.66c-.19.18-.415.27-.675.27s-.48-.09-.66-.27l-.54-.54v6.08c0 .26-.092.482-.277.667s-.408.278-.668.278-.482-.093-.667-.278a.91.91 0 0 1-.278-.667v-6.08Z"/></svg>');
}
.btn-primary .icon-upload {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23fff" d="m11.059 10.092-.54.54a.872.872 0 0 1-.675.27.928.928 0 0 1-.645-.27.925.925 0 0 1-.278-.66.873.873 0 0 1 .263-.66l2.16-2.16a.893.893 0 0 1 .308-.203.956.956 0 0 1 .705 0 .89.89 0 0 1 .307.203l2.16 2.16c.17.17.255.39.255.66s-.085.49-.255.66c-.19.18-.415.27-.675.27s-.48-.09-.66-.27l-.54-.54v6.08c0 .26-.092.482-.277.667s-.408.278-.668.278-.482-.093-.667-.278a.91.91 0 0 1-.278-.667v-6.08Z"/></svg>');
}
.icon-download {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23212529" d="M11.051 13.907v-6.08c0-.26.093-.483.278-.668s.407-.277.667-.277a.91.91 0 0 1 .668.277.91.91 0 0 1 .277.668v6.08l.54-.54a.932.932 0 0 1 .667-.277.86.86 0 0 1 .668.277c.18.18.27.4.27.66s-.09.48-.27.66l-2.16 2.16a.887.887 0 0 1-.307.202.963.963 0 0 1-.705 0 .89.89 0 0 1-.308-.202l-2.16-2.16a.862.862 0 0 1-.262-.652.97.97 0 0 1 .277-.668c.18-.18.4-.27.66-.27s.48.09.66.27l.54.54Z"/></svg>');
}
.btn-primary .icon-download {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23fff" d="M11.051 13.907v-6.08c0-.26.093-.483.278-.668s.407-.277.667-.277a.91.91 0 0 1 .668.277.91.91 0 0 1 .277.668v6.08l.54-.54a.932.932 0 0 1 .667-.277.86.86 0 0 1 .668.277c.18.18.27.4.27.66s-.09.48-.27.66l-2.16 2.16a.887.887 0 0 1-.307.202.963.963 0 0 1-.705 0 .89.89 0 0 1-.308-.202l-2.16-2.16a.862.862 0 0 1-.262-.652.97.97 0 0 1 .277-.668c.18-.18.4-.27.66-.27s.48.09.66.27l.54.54Z"/></svg>');
}
.icon-dataSet::after {
  content: "";
  display: block;
  transform: scale(1.5);
  margin-top: -0.2em;
  width: 100%;
  height: 100%;
  background: url(/ex/images/common/icon-dataset.svg) center center/contain no-repeat;
}
.icon-photoGroup, .icon-photo {
  background: center center/contain no-repeat;
}
.icon-photoGroup {
  background-image: url(/ex/images/common/icon-photo-group.svg);
}
.icon-photo {
  background-image: url(/ex/images/common/icon-photo.svg);
}
.icon-colorCorrection {
  background: url(/ex/images/common/icon-color-correction.svg) center center/contain no-repeat;
}

.iconList {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.table-photoLibrary .iconList {
  justify-content: flex-end;
}
.iconList-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.iconList-icon {
  width: 1.2em;
  height: 1em;
}
.iconList-icon-groupPhoto {
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconList-icon-groupPhoto::before {
  content: "\f00e";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  transform: scale(1.2);
}
.iconList-icon-colorCorrection {
  transform: scale(1.2);
  background: url(/ex/images/common/icon-color-correction.svg) center center/contain no-repeat;
}
.iconList-icon-kaotan {
  transform: scale(1.2);
  background: url(/ex/images/common/icon-kaotan.svg) center center/contain no-repeat;
}

.imgHoverDetail {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  position: relative;
}
.imgHoverDetail::before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s;
}
.imgHoverDetail:hover::before, .imgHoverDetail:focus::before {
  opacity: 1;
}
.imgHoverDetail:hover .imgHoverDetail-detail, .imgHoverDetail:focus .imgHoverDetail-detail {
  opacity: 1;
}
.imgHoverDetail-img {
  width: 100%;
  height: auto;
}
.imgHoverDetail-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 15px;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}

.imgSelectList {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.imgSelectList-input:hover + .imgSelectList-label, .imgSelectList-input:focus + .imgSelectList-label {
  border-color: #6b7681;
}
.imgSelectList-input:checked + .imgSelectList-label {
  border-color: #12b34b;
  background-color: #e2fae8;
}
.imgSelectList-label {
  cursor: pointer;
  display: block;
  border: 1px solid #bbc2ca;
  height: 100%;
}
.imgSelectList-img {
  width: 100%;
  height: auto;
  background: #ecf0f4 center center/contain no-repeat;
}
.imgSelectList-name {
  display: block;
  padding: 5px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
}

.layoutEdit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 48px;
}
.layoutEdit-content, .layoutEdit-section, .layoutEdit-block {
  z-index: 1039;
  border: 2px dashed;
}
.layoutEdit-content {
  border-color: #6200ea;
}
.layoutEdit-section {
  border-color: #00bfa5;
}
.layoutEdit-block {
  border-color: #ff3d00;
}
.layoutEdit-private {
  z-index: 1038;
  padding: 10px;
}
.layoutEdit-add, .layoutEdit-btn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 0;
  border-radius: 0.5rem;
  color: #fff;
  transition: background-color 0.3s;
}
.layoutEdit-content .layoutEdit-add, .layoutEdit-content .layoutEdit-btn {
  background-color: rgba(98, 0, 234, 0.8);
}
.layoutEdit-section .layoutEdit-add, .layoutEdit-section .layoutEdit-btn {
  background-color: rgba(0, 191, 165, 0.8);
}
.layoutEdit-block .layoutEdit-add, .layoutEdit-block .layoutEdit-btn {
  background-color: rgba(255, 61, 0, 0.8);
}
.layoutEdit-content .layoutEdit-add:hover, .layoutEdit-content .layoutEdit-add:focus, .layoutEdit-content .layoutEdit-btn:hover, .layoutEdit-content .layoutEdit-btn:focus {
  background-color: #6200ea;
}
.layoutEdit-section .layoutEdit-add:hover, .layoutEdit-section .layoutEdit-add:focus, .layoutEdit-section .layoutEdit-btn:hover, .layoutEdit-section .layoutEdit-btn:focus {
  background-color: #00bfa5;
}
.layoutEdit-block .layoutEdit-add:hover, .layoutEdit-block .layoutEdit-add:focus, .layoutEdit-block .layoutEdit-btn:hover, .layoutEdit-block .layoutEdit-btn:focus {
  background-color: #ff3d00;
}
.layoutEdit-add {
  position: absolute;
  left: 2px;
  padding: 0.25rem 0.75rem;
  min-height: 32px;
  font-size: 1.4rem;
}
.layoutEdit-add::before {
  content: "\f415";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: scale(1.2);
  margin-right: 0.25em;
}
.layoutEdit-add-before {
  top: -17px;
}
.layoutEdit-add-after {
  bottom: -17px;
}
.layoutEdit-utility {
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
}
.layoutEdit-btn {
  width: 40px;
  height: 40px;
}
.layoutEdit-btn:not(:first-child) {
  margin-left: 1rem;
}
.layoutEdit-btn-up::before {
  content: "\f05d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
.layoutEdit-btn-down::before {
  content: "\f045";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
.layoutEdit-btn-edit::before {
  content: "\f3eb";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
}
.layoutEdit-btn-delete {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23fff" d="M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6q-.425 0-.713-.287Q4 5.425 4 5t.287-.713Q4.575 4 5 4h4q0-.425.288-.713Q9.575 3 10 3h4q.425 0 .713.287Q15 3.575 15 4h4q.425 0 .712.287Q20 4.575 20 5t-.288.713Q19.425 6 19 6v13q0 .825-.587 1.413Q17.825 21 17 21ZM7 6v13h10V6Zm2 10q0 .425.288.712Q9.575 17 10 17t.713-.288Q11 16.425 11 16V9q0-.425-.287-.713Q10.425 8 10 8t-.712.287Q9 8.575 9 9Zm4 0q0 .425.288.712.287.288.712.288t.713-.288Q15 16.425 15 16V9q0-.425-.287-.713Q14.425 8 14 8t-.712.287Q13 8.575 13 9ZM7 6v13V6Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
.layoutEdit-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(201, 207, 214, 0.5);
}
.layoutEdit-text {
  padding: 0.25em 1em;
  border-radius: 3em;
  background-color: #fff;
  font-size: 2rem;
  line-height: 1.4;
  text-align: center;
}

.legend {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.legend-color {
  content: "";
  display: inline-block;
  margin-right: 0.3em;
  border-radius: 0.2rem;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.legend-burstGroup {
  display: inline-block;
  position: relative;
  margin-right: 65px;
  margin-bottom: 6px;
  width: 25px;
  height: 3px;
  background-color: #2e66ff;
  vertical-align: bottom;
}
.legend-burstGroup::before, .legend-burstGroup::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 25px;
  height: 3px;
}
.legend-burstGroup::before {
  right: -30px;
  background-color: #aa3aff;
}
.legend-burstGroup::after {
  right: -60px;
  background-color: #ff33a0;
}

.modal-open .lg-backdrop {
  z-index: 1061;
}
.lg-backdrop.in {
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-open .lg-outer {
  z-index: 1062;
}

.link-help::before {
  content: "\f625";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.link-detail::after, .link-edit::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  font-size: 1.2em;
}
.link-detail::after {
  content: "\f224";
}
.link-edit::after {
  content: "\f3eb";
}

.swal2-popup.swal2-toast [class^=link-] {
  text-decoration: underline;
}
.swal2-popup.swal2-toast [class^=link-]:hover, .swal2-popup.swal2-toast [class^=link-]:focus {
  text-decoration: none;
}

.list-group-item {
  display: flex;
  align-items: center;
  line-height: 1.6;
}
.list-group-item.selected {
  background-color: #e2fae8;
  pointer-events: none;
}
.list-group-item.unread::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  right: 4px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #e53935;
}
.list-group-badge {
  margin-left: auto;
  padding-left: 0.5em;
}
.list-group-header {
  display: flex;
  align-items: center;
}
.list-group-header .badge {
  margin-left: 0.5rem;
}
.list-group-hierarchy1 {
  padding-left: calc(1rem + 1em * 1);
}
.list-group-hierarchy2 {
  padding-left: calc(1rem + 1em * 2);
}
.list-group-hierarchy3 {
  padding-left: calc(1rem + 1em * 3);
}
.list-group-hierarchy4 {
  padding-left: calc(1rem + 1em * 4);
}
.list-group-hierarchy5 {
  padding-left: calc(1rem + 1em * 5);
}
.list-group-hierarchy6 {
  padding-left: calc(1rem + 1em * 6);
}
.list-group-hierarchy7 {
  padding-left: calc(1rem + 1em * 7);
}
.list-group-hierarchy8 {
  padding-left: calc(1rem + 1em * 8);
}
.list-group-hierarchy9 {
  padding-left: calc(1rem + 1em * 9);
}
.list-group-hierarchy10 {
  padding-left: calc(1rem + 1em * 10);
}

.list-ul .list-ul,
.list-ul .list-ol, .list-ol .list-ul,
.list-ol .list-ol, .list-notes .list-ul,
.list-notes .list-ol {
  margin-top: 0.5em;
}
.surveyAnswer .list-ul > li {
  padding-left: 1.5em;
}
.surveyAnswer-positive .list-ul > li::before {
  background-color: #e53935;
}
.surveyAnswer-negative .list-ul > li::before {
  background-color: #3d50c5;
}
.surveyAnswer-any .list-ul > li::before {
  background-color: #828e99;
}
.list-notes > li {
  padding-left: 1em;
}
.list-notes > li::before {
  content: "※";
  left: 0;
}

@-webkit-keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.loading {
  position: relative;
}
.loading::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  z-index: 6;
  border: 0.35rem solid #12b34b;
  border-bottom-color: #e2fae8;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  -webkit-animation: spinner 1s linear infinite;
          animation: spinner 1s linear infinite;
}
.loading::after {
  content: attr(data-loading-text);
  position: absolute;
  top: calc(50% + 1.5rem + 1em);
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  text-align: center;
}
.loading-static {
  min-height: 160px;
}
.loading-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.loading-btn {
  color: transparent !important;
  pointer-events: none;
}
.loading-btn::before {
  top: calc(50% - 1rem) !important;
  left: calc(50% - 1rem) !important;
  border-width: 0.4rem !important;
  border-color: #fff;
  border-bottom-color: transparent !important;
  width: 2rem !important;
  height: 2rem !important;
}
.loading-btn::after {
  content: none;
}
.loading-btn.btn-outline-primary::before {
  border-color: #12b34b;
}
.loading-btn.btn-outline-secondary::before {
  border-color: #6b7681;
}
.loading-btn.btn-outline-danger::before {
  border-color: #e53935;
}
.loading-btn > * {
  opacity: 0;
}
.loading-contents {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1039;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.loading::after {
  padding: 0.2em 0.75em;
  border-radius: 3em;
  background-color: #fff;
}

.message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.message-img {
  line-height: 1;
}
.message-img .mdi {
  color: #c9cfd6;
}
.message-img .mdi::before {
  font-size: 10rem;
}
.message-img img,
.message-img svg {
  width: 10rem;
  height: auto;
}
.message-img svg path {
  fill: #c9cfd6;
}
.message-icon {
  display: inline-block;
  width: 10rem;
  height: 10rem;
}
.message-icon-upload, .message-icon-download {
  position: relative;
  background: center center/contain no-repeat;
}
.message-icon-upload::before, .message-icon-download::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/ex/images/admin/common/icon-upload-download-ring-empty.svg?d=20241211) center center/contain no-repeat;
}
.message-icon-upload.message-icon-progress::before, .message-icon-download.message-icon-progress::before {
  -webkit-animation: icon-upload-download-ring-progress 3s linear infinite;
          animation: icon-upload-download-ring-progress 3s linear infinite;
}
.message-icon-upload {
  background-image: url(/ex/images/admin/common/icon-upload-arrow-empty.svg?d=20241211);
}
.message-icon-download {
  background-image: url(/ex/images/admin/common/icon-download-arrow-empty.svg?d=20241211);
}
.message-text {
  margin-top: 1rem;
}

.modal-on-piczoom {
  z-index: 1064;
}
.modal-on-piczoom ~ .modal-backdrop {
  z-index: 1063;
}
.modal-title {
  font-size: 2rem;
}
.modal-title .mdi {
  margin-right: 0.25em;
  line-height: 1;
  vertical-align: middle;
}
.modal-title .mdi::before {
  font-size: 1.2em;
}
.modal-title-search::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.modal-title-filter::before {
  content: "\f233";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.modal-dialog-scrollable .modal-body {
  overflow-x: hidden;
}
.modal-footer .btn {
  min-width: calc(50% - 1rem);
}
.modal-sm .modal-footer .btn {
  min-width: calc(50% - 1rem);
}
.modal-fullscreen {
  margin: 0;
  max-width: none;
  height: 100%;
}

.nav-pills {
  margin-bottom: 20px;
  min-height: 40px;
}
.nav-lg {
  line-height: 1.4;
}
.nav-pills .nav-link {
  margin-left: -1px;
  border: 1px solid #bbc2ca;
  background-color: #fff;
  transition: background-color 0.15s;
}
.nav-lg .nav-link {
  padding: 0.5rem 0.75rem;
}
.nav-pills .nav-link:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nav-pills .nav-link:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.nav-pills .nav-link.active {
  border-color: #12b34b;
}
.nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus {
  position: relative;
  z-index: 1;
  border-color: #12b34b;
  background-color: #f1fdf4;
}

.orderEditList {
  border-radius: 0.5rem;
}
.orderEditList-item {
  counter-increment: order;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.175);
  gap: 10px;
}
.orderEditList-item + .orderEditList-item {
  border-top-width: 0;
}
.orderEditList-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.orderEditList-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.orderEditList-item.is-disabled {
  background-color: #d7dce2;
}
.orderEditList-text {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.orderEditList-text::before {
  content: counter(order);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-right: 0.5em;
  padding: 0 0.25em;
  border-radius: 3em;
  min-width: 24px;
  height: 24px;
  background-color: #ecf0f4;
  font-size: 1.4rem;
  line-height: 1;
}
.orderEditList-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 1rem;
}
.orderInfo {
  line-height: 1.4;
}
.orderInfo-list-total {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 0.5rem;
}
.orderInfo-item {
  display: flex;
  align-items: center;
  padding: 6px 0;
}
.orderInfo-list .orderInfo-item {
  border-bottom: solid 1px #c9cfd6;
}
.orderInfo-list-total .orderInfo-item:last-child {
  border-bottom: none;
}
.orderInfo-item-total {
  font-weight: 700;
}
.orderInfo-name {
  margin-right: 10px;
}
.orderInfo-price {
  flex: none;
  margin-left: auto;
}
.orderInfo-note {
  padding: 6px 0;
  text-align: right;
}

.page-item {
  display: none;
  line-height: 1.5;
}
.page-item-prev, .page-item-next {
  display: block;
}
.page-item-select {
  display: block;
  position: relative;
  z-index: 1;
  margin-left: -1px;
  width: calc(100% - 160px);
  max-width: 180px;
}
.page-item-prev, .page-item-next {
  width: 80px;
}
.page-item-prev .page-link::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
}
.page-item-next .page-link::after {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
  font-size: 1.2em;
}
.page-item-ellipsis {
  display: none;
  margin-left: -1px;
  padding: 0.75rem 0.5rem;
  border: 1px solid #bbc2ca;
  min-width: 40px;
  min-height: 40px;
  background-color: #fff;
  text-align: center;
}
.page-select {
  border-radius: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
}
.page-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.25em 1.5em;
  border: 1px solid #bbc2ca;
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-size: 1.6rem;
  text-align: center;
  pointer-events: none;
}
.page-label::after {
  content: "\f140";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 18px;
}
.page-link {
  min-width: 40px;
  min-height: 40px;
  color: #12b34b;
  text-align: center;
}
.page-link:hover, .page-link:focus {
  background-color: #f1fdf4;
  color: #12b34b;
}
.page-item.active .page-link {
  pointer-events: none;
}
.page-link-prev::before, .page-link-next::before {
  font-size: 1.2em !important;
}
.page-link-prev::before {
  content: "\f141";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-link-next::before {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pageEditList {
  counter-reset: page-edit-list-item;
}
.pageEditList-item {
  border: 1px solid #c9cfd6;
  background-color: #fff;
}
.pageEditList-item + .pageEditList-item {
  margin-top: 10px;
}
.pageEditList-header {
  display: flex;
  justify-content: space-between;
  background-color: #e2fae8;
}
.pageEditList-title {
  display: flex;
  align-items: center;
  position: relative;
  padding: 1rem 1rem;
  line-height: 1.275;
}
.pageEditList-title::before {
  content: counter(page-edit-list-item);
  counter-increment: page-edit-list-item;
  flex-shrink: 0;
  margin-right: 0.25em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  border: 1px solid #c9cfd6;
  border-radius: 2rem;
  background-color: #fff;
}
.pageEditList-utility {
  display: flex;
  flex-shrink: 0;
  padding: 4px;
}
.pageEditList-btn.disabled, .pageEditList-btn:disabled, .pageEditList-add.disabled, .pageEditList-add:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.pageEditList-btn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 0.5rem;
  width: 32px;
  height: 32px;
  background-color: #fff;
  transition: border-color 0.3s, background-color 0.3s;
}
.pageEditList-btn:not(:first-child) {
  margin-left: 1rem;
}
.pageEditList-btn-up, .pageEditList-btn-down {
  border-color: #12b34b;
  background-color: #fff;
  color: #12b34b;
}
.pageEditList-btn-up:not(.active):hover, .pageEditList-btn-up:not(.active):focus, .pageEditList-btn-down:not(.active):hover, .pageEditList-btn-down:not(.active):focus {
  border-color: #12b34b;
  background-color: #f1fdf4;
  color: #12b34b;
}
.pageEditList-btn-up:not(.active):focus, .pageEditList-btn-down:not(.active):focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.pageEditList-btn-up::before {
  content: "\f05d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
.pageEditList-btn-down::before {
  content: "\f045";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
.pageEditList-btn-delete {
  border-color: #e53935;
  background-color: #fff;
  color: #e53935;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="%23e53935" d="M7 21q-.825 0-1.412-.587Q5 19.825 5 19V6q-.425 0-.713-.287Q4 5.425 4 5t.287-.713Q4.575 4 5 4h4q0-.425.288-.713Q9.575 3 10 3h4q.425 0 .713.287Q15 3.575 15 4h4q.425 0 .712.287Q20 4.575 20 5t-.288.713Q19.425 6 19 6v13q0 .825-.587 1.413Q17.825 21 17 21ZM7 6v13h10V6Zm2 10q0 .425.288.712Q9.575 17 10 17t.713-.288Q11 16.425 11 16V9q0-.425-.287-.713Q10.425 8 10 8t-.712.287Q9 8.575 9 9Zm4 0q0 .425.288.712.287.288.712.288t.713-.288Q15 16.425 15 16V9q0-.425-.287-.713Q14.425 8 14 8t-.712.287Q13 8.575 13 9ZM7 6v13V6Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
.pageEditList-btn-delete:not(.active):hover, .pageEditList-btn-delete:not(.active):focus {
  border-color: #e53935;
  background-color: #ffebee;
  color: #e53935;
}
.pageEditList-btn-delete:not(.active):focus {
  box-shadow: 0 0 0 0.3rem rgba(229, 57, 53, 0.2);
}
.pageEditList-body {
  padding: 1rem 1rem;
}
.pageEditList-hidden {
  opacity: 0;
  position: relative;
  z-index: 2;
  padding: 4px 0;
  transition: opacity 0.15s;
}
.pageEditList-hidden:hover {
  opacity: 1;
}
.pageEditList-hidden .device-sp,
.pageEditList-hidden .device-tb {
  display: none;
}
.pageEditList-divider {
  opacity: 1;
  margin: 0;
  border-top: 2px dashed #12b34b;
  background: none;
}
.pageEditList-dropdown {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pageEditList-add {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  border-color: #12b34b;
  background-color: #12b34b;
  color: #fff;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
  min-height: 32px;
  font-size: 1.4rem;
  transition: border-color 0.3s, background-color 0.3s;
}
.pageEditList-add:hover, .pageEditList-add:focus {
  border-color: #109c46;
  background-color: #109c46;
}
.pageEditList-add:focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.pageEditList-add::before {
  content: "\f415";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: scale(1.2);
  margin-right: 0.25em;
}

.pagination {
  justify-content: center;
}

.photoList {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.photoList-sm {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.photoList-face {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
}
.photoList-item {
  position: relative;
}
.photoList-link, .photoList-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #ecf0f4;
  aspect-ratio: 1/1;
}
.photoList-face .photoList-link, .photoList-face .photoList-thumbnail {
  aspect-ratio: 1/1.15;
}
.photoList-link::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  background-color: #fff;
  content: "\f6ec";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6b7681;
  bottom: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  z-index: 3;
}
.photoList-img {
  background: center center/contain no-repeat;
  -o-object-fit: contain;
     object-fit: contain;
}
.photoList-face .photoList-img {
  width: 100%;
  height: 100%;
}
.photoList-img-portrait {
  width: auto;
  height: 100%;
}
.photoList-img-landscape {
  width: 100%;
  height: auto;
}
.photoList-delete {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 3;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.65);
  font-size: 1.8rem;
  color: #fff;
}
.photoList-delete::before {
  content: "\f156";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.photoList-text {
  margin-top: 5px;
  font-size: 1.2rem;
  text-align: center;
}
.photoList-badge {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
}

.photoListBadge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c9cfd6;
  border-radius: 0.25rem;
  width: 18px;
  height: 18px;
  background-color: #fff;
}
.photoListBadge-colorCorrection::before {
  content: "";
  width: 94%;
  height: 94%;
  background: url(/ex/images/common/icon-color-correction.svg) center center/contain no-repeat;
}

.popover {
  font-size: 1.4rem;
}
.popover-menu .popover-body {
  padding: 0.5rem 0;
}
.popover-item {
  display: block;
  padding: 0.75rem 1rem;
  color: #212529;
}
.popover-item:hover, .popover-item:focus {
  background-color: #e5e9ee;
  color: #212529;
}

.scrollBox {
  overflow-y: scroll;
  padding: 1rem 1rem;
  border: solid 1px #c9cfd6;
  border-radius: 0.5rem;
  height: 12em;
}
.scrollBox::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scrollBox::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.scrollBox::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.scrollBox {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.scrollBox-title {
  text-align: center;
}
.searchForm-item:not(:first-child) {
  margin-top: 3rem;
}
.searchForm-title {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c9cfd6;
  font-size: 1.6rem;
}
.searchForm-title img,
.searchForm-title .mdi {
  margin-right: 0.25em;
  line-height: 1;
  vertical-align: middle;
}
.searchForm-title img::before,
.searchForm-title .mdi::before {
  font-size: 1.2em;
}
.searchForm-title img {
  width: 1.2em;
  height: auto;
}
.searchForm-title .mdi::before {
  font-size: 1.2em;
}
.searchForm-form {
  margin-bottom: -1rem;
}
.searchForm-form [class*=col-] {
  margin-bottom: 1rem;
}
.searchResult-btn {
  margin-bottom: 10px;
}
.searchResult-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.4;
}
.searchResult-title {
  flex-shrink: 0;
  color: #6b7681;
}
.searchResult-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: 1rem;
}
.searchResult-item:not(:last-child)::after {
  content: "、";
}
.searchResult-count {
  margin-top: 10px;
  margin-left: auto;
  line-height: 1.2;
}
.searchResult-number {
  font-size: 2rem;
}

.select2-hidden-accessible:not([class*=w-]) + .select2-container {
  width: 100% !important;
}
.select2-container {
  display: block;
  max-width: 100%;
  font-size: 1.6rem;
}
.modal-open .select2-container--open {
  z-index: 1061;
}
.select2-container--focus .select2-selection--single, .select2-container--focus .select2-selection--multiple {
  outline: none;
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
  border-color: #12b34b !important;
}
.form-select.is-invalid + .select2-container .select2-selection--single, .form-select.is-invalid + .select2-container .select2-selection--multiple {
  box-shadow: none;
  border-color: #e53935 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.7rem) calc(0.75em + 0.7rem);
}
.select2-selection--single {
  border-radius: 0.5rem !important;
}
.select2-container .select2-selection--single {
  border-color: #bbc2ca;
  height: 40px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #e5e9ee;
}
.form-select.is-invalid + .select2-container .select2-selection--single {
  background-position: center right 3rem;
}
.select2-container--default .select2-selection--multiple {
  border-color: #bbc2ca;
  border-radius: 0.5rem !important;
  min-height: 40px;
}
.form-select.is-invalid + .select2-container .select2-selection--multiple {
  background-position: center right 1rem;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 40px;
  padding-left: 1rem;
  height: 100%;
  color: #212529;
  line-height: 40px;
}
.form-select.is-invalid + .select2-container .select2-selection__rendered {
  padding-right: 80px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  width: 40px;
  height: 40px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  display: block;
  position: static;
  margin: 0;
  border: none;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233d4750' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") center center/14px no-repeat;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  flex-direction: row-reverse;
  padding: 0;
  border-color: #9ea8b1;
  height: 28px;
  background-color: #fff !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove, .select2-container .select2-selection--multiple .select2-selection__choice__display {
  background-color: transparent !important;
  line-height: 1.1;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  padding: 0 0.5em;
  border-right: 0;
  color: #6b7681;
}
.select2-selection__choice__remove::before {
  content: "\f159";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
}
.select2-selection__choice__remove:hover::before, .select2-selection__choice__remove:focus::before {
  color: #6b7681;
}
.select2-selection__choice__remove span {
  display: none;
}
.select2-container .select2-selection--multiple .select2-selection__choice__display {
  display: flex;
  align-items: center;
  padding: 0.35em 0 0.35em 0.65em;
  border-radius: 0.25rem;
  background-color: #fff;
  font-size: 1.2rem;
  color: #212529;
}
.select2-dropdown {
  overflow: hidden;
  border-color: #bbc2ca;
  border-radius: 0.5rem !important;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #bbc2ca;
}
.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #bbc2ca;
}
.select2-search--dropdown {
  position: relative;
  padding: 6px;
}
.select2-search--dropdown::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #6b7681;
}
.select2-container .select2-search--inline {
  display: inline-block;
  height: 28px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding-left: 28px;
  border-color: #bbc2ca;
  border-radius: 0.5rem;
  height: 40px;
  transition: border-color 0.15s ease-in-out;
}
.select2-container .select2-search--inline .select2-search__field {
  width: auto !important;
  height: 100%;
  line-height: 28px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: none;
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
  border-color: #12b34b;
}
.select2-container--default .select2-results .select2-results__options {
  max-height: 60vh;
}
.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.select2-container--default .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.select2-container--default .select2-results .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.select2-results__option {
  padding: 0.7rem 1rem;
  min-height: 40px;
  transition: background-color 0.15s, color 0.15s;
}
.select2-results__option--selectable.select2-results__option--selected {
  background-color: #2962ff !important;
  color: #fff !important;
}
.select2-results__option--selectable.select2-results__option--highlighted:not(.select2-results__option--selected) {
  background-color: #ecf0f4;
  color: #212529;
}
.selectEdit {
  display: flex;
  align-items: center;
  gap: 10px;
}
.selectEdit-preview {
  flex-shrink: 0;
}
.selectEdit-img {
  border: 1px solid #c9cfd6;
  width: 46px;
  height: 46px;
  background: center center/contain no-repeat;
}
.selectEdit-img.is-none {
  background: repeating-linear-gradient(-45deg, #fff, #fff 31px, #c9cfd6 0, #c9cfd6 32px);
}
.selectEdit-name {
  flex: 1 1 auto;
}
.selectEdit-btn {
  flex-shrink: 0;
  margin-left: auto;
}
.status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.5em;
  vertical-align: middle;
}
.status-reserve {
  background-color: #9ea8b1;
}
.status-progress {
  background-color: #2578d7;
}
.status-finish {
  background-color: #00897b;
}
.status-stop {
  background-color: #ffb300;
}
.status-notice {
  background-color: #e53935;
}

.surveyAnswer-header {
  margin-bottom: 0.75em;
  font-size: 1.6rem;
}
.surveyAnswer-positive .surveyAnswer-header {
  border-bottom: 1px solid #e53935;
}
.surveyAnswer-negative .surveyAnswer-header {
  border-bottom: 1px solid #3d50c5;
}
.surveyAnswer-negative2 .surveyAnswer-header {
  border-bottom: 1px solid #288288;
}
.surveyAnswer-any .surveyAnswer-header {
  border-bottom: 1px solid #828e99;
}
.surveyCard {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.surveyCard-item {
  display: grid;
  position: relative;
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #9ea8b1;
  border-radius: 4px;
  min-height: 170px;
  place-items: center;
}
.surveyCard-label {
  display: flex;
  align-items: center;
  position: absolute;
  top: -15px;
  padding: 2px 2.25em;
  border-radius: 100vh;
  min-height: 30px;
  color: #fff;
}
.surveyCard-item-positive .surveyCard-label {
  background-color: #e53935;
}
.surveyCard-item-positive .surveyCard-label::before {
  content: "\f3eb";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.surveyCard-item-negative .surveyCard-label {
  background-color: #3d50c5;
}
.surveyCard-item-negative .surveyCard-label::before {
  content: "\f3ef";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.surveyCard-price {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.surveyCard-item-positive .surveyCard-price {
  color: #e53935;
}
.surveyCard-item-negative .surveyCard-price {
  color: #3d50c5;
}
.surveyCard-unit {
  margin-left: 0.15em;
  font-size: 50%;
}

.surveyLegend-item {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
.surveyLegend-item:not(:last-child) {
  margin-bottom: 0.4em;
}
.surveyLegend-color {
  position: absolute;
  top: 4px;
  left: 0;
  margin-right: 0.5em;
  border-radius: 50%;
  width: 1em;
  height: 1em;
}

.swal2-container {
  z-index: 1071;
}
body.swal2-toast-shown .swal2-container {
  width: 400px;
}
.swal2-popup {
  padding-bottom: 10px;
  width: 50rem;
  font-size: 1.4rem;
  color: #212529;
}
.swal2-popup.swal2-toast {
  padding: 10px 15px 15px;
  background-color: #000;
  color: #fff;
  grid-template-rows: 1fr;
}
.swal2-close {
  opacity: 0.5;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.4rem auto no-repeat !important;
  color: transparent !important;
}
.swal2-close:hover {
  opacity: 0.75;
}
.swal2-popup.swal2-toast .swal2-close {
  position: absolute;
  top: -8px;
  right: -13px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.4rem auto no-repeat !important;
}
.swal2-progress-steps {
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0 15px;
}
.swal2-icon {
  margin-top: 25px;
  margin-bottom: 1em;
}
.swal2-popup.swal2-toast .swal2-icon {
  margin-top: 5px;
  margin-right: 10px;
}
.swal2-icon-custom {
  border: none;
  border-radius: 0;
}
.swal2-icon-custom img {
  width: 5em;
}
.swal2-popup.swal2-toast .swal2-icon-custom img {
  width: 40px;
}
.swal2-customIcon {
  display: inline-block;
  width: 5em;
  height: 5em;
}
.swal2-popup.swal2-toast .swal2-customIcon {
  width: 40px;
  height: 40px;
}
.swal2-customIcon-upload {
  position: relative;
}
.swal2-customIcon-upload::before, .swal2-customIcon-upload::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center center/contain no-repeat;
}
.swal2-customIcon-upload::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%2312b34b" d="M5.25 6.334c-1.345 1.612-2.027 3.514-2.027 5.652 0 2.157.677 4.069 2.013 5.681 1.336 1.613 3.061 2.646 5.127 3.071.226.056.418.18.582.37.173.2.261.426.261.671 0 .419-.143.748-.426.978-.211.173-.46.262-.731.262-.086 0-.174-.009-.264-.027l-.005-.002c-2.544-.548-4.683-1.852-6.356-3.878C1.749 17.085.899 14.687.899 11.986c0-2.682.849-5.074 2.524-7.111C5.096 2.839 7.245 1.539 9.81 1.01c.377-.074.723.012 1.003.253.279.241.42.564.42.96a.95.95 0 0 1-.266.663 1.386 1.386 0 0 1-.532.364c-2.111.437-3.841 1.47-5.188 3.084Zm15.057 2.264c.22.532.388 1.101.501 1.702.053.24.181.442.379.6.198.158.42.238.661.238.418 0 .752-.147.994-.439.241-.294.316-.65.217-1.021a14.191 14.191 0 0 0-.616-1.965 11.005 11.005 0 0 0-.951-1.87 1.207 1.207 0 0 0-.906-.545c-.385-.04-.725.1-.989.388-.163.164-.26.38-.287.643-.025.258.028.495.163.712.334.499.614 1.023.834 1.557Zm-2.591 10.628a1.264 1.264 0 0 0-.725.186 6.906 6.906 0 0 1-1.513.84 9.32 9.32 0 0 1-1.714.489c-.21.053-.404.173-.577.359a.974.974 0 0 0-.282.679c0 .415.141.748.42.987.202.176.44.265.698.265.102 0 .208-.014.316-.042a13.837 13.837 0 0 0 1.991-.616c.65-.256 1.286-.584 1.884-.971.33-.203.519-.512.545-.896.025-.377-.111-.716-.403-1.008a.946.946 0 0 0-.64-.273Zm.502-16.654a11.125 11.125 0 0 0-1.859-.945 13.886 13.886 0 0 0-1.986-.614 1.075 1.075 0 0 0-1.021.221c-.278.241-.419.564-.419.959 0 .269.1.511.289.701.164.164.345.283.579.368.591.129 1.163.308 1.701.53a8.994 8.994 0 0 1 1.556.834l.007.005a1.065 1.065 0 0 0 .694.159c.243-.026.458-.117.655-.287.296-.296.426-.639.387-1.017-.037-.376-.238-.692-.583-.914Zm3.63 10.263c-.245 0-.471.087-.67.259a1.121 1.121 0 0 0-.371.617 8.618 8.618 0 0 1-.499 1.692c-.22.532-.5 1.045-.824 1.514a.988.988 0 0 0-.202.715c.027.251.134.471.316.654.263.262.559.395.882.395a1.16 1.16 0 0 0 .992-.533 12.19 12.19 0 0 0 .957-1.841c.262-.634.475-1.303.633-1.994a1.22 1.22 0 0 0-.226-1.015c-.228-.304-.57-.464-.987-.464Z"/></svg>');
  -webkit-animation: icon-upload-download-ring-swal2 0.75s cubic-bezier(0, 0, 0.14, 1) both;
          animation: icon-upload-download-ring-swal2 0.75s cubic-bezier(0, 0, 0.14, 1) both;
}
.swal2-popup.swal2-toast .swal2-customIcon-upload::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23fff" d="M5.25 6.334c-1.345 1.612-2.027 3.514-2.027 5.652 0 2.157.677 4.069 2.013 5.681 1.336 1.613 3.061 2.646 5.127 3.071.226.056.418.18.582.37.173.2.261.426.261.671 0 .419-.143.748-.426.978-.211.173-.46.262-.731.262-.086 0-.174-.009-.264-.027l-.005-.002c-2.544-.548-4.683-1.852-6.356-3.878C1.749 17.085.899 14.687.899 11.986c0-2.682.849-5.074 2.524-7.111C5.096 2.839 7.245 1.539 9.81 1.01c.377-.074.723.012 1.003.253.279.241.42.564.42.96a.95.95 0 0 1-.266.663 1.386 1.386 0 0 1-.532.364c-2.111.437-3.841 1.47-5.188 3.084Zm15.057 2.264c.22.532.388 1.101.501 1.702.053.24.181.442.379.6.198.158.42.238.661.238.418 0 .752-.147.994-.439.241-.294.316-.65.217-1.021a14.191 14.191 0 0 0-.616-1.965 11.005 11.005 0 0 0-.951-1.87 1.207 1.207 0 0 0-.906-.545c-.385-.04-.725.1-.989.388-.163.164-.26.38-.287.643-.025.258.028.495.163.712.334.499.614 1.023.834 1.557Zm-2.591 10.628a1.264 1.264 0 0 0-.725.186 6.906 6.906 0 0 1-1.513.84 9.32 9.32 0 0 1-1.714.489c-.21.053-.404.173-.577.359a.974.974 0 0 0-.282.679c0 .415.141.748.42.987.202.176.44.265.698.265.102 0 .208-.014.316-.042a13.837 13.837 0 0 0 1.991-.616c.65-.256 1.286-.584 1.884-.971.33-.203.519-.512.545-.896.025-.377-.111-.716-.403-1.008a.946.946 0 0 0-.64-.273Zm.502-16.654a11.125 11.125 0 0 0-1.859-.945 13.886 13.886 0 0 0-1.986-.614 1.075 1.075 0 0 0-1.021.221c-.278.241-.419.564-.419.959 0 .269.1.511.289.701.164.164.345.283.579.368.591.129 1.163.308 1.701.53a8.994 8.994 0 0 1 1.556.834l.007.005a1.065 1.065 0 0 0 .694.159c.243-.026.458-.117.655-.287.296-.296.426-.639.387-1.017-.037-.376-.238-.692-.583-.914Zm3.63 10.263c-.245 0-.471.087-.67.259a1.121 1.121 0 0 0-.371.617 8.618 8.618 0 0 1-.499 1.692c-.22.532-.5 1.045-.824 1.514a.988.988 0 0 0-.202.715c.027.251.134.471.316.654.263.262.559.395.882.395a1.16 1.16 0 0 0 .992-.533 12.19 12.19 0 0 0 .957-1.841c.262-.634.475-1.303.633-1.994a1.22 1.22 0 0 0-.226-1.015c-.228-.304-.57-.464-.987-.464Z"/></svg>');
}
.swal2-customIcon-upload::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%2312b34b" d="m11.059 10.092-.54.54a.872.872 0 0 1-.675.27.928.928 0 0 1-.645-.27.925.925 0 0 1-.278-.66.873.873 0 0 1 .263-.66l2.16-2.16a.893.893 0 0 1 .308-.203.956.956 0 0 1 .705 0 .89.89 0 0 1 .307.203l2.16 2.16c.17.17.255.39.255.66s-.085.49-.255.66c-.19.18-.415.27-.675.27s-.48-.09-.66-.27l-.54-.54v6.08c0 .26-.092.482-.277.667s-.408.278-.668.278-.482-.093-.667-.278a.91.91 0 0 1-.278-.667v-6.08Z"/></svg>');
  -webkit-animation: icon-upload-arrow-swal2 0.75s ease-out both;
          animation: icon-upload-arrow-swal2 0.75s ease-out both;
}
.swal2-popup.swal2-toast .swal2-customIcon-upload::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%23fff" d="m11.059 10.092-.54.54a.872.872 0 0 1-.675.27.928.928 0 0 1-.645-.27.925.925 0 0 1-.278-.66.873.873 0 0 1 .263-.66l2.16-2.16a.893.893 0 0 1 .308-.203.956.956 0 0 1 .705 0 .89.89 0 0 1 .307.203l2.16 2.16c.17.17.255.39.255.66s-.085.49-.255.66c-.19.18-.415.27-.675.27s-.48-.09-.66-.27l-.54-.54v6.08c0 .26-.092.482-.277.667s-.408.278-.668.278-.482-.093-.667-.278a.91.91 0 0 1-.278-.667v-6.08Z"/></svg>');
}
.swal2-image {
  margin-top: 15px;
}
.swal2-title {
  padding: 15px 15px 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
}
.swal2-popup.swal2-toast .swal2-title {
  display: flex !important;
  align-items: center;
  margin: 5px 0 0;
  font-weight: 400;
}
.swal2-popup.swal2-toast .swal2-title:empty {
  display: none !important;
}
.swal2-html-container {
  margin: 15px 15px 0;
  font-size: inherit;
}
.swal2-popup.swal2-toast .swal2-html-container {
  display: flex !important;
  justify-content: stretch;
  align-items: center;
  margin: 5px 0 0;
  font-size: 1.4rem;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  display: none !important;
}
.swal2-input, .swal2-range, .swal2-file, .swal2-select, .swal2-textarea {
  margin: 15px 15px 0;
  width: auto !important;
  height: auto;
}
.swal2-popup.swal2-toast .swal2-input, .swal2-popup.swal2-toast .swal2-range, .swal2-popup.swal2-toast .swal2-file, .swal2-popup.swal2-toast .swal2-select, .swal2-popup.swal2-toast .swal2-textarea {
  margin-right: 0;
  margin-left: 0;
}
.swal2-input-label {
  margin-top: 15px;
  padding: 0 15px;
}
.swal2-range {
  align-items: center;
}
.swal2-radio, .swal2-checkbox {
  background-color: transparent;
  line-height: 1.6;
}
.swal2-popup.swal2-toast .swal2-radio, .swal2-popup.swal2-toast .swal2-checkbox {
  margin-right: 0;
  margin-left: 0;
}
.swal2-radio input, .swal2-checkbox input {
  margin-left: 0;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swal2-radio input:checked, .swal2-checkbox input:checked {
  border-color: #12b34b;
  background-color: #12b34b;
}
.swal2-radio input:focus, .swal2-checkbox input:focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.swal2-radio {
  margin-right: 5px;
  margin-left: 5px;
}
.swal2-radio label {
  cursor: pointer;
  display: flex;
  margin-right: 10px;
  margin-left: 10px;
  font-size: inherit;
}
.swal2-radio input[type=radio] {
  border-radius: 50%;
}
.swal2-radio input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.swal2-checkbox {
  cursor: pointer;
  display: flex;
  margin-right: 15px;
  margin-left: 15px;
  font-size: inherit;
}
.swal2-checkbox input[type=checkbox] {
  outline: none;
  border-radius: 0.25em;
}
.swal2-checkbox input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.swal2-validation-message {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #212529;
  line-height: 1.4;
}
.swal2-validation-message::before {
  flex-shrink: 0;
  margin-left: 0;
}
.swal2-actions {
  flex-direction: row-reverse;
  margin-top: 22.5px;
  margin-bottom: -10px;
  padding: 0 10px 5px;
  width: 100%;
}
.swal2-popup.swal2-toast .swal2-actions {
  margin: 10px -5px -10px;
  padding: 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: none;
}
.swal2-loader {
  border-color: #12b34b #12b34b #12b34b transparent;
}
.swal2-styled {
  margin: 0 5px 10px;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0 5px 10px;
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel {
  flex: 1 1 130px;
  padding: 0.5em 0.75em;
  border-width: 1px;
  border-style: solid;
  min-width: auto;
  white-space: nowrap;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.swal2-styled.swal2-confirm.is-disabled, .swal2-styled.swal2-confirm:disabled, .swal2-styled.swal2-deny.is-disabled, .swal2-styled.swal2-deny:disabled, .swal2-styled.swal2-cancel.is-disabled, .swal2-styled.swal2-cancel:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.swal2-styled.swal2-confirm {
  border-color: #12b34b;
  background-color: #12b34b;
  color: #fff;
}
.swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm:focus {
  border-color: #109c46;
  background-color: #109c46;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 0.3rem rgba(18, 179, 75, 0.2);
}
.swal2-styled.swal2-deny {
  border-color: #6b7681;
  background-color: #6b7681;
  color: #fff;
}
.swal2-styled.swal2-deny:hover, .swal2-styled.swal2-deny:focus {
  border-color: #5b646e;
  background-color: #5b646e;
}
.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 0.3rem rgba(107, 118, 129, 0.2);
}
.swal2-styled.swal2-cancel {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.swal2-styled.swal2-cancel:not(.active):hover, .swal2-styled.swal2-cancel:not(.active):focus {
  border-color: #9ea8b1;
  background-color: #ecf0f4;
  color: #212529;
}
.swal2-styled.swal2-cancel:not(.active):focus {
  box-shadow: 0 0 0 0.3rem rgba(158, 168, 177, 0.2);
}
.swal2-popup.swal2-toast .swal2-styled.swal2-cancel {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.swal2-popup.swal2-toast .swal2-styled.swal2-cancel:hover, .swal2-popup.swal2-toast .swal2-styled.swal2-cancel:focus {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.swal2-popup.swal2-toast .swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 255, 255, 0.2);
}
.swal2-styled.swal2-danger {
  border-color: #e53935;
  background-color: #e53935;
  color: #fff;
}
.swal2-styled.swal2-danger:hover, .swal2-styled.swal2-danger:focus {
  border-color: #c3302d;
  background-color: #c3302d;
}
.swal2-styled.swal2-danger:focus {
  box-shadow: 0 0 0 0.3rem rgba(229, 57, 53, 0.2);
}
.swal2-footer {
  margin-top: 10px;
  padding: 10px 15px 0;
  font-size: 1.2rem;
}
.swal2-timer-progress-bar {
  background: #12b34b;
}
@-webkit-keyframes toast-show {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes toast-show {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes toast-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes toast-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.swal2-animation-toastShow {
  -webkit-animation: toast-show 0.25s ease-in-out;
          animation: toast-show 0.25s ease-in-out;
}
.swal2-animation-toastHide {
  -webkit-animation: toast-hide 0.15s;
          animation: toast-hide 0.15s;
}

.table-active, .table-active > td:not(.tableResponsive-item-header) {
  box-shadow: inset 0 0 0 9999px var(--bs-table-active-bg) !important;
}
.table thead tr th,
.table thead tr td,
.table tbody tr th,
.table tbody tr td,
.table tfoot tr th,
.table tfoot tr td {
  line-height: 1.6;
}
.table thead tr th .mdi,
.table thead tr td .mdi,
.table tbody tr th .mdi,
.table tbody tr td .mdi,
.table tfoot tr th .mdi,
.table tfoot tr td .mdi {
  font-size: 1.2em;
  line-height: 1;
  vertical-align: middle;
}
.table thead tr th,
.table tbody tr th,
.table tfoot tr th {
  background-color: #e2fae8;
  font-weight: 400;
}
.table-text-center tr th,
.table-text-center tr td {
  text-align: center;
}
.table-align-middle tr th,
.table-align-middle tr td {
  vertical-align: middle;
}
.table-fixed {
  table-layout: fixed;
}
.table-guide {
  border-bottom: 1px solid #c9cfd6;
}
.table-guide > tbody > tr > th,
.table-guide > tbody > tr > td {
  border-bottom: none;
  background-color: #fff;
  vertical-align: middle;
}
.table-guide > tbody > tr > th {
  width: 20%;
  min-width: 10em;
  font-weight: 700;
}
.table-clickable {
  padding: 0 !important;
  height: 100%;
}
.table-link {
  outline: none;
  display: flex;
  align-items: center;
  position: relative;
  padding: 1rem 1rem;
  border: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #2962ff;
  text-align: left;
}
.table-link::after {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  font-size: 1.2em !important;
}
.table-link-detail, .table-link-edit {
  padding-right: calc(1rem + 1.2em);
}
.table-link-detail::after {
  content: "\f224";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-link-edit::after {
  content: "\f3eb";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-link-inputDate {
  line-height: 1.2;
}
.table-link-inputDate::before {
  content: "\f0ef";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
  font-size: 1.2em;
}
.table-link-photoLibrary::before, .table-link-photoLibraryPublic::before, .table-link-photoLibraryPicture::before, .table-link-photoLibraryMovie::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  margin-right: 0.25em;
  width: 1.6em;
  height: 1.6em;
  background: center center/contain no-repeat;
  vertical-align: middle;
}
.table-link-photoLibrary::before {
  background-image: url("/ex/images/common/icon-photo-library.svg");
}
.table-link-photoLibraryPublic::before {
  background-image: url("/ex/images/common/icon-photo-library-public.svg");
}
.table-link-photoLibraryPicture::before {
  background-image: url("/ex/images/common/icon-photo-library-picture.svg");
}
.table-link-photoLibraryMovie::before {
  background-image: url("/ex/images/common/icon-photo-library-movie.svg");
}
.table-indent2 {
  padding-left: 2.4rem !important;
}
.table-indent3 {
  padding-left: 3.8rem !important;
}
.table-indent4 {
  padding-left: 5.2rem !important;
}
.table-indent5 {
  padding-left: 6.6rem !important;
}
.table-indent6 {
  padding-left: 8rem !important;
}
.table-indentCheckbox2 {
  padding-left: 4.5rem !important;
}
.table-indentCheckbox3 {
  padding-left: 8rem !important;
}
.table-indentCheckbox4 {
  padding-left: 11.5rem !important;
}
.table-indentCheckbox5 {
  padding-left: 15rem !important;
}
.table-indentCheckbox6 {
  padding-left: 18.5rem !important;
}
.table-photoLibrary > thead > tr > th,
.table-photoLibrary > thead > tr > td,
.table-photoLibrary > tbody > tr > th,
.table-photoLibrary > tbody > tr > td {
  display: none;
}
.table-photoLibrary > thead > tr > th.essential,
.table-photoLibrary > thead > tr > td.essential,
.table-photoLibrary > tbody > tr > th.essential,
.table-photoLibrary > tbody > tr > td.essential {
  display: table-cell;
}
.table-responsive::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.table-responsive::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #c9cfd6;
}
.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #c9cfd6;
  background-color: #9ea8b1;
}
.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: #9ea8b1 #c9cfd6;
}
.table-responsive-heightVisibleBtnFooter {
  max-height: calc(100vh - 100px);
}
.table-responsive-stickyCol1 .table {
  border-collapse: separate;
  border-spacing: 0;
}
.table-responsive-stickyCol1 .table thead tr th:first-child,
.table-responsive-stickyCol1 .table thead tr td:first-child,
.table-responsive-stickyCol1 .table tbody tr th:first-child,
.table-responsive-stickyCol1 .table tbody tr td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.table-responsive-stickyCol1 .table thead tr th:first-child::after,
.table-responsive-stickyCol1 .table thead tr td:first-child::after,
.table-responsive-stickyCol1 .table tbody tr th:first-child::after,
.table-responsive-stickyCol1 .table tbody tr td:first-child::after {
  left: -1px;
  border: 1px solid #c9cfd6;
  width: calc(100% + 1px);
}
.table-responsive-stickyCol1 .table thead tr th:first-child {
  z-index: 1022;
}
.table-responsive-stickyCol1 .table tbody tr td:first-child {
  z-index: 1021;
  background-color: inherit;
}
.table-responsive-stickyCol1 .table tbody tr td:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  border-left: 1px solid #c9cfd6;
  width: calc(100% + 1px);
  height: calc(100% + 2px);
  pointer-events: none;
}
.table-responsive-StickyRow1 {
  max-height: calc(100vh - 20px);
}
.table-saleThumbnail img {
  width: 86.25px;
  height: 57.5px;
  background: center center/cover no-repeat;
}

.table-primary {
  --bs-table-hover-bg: #d3f4dd;
  --bs-table-active-bg: #cbf2d6;
}

.table-secondary {
  --bs-table-hover-bg: #d9dfe5;
  --bs-table-active-bg: #d3dae1;
}

.table-success {
  --bs-table-hover-bg: #c3e5e2;
  --bs-table-active-bg: #bce2de;
}

.table-info {
  --bs-table-hover-bg: #c8dff5;
  --bs-table-active-bg: #c0daf4;
}

.table-warning {
  --bs-table-hover-bg: #ffeec1;
  --bs-table-active-bg: #ffecb7;
}

.table-danger {
  --bs-table-hover-bg: #fbd0d3;
  --bs-table-active-bg: #fbc6cb;
}

.table-light {
  --bs-table-hover-bg: #e6ebf0;
  --bs-table-active-bg: #dfe6ed;
}

.table-dark {
  --bs-table-hover-bg: #222a32;
  --bs-table-active-bg: #1e252c;
}

.tablePagination {
  align-items: center;
  margin-top: 20px;
}
.tablePagination-limit {
  margin: 0 0 1em auto;
  width: 150px;
}

.tablePhotoDetail {
  width: 100%;
  color: #212529;
  height: auto;
}
.tablePhotoDetail > tbody > tr > td .form-switch {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  min-height: 32px;
  line-height: 1.2;
}
.tablePhotoDetail > tbody > tr > td .form-switch .form-check-input {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.tablePhotoDetail > tbody > tr > td .form-switch .form-check-label {
  display: none;
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.tablePhotoDetail-form .tablePhotoDetail-item[data-item-title]::before {
  display: block;
  margin-right: 0;
  margin-bottom: 0.25em;
  color: #212529;
}
.tablePhotoDetail-item-img {
  width: calc(150px + 2rem);
}
.tablePhotoDetail-item-utility {
  text-align: center;
}
.tablePhotoDetail-btn {
  display: inline-flex;
  align-items: center;
}
.tablePhotoDetail-link, .tablePhotoDetail-thumbnail {
  width: 150px;
  height: 150px;
  background-color: #ecf0f4;
}
.tablePhotoDetail-link {
  display: block;
  position: relative;
}
.tablePhotoDetail-link::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  background-color: #fff;
  content: "\f6ec";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6b7681;
  bottom: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  font-size: 14px;
}
.tablePhotoDetail-img {
  width: 150px;
  height: auto;
  background: center center/contain no-repeat;
}
.tablePhotoDetail-img-goods {
  background-size: 120px;
}
.tablePhotoDetail-img-goods {
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-img-goods[data-color-file-name="vermilion.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-img-goods[data-color-file-name="orange.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-img-goods[data-color-file-name="marigold.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-img-goods[data-color-file-name="yellow.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-img-goods[data-color-file-name="gold-ocher.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-img-goods[data-color-file-name="pink.png"] {
  filter: saturate(1.3) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-img-goods[data-color-file-name="light-pink.png"] {
  filter: saturate(1.3) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoDetail-label {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 0.225em 0.65em;
  border: 1px solid;
  border-radius: 3em;
  height: 20px;
  font-size: 1.1rem;
  line-height: 1.1;
}
.tablePhotoDetail-label-trimming {
  border-color: #9ea8b1;
  background-color: #fff;
  color: #212529;
}
.tablePhotoDetail-label-trimming::before {
  content: "\f19e";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  transform: scale(1.2);
  margin-right: 0.25em;
}

.tablePhotoList {
  height: auto;
}
.tablePhotoList-thumbnail {
  border: none;
  width: calc(100% - 1px);
  background-color: transparent;
}
.tablePhotoList-list {
  border-top: 1px solid #c9cfd6;
  border-right: 1px solid #c9cfd6;
  border-left: 1px solid #c9cfd6;
  background-color: #fff;
}
.tablePhotoList-thumbnail .tablePhotoList-header {
  display: none;
}
.tablePhotoList-thumbnail .tablePhotoList-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.tablePhotoList-row {
  transition: background-color 0.3s;
}
.tablePhotoList-row:hover {
  background-color: #ecf0f4 !important;
}
.tablePhotoList-row.table-active {
  background-color: #d7dce2 !important;
}
.tablePhotoList-thumbnail .tablePhotoList-row {
  display: flex;
  flex-direction: column;
  margin-right: -1px;
  margin-bottom: -1px;
  border: 1px solid #c9cfd6;
  background-color: #fff;
}
.tablePhotoList-list .tablePhotoList-row {
  border-bottom: 1px solid #c9cfd6;
}
.tablePhotoList-thumbnail .tablePhotoList-item {
  display: none;
}
.tablePhotoList-thumbnail .tablePhotoList-item-check {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  order: -1;
  padding-top: 0;
}
.tablePhotoList-list .tablePhotoList-item-check {
  width: calc(2rem + 2rem);
}
.tablePhotoList-list .tablePhotoList-item-check .form-check {
  margin-bottom: 0;
  padding-left: 0;
  min-height: auto;
}
.tablePhotoList-list .tablePhotoList-item-check .form-check-input {
  float: none;
  margin-left: 0;
}
.tablePhotoList-list .tablePhotoList-item-check .form-check-label {
  display: none;
}
.tablePhotoList-thumbnail .tablePhotoList-item-img {
  display: block;
  flex-shrink: 0;
  order: -2;
}
.tablePhotoList-list .tablePhotoList-item-img {
  width: calc(150px + 2rem);
}
.tablePhotoList-list.tablePhotoList-listImgHidden .tablePhotoList-item-img {
  display: none !important;
}
.tablePhotoList-thumbnail .tablePhotoList-item-btn, .tablePhotoList-thumbnail .tablePhotoList-item-privatePhoto {
  display: block;
  padding-top: 0;
}
.tablePhotoList-thumbnail .tablePhotoList-item-btn {
  width: auto !important;
}
.tablePhotoList-thumbnail .tablePhotoList-item-btn:empty {
  display: none;
}
.tablePhotoList-thumbnail .tablePhotoList-item-btn .btn {
  width: 100%;
}
.tablePhotoList-thumbnail .tablePhotoList-item-notes:not(:empty) {
  display: block;
  padding-top: 0;
}
.tablePhotoList-link, .tablePhotoList-imgWrapper {
  position: relative;
  background-color: #ecf0f4;
  transition: background-color 0.3s;
}
.tablePhotoList-row.table-active .tablePhotoList-link, .tablePhotoList-row.table-active .tablePhotoList-imgWrapper {
  background-color: #fff;
}
.tablePhotoList-row:hover .tablePhotoList-link, .tablePhotoList-row:hover .tablePhotoList-imgWrapper {
  background-color: #fff;
}
.tablePhotoList-thumbnail .tablePhotoList-link, .tablePhotoList-thumbnail .tablePhotoList-imgWrapper {
  width: 100%;
}
.tablePhotoList-list .tablePhotoList-link, .tablePhotoList-list .tablePhotoList-imgWrapper {
  width: 150px;
  height: 150px;
}
.tablePhotoList-link {
  display: block;
}
.tablePhotoList-link::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 1px solid #c9cfd6;
  border-radius: 50%;
  background-color: #fff;
  content: "\f6ec";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6b7681;
  bottom: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  font-size: 14px;
}
.tablePhotoList-img {
  width: 100%;
  height: auto;
  background: center center/contain no-repeat;
}
.tablePhotoList-img-goods {
  background-size: 120px;
}
.tablePhotoList-img-goods {
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-img-goods[data-color-file-name="vermilion.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-img-goods[data-color-file-name="orange.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-img-goods[data-color-file-name="marigold.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-img-goods[data-color-file-name="yellow.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-img-goods[data-color-file-name="gold-ocher.png"] {
  filter: hue-rotate(-10deg) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-img-goods[data-color-file-name="pink.png"] {
  filter: saturate(1.3) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-img-goods[data-color-file-name="light-pink.png"] {
  filter: saturate(1.3) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}
.tablePhotoList-privatePhoto {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tablePhotoList-thumbnail .tablePhotoList-privatePhoto .badge {
  flex-shrink: 1;
  min-width: 63px;
}
.tablePhotoList-privatePhoto .btn {
  flex-shrink: 0;
}

.tableResponsive {
  height: auto;
}
.tableResponsive-sm {
  width: 100%;
  color: #212529;
}
.tableResponsive-sm > tbody > tr > td .form-switch {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  min-height: 32px;
  line-height: 1.2;
}
.tableResponsive-sm > tbody > tr > td .form-switch .form-check-input {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.tableResponsive-sm > tbody > tr > td .form-switch .form-check-label {
  display: none;
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.tableResponsive-md {
  width: 100%;
  color: #212529;
}
.tableResponsive-md > tbody > tr > td .form-switch {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  min-height: 32px;
  line-height: 1.2;
}
.tableResponsive-md > tbody > tr > td .form-switch .form-check-input {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.tableResponsive-md > tbody > tr > td .form-switch .form-check-label {
  display: none;
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.tableResponsive-lg {
  width: 100%;
  color: #212529;
}
.tableResponsive-lg > tbody > tr > td .form-switch {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  min-height: 32px;
  line-height: 1.2;
}
.tableResponsive-lg > tbody > tr > td .form-switch .form-check-input {
  float: none;
  margin-top: 0;
  margin-left: 0;
}
.tableResponsive-lg > tbody > tr > td .form-switch .form-check-label {
  display: none;
  margin-left: 0.5em;
  font-size: 1.4rem;
}
.tableResponsive-header {
  color: #212529;
}
.tableResponsive-row {
  border-bottom: 1px solid #c9cfd6;
}
.tableResponsive-row.selected {
  background-color: #d7dce2;
}
.tableResponsive-item-header {
  font-weight: 400;
}
.tableResponsive-row.selected .tableResponsive-item-header {
  position: relative;
  padding-left: calc(10px + 1.2em + 0.25em) !important;
}
.tableResponsive-row.selected .tableResponsive-item-header::before {
  content: "\f12c";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #12b34b;
}
.tableResponsive-item-utility, .tableResponsive-item-delete {
  text-align: center;
}
.tableResponsive-btn {
  display: inline-flex;
  align-items: center;
}
.tableResponsiveCompare {
  height: auto;
  background-color: transparent;
  table-layout: fixed;
}
.tableResponsiveCompare-header {
  color: #212529;
}
.tableResponsiveCompare-row {
  border-bottom: 1px solid #c9cfd6;
}
.tableResponsiveCompare-item:first-child {
  width: 20%;
}
.tableResponsiveCompare-item:not(:first-child) {
  width: 40%;
}
.tableResponsiveCompare-tabHeader {
  border: none;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-header {
  color: #fff;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-body {
  border-right: 1px solid #c9cfd6;
  border-left: 1px solid #c9cfd6;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-item {
  position: static !important;
  padding: 0.75rem;
  border-radius: 1rem 1rem 0 0;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-item::after {
  display: none !important;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-item-original {
  border-right: solid 3px #ecf0f4;
  background-color: #12b34b !important;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-item-original .badge {
  border-color: #12b34b;
  background-color: #fff;
  color: #12b34b;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-item-compare {
  border-left: solid 3px #ecf0f4;
  background-color: #6b7681 !important;
}
.tableResponsiveCompare-tabHeader .tableResponsiveCompare-item-compare .badge {
  border-color: #6b7681;
  background-color: #fff;
  color: #6b7681;
}
.tableResponsiveCompare-tabHeaderText {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.25rem;
}

.tableSorter thead th button,
.ex-list-sorter thead th button,
.ex-sequence-table thead th button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
}

.tableSorter-clickable {
  padding: 0 !important;
}
.tableSorter-title {
  display: flex;
  align-items: center;
  padding: 1rem 1rem !important;
  width: 100%;
  height: 100%;
  color: #109c46;
}
.text-center .tableSorter-title {
  justify-content: center;
  text-align: center;
}
.text-end .tableSorter-title {
  justify-content: end;
  text-align: right;
}
.device-pc .th-order .tableSorter-title::before {
  content: "\f111";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  order: 2;
  margin-left: 0.25em;
  font-size: 1.2em !important;
}
.device-pc .tableSorter-title-asc::after, .device-pc .tableSorter-title-desc::after {
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  order: 3;
  margin-left: 0.25em;
  font-size: 1.2em !important;
}
.tableSorter-title-asc::after {
  content: "\f05d";
}
.tableSorter-title-desc::after {
  content: "\f045";
}
.tableUtility {
  display: flex;
  align-items: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1021;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 60px;
  background-color: #ecf0f4;
  gap: 1rem;
}
.tableUtility > .title {
  margin-right: auto;
  margin-bottom: 0;
}
.tableUtility > .title-md {
  line-height: 1.4;
}
.modal-body .tableUtility {
  top: -1.5rem;
  background-color: #fff;
}
.tableUtility-wrap {
  flex-wrap: wrap;
  position: static;
  height: auto;
}
.tableUtility-wrap:has(.tableUtility-rightBtn) {
  justify-content: end;
}
.tableUtility-rightBtn {
  margin-left: auto;
}
.tableUtility-rightBtn + .exToggleDisplayTableCellMenu {
  margin-left: 0;
}
.table-responsive .tableUtility {
  left: 0;
  z-index: 1023;
}
.tableUtility-search {
  width: 100%;
  max-width: 560px;
}
.detail-header + .detail-body > .tableUtility {
  margin-top: -10px;
}

.title {
  margin-bottom: 0.5em;
}
.title + .title {
  margin-top: 0 !important;
}
:not(input[type=hidden]) + .title-xs {
  margin-top: 20px;
}
:not(input[type=hidden]) + .title-sm {
  margin-top: 20px;
}
.title-cmsLg, .title-cmsMd, .title-cmsSm {
  margin-bottom: 1em;
}
* + .title-cmsLg, * + .title-cmsMd, * + .title-cmsSm {
  margin-top: 20px;
}

.tooltip-image {
  background: center center/contain no-repeat;
}
.tooltip-image-wrapper {
  position: fixed;
  z-index: 1030;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35);
  padding: 8px;
  border: 1px solid #c9cfd6;
  border-radius: 4px;
  background-color: #fff;
}

.tooltipster-sidetip .tooltipster-content {
  padding: 0.5em 0.75em;
  font-size: 1.4rem;
  line-height: 1.6;
}
.ui-menu {
  overflow-y: auto;
  border-color: #bbc2ca;
  border-radius: 0.5rem;
  max-height: 40vh;
  font-family: inherit;
  font-size: 1.6rem;
  color: #212529;
  line-height: 1.4;
}
.ui-menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.ui-menu::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: #fff;
}
.ui-menu::-webkit-scrollbar-thumb {
  border-radius: 1em;
  border: 2px solid #fff;
  background-color: #d7dce2;
}
.ui-menu {
  scrollbar-width: thin;
  scrollbar-color: #d7dce2 #fff;
}
.ui-menu .ui-menu-item-wrapper {
  padding: 0.75rem 1rem;
}
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper:focus {
  background-color: #e5e9ee;
}

.ui-sortable-handle td {
  cursor: move;
}
.ui-sortable-helper {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);
  border-top: 1px solid #c9cfd6;
  border-right: 1px solid #c9cfd6;
  border-bottom: 1px solid #c9cfd6;
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.ui-sortable-helper td {
  padding: 1rem 1rem !important;
}
.valid-feedback {
  display: block;
  color: #e53935;
}

.valid-feedback,
.invalid-feedback {
  display: block;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes show-scale-up {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes show-scale-up {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes blink-white {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #fef6e7;
  }
}
@keyframes blink-white {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #fef6e7;
  }
}
@-webkit-keyframes btn-circle-wave {
  0% {
    transform: scale(0.95);
    opacity: 1;
  }
  90% {
    opacity: 0.1;
  }
  to {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes btn-circle-wave {
  0% {
    transform: scale(0.95);
    opacity: 1;
  }
  90% {
    opacity: 0.1;
  }
  to {
    transform: scale(1.2);
    opacity: 0;
  }
}
.piczoom {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1062;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.piczoom-header {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 60px;
}
.piczoom-information {
  display: flex;
  align-items: center;
  padding-left: 15px;
  width: calc(100% - 60px);
  color: #fff;
  line-height: 1.4;
}
.piczoom-informationText {
  position: relative;
  padding-left: calc(1.2em + 0.25em);
}
.piczoom-informationText::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  background: url("/ex/images/common/icon-warning.svg") center center/contain no-repeat;
}
.piczoom-close {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  opacity: 0.85;
  padding-top: 32px;
  width: 60px;
  height: 60px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") top 35% left 50%/16px auto no-repeat;
  font-size: 1rem;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  transition: opacity 0.15s ease-out;
  pointer-events: auto;
}
.piczoom-close:hover, .piczoom-close:focus {
  opacity: 1;
}
.piczoom-body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 95px;
  height: 100%;
}
.piczoom-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 53px;
  width: 100%;
}
.piczoom-imgWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.piczoom-imgWrapper .canvas-container {
  pointer-events: auto;
}
.piczoom-btn {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid;
  border-radius: 4px;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  vertical-align: bottom;
  border-color: #fff;
  color: #fff;
  position: absolute;
  bottom: 0;
  padding: 0.4em 0.75em;
  max-width: calc(50% - 20px);
  min-height: 38px;
  font-size: 1.6rem;
  color: #fff;
  transition: background-color 0.3s;
  pointer-events: auto;
}
.piczoom-btn:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}
.piczoom-btn:hover, .piczoom-btn:focus {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.piczoom-btn.is-disabled, .piczoom-btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.piczoom-btn::before {
  font-size: 1.2em;
}
.piczoom-btn-prev {
  left: 15px;
}
.piczoom-btn-prev::before {
  content: "\f04d";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
}
.piczoom-btn-next {
  flex-direction: row-reverse;
  right: 15px;
}
.piczoom-btn-next::before {
  content: "\f054";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.25em;
}
.piczoom-btn-copyright {
  left: 50%;
  transform: translateX(-50%);
}
.piczoom-help {
  position: absolute;
  right: 0;
  bottom: -3em;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
}
.piczoom-helpLink {
  color: #fff;
  text-decoration: underline;
  pointer-events: auto;
}
.piczoom-helpLink::before {
  content: "\f625";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.25em;
  font-size: 1.2em;
  vertical-align: middle;
}
.piczoom-helpLink:hover, .piczoom-helpLink:focus {
  color: #fff;
  text-decoration: none;
}
.piczoom-hint {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 1.4;
  text-align: center;
  pointer-events: none;
}
.piczoom-hint-sp {
  border-radius: 5px;
  min-width: 140px;
  font-size: 1.2rem;
}
.piczoom-hint-pc {
  border-radius: 8px;
  min-width: 160px;
  font-size: 1.4rem;
}
.piczoom-hintText {
  margin-top: 0.5em;
}
.piczoom-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 15px;
  width: 100%;
  height: 95px;
  color: #fff;
}
.piczoom-ui {
  width: 100%;
  text-align: center;
}
.piczoom-ui > * {
  pointer-events: auto;
}
.piczoom-photoName {
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.piczoom-photoBtnWrapper {
  display: flex;
  justify-content: center;
  gap: 5px;
}
* + .piczoom-photoBtnWrapper {
  margin-top: 10px;
}
.piczoom-photoBtnWrapper .btn {
  width: 100%;
  max-width: 240px;
  font-size: 1.6rem;
}
.piczoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1061;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}

.bannerInfoText-sm {
  position: relative;
  transform: scale(0.5);
  transform-origin: 0 0;
  margin-bottom: -80px;
  width: 400px;
  height: 160px;
}
.bannerInfoText-sm::before {
  content: "";
  display: block;
  padding-top: 40%;
}
.bannerInfoText-lg {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  width: 100%;
  max-width: none;
  pointer-events: auto;
}
.bannerInfoText-sm .bannerInfoText-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2%;
  min-height: 100px;
}
.bannerInfoText-lg .bannerInfoText-content {
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  width: 100%;
  max-width: 300px;
}
.bannerInfoText-text {
  color: #fff;
  text-align: center;
}
.bg-theme-main-yellow .bannerInfoText-text {
  color: #3d4750;
}
.bannerInfoText-sm .bannerInfoText-text {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  margin: auto 0;
  padding: 2%;
  border: 2px solid #fff;
  width: 100%;
  height: 100%;
}
.bannerInfoText-lg .bannerInfoText-text {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 25px;
  width: 100%;
}
.bannerInfoText-lg .bannerInfoText-imgContainer {
  width: 100%;
  max-width: 300px;
  height: 300px;
}
.bannerInfoText-img {
  border-radius: 15px 15px 0 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bannerInfoText-title {
  font-weight: 700;
}
.bannerInfoText-lg .bannerInfoText-title {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  line-height: 1.5;
}
.bannerInfoText-sm .bannerInfoText-title {
  padding-bottom: 2%;
  border-bottom: 2px solid #fff;
  font-size: 1.7rem;
  line-height: 1.2;
}
.bannerInfoText-lg .bannerInfoText-subTitle {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.bannerInfoText-sm .bannerInfoText-body {
  font-size: 1.4rem;
  line-height: 1.6;
}
.bannerInfoText-lg .bannerInfoText-body {
  font-size: 1.2rem;
}
.bannerInfoText-lg .bannerInfoText-footer {
  margin-top: 1.25rem;
}
.bannerInfoText-linkBtn {
  border: none;
  border-radius: 100vh;
  min-width: auto !important;
  background-color: #fff;
}
.bannerInfoText-sm .bannerInfoText-linkBtn {
  padding: 3px 16px 3px 20px;
  width: auto;
  min-height: 22px;
}
.bannerInfoText-lg .bannerInfoText-linkBtn {
  padding: 8px 20px 8px 24px;
}
.bannerInfoText-lg .bannerInfoText-linkBtn:hover .mdi::before, .bannerInfoText-lg .bannerInfoText-linkBtn:focus .mdi::before {
  transform: translateX(4px) scale(1.2);
}
.bannerInfoText-linkText {
  font-size: 1.2rem;
  font-weight: 700;
  color: #3d4750;
}
.bannerInfoText-linkText .mdi {
  margin: 0 0 0 0.5rem;
}
.bannerInfoText-lg .bannerInfoText-linkText .mdi::before {
  transition: transform 0.3s;
}
.bannerInfoText-lg .bannerInfoText-closeBtn {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  position: absolute;
  top: -10px;
  right: -10px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 100vh;
  width: 30px;
  height: 30px;
  background-color: #fff;
  text-align: center;
}
.bannerInfoText-lg .bannerInfoText-closeBtn::before {
  content: "\f156";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6c757d;
}
.bannerInfoText-shrink {
  display: block;
  padding: 0;
  pointer-events: none;
}
td.text-center .bannerInfoText-shrink {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bannerInfoText-shrink .bannerInfoText-closeBtn {
  display: none;
}
.bannerInfoText-shrink.bannerInfoText-sm {
  transform: scale(0.25);
  transform-origin: 0 50%;
  margin: -60px -300px -60px 0;
}
.bannerInfoText-shrink.bannerInfoText-lg .bannerInfoText-content {
  display: flex;
  flex-direction: row-reverse;
  transform: scale(0.2);
  transform-origin: 0 50%;
  margin: -160px -640px -160px 0;
  width: 800px;
  max-width: none;
  min-height: 400px;
}
.bannerInfoText-shrink.bannerInfoText-lg .bannerInfoText-imgContainer {
  width: 400px;
  max-width: none;
  height: 400px;
}
.bannerInfoText-shrink.bannerInfoText-lg .bannerInfoText-img {
  border-radius: 0 15px 15px 0;
}
.bannerInfoText-shrink.bannerInfoText-lg .bannerInfoText-text {
  width: 400px;
}

.bannerInfoImage-lg {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  width: 100%;
  pointer-events: auto;
}
.bannerInfoImage-sm {
  position: relative;
}
.bannerInfoImage-sm::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid var(--color-gray-border);
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.bannerInfoImage-lg .bannerInfoImage-content {
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.bannerInfoImage-link {
  display: block;
}
.bannerInfoImage-lg .bannerInfoImage-closeBtn {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  position: absolute;
  top: -10px;
  right: -10px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 100vh;
  width: 30px;
  height: 30px;
  background-color: #fff;
  text-align: center;
}
.bannerInfoImage-lg .bannerInfoImage-closeBtn::before {
  content: "\f156";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6c757d;
}
.bannerInfoImage-shrink {
  pointer-events: none;
}
.bannerInfoImage-shrink .bannerInfoImage-closeBtn {
  display: none;
}
.bannerInfoImage-shrink .bannerInfoImage-img {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.bannerInfoImage-shrink .bannerInfoImage-content {
  box-shadow: none;
}

.bg-primary-light {
  background-color: #e2fae8 !important;
}
.bg-primary-pale {
  background-color: #f1fdf4 !important;
}
.bg-warning-light {
  background-color: #ffeec1;
}
.bg-gray-light {
  background-color: #dee2e6 !important;
}
.bg-gray-pale {
  background-color: #ecf0f4 !important;
}
.bg-after {
  background-color: #00897b !important;
  color: #fff;
}
.bg-after-light {
  background-color: #e0f2f1 !important;
  color: #212529;
}
.bg-theme-main-red {
  background-color: #f43643;
}
.bg-theme-main-vermilion {
  background-color: #f4511e;
}
.bg-theme-main-orange {
  background-color: #f57c00;
}
.bg-theme-main-yellow {
  background-color: #f9a825;
}
.bg-theme-main-yellow-green {
  background-color: #7cb342;
}
.bg-theme-main-green {
  background-color: #43a047;
}
.bg-theme-main-blue-green {
  background-color: #009688;
}
.bg-theme-main-cyan {
  background-color: #00bcd4;
}
.bg-theme-main-light-blue {
  background-color: #03a9f4;
}
.bg-theme-main-blue {
  background-color: #2c69c8;
}
.bg-theme-main-violet {
  background-color: #7e57c2;
}
.bg-theme-main-purple {
  background-color: #ab47bc;
}
.bg-theme-main-pink {
  background-color: #ec407a;
}
.bg-theme-main-brown {
  background-color: #8d6e63;
}
.bg-theme-main-ocher {
  background-color: #a67f38;
}
.bg-theme-main-gray {
  background-color: #616161;
}
.bg-theme-main-blue-gray {
  background-color: #545f69;
}
.bg-theme-main-black {
  background-color: #262f38;
}
.bg-theme-base-blue-gray {
  background-color: #f3f6fa;
}
.bg-theme-base-gray {
  background-color: #f6f6f6;
}
.bg-theme-base-beige {
  background-color: #f5f1ef;
}
.bg-theme-base-main-red {
  background-color: #fef1f2;
}
.bg-theme-base-main-vermilion {
  background-color: #fef2f0;
}
.bg-theme-base-main-orange {
  background-color: #fef4ef;
}
.bg-theme-base-main-yellow {
  background-color: #fef8f0;
}
.bg-theme-base-main-yellow-green {
  background-color: #f3f7f0;
}
.bg-theme-base-main-green {
  background-color: #eff5ef;
}
.bg-theme-base-main-blue-green {
  background-color: #ebf5f4;
}
.bg-theme-base-main-cyan {
  background-color: #eef9fb;
}
.bg-theme-base-main-light-blue {
  background-color: #eff8fe;
}
.bg-theme-base-main-blue {
  background-color: #f1f3f9;
}
.bg-theme-base-main-violet {
  background-color: #f4f2f9;
}
.bg-theme-base-main-purple {
  background-color: #f7f0f8;
}
.bg-theme-base-main-pink {
  background-color: #fdf1f5;
}
.bg-theme-base-main-brown {
  background-color: #f3f1f1;
}
.bg-theme-base-main-ocher {
  background-color: #f6f3ef;
}
.bg-theme-base-main-gray {
  background-color: #f0f0f0;
}
.bg-theme-base-main-blue-gray {
  background-color: #f3f6fa;
}
.bg-theme-base-main-black {
  background-color: #f3f6fa;
}
.bg-soldCount-0 {
  background-color: #fff;
}
.bg-soldCount-1 {
  background-color: #e2fae8;
}
.bg-soldCount-2 {
  background-color: #b8ecc9;
}
.bg-soldCount-3 {
  background-color: #7ad79a;
}
.bg-soldCount-4 {
  background-color: #3cc16a;
  color: #fff;
}
.bg-soldCount-5 {
  background-color: #12b34b;
  color: #fff;
}

.max-w-none {
  max-width: none !important;
}

.max-w-2em {
  max-width: 2em !important;
}

.max-w-4em {
  max-width: 4em !important;
}

.max-w-6em {
  max-width: 6em !important;
}

.max-w-8em {
  max-width: 8em !important;
}

.max-w-10em {
  max-width: 10em !important;
}

.max-w-12em {
  max-width: 12em !important;
}

.max-w-14em {
  max-width: 14em !important;
}

.max-w-16em {
  max-width: 16em !important;
}

.max-w-18em {
  max-width: 18em !important;
}

.max-w-20em {
  max-width: 20em !important;
}

.max-w-22em {
  max-width: 22em !important;
}

.max-w-24em {
  max-width: 24em !important;
}

.max-w-26em {
  max-width: 26em !important;
}

.max-w-28em {
  max-width: 28em !important;
}

.max-w-30em {
  max-width: 30em !important;
}

.min-w-auto {
  min-width: auto !important;
}

.min-w-2em {
  min-width: 2em !important;
}

.min-w-4em {
  min-width: 4em !important;
}

.min-w-6em {
  min-width: 6em !important;
}

.min-w-8em {
  min-width: 8em !important;
}

.min-w-10em {
  min-width: 10em !important;
}

.min-w-12em {
  min-width: 12em !important;
}

.min-w-14em {
  min-width: 14em !important;
}

.min-w-16em {
  min-width: 16em !important;
}

.min-w-18em {
  min-width: 18em !important;
}

.min-w-20em {
  min-width: 20em !important;
}

.min-w-22em {
  min-width: 22em !important;
}

.min-w-24em {
  min-width: 24em !important;
}

.min-w-26em {
  min-width: 26em !important;
}

.min-w-28em {
  min-width: 28em !important;
}

.min-w-30em {
  min-width: 30em !important;
}

.text-theme-main-red {
  color: #f43643;
}
.text-theme-main-vermilion {
  color: #f4511e;
}
.text-theme-main-orange {
  color: #f57c00;
}
.text-theme-main-yellow {
  color: #f9a825;
}
.text-theme-main-yellow-green {
  color: #7cb342;
}
.text-theme-main-green {
  color: #43a047;
}
.text-theme-main-blue-green {
  color: #009688;
}
.text-theme-main-cyan {
  color: #00bcd4;
}
.text-theme-main-light-blue {
  color: #03a9f4;
}
.text-theme-main-blue {
  color: #2c69c8;
}
.text-theme-main-violet {
  color: #7e57c2;
}
.text-theme-main-purple {
  color: #ab47bc;
}
.text-theme-main-pink {
  color: #ec407a;
}
.text-theme-main-brown {
  color: #8d6e63;
}
.text-theme-main-ocher {
  color: #a67f38;
}
.text-theme-main-gray {
  color: #616161;
}
.text-theme-main-blue-gray {
  color: #545f69;
}
.text-theme-main-black {
  color: #262f38;
}
.text-truncate-line-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.w-2em {
  width: 2em !important;
}

.w-4em {
  width: 4em !important;
}

.w-6em {
  width: 6em !important;
}

.w-8em {
  width: 8em !important;
}

.w-10em {
  width: 10em !important;
}

.w-12em {
  width: 12em !important;
}

.w-14em {
  width: 14em !important;
}

.w-16em {
  width: 16em !important;
}

.w-18em {
  width: 18em !important;
}

.w-20em {
  width: 20em !important;
}

.w-22em {
  width: 22em !important;
}

.w-24em {
  width: 24em !important;
}

.w-26em {
  width: 26em !important;
}

.w-28em {
  width: 28em !important;
}

.w-30em {
  width: 30em !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

@media (min-width: 321px) {
  .tablePhotoList-thumbnail .tablePhotoList-privatePhoto {
    flex-wrap: nowrap;
  }
  .tablePhotoList-list .tablePhotoList-privatePhoto .badge {
    max-width: 90px;
  }
}

@media (min-width: 576px) {
  body::after {
    content: "sm";
  }
  .containerFullScreen-previewCompare-both {
    display: flex;
  }
  .containerFullScreen-previewCompare-both .containerFullScreen-preview {
    width: 50%;
    height: calc(100vh - 70px);
  }
  .containerFullScreen:has(.footerPhotoListFullScreen) .containerFullScreen-previewCompare-both .containerFullScreen-preview {
    height: calc(100vh - 180px);
  }
  .containerFullScreen-previewCompare-both .containerFullScreen-preview:first-child {
    border-right: 1px solid #c9cfd6;
    border-bottom: none;
  }
  .containerFullScreen-previewCompare-both .containerFullScreen-preview-fixed {
    padding-bottom: 40px !important;
  }
  .containerFullScreen-cullingActions {
    padding: 0 0 40px;
  }
  .section-subBtn-stackSm {
    flex-direction: row;
  }
  .analysisTotalList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 6px;
  }
  .analysisTotalList-item:not(:first-child) {
    margin-top: 0;
  }
  .badgeList-item {
    display: flex;
    align-items: center;
  }
  .badgeList-badge {
    margin-right: 0.5em;
    margin-bottom: 0;
  }
  .bannerSlider .swiper-slide {
    width: 500px;
  }
  .bannerSlider .swiper-button-prev {
    left: 10px;
  }
  .bannerSlider .swiper-button-next {
    right: 10px;
  }
  .errorMessage-text {
    text-align: center;
  }
  .formRow-check .form-check {
    width: auto;
    min-width: calc(50% - 1rem);
  }
  .modal-xxl {
    max-width: none;
  }
  .modal-xxl:not([class*=modal-fullscreen]) {
    width: calc(100% - 30px);
  }
  .tableResponsiveCompare-tabHeader .tableResponsiveCompare-item-blank {
    visibility: collapse;
  }
  .piczoom-body {
    padding-right: 15px;
    padding-left: 15px;
  }
  .piczoom-inner {
    padding-right: 75px;
    padding-bottom: 0;
    padding-left: 75px;
    height: 100%;
  }
  .piczoom-btn::before {
    margin-bottom: 0.05em;
    font-size: 2.6rem;
  }
  .piczoom-btn-prev, .piczoom-btn-next {
    bottom: 50%;
    transform: translateY(50%);
    width: 60px;
    height: 60px;
    font-size: 1.2rem;
  }
  .piczoom-btn-prev {
    flex-direction: column;
    left: 0;
  }
  .piczoom-btn-prev::before {
    margin-right: 0;
  }
  .piczoom-btn-next {
    flex-direction: column;
    right: 0;
  }
  .piczoom-btn-next::before {
    margin-left: 0;
  }
  .piczoom-btn-copyright {
    left: 0;
    transform: none;
  }
  .piczoom-help {
    bottom: 0;
    width: auto;
    font-size: 1.4rem;
  }
  .swiper-slide .bannerInfoText-sm {
    width: 100%;
  }
  .bannerInfoText-sm {
    transform: none;
    margin: 0;
    max-width: 400px;
    height: auto;
  }
  .swiper-slide .bannerInfoText-sm .bannerInfoText-title {
    font-size: clamp(1rem, 2vw - 0.25rem, 1.7rem);
  }
  .swiper-slide .bannerInfoText-sm .bannerInfoText-body {
    font-size: clamp(1rem, 2vw - 0.25rem, 1.4rem);
  }
  .bannerInfoText-sm .bannerInfoText-linkBtn {
    padding: 0.4em 16px 0.4em 20px;
    min-height: 32px;
  }
  .swiper-slide .bannerInfoText-sm .bannerInfoText-linkBtn {
    padding: 3px 16px 3px 20px;
    width: auto;
    min-height: 22px;
  }
  .swiper-slide .bannerInfoText-sm .bannerInfoText-linkText {
    font-size: clamp(1rem, 2vw - 0.5rem, 1.2rem);
  }
  .bg-sm-transparent {
    background-color: transparent !important;
    color: #212529;
  }
}

@media (min-width: 768px) {
  body::after {
    content: "md";
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
  .title-lg {
    font-size: 3.2rem;
  }
  .title-md, .detail-title {
    font-size: 2.8rem;
  }
  .title-sm, .detail-title-sm, .descriptionMenu-label, .title-cmsMd, .cms h3,
.cke_editable h3,
.cke_panel_listItem h3 {
    font-size: 2rem;
  }
  .title-xs, .descriptionMenu-title, .title-cmsSm, .cms h4,
.cke_editable h4,
.cke_panel_listItem h4 {
    font-size: 1.8rem;
  }
  .title-cmsLg, .cms h2,
.cke_editable h2,
.cke_panel_listItem h2 {
    font-size: 2.4rem;
  }
  .alertBar {
    font-size: 1.4rem;
    text-align: center;
  }
  .column {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .column-sub {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 165px;
  }
  .column-newsEdit .column-sub {
    width: 215px;
  }
  .column-orderInfo .column-sub {
    width: 180px;
  }
  .column-datasetOption .column-sub {
    width: 300px;
  }
  .column-photoGroup .column-sub {
    overflow-y: auto;
    width: 260px;
    height: 100vh;
  }
  .column-photoGroup .column-sub::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .column-photoGroup .column-sub::-webkit-scrollbar-track {
    border-radius: 1em;
    background-color: #fff;
  }
  .column-photoGroup .column-sub::-webkit-scrollbar-thumb {
    border-radius: 1em;
    border: 2px solid #fff;
    background-color: #d7dce2;
  }
  .column-photoGroup .column-sub {
    scrollbar-width: thin;
    scrollbar-color: #d7dce2 #fff;
  }
  .column-responsive .column-sub {
    overflow-y: auto;
    width: 245px;
    height: calc(100vh - 25px);
  }
  .column-responsive .column-sub::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .column-responsive .column-sub::-webkit-scrollbar-track {
    border-radius: 1em;
    background-color: #fff;
  }
  .column-responsive .column-sub::-webkit-scrollbar-thumb {
    border-radius: 1em;
    border: 2px solid #fff;
    background-color: #d7dce2;
  }
  .column-responsive .column-sub {
    scrollbar-width: thin;
    scrollbar-color: #d7dce2 #fff;
  }
  .column:not(.column-information):not(.column-newsEdit):not(.column-datasetOption) .column-sub {
    display: block;
  }
  .column-sub + .column-main {
    margin-top: 0;
  }
  .column-main {
    width: calc(100% - 190px);
  }
  .column-newsEdit .column-main {
    width: calc(100% - 240px);
  }
  .column-orderInfo .column-main {
    width: calc(100% - 205px);
  }
  .column-datasetOption .column-main {
    width: calc(100% - 340px);
  }
  .column-photoGroup .column-main {
    width: calc(100% - 260px - 30px);
  }
  .column-responsive .column-main {
    width: calc(100% - 245px - 30px);
  }
  .column-responsive .column-main:has(.fixedSpFooter) {
    padding-bottom: 0;
  }
  .column-main + .column-sub {
    margin-top: 0;
  }
  .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
  }
  .containerFullScreen-alertBar {
    text-align: center;
  }
  .containerFullScreen-content {
    padding: 25px;
  }
  .containerFullScreen-preview-fixed {
    padding: 25px;
  }
  .containerFullScreen-culling .breadcrumb {
    flex-wrap: wrap;
    overflow-x: visible;
  }
  .containerFullScreen-culling .breadcrumb-item:last-child::after {
    content: none;
  }
  .containerFullScreen-culling .btn-group .btn {
    min-width: 115px;
  }
  .containerFullScreen-cullingContent {
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 25px;
  }
  .containerFullScreen-cullingImgWrapper {
    flex: 1 1 auto;
    margin: 0 35px;
    max-height: 100%;
  }
  .containerFullScreen-cullingBtn {
    flex-direction: column;
    align-self: center;
    order: 0;
    width: 60px;
    height: 60px;
  }
  .containerFullScreen-cullingBtn::before {
    font-size: 2.6rem !important;
  }
  .containerFullScreen-cullingBtn-next::before {
    order: 0;
  }
  .globalWrapper {
    padding-top: 70px;
  }
  .header {
    height: 70px;
  }
  .header-menuBtn {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    font-size: 1.4rem;
  }
  .header-menuLine {
    width: 24px;
    height: 3px;
  }
  .header-menuLine::before, .header-menuLine::after {
    height: 3px;
  }
  .header-menuLine::before {
    transform: translateY(-8px);
  }
  .header-menuLine::after {
    transform: translateY(8px);
  }
  .header-menuLabel {
    margin-top: 0;
    margin-left: 10px;
  }
  .headerUtility-item-user {
    min-width: 180px;
    max-width: 250px;
  }
  .headerUtility-link {
    padding: 15px;
    min-width: 70px;
  }
  .headerUtility-link-icon {
    font-size: 3rem;
  }
  .headerUtility-item-client .headerUtility-link-icon::before {
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
  }
  .headerUtility-link-icon img {
    width: 30px;
  }
  .headerUtility-link-user {
    justify-content: flex-start;
    padding-right: 25px;
    width: 100%;
  }
  .headerUtility-link-user::before {
    margin-right: 0.25em;
    font-size: 30px;
  }
  .headerUtility-link-user::after {
    content: "\f35d";
    font-family: "Material Design Icons";
    font-size: inherit;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 1.25em;
  }
  .headerUtility-userName {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .headerUtility-badge {
    top: 10px;
    right: 10px;
    min-width: 20px;
    height: 20px;
    font-size: 1.2rem;
  }
  .loginForm-inner {
    background-image: url(/ex/images/admin/login/bg-wave-pc.svg);
  }
  .section {
    padding: 25px 0;
  }
  .section-fixedLink {
    padding-bottom: 89px;
  }
  .section-nav {
    margin-right: 0;
  }
  .section-nav .breadcrumb {
    flex-wrap: wrap;
    overflow-x: visible;
  }
  .section-nav .breadcrumb-item:last-child::after {
    content: none;
  }
  .section-header {
    font-size: 3.2rem;
  }
  .section-btn {
    width: 4rem;
    height: 4rem;
  }
  .section-btn::before {
    font-size: 3rem;
  }
  .section-title {
    font-size: 3.2rem;
  }
  .section-subBtn {
    flex-wrap: nowrap;
  }
  .sidebar {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
    transition: width 0.3s;
  }
  .table td .badge-status, [class^=table] td .badge-status, .detailList .badge-status {
    min-width: 8.5em;
  }
  .bannerSlider-link {
    transition: opacity 0.3s;
  }
  .bannerSlider-link:hover, .bannerSlider-link:focus {
    opacity: 0.7;
  }
  .btnIconFixed {
    bottom: 20px;
    left: 20px;
    width: 80px;
    height: 80px;
  }
  .btnIconFixed.show-footerPhotoList {
    bottom: 130px;
  }
  .btnIconFixed.show-footerPhotoListWithExpand {
    bottom: 160px;
  }
  .btnIconFixed-icon {
    width: 36px;
  }
  .btnIconFixed-text {
    margin-top: 0.5em;
    font-size: 1.2rem;
  }
  .btnRow-footer .btn {
    min-width: 20rem;
  }
  .modal-content .cms * + h2,
.modal-content .cms * + h3,
.modal-content .cms * + h4,
.modal-content .cke_editable * + h2,
.modal-content .cke_editable * + h3,
.modal-content .cke_editable * + h4,
.modal-content .cke_panel_listItem * + h2,
.modal-content .cke_panel_listItem * + h3,
.modal-content .cke_panel_listItem * + h4 {
    margin-top: 30px;
  }
  .cms * + h2,
.cke_editable * + h2,
.cke_panel_listItem * + h2 {
    margin-top: 40px;
  }
  .cms * + h3,
.cke_editable * + h3,
.cke_panel_listItem * + h3 {
    margin-top: 30px;
  }
  .cms * + h4,
.cke_editable * + h4,
.cke_panel_listItem * + h4 {
    margin-top: 1.5em;
  }
  .crown-gold::after, .crown-silver::after, .crown-bronze::after {
    top: -35px;
    right: 50%;
    transform: translate(50%, 0);
  }
  .detailList-item {
    display: flex;
    align-items: center;
  }
  .detailList-title {
    padding-bottom: 1rem;
    width: 160px;
  }
  .detailList-label {
    margin-left: auto;
  }
  .detailList-detail {
    width: calc(100% - 160px);
  }
  .headerUtility-item-client .dropdown-menu, .headerUtility-item-tel .dropdown-menu, .headerUtility-item-information .dropdown-menu, .headerUtility-item-user .dropdown-menu {
    position: absolute !important;
  }
  .headerUtility-item-client .dropdown-menu {
    top: 72px !important;
    left: calc(50% - 110px) !important;
    transform: none !important;
    width: 220px;
  }
  .headerUtility-item-client .dropdown-menu::before {
    right: 50%;
  }
  .headerUtility-item-tel .dropdown-menu {
    top: 72px !important;
    left: calc(50% - 170px) !important;
    transform: none !important;
    width: 340px;
  }
  .headerUtility-item-tel .dropdown-menu::before {
    right: 50%;
  }
  .headerUtility-item-information .dropdown-menu {
    top: 72px !important;
    left: calc(50% - 215px) !important;
    transform: none !important;
    width: 430px;
  }
  .headerUtility-item-information .dropdown-menu::before {
    right: 50%;
  }
  .headerUtility-item-user .dropdown-menu::before {
    right: 50%;
  }
  .errorMessage-title {
    font-size: 3.6rem;
  }
  .errorMessage-content {
    margin-top: 4rem;
  }
  .errorMessage-img {
    width: 140px;
  }
  .errorMessage-browserBtn {
    max-width: 600px;
  }
  .errorMessage-contact {
    margin-top: 4rem;
  }
  .fixedSpFooter {
    position: static;
    padding: 0;
    border-top: none;
    background-color: transparent;
  }
  .tablePhotoDetail-item .formList-item:not(:first-child), .pageEditList-body .formList-item:not(:first-child) {
    margin-top: 20px;
  }
  .formRow-check .form-check {
    min-width: 16rem;
  }
  .formStep-sp {
    display: none;
  }
  .formStep-pc {
    display: block;
  }
  .hotSellingPhotoList-link {
    transition: opacity 0.3s;
  }
  .hotSellingPhotoList-link:hover, .hotSellingPhotoList-link:focus {
    opacity: 0.7;
  }
  .layoutEdit-add {
    left: 50%;
    transform: translateX(-50%);
  }
  .list-group-item.unread::before {
    top: 50%;
    right: auto;
    left: 0;
    transform: translateY(-50%);
  }
  .headerUtility .list-group-item.unread::before {
    top: 0.75rem;
    right: 0.75rem;
    left: auto;
    transform: none;
  }
  .list-group-inner {
    display: flex;
    align-items: center;
  }
  .list-group-header {
    margin-right: 1em;
  }
  .loading::before {
    top: calc(50% - 2.5rem);
    left: calc(50% - 2.5rem);
    border-width: 0.5rem;
    width: 5rem;
    height: 5rem;
  }
  .loading::after {
    top: calc(50% + 2.5rem + 1em);
  }
  .loading-static {
    min-height: 320px;
  }
  .message {
    padding: 4rem 0;
  }
  .message-img .mdi::before {
    font-size: 14rem;
  }
  .message-img img,
.message-img svg {
    width: 14rem;
  }
  .message-icon {
    width: 14rem;
    height: 14rem;
  }
  .modal-footer .btn {
    min-width: 14rem;
  }
  .modal-edit {
    max-width: calc(100% - 30px);
  }
  .nav-pills {
    margin-bottom: 30px;
  }
  .nav-lg {
    font-size: 1.6rem;
  }
  .nav-lg .nav-link {
    padding: 1rem 1.5rem;
  }
  .orderInfo-item-total {
    font-size: 1.6rem;
  }
  .page-item {
    display: block;
  }
  .page-item-select {
    display: none;
  }
  .page-item-ellipsis {
    display: block;
  }
  .pagination {
    justify-content: start;
  }
  .photoList-face {
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
  }
  .photoList-link {
    transition: opacity 0.3s;
  }
  .photoList-link:hover, .photoList-link:focus {
    opacity: 0.7;
  }
  .searchResult {
    display: flex;
    align-items: center;
  }
  .searchResult-btn {
    flex-shrink: 0;
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .searchResult-count {
    flex-shrink: 0;
    margin-top: 0;
  }
  .select2-container--default .select2-results .select2-results__options {
    max-height: calc(50vh - 70px);
  }
  body.swal2-toast-shown .swal2-container {
    width: 500px;
  }
  .swal2-progress-steps {
    margin-top: 20px;
    padding: 0 20px;
  }
  .swal2-icon {
    margin-top: 30px;
  }
  .swal2-title {
    padding: 15px 20px 0;
    font-size: 2rem;
  }
  .swal2-html-container {
    margin-right: 20px;
    margin-left: 20px;
  }
  .swal2-input, .swal2-range, .swal2-file, .swal2-select, .swal2-textarea {
    margin: 15px 20px 0;
  }
  .swal2-input-label {
    padding: 0 20px;
  }
  .swal2-radio {
    margin-right: 10px;
    margin-left: 10px;
  }
  .swal2-checkbox {
    margin-right: 20px;
    margin-left: 20px;
  }
  .swal2-validation-message {
    padding-right: 20px;
    padding-left: 20px;
  }
  .swal2-actions {
    align-items: stretch;
    padding: 0 15px 10px;
  }
  .swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel {
    max-width: calc(50% - 10px);
    white-space: normal;
  }
  .swal2-footer {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.4rem;
  }
  .table-responsive-heightVisibleBtnFooter {
    max-height: calc(100vh - 105px);
  }
  .table-responsive-StickyRow1 {
    max-height: calc(100vh - 25px);
  }
  .table-saleThumbnail img {
    width: 115px;
    height: 76.6666666667px;
  }
  .tablePagination {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 1020;
    margin-top: 10px;
    margin-right: -25px;
    margin-left: -25px;
    padding: 10px 25px;
    background-color: rgba(236, 240, 244, 0.7);
  }
  .modal-body .tablePagination {
    bottom: -1.5rem;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .tablePagination-limit {
    margin: 0 0 0 1em;
  }
  .tablePagination-pagination {
    margin-right: auto;
  }
  .tablePhotoDetail-link {
    transition: opacity 0.3s;
  }
  .tablePhotoDetail-link:hover, .tablePhotoDetail-link:focus {
    opacity: 0.7;
  }
  .tablePhotoList-thumbnail .tablePhotoList-body {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .tablePhotoList-link {
    transition: opacity 0.3s;
  }
  .tablePhotoList-link:hover, .tablePhotoList-link:focus {
    opacity: 0.7;
  }
  .tableResponsive-sm .tableResponsive-item .form-control[class*=w-] {
    width: 100% !important;
  }
  .tableResponsive-md .tableResponsive-item .form-control[class*=w-] {
    width: 100% !important;
  }
  .tableResponsiveCompare-item .form-control[class*=w-] {
    width: 100% !important;
  }
  .modal-content * + .title-cmsLg, .modal-content * + .title-cmsMd, .modal-content * + .title-cmsSm {
    margin-top: 30px;
  }
  * + .title-cmsLg {
    margin-top: 40px;
  }
  * + .title-cmsMd {
    margin-top: 30px;
  }
  * + .title-cmsSm {
    margin-top: 1.5em;
  }
  .piczoom-header {
    height: 80px;
  }
  .piczoom-information {
    justify-content: center;
    padding-left: 80px;
    width: calc(100% - 80px);
  }
  .piczoom-close {
    padding-top: 40px;
    width: 80px;
    height: 80px;
    background-size: 20px;
    font-size: 1.2rem;
  }
  .piczoom-body {
    padding-top: 80px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .piczoom-inner {
    padding-right: 90px;
    padding-left: 90px;
  }
  .bannerInfoText-sm .bannerInfoText-link {
    transition: opacity 0.3s;
  }
  .bannerInfoText-sm .bannerInfoText-link:hover, .bannerInfoText-sm .bannerInfoText-link:focus {
    opacity: 0.7;
  }
  .bannerInfoText-lg .bannerInfoText-content {
    display: flex;
    flex-direction: row-reverse;
    width: 730px;
    max-width: none;
  }
  .bannerInfoText-lg .bannerInfoText-text {
    padding: 40px;
    width: 400px;
  }
  .bannerInfoText-lg .bannerInfoText-imgContainer {
    overflow: hidden;
    width: 400px;
    max-width: none;
    height: auto;
    min-height: 400px;
  }
  .bannerInfoText-img {
    border-radius: 0 15px 15px 0;
  }
  .bannerInfoText-lg .bannerInfoText-title {
    font-size: 2.6rem;
  }
  .bannerInfoText-lg .bannerInfoText-subTitle {
    font-size: 2rem;
  }
  .bannerInfoText-lg .bannerInfoText-body {
    font-size: 1.6rem;
  }
  .bannerInfoText-lg .bannerInfoText-linkText {
    font-size: 1.5rem;
  }
  .bannerInfoText-shrink.bannerInfoText-sm {
    transform: scale(0.375);
    margin: -50px -300px -50px 0;
  }
  .bannerInfoImage-sm a.bannerInfoImage-link {
    transition: opacity 0.3s;
  }
  .bannerInfoImage-sm a.bannerInfoImage-link:hover, .bannerInfoImage-sm a.bannerInfoImage-link:focus {
    opacity: 0.7;
  }
  .bg-md-transparent {
    background-color: transparent !important;
    color: #212529;
  }
}

@media (min-width: 992px) {
  body::after {
    content: "lg";
  }
  .globalWrapperFullScreen .alertBar {
    padding-left: 315px;
  }
  .column-photoGroup .column-sub {
    width: 300px;
  }
  .column-responsive .column-sub {
    height: calc(100vh - 40px);
  }
  .column-photoGroup .column-main {
    width: calc(100% - 300px - 30px);
  }
  .containerFullScreen-main {
    padding-left: 300px;
  }
  .containerFullScreen-content {
    padding: 40px;
  }
  .containerFullScreen-preview-fixed {
    padding: 40px;
  }
  .footerPhotoListFullScreen {
    left: 300px;
    width: calc(100% - 300px);
  }
  .footerPhotoListFullScreen.is-expand {
    left: 0;
    width: 100%;
  }
  .containerFullScreen-cullingContent {
    padding: 0 40px 25px;
  }
  .containerFullScreen-cullingActions {
    gap: 0;
  }
  .footerCullingPhotoListFullScreen {
    left: 300px;
    width: calc(100% - 300px);
  }
  .globalWrapper {
    padding-left: 240px;
  }
  .header {
    padding-left: 240px;
  }
  .overlay.is-open {
    opacity: 0;
    z-index: -1;
    pointer-events: none;
  }
  .sidebar {
    transform: none;
  }
  .sidebarFullScreen {
    transform: none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
  }
  .splitStickyColumn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .splitStickyColumn-item {
    width: calc(50% - 15px);
  }
  .splitStickyColumn-item:not(:first-child) {
    margin-top: 0;
  }
  .btnIconFixed.show-footerPhotoList {
    bottom: 20px;
  }
  .btnIconFixed.show-footerPhotoListWithExpand {
    bottom: 20px;
  }
  .filterResult {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .filterResult-btn {
    flex-shrink: 0;
  }
  .filterResult-detail {
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .formRow-btnWrap {
    display: flex;
    gap: 1rem;
  }
  .formRow-btnWrap > .select2-container {
    overflow-x: hidden;
  }
  .formRow-btnWrap > .btn {
    flex-shrink: 0;
  }
  .hotSellingPhotoList {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  }
  .containerFullScreen-main .loading-contents {
    left: 300px;
    width: calc(100% - 300px);
  }
  .modal-edit {
    width: calc(100% - 30px);
    max-width: calc(1020px + 3rem);
  }
  .table-photoLibrary > thead > tr > th,
.table-photoLibrary > thead > tr > td,
.table-photoLibrary > tbody > tr > th,
.table-photoLibrary > tbody > tr > td {
    display: table-cell;
  }
  .tableResponsive-lg .tableResponsive-item .form-control[class*=w-] {
    width: 100% !important;
  }
  .bannerInfoText-lg .bannerInfoText-content {
    width: 800px;
  }
  .swiper-slide .bannerInfoText-sm .bannerInfoText-linkBtn {
    padding: 0.4em 16px 0.4em 20px;
    min-height: 32px;
  }
  .bg-lg-transparent {
    background-color: transparent !important;
    color: #212529;
  }
}

@media (min-width: 1200px) {
  body::after {
    content: "xl";
  }
  .containerFullScreen-cullingActions {
    grid-template-columns: 1fr auto 1fr;
  }
  .containerFullScreen-cullingActionsBadgeGroup {
    margin-left: auto;
  }
  .topInformation {
    display: grid;
    max-height: 540px;
    grid-template-areas: "tab information" "sale information";
    grid-gap: 0 1.5rem;
    grid-template-rows: 55px 1fr;
    grid-template-columns: 1fr 360px;
  }
  .topInformation-tab {
    margin-bottom: 0;
  }
  .topInformation-sale {
    max-height: none;
  }
  .topInformation-information {
    margin-top: 0;
  }
  .analysisTotalList-col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .btn-group-device .btn {
    min-width: 116px;
  }
  .detailList-title {
    width: 240px;
  }
  .detailList-detail {
    width: calc(100% - 240px);
  }
  .exToggleDisplayTableCell th.optional,
.exToggleDisplayTableCell td.optional {
    display: table-cell;
  }
  .topInformation-information .list-group-item.unread::before {
    top: 0.75rem;
    right: 0.75rem;
    left: auto;
    transform: none;
  }
  .topInformation-information .list-group-inner {
    display: block;
  }
  .topInformation-information .list-group-header {
    margin-right: 0;
  }
  .topInformation-information .list-group-body {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .piczoom-body {
    padding-right: 60px;
    padding-left: 60px;
  }
}

@media (min-width: 1366px) {
  .analysisTotalList-col4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1400px) {
  .column-sub {
    width: 200px;
  }
  .column-newsEdit .column-sub {
    width: 300px;
  }
  .column-orderInfo .column-sub {
    width: 230px;
  }
  .column-main {
    width: calc(100% - 240px);
  }
  .column-newsEdit .column-main {
    width: calc(100% - 340px);
  }
  .column-orderInfo .column-main {
    width: calc(100% - 270px);
  }
  .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
  .container-edit {
    max-width: 1080px;
  }
  .containerFullScreen-preview-fixed .containerFullScreen-previewImgWrapper {
    max-width: 900px;
  }
  .section {
    padding: 40px 0;
  }
  .section-fixedLink {
    padding-bottom: 104px;
  }
  .section-header {
    margin-bottom: 2rem;
  }
  .modal-xxl {
    width: calc(100% - 80px) !important;
    max-width: 1600px;
  }
  .table-responsive-heightVisibleBtnFooter {
    max-height: calc(100vh - 120px);
  }
  .table-responsive-StickyRow1 {
    max-height: calc(100vh - 40px);
  }
  .tablePagination {
    margin-right: -40px;
    margin-left: -40px;
    padding: 10px 40px;
  }
}

@media (min-width: 1500px) {
  .topInformation {
    grid-template-columns: 2fr 1fr;
  }
}

@media (max-width: 575px) {
  .btn-responsive-sm {
    width: auto;
    min-height: 32px;
    padding: 0.25rem 0.5rem;
  }
  .btn-responsive-sm::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1.2;
  }
  .btn-responsive-sm .btn-responsiveLabel {
    display: inline-block;
  }
  .tableResponsive-sm > tbody > tr > td .form-switch .form-check-label {
    display: inline;
    font-size: 1.2rem;
  }
  .tableResponsive-sm {
    display: block;
  }
  .tableResponsive-sm .tableResponsive-body, .tableResponsive-sm .tableResponsive-footer {
    display: block;
  }
  .tableResponsive-sm .tableResponsive-header {
    display: none;
  }
  .tableResponsive-sm .tableResponsive-body .tableResponsive-item {
    text-align: left !important;
  }
  .tableResponsive-sm .tableResponsive-row {
    display: block;
    position: relative;
    padding: 10px;
  }
  .tableResponsive-sm .tableResponsive-item {
    display: block;
    padding: 0 !important;
    max-width: none !important;
  }
  .tableResponsive-sm .tableResponsive-item[data-item-title]::before {
    content: attr(data-item-title);
    display: block;
    margin-bottom: 0.25rem;
    font-weight: 400;
    color: #212529;
  }
  .tableResponsive-sm .tableResponsive-item:empty {
    display: none;
    margin-top: 0 !important;
  }
  .tableResponsive-sm .tableResponsive-item:not(:first-child) {
    margin-top: 10px;
  }
  .tableResponsive-sm .tableResponsive-item-header {
    margin: -10px -10px 0;
    padding: 10px !important;
    background-color: #e2fae8;
  }
  .tableResponsive-sm .tableResponsive-body .tableResponsive-item-utility, .tableResponsive-sm .tableResponsive-body .tableResponsive-item-delete {
    text-align: right !important;
  }
  .tableResponsive-sm .tableResponsive-item .table-link {
    padding: 0;
  }
  .tableResponsive-sm .tableResponsive-item .table-link::after {
    position: static;
    transform: none;
    margin-left: 0.25em;
  }
  .tableResponsive-sm .tableResponsive-item .badge-status {
    display: inline-block;
    width: auto;
    min-width: 4em;
  }
  .tableResponsive-sm .tableResponsive-btn {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
  }
  .tableResponsiveCompare-header {
    display: block;
  }
  .tableResponsiveCompare-body {
    display: block;
  }
  .tableResponsiveCompare-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
  }
  .tableResponsiveCompare-item {
    display: block;
    text-align: left !important;
  }
  .tableResponsiveCompare-header .tableResponsiveCompare-item:first-child {
    display: none;
  }
  .tableResponsiveCompare-item:empty {
    display: none;
    margin-top: 0 !important;
  }
  .tableResponsiveCompare-item:first-child {
    padding-bottom: 0;
    width: 100%;
  }
  .tableResponsiveCompare-item:not(:first-child) {
    width: 50%;
  }
  .tableResponsiveCompare-single .tableResponsiveCompare-item:not(:first-child) {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .btn-responsive-md {
    width: auto;
    min-height: 32px;
    padding: 0.25rem 0.5rem;
  }
  .btn-responsive-md::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1.2;
  }
  .btn-responsive-md .btn-responsiveLabel {
    display: inline-block;
  }
  .table-guide > thead {
    display: none;
  }
  .table-guide > tbody > tr > th,
.table-guide > tbody > tr > td {
    display: block;
    width: 100%;
  }
  .table-guide > tbody > tr > th {
    border-bottom: none;
    background-color: #e2fae8;
    font-weight: 400;
  }
  .tablePhotoDetail > tbody > tr > td .form-switch .form-check-label {
    display: inline;
    font-size: 1.2rem;
  }
  .tablePhotoDetail {
    display: block;
  }
  .tablePhotoDetail-header {
    display: none;
  }
  .tablePhotoDetail-body {
    display: block;
  }
  .tablePhotoDetail-row {
    display: block;
    position: relative;
    padding: 10px 10px 10px 120px;
    min-height: 120px;
  }
  .tablePhotoDetail-item {
    display: block;
    padding: 0 !important;
    font-size: 1.2rem;
    text-align: left !important;
  }
  .tablePhotoDetail-item[data-item-title]::before {
    content: attr(data-item-title);
    margin-right: 0.5em;
    color: #6b7681;
  }
  .tablePhotoDetail-item:nth-child(n+3) {
    margin-top: 0.5em;
  }
  .tablePhotoDetail-form .tablePhotoDetail-item:nth-child(n+3) {
    margin-top: 1em;
  }
  .tablePhotoDetail-item-img {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 100px;
  }
  .tablePhotoDetail-item-utility {
    text-align: right !important;
  }
  .tablePhotoDetail-btn {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
  }
  .tablePhotoDetail-link, .tablePhotoDetail-thumbnail {
    width: 100px;
    height: 100px;
  }
  .tablePhotoDetail-img {
    width: 100px;
  }
  .tablePhotoDetail-img-goods {
    background-size: 80px;
  }
  .tablePhotoList-list {
    display: block;
  }
  .tablePhotoList-list .tablePhotoList-header {
    display: none;
  }
  .tablePhotoList-list .tablePhotoList-body {
    display: block;
  }
  .tablePhotoList-list .tablePhotoList-row {
    display: block;
    position: relative;
    padding: 10px 10px 10px calc(130px + 2rem);
    min-height: 120px;
  }
  .tablePhotoList-list.tablePhotoList-listImgHidden .tablePhotoList-row {
    padding-left: calc(20px + 2rem);
    min-height: auto;
  }
  .tablePhotoList-list .tablePhotoList-item {
    display: block;
    padding: 0 !important;
    font-size: 1.2rem;
    text-align: left !important;
  }
  .tablePhotoList-list .tablePhotoList-item[data-item-title]::before {
    content: attr(data-item-title);
    margin-right: 0.5em;
    color: #6b7681;
  }
  .tablePhotoList-list .tablePhotoList-item:nth-child(n+4) {
    margin-top: 0.5em;
  }
  .tablePhotoList-list .tablePhotoList-item-check {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;
    transform: translateY(-50%);
    width: auto;
  }
  .tablePhotoList-list .tablePhotoList-item-img {
    display: block;
    position: absolute;
    top: 10px;
    left: calc(2rem + 20px);
    z-index: 2;
    width: 100px;
  }
  .tablePhotoList-list .tablePhotoList-link, .tablePhotoList-list .tablePhotoList-imgWrapper {
    width: 100px;
    height: 100px;
  }
  .tablePhotoList-img-goods {
    background-size: 80px;
  }
  .tableResponsive-md > tbody > tr > td .form-switch .form-check-label {
    display: inline;
    font-size: 1.2rem;
  }
  .tableResponsive-md {
    display: block;
  }
  .tableResponsive-md .tableResponsive-body, .tableResponsive-md .tableResponsive-footer {
    display: block;
  }
  .tableResponsive-md .tableResponsive-header {
    display: none;
  }
  .tableResponsive-md .tableResponsive-body .tableResponsive-item {
    text-align: left !important;
  }
  .tableResponsive-md .tableResponsive-row {
    display: block;
    position: relative;
    padding: 10px;
  }
  .tableResponsive-md .tableResponsive-item {
    display: block;
    padding: 0 !important;
    max-width: none !important;
  }
  .tableResponsive-md .tableResponsive-item[data-item-title]::before {
    content: attr(data-item-title);
    display: block;
    margin-bottom: 0.25rem;
    color: #212529;
  }
  .tableResponsive-md .tableResponsive-item:empty {
    display: none;
    margin-top: 0 !important;
  }
  .tableResponsive-md .tableResponsive-item:not(:first-child) {
    margin-top: 10px;
  }
  .tableResponsive-md .tableResponsive-item-header {
    margin: -10px -10px 0;
    padding: 10px !important;
    background-color: #e2fae8;
  }
  .tableResponsive-md .tableResponsive-body .tableResponsive-item-utility, .tableResponsive-md .tableResponsive-body .tableResponsive-item-delete {
    text-align: right !important;
  }
  .tableResponsive-md .tableResponsive-item .table-link {
    padding: 0;
  }
  .tableResponsive-md .tableResponsive-item .table-link::after {
    position: static;
    transform: none;
    margin-left: 0.25em;
  }
  .tableResponsive-md .tableResponsive-item .badge-status {
    display: inline-block;
    width: auto;
    min-width: 4em;
  }
  .tableResponsive-md .tableResponsive-btn {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
  }
}

@media (max-width: 991px) {
  .btn-responsive-lg {
    width: auto;
    min-height: 32px;
    padding: 0.25rem 0.5rem;
  }
  .btn-responsive-lg::before {
    margin-right: 0.25em;
    width: 1.2em;
    height: 1.2em;
    font-size: 1.2em;
    vertical-align: middle;
    line-height: 1.2;
  }
  .btn-responsive-lg .btn-responsiveLabel {
    display: inline-block;
  }
  .tableResponsive-lg > tbody > tr > td .form-switch .form-check-label {
    display: inline;
    font-size: 1.2rem;
  }
  .tableResponsive-lg {
    display: block;
  }
  .tableResponsive-lg .tableResponsive-body, .tableResponsive-lg .tableResponsive-footer {
    display: block;
  }
  .tableResponsive-lg .tableResponsive-header {
    display: none;
  }
  .tableResponsive-lg .tableResponsive-body .tableResponsive-item {
    text-align: left !important;
  }
  .tableResponsive-lg .tableResponsive-row {
    display: block;
    position: relative;
    padding: 10px;
  }
  .tableResponsive-lg .tableResponsive-item {
    display: block;
    padding: 0 !important;
    max-width: none !important;
  }
  .tableResponsive-lg .tableResponsive-item[data-item-title]::before {
    content: attr(data-item-title);
    display: block;
    margin-bottom: 0.25rem;
    color: #212529;
  }
  .tableResponsive-lg .tableResponsive-item:empty {
    display: none;
    margin-top: 0 !important;
  }
  .tableResponsive-lg .tableResponsive-item:not(:first-child) {
    margin-top: 10px;
  }
  .tableResponsive-lg .tableResponsive-item-header {
    margin: -10px -10px 0;
    padding: 10px !important;
    background-color: #e2fae8;
  }
  .tableResponsive-lg .tableResponsive-body .tableResponsive-item-utility, .tableResponsive-lg .tableResponsive-body .tableResponsive-item-delete {
    text-align: right !important;
  }
  .tableResponsive-lg .tableResponsive-item .table-link {
    padding: 0;
  }
  .tableResponsive-lg .tableResponsive-item .table-link::after {
    position: static;
    transform: none;
    margin-left: 0.25em;
  }
  .tableResponsive-lg .tableResponsive-item .badge-status {
    display: inline-block;
    width: auto;
    min-width: 4em;
  }
  .tableResponsive-lg .tableResponsive-btn {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
  }
}