@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1.5em;
  font-weight: bold;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

ol,
ul {
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}

table {
  width: 100%;
  margin-bottom: 1.5em;
  border-spacing: 0;
  border-collapse: collapse;
}

table th,
table td {
  padding: 0.5em;
  border: 1px solid #000;
}

table th {
  font-weight: bold;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

*,
*::before,
*::after {
  box-sizing: border-box;
}

body * {
  word-break: break-word;
}

p {
  margin-bottom: 1.5em;
}

a:hover {
  text-decoration: none;
}

a:not([class]) {
  color: inherit;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

input,
label,
select,
button {
  line-height: inherit;
}

input,
label,
select,
button,
textarea {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  word-break: normal;
  vertical-align: middle;
  white-space: normal;
  -webkit-appearance: none;
}

button:focus {
  outline: 0;
}

input:focus,
textarea:focus,
select:focus {
  outline: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  display: none;
}

textarea {
  overflow: auto;
  line-height: 1.5;
  white-space: pre-line;
  resize: none;
}

button {
  color: inherit;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  html,
  body {
    margin: 0;
  }

  @page {
    margin: 0;
  }

  @page :left {
    margin: 0;
  }

  @page :right {
    margin: 0;
  }

  @page :first {
    margin-top: 0;
  }
}

html {
  transition: opacity 0.3s ease;
  opacity: 1;
  line-height: 1;
}

html:not(.is-visible) {
  opacity: 0;
}

body {
  transition: opacity 0.3s ease;
  color: #000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.hidden {
  display: none;
}

.trans {
  transition: opacity 0.26s ease;
  opacity: 1;
  text-decoration: none;
}

.trans:hover {
  opacity: 0.8;
}

.color-default {
  color: #000;
}

.color-main {
  color: #ffb200;
}

.color-blue {
  color: #233657;
}

.color-gray {
  color: #bfbfbf;
}

.color-blue-gray {
  color: #3b3e5a;
}

html {
  font-size: 625%;
  zoom: 75%;
}

body {
  font-size: 0.14rem;
}

.container {
  position: relative;
  min-width: 1250px;
  overflow: hidden;
}

.wrapper {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.layout {
  display: -ms-flexbox;
  display: flex;
}

.layout .side-menu {
  z-index: 999;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  transition: width 0.2s;
}

.layout .wrapper-content {
  width: calc(100% - 84px);
  transition: width 0.2s;
  margin-left: 84px;
}

.layout .main-content {
  padding: 70px;
}

.layout.open-menu .wrapper-content {
  /* width: calc(100% - 210px); */
}

main {
  margin-top: 40px;
}

header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height:45px;
  padding: 5px 30px;
  background: #ffb200;
  color: #fff;
  position: fixed;
  width: 97%;
  z-index: 200;
}

header .action-inner,
header .actions-profile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

header .actions-profile {
  margin-right: 30px;
  font-size: 0.22rem;
  font-weight: 500;
}

header .actions-profile .profile-avatar {
  margin-right: 20px;
}

header .actions-profile .profile-name {
  font-size: 15px;
}

.header-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.header-logo .logo-image {
  display: block;
}

h1.header-logo {
  margin-top: -5px;
  margin-bottom: 0;
}

.logout-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80px;
  height: 20px;
  border-radius: 4px;
  background: #fff;
  color: #ffb200;
  font-size: 0.12rem;
  font-weight: 500;
}

.side-menu {
  position: fixed;
  width: 84px;
  min-height: 100vh;
  height: 100%;
}

.side-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 4px 0 4px rgba(181, 181, 181, 0.35);
  mix-blend-mode: multiply;
  background: #fff;
}

.side-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.side-menu .navigation > ul > li {
  position: relative;
}

.side-menu .navigation > ul > li:not(:last-child) {
  margin-bottom: 25px;
}

.side-menu .navigation > ul > li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}

.side-menu .sub-menu {
  visibility: hidden;
  position: absolute;
  top: -100px;
  right: 0;
  width: 272px;
  padding-left: 12px;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.2s;
  opacity: 0;
}

.side-menu .sub-menu > ul li:not(:last-child) {
  margin-bottom: 6px;
}

.side-menu .sub-nav-link {
  display: block;
  position: relative;
  min-height: 50px;
  padding: 14px 10px;
  transition: all 0.2s;
  border: 1px solid #ffb200;
  background: #fff;
  color: #ffb200;
  font-size: 0.12rem;
  font-weight: bold;
  text-decoration: none;
}

.side-menu .sub-nav-link::before,
.side-menu .sub-nav-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.side-menu .sub-nav-link::before {
  box-shadow: 3px 3px 3px rgba(102, 73, 14, 0.3);
  mix-blend-mode: multiply;
}

.side-menu .sub-nav-link::after {
  transition: all 0.2s;
  opacity: 0;
  background: linear-gradient(90deg, rgb(255, 178, 0) 0%, rgb(243, 185, 25) 100%);
}

.side-menu .sub-nav-link > span {
  position: relative;
  z-index: 1;
}

.side-menu .sub-nav-link:hover {
  border-color: #fff;
  background: transparent;
  color: #fff;
}

.side-menu .sub-nav-link:hover::after {
  opacity: 0.95;
}

.side-menu .nav-link {
  display: block;
  width: 74px;
  margin: 0 auto;
  transition: width 0.4s;
  color: #ffb200;
  font-size: 0.12rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.side-menu .nav-link img {
  display: block;
  margin: 0 auto 5px;
  transition: all 0.2s;
}

.side-menu .nav-link .hover {
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
}

.side-menu .nav-link > span {
  display: block;
  position: relative;
  width: 100%;
}

.side-menu .nav-link .icon_text {
  display: none;
}

.side-menu .nav-link .is-longer {
  font-size: 0.1rem;
}

.side-menu.is-active {
  width: 210px;
}

.side-menu.is-active .side-button {
  margin-right: 23px;
  margin-left: auto;
}

.side-menu.is-active .nav-link {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 6px 26px;
  font-size: 0.14rem;
  text-align: left;
}

.side-menu.is-active .nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
  opacity: 0;
  background: linear-gradient(90deg, rgb(255, 178, 0) 0%, rgb(243, 185, 25) 100%);
}

.side-menu.is-active .nav-link > span {
  position: relative;
  z-index: 1;
}

.side-menu.is-active .nav-link img {
  margin-bottom: 0;
}

.side-menu.is-active .nav-link .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 36px;
  margin-right: 20px;
}

.side-menu.is-active .nav-link .is-longer {
  font-size: 0.14rem;
}

.side-menu.is-active .nav-link:hover {
  color: #fff;
}

.side-menu.is-active .nav-link:hover .hover {
  opacity: 1;
}

.side-menu.is-active .nav-link:hover::before {
  opacity: 1;
}

.side-inner {
  position: relative;
  z-index: 1;
}

.side-button {
  position: relative;
  width: 38px;
  height: 26px;
  margin: 20px auto 35px;
  transition: all 0.2s;
  cursor: pointer;
}

.side-button span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  transition: all 0.2s;
  border: 1px solid #ffb200;
  border-radius: 1px;
}

.side-button span:nth-child(1) {
  top: 0;
}

.side-button span:nth-child(2) {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.side-button span:nth-child(3) {
  top: 100%;
}

.side-button.is-active span:nth-child(1) {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.side-button.is-active span:nth-child(2) {
  opacity: 0;
}

.side-button.is-active span:nth-child(3) {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.primary-button,
.secondary-button,
.tertiary-button,
.quinary-button,
.senary-button,
.add-button,
.search-button,
.config-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.14rem;
  letter-spacing: 0.15em;
}

.primary-button,
.secondary-button,
.quinary-button,
.senary-button {
  min-width: 135px;
  min-height: 40px;
  padding: 4px 10px 6px;
  border: 1px solid;
  border-radius: 5px;
  cursor: pointer;
}

.is-safari .primary-button,
.is-safari .secondary-button,
.is-safari .quinary-button,
.is-safari .senary-button {
  padding-bottom: 4px;
}

.primary-button .icon-arrow,
.secondary-button .icon-arrow,
.quinary-button .icon-arrow,
.senary-button .icon-arrow {
  display: inline-block;
  position: relative;
  top: 0;
}

.primary-button.is-x-small,
.secondary-button.is-x-small,
.quinary-button.is-x-small,
.senary-button.is-x-small {
  min-width: 70px;
}

.primary-button.is-small,
.secondary-button.is-small,
.quinary-button.is-small,
.senary-button.is-small {
  min-width: 90px;
  min-height: 30px;
  padding: 1px 10px 3px;
  font-size: 0.12rem;
}

.primary-button.is-small-medium,
.secondary-button.is-small-medium,
.quinary-button.is-small-medium,
.senary-button.is-small-medium {
  min-width: 100px;
  padding: 1px 10px 3px;
  font-size: 0.12rem;
}

.primary-button.is-medium,
.secondary-button.is-medium,
.quinary-button.is-medium,
.senary-button.is-medium {
  min-width: 120px;
  min-height: 30px;
  padding: 1px 10px 3px;
  font-size: 0.12rem;
}

.primary-button.is-medium .icon-arrow,
.secondary-button.is-medium .icon-arrow,
.quinary-button.is-medium .icon-arrow,
.senary-button.is-medium .icon-arrow {
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}

.primary-button.is-medium.is-mac,
.secondary-button.is-medium.is-mac,
.quinary-button.is-medium.is-mac,
.senary-button.is-medium.is-mac {
  padding-bottom: 2px;
}

.primary-button {
  padding-bottom: 5px;
  border-color: #f4a200;
  background: #f4a200;
  color: #fff;
  font-weight: bold;
}

.primary-button.no-background {
  background: #fff;
  color: #f4a200;
}

.primary-button.is-tab {
  border-color: #000;
  color: #000;
}

.is-current .primary-button.is-tab {
  border-color: #f4a200;
  background: #f4a200;
  color: #fff;
}

a.primary-button {
  text-decoration: none;
}

.secondary-button {
  padding-bottom: 4px;
  border-color: #939393;
  background: #939393;
  color: #fff;
  font-weight: bold;
}

.quinary-button {
  border-color: #bfbfbf;
  background: #bfbfbf;
  color: #fff;
}

.senary-button {
  border-color: #d2d6db;
  background: #d2d6db;
  color: #fff;
  font-weight: bold;
}

.tertiary-button {
  min-width: 70px;
  min-height: 35px;
  padding: 4px 10px 5px;
  border: 1px solid #233657;
  border-radius: 5px;
  background: #233657;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.tertiary-button.is-gray {
  border-color: #bfbfbf;
  background: #bfbfbf;
}

.tertiary-button.is-light-blue {
  border-color: #a2acbc;
  background: #a2acbc;
}

.add-button,
.search-button,
.config-button {
  width: 80px;
  height: 50px;
  padding: 5px 10px;
  border: 1px solid #233657;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  scale: 80%;
}

.add-button {
  background-color: #fff;
}

.add-button > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0 0 1px 2px;
  border-radius: 50%;
  background: #233657;
}

.search-button {
  background: #fff url(../img/common/icn_search_blue.svg) center center/28px auto no-repeat;
}

.config-button {
  background: #fff url(../img/common/icn_config_blue.svg) center center/30px auto no-repeat;
}

.file-select-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 110px;
  min-height: 30px;
  padding: 4px 10px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #ccc;
  color: #fff;
  font-size: 0.12rem;
  letter-spacing: 0.15em;
  cursor: pointer;
}

.file-select-button.is-light-purple {
  border-color: #a2acbc;
  background: #a2acbc;
}

.file-clear-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 110px;
  min-height: 30px;
  padding: 4px 10px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #ccc;
  color: #231815;
  font-size: 0.12rem;
  letter-spacing: 0.15em;
  cursor: pointer;
}

.file-clear-button.is-light-gray {
  border-color: #eee;
  background: #eee;
}

.quaternary-button {
  display: inline-block;
  min-width: 80px;
  min-height: 25px;
  padding: 2px 10px;
  transition: background 0.26s, color 0.26s, border-color 0.26s;
  border: 1px solid #000;
  border-radius: 3px;
  color: #231815;
  font-size: 0.12rem;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
}

.quaternary-button.is-small {
  min-width: unset;
}

.quaternary-button.is-active {
  border-color: #ffb200;
  background: #ffb200;
  color: #fff;
}

.quaternary-button.is-light-gray {
  color: #a0a0a0;
}

.is-firefox .quaternary-button {
  padding-bottom: 4px;
}

.plus-button,
.minus-button {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: no-repeat center/60% auto;
  cursor: pointer;
}

.plus-button.is-circle,
.minus-button.is-circle {
  border-radius: 50%;
}

.plus-button {
  background-color: #ffb200;
  background-image: url(../img/common/icn_plus.svg);
}

.minus-button {
  background-color: #d2d6db;
  background-image: url(../img/common/icn_minus.svg);
}

.upload-button {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 25px;
  padding: 2px 10px;
  border-radius: 4px;
  background: #c6c7c7;
  color: #fff;
  font-size: 0.1rem;
  font-weight: 500;
}

.upload-button::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: url(../img/common/icn_camera.svg) center center/100% auto no-repeat;
}

.delete-button {
  min-width: 70px;
  min-height: 25px;
  padding: 2px 10px 3px;
  background: #ff4f4f;
  border: 1px solid #ff4f4f;
  border-radius: 4px;
  color: #fff;
  font-size: 0.14rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  cursor:pointer
}

.private-label,
.public-label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 80px;
  min-height: 30px;
  padding: 3px 10px 4px;
  border: 1px solid;
  border-radius: 6px;
  color: #fff;
  font-size: 0.14rem;
  font-weight: 500;
}

.private-label {
  border-color: #a3a3a3;
  background: #a3a3a3;
}

.public-label {
  border-color: #ffa300;
  background: #ffa300;
}

.required-label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 20px;
  padding: 0 5px 1px;
  border: 1px solid;
  border-radius: 4px;
  border-color: #ffa300;
  background: #ffa300;
  color: #fff;
  font-size: 0.1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.category-label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 112px;
  min-height: 26px;
  padding: 3px 10px 4px;
  border: 1px solid #036;
  border-radius: 3px;
  color: #000;
  font-size: 0.1rem;
}

.category-label.is-large {
  min-width: 120px;
  min-height: 30px;
  padding: 0 2px 1px;
  border-radius: 4px;
  font-size: 0.12rem;
}

.category-label.is-light-blue {
  border-color: #8fcbd9;
  background: #8fcbd9;
  color: #fff;
}

.category-label.is-blue {
  border-color: #055ba6;
  background: #055ba6;
  color: #fff;
}

.category-label.is-orange-red {
  border-color: #f25c05;
  background: #f25c05;
  color: #fff;
}

.category-label.is-yellow {
  border-color: #f2cb05;
  background: #f2cb05;
  color: #fff;
}

.category-label.is-light-orange {
  border-color: #f29544;
  background: #f29544;
  color: #fff;
}

.category-label.is-light-brown {
  border-color: #a68568;
  background: #a68568;
  color: #fff;
}

.category-label.is-light-pink {
  border-color: #f29b88;
  background: #f29b88;
  color: #fff;
}

.category-label.is-brown {
  border-color: #cbaa52;
  background: #cbaa52;
  color: #fff;
}

.category-label.is-purple {
  border-color: #8a6fa6;
  background: #8a6fa6;
  color: #fff;
}

.category-label.is-green {
  border-color: #c0d904;
  background: #c0d904;
  color: #fff;
}

.category-label.is-cherry {
  border-color: #bf0426;
  background: #bf0426;
  color: #fff;
}

.category-label.is-light-green {
  border-color: #9cbf50;
  background: #9cbf50;
  color: #fff;
}

.category-label.is-dark-blue {
  border-color: #03658c;
  background: #03658c;
  color: #fff;
}

.category-label.is-light-purple {
  border-color: #6a84a6;
  background: #6a84a6;
  color: #fff;
}

.category-label.is-orange {
  border-color: #f29f05;
  background: #f29f05;
  color: #fff;
}

.category-label.is-pink {
  border-color: #d95b5b;
  background: #d95b5b;
  color: #fff;
}

.category-label.is-gray {
  border-color: #c1c1c1;
  background: #c1c1c1;
  color: #fff;
}

.list-category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  margin-bottom: -5px;
  padding: 0;
  list-style: none;
}

.list-category > li {
  margin: 0 5px 5px 0;
}

.ranking-list {
  width: 450px;
  margin: 0;
  padding: 0;
  font-size: 0.16rem;
  line-height: 1;
  list-style: none;
  counter-reset: ol;
}

.ranking-list li {
  display: -ms-flexbox;
  display: flex;
}

.ranking-list li:not(:last-child) {
  margin-bottom: 10px;
}

.ranking-list li::before {
  content: counter(ol);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 95px;
  margin-right: 10px;
  padding: 4px 10px 6px;
  background: #efefef;
  color: #000;
  font-size: 0.2rem;
  counter-increment: ol;
}

.ranking-list li span {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 30px;
  padding: 2px 5px;
  background: #efefef;
  color: #000;
}

.ranking-list li span:first-child {
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  margin-right: 10px;
  padding: 2px 20px 5px;
}

.ranking-list li span:last-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  padding: 3px 5px 5px;
}

.ranking-list li:first-child {
  position: relative;
}

.ranking-list li:first-child::before {
  font-size: 0.24rem;
}

.ranking-list li:first-child::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 24px;
  height: 22px;
  background: url(../img/common/icn_top_one.png) center center/24px auto no-repeat;
}

.ranking-list li:first-child::before,
.ranking-list li:first-child span {
  background: #ff9d00;
  color: #fff;
}

.ranking-list .ranking-title {
  font-size: 18px;
}

.filter-month-list a {
  color: #adadad;
}

.filter-month-list a:hover {
  color: #000;
}

.primary-pagination ul,
.secondary-pagination ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.primary-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.primary-pagination .text {
  color: #231815;
  font-size: 0.16rem;
  letter-spacing: 0.02em;
}

.primary-pagination ul {
  margin-left: 20px;
}

.primary-pagination .page-number,
.primary-pagination .arrow {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 20px;
  height: 100%;
  margin: 0 5px;
  transition: all 0.2s;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
}

.primary-pagination .page-number:hover,
.primary-pagination .arrow:hover {
  background: #f4a200;
  color: #fff;
}

/* .primary-pagination .arrow {
  padding-bottom: 3px;
} */

.primary-pagination .prev {
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.primary-pagination .is-current {
  background: #f4a200;
  color: #fff;
  pointer-events: none;
}

.secondary-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.secondary-pagination .page-number {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin: 0 5px;
  transition: all 0.2s;
  border: 1px solid #ff9d00;
  border-radius: 4px;
  color: #ff9d00;
  cursor: pointer;
}

.secondary-pagination .page-number:hover {
  background: #ff9d00;
  color: #fff;
}

.secondary-pagination .is-current {
  background: #ff9d00;
  color: #fff;
  pointer-events: none;
}

.form-item {
  display: block;
}

.form-label {
  margin-bottom: 10px;
  font-size: 0.14rem;
  letter-spacing: 0.05em;
}

.form-label.is-required {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.form-label.is-required .required-label {
  margin-right: 10px;
}

.form-label .is-separate {
  font-feature-settings: "palt";
}

.has-separate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.has-separate .is-separate {
  display: block;
  margin-right: 20px;
  margin-left: 20px;
  font-size: 0.12rem;
  font-weight: 500;
}

.has-separate .is-separate.is-gray {
  color: #a6a6a6;
}

.has-separate .is-separate.is-small {
  margin-right: 15px;
  margin-left: 15px;
}

.input-text {
  position: relative;
  top: 2px;
}

.input-item {
  display: inline-block;
}

.input-item input,
.input-item select,
.input-item textarea {
  height: 35px;
  padding: 5px 10px 6px;
  border: 1px solid #233657;
  border-radius: 0.04rem;
}

.input-item input option,
.input-item select option,
.input-item textarea option {
  color: #000;
}

.input-item input.border-gray,
.input-item select.border-gray,
.input-item textarea.border-gray {
  border-color: #bfbfbf;
}

.input-item input.no-border,
.input-item select.no-border,
.input-item textarea.no-border {
  border-radius: 0;
  border-color: transparent;
}

.input-item input[type=text],
.input-item input[type=email],
.input-item input[type=url],
.input-item input[type=password],
.input-item select,
.input-item textarea {
  background: #fff;
}

.input-item textarea {
  height: 190px;
}

.input-item textarea.type-02 {
  height: 80px;
}

.input-item input:-ms-input-placeholder {
  color: #dbdbdb;
}

.input-item input::placeholder {
  color: #dbdbdb;
}

.input-item input.has-search-icon {
  padding-right: 40px;
  background: url(../img/common/icn_search_gray.svg) no-repeat center right 15px/15px auto;
}

.input-item select:required:invalid {
  color: #dbdbdb;
}

.input-item.is-select {
  display: inline-block;
  position: relative;
}

.input-item.is-select select {
  padding-right: 25px;
  color: #000;
  cursor: pointer;
}

.input-item.is-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 8px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/common/icn_arrow_down_blue.svg) center center/12px auto no-repeat;
  pointer-events: none;
}

.input-item.is-select.icon-light-blue::after {
  background-image: url(../img/common/icn_arrow_down_light_blue.svg);
}

.input-item.is-select.icon-blue-two::after {
  background-image: url(../img/common/icn_arrow_down_blue_02.svg);
}

.input-item.is-select .selectable-input {
  cursor: pointer;
  padding-right: 25px;
  height: 100%;
}

.input-item.is-select .select-items {
  display: none;
  position: absolute;
  z-index: 1;
  width: max-content;
  min-width: 100%;
  max-height: 310px;
  padding: 0;
  margin-bottom: 2px;
  cursor: pointer;
  background-color: white;
  overflow-y: auto;
  border: 1px solid #333;
  box-shadow: 4px 5px 6px -5px #a8a8a8;
}

.input-item.is-select .select-items > * {
  min-height: 1.5em;
  padding: 2px 10px;
}

.input-item.is-select .select-items > *:hover {
  color: #fff;
  background-color: #0068d8;
}

_:host-context(x)::-ms-reveal,  .input-item.is-select .select-items > *:hover {
  background-color: #716f6f;;
}

.input-item.is-select .select-items.is-active {
  display: block;
}

.input-item.is-date-picker {
  display: inline-block;
  position: relative;
}

.input-item.is-date-picker input {
  padding-right: 30px;
  cursor: pointer;
}

.input-item.is-date-picker::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 14px;
  height: 16px;
  background: url(../img/common/icn_date_picker_blue.svg) center center/14px auto no-repeat;
  pointer-events: none;
}

.input-item.is-date-picker.icon-gray::after {
  background-image: url(../img/common/icn_date_picker_gray.svg);
}

.input-item.is-date-picker.icon-light-blue::after {
  background-image: url(../img/common/icn_date_picker_light_blue.svg);
}

.input-item .checkbox-container {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input-item .checkbox-container input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}

.input-item .checkbox-container input[type=checkbox]:checked ~ .checkbox-mark::before {
  background-image: url(../img/common/icn_check.svg);
}

.input-item .checkbox-container input[type=radio]:checked ~ .checkbox-mark::before {
  background: #faad06;
  box-shadow: inset 0 0 0 2px #fff;
}

.input-item .checkbox-container input[type=checkbox] ~ .checkbox-mark::before {
  border-radius: 4px;
  background: no-repeat center/85% auto;
}

.input-item .checkbox-container input[type=checkbox] ~ .checkbox-mark.disabled::before {
  background-color: #ddd;
}

.input-item .checkbox-container input[type=radio] ~ .checkbox-mark::before {
  border-radius: 50%;
}

.input-item .checkbox-container .checkbox-mark {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  min-height: 20px;
  padding-left: 30px;
  font-size: 0.14rem;
}

.input-item .checkbox-container .checkbox-mark::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #036;
}

.input-item.is-checkbox.is-large .checkbox-container .checkbox-mark {
  min-height: 25px;
  padding-left: 35px;
  font-size: 0.16rem;
}

.input-item.is-checkbox.is-large .checkbox-container .checkbox-mark::before {
  width: 25px;
  height: 25px;
}

.input-item.is-checkbox.border-gray .checkbox-container .checkbox-mark::before {
  border-color: #bfbfbf;
}

.form-input.is-palette .input-text {
  font-size: 0.12rem;
  font-weight: 500;
}

.form-input.is-palette .palette-area {
  position: relative;
  width: 42px;
  height: 42px;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
}

.form-input.is-palette input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  appearance: none;
}

.form-input.is-palette input::-webkit-color-swatch-wrapper {
  padding: 0;
  border: none;
}

.form-input.is-palette input::-moz-color-swatch-wrapper {
  padding: 0;
  border: none;
}

.form-input.is-palette input::-webkit-color-swatch {
  padding: 0;
  border: none;
  border-radius: 50%;
}

.form-input.is-palette input::-moz-color-swatch {
  padding: 0;
  border: none;
  border-radius: 50%;
}

.input-point input {
  height: 25px;
  padding: 1px 5px 2px;
  border-radius: 3px;
  border-color: #3b3e5a;
  color: #3b3e5a;
  font-size: 0.14rem;
  font-weight: bold;
  text-align: center;
}

.input-point input[type=number] {
  -moz-appearance: textfield;
}

.input-point input::-webkit-outer-spin-button,
.input-point input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-point.is-large input {
  padding-right: 10px;
  padding-left: 10px;
  color: #000;
  font-size: 0.2rem;
  text-align: right;
}

.is-firefox .input-point.is-large input {
  padding-bottom: 3px;
}

.is-mac .input-point.is-large input {
  font-size: 0.16rem;
}

.input-point ~ .input-text {
  top: 5px;
  color: #3b3e5a;
  font-size: 0.12rem;
}

.dropzone-area {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 600px;
  height: 60px;
  padding: 10px 20px;
  border-radius: 4px;
  background: #f2f2f2;
  font-size: 0.12rem;
  font-weight: 500;
}

.dropzone-area::before {
  content: "";
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  background: url(../img/common/icn_dropzone.svg) center center/100% auto no-repeat;
}

.dropzone-area.is-hover {
  border: 2px solid #bfbfbf;
}

.dropzone-area.is-dropped {
  border: 2px solid #a2a2a2;
}

.dropzone-area.is-dropped span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropzone-area input[type=file] {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.dropzone-area input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}

.search-panel .search-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
}

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

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

.w-5 {
  width: 5px;
}

.w-10 {
  width: 10px;
}

.w-15 {
  width: 15px;
}

.w-20 {
  width: 20px;
}

.w-25 {
  width: 25px;
}

.w-30 {
  width: 30px;
}

.w-35 {
  width: 35px;
}

.w-40 {
  width: 40px;
}

.w-45 {
  width: 45px;
}

.w-50 {
  width: 50px;
}

.w-55 {
  width: 55px;
}

.w-60 {
  width: 60px;
}

.w-65 {
  width: 65px;
}

.w-70 {
  width: 70px;
}

.w-75 {
  width: 75px;
}

.w-80 {
  width: 80px;
}

.w-85 {
  width: 85px;
}

.w-90 {
  width: 90px;
}

.w-95 {
  width: 95px;
}

.w-100 {
  width: 100px;
}

.w-105 {
  width: 105px;
}

.w-110 {
  width: 110px;
}

.w-115 {
  width: 115px;
}

.w-120 {
  width: 120px;
}

.w-125 {
  width: 125px;
}

.w-130 {
  width: 130px;
}

.w-135 {
  width: 135px;
}

.w-140 {
  width: 140px;
}

.w-145 {
  width: 145px;
}

.w-150 {
  width: 150px;
}

.w-155 {
  width: 155px;
}

.w-160 {
  width: 160px;
}

.w-165 {
  width: 165px;
}

.w-170 {
  width: 170px;
}

.w-175 {
  width: 175px;
}

.w-180 {
  width: 180px;
}

.w-185 {
  width: 185px;
}

.w-190 {
  width: 190px;
}

.w-195 {
  width: 195px;
}

.w-200 {
  width: 200px;
}

.w-205 {
  width: 205px;
}

.w-210 {
  width: 210px;
}

.w-215 {
  width: 215px;
}

.w-220 {
  width: 220px;
}

.w-225 {
  width: 225px;
}

.w-230 {
  width: 230px;
}

.w-235 {
  width: 235px;
}

.w-240 {
  width: 240px;
}

.w-245 {
  width: 245px;
}

.w-250 {
  width: 250px;
}

.w-255 {
  width: 255px;
}

.w-260 {
  width: 260px;
}

.w-265 {
  width: 265px;
}

.w-270 {
  width: 270px;
}

.w-275 {
  width: 275px;
}

.w-280 {
  width: 280px;
}

.w-285 {
  width: 285px;
}

.w-290 {
  width: 290px;
}

.w-295 {
  width: 295px;
}

.w-300 {
  width: 300px;
}

.w-305 {
  width: 305px;
}

.w-310 {
  width: 310px;
}

.w-315 {
  width: 315px;
}

.w-320 {
  width: 320px;
}

.w-325 {
  width: 325px;
}

.w-330 {
  width: 330px;
}

.w-335 {
  width: 335px;
}

.w-340 {
  width: 340px;
}

.w-345 {
  width: 345px;
}

.w-350 {
  width: 350px;
}

.w-355 {
  width: 355px;
}

.w-360 {
  width: 360px;
}

.w-365 {
  width: 365px;
}

.w-370 {
  width: 370px;
}

.w-375 {
  width: 375px;
}

.w-380 {
  width: 380px;
}

.w-385 {
  width: 385px;
}

.w-390 {
  width: 390px;
}

.w-395 {
  width: 395px;
}

.w-400 {
  width: 400px;
}

.w-405 {
  width: 405px;
}

.w-410 {
  width: 410px;
}

.w-415 {
  width: 415px;
}

.w-420 {
  width: 420px;
}

.w-425 {
  width: 425px;
}

.w-430 {
  width: 430px;
}

.w-435 {
  width: 435px;
}

.w-440 {
  width: 440px;
}

.w-445 {
  width: 445px;
}

.w-450 {
  width: 450px;
}

.w-455 {
  width: 455px;
}

.w-460 {
  width: 460px;
}

.w-465 {
  width: 465px;
}

.w-470 {
  width: 470px;
}

.w-475 {
  width: 475px;
}

.w-480 {
  width: 480px;
}

.w-485 {
  width: 485px;
}

.w-490 {
  width: 490px;
}

.w-495 {
  width: 495px;
}

.w-500 {
  width: 500px;
}

.w-505 {
  width: 505px;
}

.w-510 {
  width: 510px;
}

.w-515 {
  width: 515px;
}

.w-520 {
  width: 520px;
}

.w-525 {
  width: 525px;
}

.w-530 {
  width: 530px;
}

.w-535 {
  width: 535px;
}

.w-540 {
  width: 540px;
}

.w-545 {
  width: 545px;
}

.w-550 {
  width: 550px;
}

.w-555 {
  width: 555px;
}

.w-560 {
  width: 560px;
}

.w-565 {
  width: 565px;
}

.w-570 {
  width: 570px;
}

.w-575 {
  width: 575px;
}

.w-580 {
  width: 580px;
}

.w-585 {
  width: 585px;
}

.w-590 {
  width: 590px;
}

.w-595 {
  width: 595px;
}

.w-600 {
  width: 600px;
}

.w-605 {
  width: 605px;
}

.w-610 {
  width: 610px;
}

.w-615 {
  width: 615px;
}

.w-620 {
  width: 620px;
}

.w-625 {
  width: 625px;
}

.w-630 {
  width: 630px;
}

.w-635 {
  width: 635px;
}

.w-640 {
  width: 640px;
}

.w-645 {
  width: 645px;
}

.w-650 {
  width: 650px;
}

.w-655 {
  width: 655px;
}

.w-660 {
  width: 660px;
}

.w-665 {
  width: 665px;
}

.w-670 {
  width: 670px;
}

.w-675 {
  width: 675px;
}

.w-680 {
  width: 680px;
}

.w-685 {
  width: 685px;
}

.w-690 {
  width: 690px;
}

.w-695 {
  width: 695px;
}

.w-700 {
  width: 700px;
}

.w-705 {
  width: 705px;
}

.w-710 {
  width: 710px;
}

.w-715 {
  width: 715px;
}

.w-720 {
  width: 720px;
}

.w-725 {
  width: 725px;
}

.w-730 {
  width: 730px;
}

.w-735 {
  width: 735px;
}

.w-740 {
  width: 740px;
}

.w-745 {
  width: 745px;
}

.w-750 {
  width: 750px;
}

.w-755 {
  width: 755px;
}

.w-760 {
  width: 760px;
}

.w-765 {
  width: 765px;
}

.w-770 {
  width: 770px;
}

.w-775 {
  width: 775px;
}

.w-780 {
  width: 780px;
}

.w-785 {
  width: 785px;
}

.w-790 {
  width: 790px;
}

.w-795 {
  width: 795px;
}

.w-800 {
  width: 800px;
}

.w-805 {
  width: 805px;
}

.w-810 {
  width: 810px;
}

.w-815 {
  width: 815px;
}

.w-820 {
  width: 820px;
}

.w-825 {
  width: 825px;
}

.w-830 {
  width: 830px;
}

.w-835 {
  width: 835px;
}

.w-840 {
  width: 840px;
}

.w-845 {
  width: 845px;
}

.w-850 {
  width: 850px;
}

.w-855 {
  width: 855px;
}

.w-860 {
  width: 860px;
}

.w-865 {
  width: 865px;
}

.w-870 {
  width: 870px;
}

.w-875 {
  width: 875px;
}

.w-880 {
  width: 880px;
}

.w-885 {
  width: 885px;
}

.w-890 {
  width: 890px;
}

.w-895 {
  width: 895px;
}

.w-900 {
  width: 900px;
}

.w-905 {
  width: 905px;
}

.w-910 {
  width: 910px;
}

.w-915 {
  width: 915px;
}

.w-920 {
  width: 920px;
}

.w-925 {
  width: 925px;
}

.w-930 {
  width: 930px;
}

.w-935 {
  width: 935px;
}

.w-940 {
  width: 940px;
}

.w-945 {
  width: 945px;
}

.w-950 {
  width: 950px;
}

.w-955 {
  width: 955px;
}

.w-960 {
  width: 960px;
}

.w-965 {
  width: 965px;
}

.w-970 {
  width: 970px;
}

.w-975 {
  width: 975px;
}

.w-980 {
  width: 980px;
}

.w-985 {
  width: 985px;
}

.w-990 {
  width: 990px;
}

.w-995 {
  width: 995px;
}

.w-1000 {
  width: 1000px;
}

.w-1005 {
  width: 1005px;
}

.w-1010 {
  width: 1010px;
}

.w-1015 {
  width: 1015px;
}

.w-1020 {
  width: 1020px;
}

.w-1025 {
  width: 1025px;
}

.w-1030 {
  width: 1030px;
}

.w-1035 {
  width: 1035px;
}

.w-1040 {
  width: 1040px;
}

.w-1045 {
  width: 1045px;
}

.w-1050 {
  width: 1050px;
}

.w-1055 {
  width: 1055px;
}

.w-1060 {
  width: 1060px;
}

.w-1065 {
  width: 1065px;
}

.w-1070 {
  width: 1070px;
}

.w-1075 {
  width: 1075px;
}

.w-1080 {
  width: 1080px;
}

.w-1085 {
  width: 1085px;
}

.w-1090 {
  width: 1090px;
}

.w-1095 {
  width: 1095px;
}

.w-1100 {
  width: 1100px;
}

.w-1105 {
  width: 1105px;
}

.w-1110 {
  width: 1110px;
}

.w-1115 {
  width: 1115px;
}

.w-1120 {
  width: 1120px;
}

.w-1125 {
  width: 1125px;
}

.w-1130 {
  width: 1130px;
}

.w-1135 {
  width: 1135px;
}

.w-1140 {
  width: 1140px;
}

.w-1145 {
  width: 1145px;
}

.w-1150 {
  width: 1150px;
}

.w-1155 {
  width: 1155px;
}

.w-1160 {
  width: 1160px;
}

.w-1165 {
  width: 1165px;
}

.w-1170 {
  width: 1170px;
}

.w-1175 {
  width: 1175px;
}

.w-1180 {
  width: 1180px;
}

.w-1185 {
  width: 1185px;
}

.w-1190 {
  width: 1190px;
}

.w-1195 {
  width: 1195px;
}

.w-1200 {
  width: 1200px;
}

.w-1205 {
  width: 1205px;
}

.w-1210 {
  width: 1210px;
}

.w-1215 {
  width: 1215px;
}

.w-1220 {
  width: 1220px;
}

.w-1225 {
  width: 1225px;
}

.w-1230 {
  width: 1230px;
}

.w-1235 {
  width: 1235px;
}

.w-1240 {
  width: 1240px;
}

.w-1245 {
  width: 1245px;
}

.w-1250 {
  width: 1250px;
}

.w-1255 {
  width: 1255px;
}

.w-1260 {
  width: 1260px;
}

.w-1265 {
  width: 1265px;
}

.w-1270 {
  width: 1270px;
}

.w-1275 {
  width: 1275px;
}

.w-1280 {
  width: 1280px;
}

.w-1285 {
  width: 1285px;
}

.w-1290 {
  width: 1290px;
}

.w-1295 {
  width: 1295px;
}

.w-1300 {
  width: 1300px;
}

.w-1305 {
  width: 1305px;
}

.w-1310 {
  width: 1310px;
}

.w-1315 {
  width: 1315px;
}

.w-1320 {
  width: 1320px;
}

.w-1325 {
  width: 1325px;
}

.w-1330 {
  width: 1330px;
}

.w-1335 {
  width: 1335px;
}

.w-1340 {
  width: 1340px;
}

.w-1345 {
  width: 1345px;
}

.w-1350 {
  width: 1350px;
}

.w-1355 {
  width: 1355px;
}

.w-1360 {
  width: 1360px;
}

.w-1365 {
  width: 1365px;
}

.w-1370 {
  width: 1370px;
}

.w-1375 {
  width: 1375px;
}

.w-1380 {
  width: 1380px;
}

.w-1385 {
  width: 1385px;
}

.w-1390 {
  width: 1390px;
}

.w-1395 {
  width: 1395px;
}

.w-1400 {
  width: 1400px;
}

table {
  width: max-content;
}

table th a {
  color: #000;
}

table td {
  text-align: center;
}

table td .input-item {
  width: 100%;
}

table td input,
table td select {
  width: 100%;
}

table td.txt-left {
  text-align: left;
}

table input[type=number] {
  -moz-appearance: textfield;
}

table input[type=number]::-webkit-outer-spin-button,
table input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

table .is-updatable input {
  width: 100%;
  height: 15px;
  border-color: transparent;
}

table .is-updatable input:focus {
  border-color: #233657;
}

table select {
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 7px;
  border: 1px solid #bfbfbf;
  border-radius: 1px;
  background: url(../img/common/icn_arrow_down.png) no-repeat center right 7px/10px auto;
  cursor: pointer;
}

.primary-table,
.tertiary-table,
.senary-table,
.secondary-table,
.quinary-table,
.application-table {
  overflow: auto;
}

.primary-table tr,
.tertiary-table tr,
.senary-table tr,
.secondary-table tr,
.quinary-table tr,
.application-table tr {
  background: #fff;
}

.primary-table .is-delete,
.tertiary-table .is-delete,
.senary-table .is-delete,
.secondary-table .is-delete,
.quinary-table .is-delete,
.application-table .is-delete {
  color: #000;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}

.primary-table {
  color: #000;
}

.primary-table table {
  width: 100%;
}

.primary-table th {
  padding: 5px;
  border: 0;
  background: #eaeaea;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: center;
}

.primary-table th .is-separate {
  position: relative;
  bottom: 1px;
  font-size: 0.1rem;
}

.primary-table td {
  padding: 3px 5px;
  border-color: #d8d8d8;
  font-size: 0.14rem;
}

.primary-table td:first-child {
  border-left: 0;
}

.primary-table td:last-child {
  border-right: 0;
}

.primary-table .is-highlight {
  color: #ffb200;
  font-weight: 500;
}

.primary-table .list-config {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.primary-table .list-config .primary-button,
.primary-table .list-config .quaternary-button {
  min-width: 80px;
  min-height: 25px;
  padding: 3px 5px 5px;
  border-radius: 4px;
  font-size: 0.1rem;
  font-weight: normal;
}

.primary-table .input-item {
  display: none;
}

.primary-table .is-updating .button-edit {
  display: none;
}

.primary-table .is-updating .list-config {
  display: block;
}

.primary-table .is-updating .cell-value {
  display: none;
}

.primary-table .is-updating .input-item {
  display: block;
}

.primary-table .is-updating td:nth-child(n+3) {
  background-color: #fff3e1;
}

.primary-table .config-item:not(:last-child) {
  margin-bottom: 5px;
}

.senary-table caption,
.senary-table .caption {
  /* margin-bottom: 5px; */
  padding: 2px 10px 3px;
  border: 1px solid #393b44;
  border-radius: 6px 6px 0 0;
  background: #ffb127;
  font-size: 0.12rem;
  font-weight: bold;
  text-align: center;
  border-bottom: none;
}

.senary-table caption.background-gray,
.senary-table .caption.background-gray {
  background: #ddd;
}

.senary-table th,
.senary-table td {
  padding: 0 0 0 3px;
  border-color: #393b44;
  font-size: 0.1rem;
}

.senary-table th {
  background: #ffc871;
  text-align: center;
}

.senary-table th span {
  font-weight: bold;
}

.senary-table td span {
  font-weight: 500;
}

.tertiary-table.has-line-bottom {
  padding-bottom: 10px;
}

.tertiary-table th,
.tertiary-table td {
  padding: 0 3px 0;
  border-color: #036;
  font-size: 0.1rem;
}

.tertiary-table th {
  background: #036;
  color: #fff;
  text-align: center;
}

.tertiary-table th span {
  font-weight: bold;
}

.tertiary-table th:first-child {
  border-right-color: #fff;
}

.tertiary-table th:last-child {
  border-right-color: #036;
}

.tertiary-table td {
  min-width: 80px;
}

.tertiary-table td.is-head {
  background: #036;
  color: #fff;
}

.tertiary-table td.is-head:not(:last-child) {
  border-right-color: #fff;
}

.tertiary-table td.border-bottom-white {
  border-bottom-color: #fff;
}

.tertiary-table td span {
  font-weight: 500;
}

.tertiary-table.has-head-border th:not(:last-child) {
  border-right-color: #fff;
}

.tertiary-table th.is-updatable input {
  background: none;
  color: #fff;
}

.secondary-table th,
.secondary-table td {
  padding: 5px 5px 6px;
  border-color: #036;
  font-size: 0.12rem;
  font-weight: 500;
}

.secondary-table th {
  background: #eaeaea;
  text-align: center;
}

.secondary-table td .is-highlight {
  color: #ffb200;
  font-weight: 500;
}

.secondary-table .icon-dots {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 6px;
  height: 10px;
}

.secondary-table .icon-dots::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #036;
  box-shadow: 0 -6px 0 #036, 0 6px 0 #036;
}

.secondary-table .txt-mark {
  color: #fb9d14;
}

.secondary-table.is-rounded table {
  overflow: hidden;
  border-collapse: separate;
  border: 2px solid #036;
  border-radius: 5px;
}

.secondary-table.is-rounded table th,
.secondary-table.is-rounded table td {
  font-weight: 400;
}

.secondary-table.is-rounded tr:not(:last-child) td {
  border-bottom: 1px solid #036;
}

.secondary-table.is-rounded th,
.secondary-table.is-rounded td {
  border: none;
}

.secondary-table.is-rounded th:not(:last-child),
.secondary-table.is-rounded td:not(:last-child) {
  border-right: 1px solid #036;
}

.secondary-table.is-rounded th {
  height: 45px;
  border-bottom: 2px solid #036;
}

.secondary-table.is-rounded td {
  height: 43px;
  padding-right: 10px;
  padding-left: 10px;
}

.secondary-table.is-rounded select {
  height: 100%;
}

.secondary-table.is-rounded .input-item {
  display: block;
}

.secondary-table .is-draggable {
  position: relative;
  padding-left: 15px;
  cursor: pointer;
}

.secondary-table .is-draggable::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  width: 8px;
  border-bottom: 1px solid #036;
  border-radius: 1px;
  box-shadow: 0 -4px 0 #036, 0 4px 0 #036;
}

.quinary-table tr:nth-child(even) td {
  background: #efefef;
}

.quinary-table.no-background th,
.quinary-table.no-background td {
  border-bottom: 1px solid #efefef;
}

.quinary-table.no-background th {
  color: #9fa1aa;
}

.quinary-table.no-background td {
  background: none !important;
}

.quinary-table.no-background td:not(.table-time) {
  color: #3b3e5a;
}

.quinary-table th,
.quinary-table td {
  padding: 5px 5px 6px;
  border: none;
  font-size: 0.12rem;
  text-align: center;
}

.quinary-table th {
  color: #3b3e5a;
  font-weight: 500;
}

.quinary-table .table-image {
  width: 40px;
  margin: 0 auto;
  cursor: pointer;
}

.quinary-table .table-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quinary-table .primary-button {
  min-width: 40px;
  min-height: 22px;
  padding: 1px 5px 2px;
  border-radius: 2px;
  background: #fff;
  font-size: 0.12rem;
}

.quinary-table.is-medium th,
.quinary-table.is-medium td {
  padding-top: 11px;
  padding-bottom: 12px;
}

.quinary-table thead.has-border {
  border-bottom: 1px solid #efefef;
}

.table-radio {
  display: inline-block;
  cursor: pointer;
}

.table-radio .radio-input {
  display: none;
}

.table-radio .radio-input:checked ~ .radio-icon::before {
  background: #faad06;
  box-shadow: inset 0 0 0 2px #fff;
}

.table-radio .radio-icon {
  display: inline-block;
  position: relative;
}

.table-radio .radio-icon::before {
  content: "";
  position: absolute;
  top: -13px;
  left: -3px;
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  border-radius: 50%;
  background: #fff;
}

.table-checkbox {
  display: inline-block;
  cursor: pointer;
}

.table-checkbox .checkbox-input {
  display: none;
}

.table-checkbox .checkbox-input:checked ~ .checkbox-icon::before {
  background-image: url(../img/common/icn_check.svg);
}

.table-checkbox .checkbox-icon {
  display: block;
  position: relative;
}

.table-checkbox .checkbox-icon::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -8px;
  width: 15px;
  height: 15px;
  border: 1px solid #036;
  border-radius: 2px;
  background: no-repeat center/84% auto;
}

.application-table thead tr:first-child th {
  padding: 8px 5px;
  /* font-size: 0.14rem; */
}

.application-table thead tr:nth-child(2) th {
  border-bottom-color: #233657;
}

.application-table th {
  padding: 5px 5px 6px;
  border-bottom-color: #fff;
  border-left-color: #213555;
  background: #233657;
  color: #fff;
  /* font-size: 0.12rem; */
  font-weight: 500;
  text-align: center;
}

.application-table th:not(:last-child) {
  border-right-color: #fff;
}

.application-table th.is-orange {
  background: #f4a200;
}

.application-table th .text-xsmall {
  display: inline-block;
  position: relative;
  top: 2px;
  line-height: 1;
  text-align: left;
}

.application-table td {
  padding: 5px 5px 6px;
  font-size: 0.12rem;
  font-weight: 500;
}

.application-table .border-bottom-blue {
  border-bottom: 1px solid #213555;
}

.application-table .border-bottom-orange {
  border-bottom: 1px solid #f4a200;
}

.application-table tbody tr {
  background: #fff8ab;
}

.application-table tbody tr td {
  border-style: dashed;
  border-right-style: solid;
  border-left-style: solid;
}

.application-table tbody tr td:nth-child(3),
.application-table tbody tr td:nth-child(8),
.application-table tbody tr td:nth-child(9),
.application-table tbody tr td:nth-child(16),
.application-table tbody tr td:nth-child(17),
.application-table tbody tr td:nth-child(18) {
  border-right: 2px solid #f4a200;
}

.application-table tbody tr td:nth-child(12),
.application-table tbody tr td:nth-child(22) {
  border-right-width: 2px;
  border-right-color: #213555;
}

.application-table .is-pink td {
  background: #f9d3b4;
}

.application-table .is-dot {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #213555;
}

.application-table .edit-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 20px;
  padding: 0 2px 2px;
  border-radius: 4px;
  background: #fff;
  color: #233657;
  font-size: 0.1rem;
  font-weight: 500;
}

@media print {
  .secondary-table.is-rounded tr:not(:last-child) td {
    border-bottom-width: 2px;
  }

  .secondary-table.is-rounded th:not(:last-child),
  .secondary-table.is-rounded td:not(:last-child) {
    border-right-width: 2px;
  }
}

.table-block {
  max-width: 100%;
  overflow: auto;
}

.septenary-table {
  position: relative;
  width: fit-content;
  margin-left: 50px;
}

.septenary-table::before {
  content: "";
  position: absolute;
  top: 28px;
  right: 0;
  left: -50px;
  border-bottom: 2px solid #f29d35;
}

.septenary-table th,
.septenary-table td {
  border: none;
  font-size: 0.12rem;
  text-align: center;
}

.septenary-table th {
  padding: 4px 5px 5px;
  color: #3b3e5a;
  font-weight: normal;
}

.septenary-table td {
  padding: 9px 5px 11px;
  font-weight: bold;
}

.septenary-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #b2b2b2;
}

.septenary-table .head-title,
.septenary-table .data-title {
  font-weight: 500;
  text-align: left;
}

.septenary-table .head-title {
  color: #f29d35;
  font-size: 0.14rem;
}

.octonary-table {
  font-size: 0.12rem;
}

.octonary-table th,
.octonary-table td {
  text-align: center;
}

.octonary-table .border-bottom-row td {
  border-bottom: solid #555 1px;
}

.octonary-table .border-bottom-cell {
  border-bottom: solid #555 1px;
}

.octonary-table th {
  border-top: solid #d4d5d4 1px;
  border-right: dotted #d4d5d4 1px;
  border-bottom: solid #d4d5d4 1px;
  border-left: dotted #d4d5d4 1px;
}

.octonary-table th:first-child {
  border-left-style: solid;
}

.octonary-table th:last-child {
  border-right-style: solid;
}

.octonary-table td {
  height: 35px;
  padding-top: 2px;
  padding-bottom: 3px;
  border: solid #d4d5d4 1px;
  font-weight: 700;
}

.octonary-table thead {
  background: #f8f8f8;
  color: #738495;
}

.octonary-table .cell-title {
  background: #f1eee2;
}

.octonary-table .is-sunday {
  color: #f35a5b;
}

.octonary-table .is-saturday {
  color: #3e7cf0;
}

.cell-separate {
  padding: 0 !important;
  border: none !important;
  background: #fff !important;
}

.nonary-table {
  max-width: 100%;
  overflow: auto;
}

.nonary-table table {
  margin-bottom: 0;
}

.nonary-table th,
.nonary-table td {
  background-clip: padding-box;
  font-size: 0.12rem;
  font-weight: 500;
  text-align: center;
}

.nonary-table th {
  height: 90px;
  border: 2px solid #393b44;
  background: #fff;
}

.nonary-table th.col-one,
.nonary-table th.col-two,
.nonary-table th.col-three {
  height: 40px;
  padding: 4px 5px 5px;
}

.nonary-table td {
  padding-top: 5px;
  padding-bottom: 6px;
  border-top: 1px dashed #717377;
  border-right: 1px solid #393b44;
  border-bottom: 1px dashed #717377;
  border-left: 1px solid #393b44;
}

.nonary-table .border-right-01 {
  border-right-width: 1px;
}

.nonary-table .border-left-01 {
  border-left-width: 1px;
}

.nonary-table .border-right-02 {
  border-right-width: 2px;
}

.nonary-table .border-left-02 {
  border-left-width: 2px;
}

.nonary-table .text-left {
  text-align: left;
}

.nonary-table .text-target {
  color: #ff5f4a;
}

.nonary-table .col-one {
  background: #ffeec7;
}

.nonary-table .col-two {
  background: #fff;
}

.nonary-table .col-three {
  background: #ff5f4a;
  color: #fff;
}

.nonary-table .cell-month {
  border-bottom: 2px solid #393b44;
  border-left: 2px solid #393b44;
}

.nonary-table .row-heading td {
  height: 40px;
  border: 2px solid #393b44;
  border-bottom-width: 1px;
  background: #ff8f6c;
}

.nonary-table .row-total td {
  border-bottom: 2px solid #393b44;
  border-top-style: solid;
}

.denary-table {
  max-width: 100%;
  height: 1050px;
  overflow: auto;
}

.denary-table table {
  margin-bottom: 0;
}

.denary-table th,
.denary-table td {
  padding-top: 7px;
  padding-bottom: 8px;
  font-size: 0.12rem;
  font-weight: bold;
  text-align: center;
}

.denary-table th {
  border: 2px solid #393b44;
}

.denary-table td {
  border-top: 1px dashed #bcbcbc;
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px dashed #bcbcbc;
  border-left: 1px solid #bcbcbc;
}

.denary-table td:last-child {
  border-right: 2px solid #393b44;
}

.denary-table tbody tr:first-child td {
  border-top: 2px solid #393b44;
}

.denary-table tbody tr:last-child td {
  border-bottom: 2px solid #393b44;
}

.denary-table tbody .cell-separate {
  border-right: 2px solid #393b44 !important;
  border-left: 2px solid #393b44 !important;
}

.denary-table .row-heading th {
  background: #355584;
  font-size: 0.12rem;
  color: #FFF;
}

.denary-table .row-heading .cell-header {
  background: #fff;
}

.denary-table .row-heading .cell-highlight {
  background: #ffca5f;
  color: #000;
}

.denary-table .border-left-dashed {
  border-left-style: dashed;
}

.denary-table .border-right-dashed {
  border-right-style: dashed;
}

.denary-table .border-right-thick {
  border-right: 2px solid #393b44;
}

.denary-table .border-right-white {
  border-right-color: #fff;
}

.denary-table .row-budget {
  background: #d3e7f8;
}

.denary-table .cell-yellow {
  background: #ffeec7;
}

.denary-table .cell-total td,
.denary-table .row-total td {
  background: #ff5f4a;
  color: #fff;
}

.denary-table .border-row td {
  border-top: 2px solid #393b44;
  border-bottom: 2px solid #393b44;
}

.denary-table .cell-title {
  border-right: 2px solid #393b44;
  border-left: 2px solid #393b44;
}

.denary-table .cell-counter {
  border-right: 0;
  border-left: 2px solid #393b44;
  background: linear-gradient(to bottom, #393b44 0, #393b44 60%, #fff 60%, #fff) repeat-y top right/2px 5px;
}

.denary-table .cell-day {
  border-right: 2px solid #393b44;
  border-left: none;
}

.rating-table {
  overflow: auto;
}

.rating-table thead {
  border-bottom: 2px solid #ffb200;
}

.rating-table tbody tr:not(:last-child) {
  border-bottom: 1px solid #a2a2a2;
}

.rating-table th,
.rating-table td {
  border: none;
}

.rating-table th {
  padding: 8px 5px;
  color: #ffb200;
  font-size: 0.12rem;
  font-weight: 500;
  text-align: center;
}

.rating-table td {
  padding: 11px 5px 13px;
}

.chart-wrapper {
  position: relative;
  z-index: 1;
}

.chart-wrapper .chart-legends {
  position: absolute;
  z-index: 100;
  top: 63%;
  left: 250px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.chart-wrapper .chart-legends .legends-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  width: 220px;
  height: 200px;
  margin: 0;
  padding: 0;
  overflow-x: scroll;
  list-style: none;
  scrollbar-width: thin;
  scrollbar-color: #e9e9e9 #fff;
}

.chart-wrapper .chart-legends .legends-list::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

.chart-wrapper .chart-legends .legends-list::-webkit-scrollbar-thumb {
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #e9e9e9;
}

.chart-wrapper .chart-legends .legends-list::-webkit-scrollbar-track {
  background-color: #fff;
}

.chart-wrapper .chart-legends .legends-list::-webkit-scrollbar-horizontal {
  height: 8px;
}

.chart-wrapper .chart-legends .legends-list::-webkit-scrollbar-thumb:horizontal {
  height: 8px;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-right: 0 solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  border-left: 0 solid rgba(0, 0, 0, 0);
  background-color: #e9e9e9;
}

.chart-wrapper .chart-legends .legends-list li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50%;
  padding-right: 10px;
}

.chart-wrapper .chart-legends .legends-month {
  margin: 0 0 10px;
  font-size: 0.16rem;
  font-weight: bold;
}

.chart-wrapper .chart-legends .legends-title {
  display: inline-block;
  min-width: 140px;
  margin: 0 0 20px;
  padding: 10px;
  border-radius: 5px;
  background: #f3f3f3;
  font-size: 0.15rem;
  line-height: 1;
  text-align: center;
}

.chart-wrapper .chart-legends .legend-color {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border-radius: 2px;
  vertical-align: middle;
}

.chart-wrapper .chart-legends .legend-label {
  display: inline-block;
  margin-top: -0.1em;
  vertical-align: middle;
}

.chart-wrapper .chart-tooltip {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 214px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
  text-align: center;
  pointer-events: none;
}

.chart-wrapper .chart-tooltip .tooltip-title {
  margin: 0 0 5px;
  font-size: 0.12rem;
}

.chart-wrapper .chart-tooltip .tooltip-value {
  margin: 0;
  font-size: 0.2rem;
}

.chart-wrapper .bar-tooltip {
  position: absolute;
  min-width: 110px;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.1s ease;
  border-radius: 10px;
  opacity: 1;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  color: #000;
  font-size: 0.14rem;
  text-align: center;
  pointer-events: none;
}

.chart-wrapper .bar-tooltip::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top: 5px solid #fff;
}

.product-analysis-charts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -40px;
}

.product-analysis-charts .col {
  width: calc(33.333%);
  min-width: 490px;
  max-width: 670px;
  margin: 0 40px 30px 0;
  padding-left: 70px;
}

.chart-product-analysis {
  width: 100%;
  height: 214px;
}

.chart-sales {
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
}

.chart-ranking-bar {
  width: 100%;
  height: 300px;
}

.chart-ranking-doughnut {
  width: 100%;
  height: 164px;
  margin-top: 50px;
  padding-left: 20px;
}

.chart-ranking-doughnut canvas {
  display: block;
  width: 164px !important;
  height: 164px !important;
}

.chart-ranking-doughnut .chart-legends {
  top: 60%;
  left: 220px;
}

.chart-ranking-doughnut .chart-legends .legends-month {
  margin-bottom: 15px;
  font-size: 0.12rem;
}

.chart-ranking-doughnut .chart-legends .legends-list {
  width: 360px;
  height: 150px;
}

.chart-ranking-doughnut .chart-legends .legends-list li {
  width: 33.333%;
  margin-bottom: 15px;
}

.chart-ranking-doughnut .chart-legends .legends-list .legend-color {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  color: #fff;
  font-size: 0.1rem;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}

.chart-ranking-doughnut .chart-legends .legends-list .legend-label {
  display: inline-block;
  margin-top: -0.05em;
  font-weight: 500;
  vertical-align: middle;
}

.chart-transition-bar {
  width: 100%;
  height: 300px;
}

.chart-transition-doughnut {
  width: 100%;
  height: 216px;
  margin-top: 50px;
  padding-left: 20px;
}

.chart-transition-doughnut canvas {
  display: block;
  width: 216px !important;
  height: 216px !important;
}

.chart-transition-doughnut .chart-legends {
  left: 320px;
}

.chart-transition-doughnut .chart-legends .legends-month {
  margin-bottom: 15px;
  font-size: 0.12rem;
}

.chart-transition-doughnut .chart-legends .legends-list {
  width: 870px;
  height: 200px;
}

.chart-transition-doughnut .chart-legends .legends-list li {
  width: 33.333%;
  margin-bottom: 20px;
}

.chart-transition-doughnut .chart-legends .legends-list .legend-color {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  color: #fff;
  font-size: 0.12rem;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}

.chart-transition-doughnut .chart-legends .legends-list .legend-color small {
  font-size: 0.1rem;
}

.chart-transition-doughnut .chart-legends .legends-list .legend-label {
  display: inline-block;
  margin-top: -0.05em;
  font-size: 0.18rem;
  font-weight: bold;
  vertical-align: middle;
}

.chart-transition-doughnut .chart-legends .legends-list .legend-label small {
  font-size: 0.8em;
}

.primary-tab,
.secondary-tab,
.tertiary-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 0.12rem;
  letter-spacing: 0.05em;
  list-style: none;
}

.primary-tab .tab-inner,
.secondary-tab .tab-inner,
.tertiary-tab .tab-inner {
  transition: all 0.2s ease;
  cursor: pointer;
}

.primary-tab .tab-inner:hover,
.secondary-tab .tab-inner:hover,
.tertiary-tab .tab-inner:hover {
  opacity: 0.8;
}

.primary-tab a.tab-inner,
.secondary-tab a.tab-inner,
.tertiary-tab a.tab-inner {
  text-decoration: none;
}

.primary-tab,
.secondary-tab {
  font-weight: bold;
}

.primary-tab .item-tab {
  display: block;
}

.primary-tab .item-tab:not(:last-child) {
  margin-right: 10px;
}

.primary-tab .tab-inner {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 125px;
  height: 40px;
  padding: 5px 10px;
  border-radius: 6px 6px 0 0;
  background: #a2acbc;
  color: #fff;
}

.primary-tab .is-current .tab-inner {
  background: #fff;
  color: #ffb200;
}

.secondary-tab {
  width: 692px;
}

.secondary-tab .item-tab {
  margin-right: 4px;
  margin-bottom: 4px;
}

.secondary-tab .item-tab:nth-child(5n+5) {
  margin-right: 0;
}

.secondary-tab .tab-inner {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 135px;
  height: 40px;
  padding: 2px 8px 3px;
  border-radius: 4px;
  background: #efefef;
  color: #a2acbc;
}

.secondary-tab .is-current .tab-inner {
  background: linear-gradient(90deg, rgb(255, 178, 0) 0%, rgb(243, 185, 25) 100%);
  color: #fff;
}

.secondary-tab.is-arrow .is-current .tab-inner {
  position: relative;
  background: #faad06;
}

.secondary-tab.is-arrow .is-current .tab-inner::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  border-top: 5px solid #faad06;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.secondary-tab.is-small .tab-inner {
  width: 100px;
  height: 35px;
}

.tertiary-tab {
  font-weight: 500;
}

.tertiary-tab .item-tab {
  margin-right: 10px;
  margin-bottom: 10px;
}

.tertiary-tab .tab-inner {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px 10px 3px;
  border: 1px solid #231815;
  border-radius: 4px;
  color: #000;
}

.tertiary-tab .is-current .tab-inner {
  border-color: #939393;
  background: #939393;
  color: #fff;
}

.tab-content {
  display: none;
}

.tab-content.is-current {
  display: block;
}

.primary-title {
  margin-bottom: 0;
  padding: 15px 50px;
  background: #f3f3f3;
  color: #393b44;
  font-size: 0.16rem;
}

.secondary-title {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  font-size: 0.12rem;
  font-weight: 500;
}

.tertiary-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #3b3e5a;
  font-size: 0.14rem;
  font-weight: 500;
}

.is-medium {
  font-weight: 500;
}

.is-bold {
  font-weight: bold;
}

.text-small .is-separate,
.text-medium .is-separate,
.text-large .is-separate {
  margin-left: -6px;
}

.text-xsmall {
  font-size: 0.1rem;
}

.text-small {
  font-size: 0.12rem;
}

.text-medium {
  font-size: 0.14rem;
}

.text-large {
  font-size: 0.18rem;
}

.text-large.is-arrow::before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  width: 14px;
  height: 10px;
  margin-right: 10px;
  background: url("../img/common/icn_arrow_down_orange.svg") center center/100% auto no-repeat;
}

.text-large.is-left-line::before {
  content: "|";
  display: inline-block;
  position: relative;
  top: -1px;
  width: 14px;
  height: 10px;
  margin-right: 10px;
}

.text-xlarge {
  font-size: 0.28rem;
}

.list-text {
  padding: 0;
  list-style: none;
}

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

.text-right {
  text-align: right;
}

.text-offset-3 {
  text-underline-offset: 3px;
}

.pointer-none {
  pointer-events: none;
}

.border-bottom {
  border-bottom: 1px solid;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 8px;
  background: #eaeaea;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  background: #eaeaea !important;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}

.scrollable {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #e9e9e9 #fff;
}

.scrollable::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

.scrollable::-webkit-scrollbar-thumb {
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #e9e9e9;
}

.scrollable::-webkit-scrollbar-track {
  background-color: #fff;
}

.scrollable::-webkit-scrollbar-horizontal {
  height: 8px;
}

.scrollable::-webkit-scrollbar-thumb:horizontal {
  height: 8px;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-right: 0 solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  border-left: 0 solid rgba(0, 0, 0, 0);
  background-color: #e9e9e9;
}

.calendar-block .ui-widget {
  border: none !important;
}

.calendar-block .ui-datepicker {
  width: 100%;
}

.calendar-block .ui-datepicker .ui-widget-header {
  margin: 0 -10px;
  background: #6f8494;
  color: #fff;
}

.calendar-block .ui-datepicker th {
  color: #6f8494;
}

.calendar-block .ui-datepicker td span,
.calendar-block .ui-datepicker td a {
  border-color: #8ac3cc !important;
  background: #fff !important;
}

.calendar-block .ui-datepicker .is-holiday span,
.calendar-block .ui-datepicker .is-holiday a {
  background: #ffdbdc !important;
  color: #ff2e3d !important;
}

.calendar-block .ui-datepicker .ui-datepicker-week-end a {
  background: #ffdbdc !important;
  color: #ff2e3d !important;
}

.calendar-block .ui-datepicker .ui-datepicker-prev,
.calendar-block .ui-datepicker .ui-datepicker-next {
  display: none !important;
}

.calendar-block .ui-datepicker .ui-state-highlight {
  border: none !important;
  background: none !important;
}

.calendar-block .ui-datepicker .ui-state-highlight a {
  background: #ff6e71 !important;
  color: #fff !important;
}

.calendar-block .ui-datepicker .ui-datepicker-today a {
  border: 1px solid #8ac3cc !important;
  background: #fffa9a !important;
  color: #454545 !important;
}

.calendar-block .ui-datepicker .ui-datepicker-today.ui-state-highlight {
  background: #ff6e71 !important;
}

.calendar-block .ui-datepicker .ui-state-active {
  color: #454545 !important;
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(147, 147, 147, 0.5);
}

.lightbox .wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
}

.lightbox .popup-light-box {
  width: 100%;
  height: 100%;
}

.lightbox .popup-light-box-cell {
  position: fixed;
  top: calc(50% - 40px);
  left: 50%;
  width: 100%;
  padding: 0 20px;
  overflow: auto;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.lightbox .lightbox-window {
  position: relative;
  margin: auto;
}

.lightbox .modal-header {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  pointer-events: none;
}

.lightbox .modal-header .popup-icon-close {
  width: 50px;
  height: 50px;
  margin-left: auto;
  background: url(../img/common/icn_close_modal.svg) center center/100% auto no-repeat;
  cursor: pointer;
  pointer-events: auto;
}

.lightbox .modal-content {
  max-height: 85vmin;
  padding: 20px;
  overflow: auto;
  border-radius: 6px;
  background: #fff;
}

.lightbox .modal-title {
  position: relative;
  padding-left: 20px;
}

.lightbox .modal-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  border-radius: 6px;
  background: #ffb200;
}

.lightbox .modal-label {
  padding: 7px 8px 8px;
  background: #f4f4f4;
}

.lightbox .modal-label.is-orange {
  background: #ffb200;
  color: #fff;
}

.table-modal .modal-content {
  padding: 30px;
}

.table-modal .modal-tab,
.table-modal .modal-inner {
  height: 400px;
  overflow: auto;
}

.table-modal .modal-tab {
  padding-right: 15px;
  border-right: 1px solid #dedede;
}

.table-modal .modal-tab .delete-button {
  display: block;
  width: 15px;
  height: 15px;
  background: url(../img/common/icn_delete_black.svg) center center/10px auto no-repeat;
}

.table-modal .modal-inner {
  width: calc(100% - 500px);
  padding: 20px 50px;
}

.table-modal .config-tab-content .tab-content {
  min-height: 100px;
}

.table-modal .tertiary-tab {
  max-width: 455px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
}

.table-modal .modal-accordion {
  max-width: 455px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.table-modal .modal-accordion li {
  border-bottom: 1px solid #dedede;
}

.table-modal .modal-accordion li.is-active .accordion-heading::after {
  opacity: 0;
}

.table-modal .modal-accordion li.is-active .accordion-heading::before {
  opacity: 1;
}

.table-modal .modal-accordion .accordion-heading {
  position: relative;
  padding: 15px;
  padding-right: 40px;
  cursor: pointer;
}

.table-modal .modal-accordion .accordion-heading:last-child {
  border-bottom: unset;
}

.table-modal .modal-accordion .accordion-heading::after,
.table-modal .modal-accordion .accordion-heading::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.2s all;
}

.table-modal .modal-accordion .accordion-heading::after {
  height: 12px;
  background: url(../img/common/icn_plus_black.svg) center center/100% auto no-repeat;
}

.table-modal .modal-accordion .accordion-heading::before {
  height: 2px;
  opacity: 0;
  background: #000;
}

.table-modal .modal-accordion .accordion-content {
  display: none;
  padding: 15px;
}

.filter-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.12rem;
}

.filter-date .button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  padding-bottom: 3px;
  border-radius: 6px;
  background: #ffb127;
  color: #fff;
  line-height: 1;
  text-decoration: none;
}

.is-firefox .filter-date .button {
  margin-top: 2px;
}

.filter-date .text {
  margin: 0 5px;
}

.list-filter {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -5px;
  padding: 0;
  list-style: none;
}

.list-filter li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 100px;
  min-height: 35px;
  margin: 0 5px 5px 0;
  padding: 5px 5px 6px;
  transition-property: background, color, opacity;
  transition-duration: 0.26s;
  border-radius: 4px;
  background: #ccc;
  color: #9b9b9b;
  font-size: 0.12rem;
  cursor: pointer;
}

.list-filter li.is-current {
  background: #ffa600;
  color: #fff;
}

.list-filter li:hover {
  opacity: 0.8;
}

.h-5 {
  height: 5px;
}

.h-10 {
  height: 10px;
}

.h-15 {
  height: 15px;
}

.h-20 {
  height: 20px;
}

.h-25 {
  height: 25px;
}

.aside-common {
  position: absolute;
  z-index: 100;
  top: 70px;
  right: -500px;
  bottom: 0;
  width: 500px;
  overflow-y: auto;
  transition: right 0.4s;
  background: #fff;
}

.aside-common.is-active {
  right: 0;
  box-shadow: -15px 10px 20px rgba(0, 0, 0, 0.08);
}

.aside-common .tertiary-title {
  border-color: #9b9b9b;
}

.aside-common .aside-inner {
  padding: 50px 25px;
}

.aside-common .button-close {
  width: 25px;
  height: 25px;
  background: url(../img/common/icn_close.svg) no-repeat center/contain;
  cursor: pointer;
}

.mt-5 {
  margin-top: 5px;
}

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

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.ml-auto {
  margin-left: auto;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-80 {
  margin-left: 80px;
}

.mt-negative-10 {
  margin-top: -10px;
}

.mt-negative-30 {
  margin-top: -30px;
}

.mb-negative-40 {
  margin-bottom: -40px;
}

.ml-negative-5 {
  margin-left: -5px;
}

.ml-negative-10 {
  margin-left: -10px;
}

.ml-negative-15 {
  margin-left: -15px;
}

.ml-negative-20 {
  margin-left: -20px;
}

.ml-negative-25 {
  margin-left: -25px;
}

.mr-negative-15 {
  margin-right: -15px;
}

.mr-negative-20 {
  margin-right: -20px;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.head-content {
  background: #f3f3f3;
}

.head-content .has-search {
  position: relative;
  padding-right: 310px;
}

.head-tab {
  padding: 0 50px 0;
}

.head-search {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 15px 50px;
  pointer-events: none;
}

.head-search .search-form {
  pointer-events: auto;
}

.d-flex {
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-start {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-end {
  -ms-flex-align: end;
  align-items: flex-end;
}

.justify-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-center {
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.space-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.flex-1 {
  -ms-flex: 1;
  flex: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.col-2 {
  width: 50%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 20%;
}

.master-select {
  display: inline-block;
  position: relative;
}

.master-select .select-content {
  display: none;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
}

.master-select .select-content ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.master-select .select-content li {
  padding: 5px 10px;
  font-size: 0.14rem;
  cursor: pointer;
}

.has-line-bottom {
  padding-bottom: 50px;
  border-bottom: 1px solid #a2acbc;
}

.has-line-bottom.line-gray {
  border-color: #bfbfbf;
}

.section-manager-master .add-list {
  position: relative;
  width: fit-content;
}

.section-manager-master .add-list::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 0;
  left: 0;
  border-bottom: 1px solid #c0c1c1;
}

.section-manager-master .add-config-list .primary-button,
.section-manager-master .add-config-list .secondary-button {
  min-width: 70px;
  min-height: 24px;
  font-size: 0.1rem;
  font-weight: normal;
}

.section-manager-master .primary-table th,
.section-manager-master .primary-table td {
  padding-right: 20px;
  padding-left: 20px;
}

.special-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.special-select .select-text {
  margin-right: 10px;
  color: #231815;
  font-size: 0.14rem;
}

.special-select .select-inner {
  position: relative;
}

.special-select .select-head {
  min-width: 265px;
  min-height: 35px;
  padding: 6px 10px;
  border: 1px solid #000;
  border-radius: 5px;
  background: url(../img/common/icn_arrow_down.png) no-repeat center right 7px/10px auto;
  color: #bababa;
  font-size: 0.14rem;
  cursor: pointer;
}

.special-select .select-body {
  position: absolute;
  z-index: 2;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  padding: 10px 10px 20px;
  border: 1px solid #8c8c8c;
  border-radius: 5px;
  background: #fff;
  color: #231815;
  font-size: 0.12rem;
}

.special-select .select-title {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #231815;
  color: #c0c1c1;
}

.special-select .select-title input {
  border: none;
  font-size: 12px;
  padding: 6px 0;
  width: 240px;
}

.special-select .select-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.special-select .select-item:not(:last-child) {
  margin-bottom: 10px;
}

.special-select .select-item.is-active .accordion-head::before {
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.special-select .accordion-head {
  position: relative;
  padding: 6px 15px 7px;
  border-radius: 3px;
  background: #e8e8e8;
  cursor: pointer;
}

.special-select .accordion-head::before {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 15px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.26s;
  line-height: 1;
}

.special-select .accordion-body {
  display: none;
  padding: 10px 15px 0;
}

.special-select .accordion-body a {
  color: inherit;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.step-content {
  display: none;
}

.step-content.is-current {
  display: block;
}

.section-shopper-report .report-staff {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #3b3e5a;
  border-radius: 4px;
}

.section-shopper-report .staff-name {
  width: 50%;
  padding: 3px 5px 4px;
  background: #3b3e5a;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.section-shopper-report .staff-info {
  width: 50%;
  padding: 3px 5px 4px;
  font-weight: 500;
  text-align: center;
}

.ranking-block {
  min-width: 1617px;
  padding-bottom: 25px;
}

.ranking-block .item-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #3b3e5a;
  color: #3b3e5a;
}

.ranking-block .ranking-item:not(:last-child) {
  margin-right: 65px;
  padding-right: 65px;
  border-right: 1px solid #e5e5e5;
}

.modal-mystery-shopper .swiper-slide {
  width: 100%;
  padding: 0 79px;
}

.modal-mystery-shopper .swiper-slide img {
  width: 100%;
}

.modal-mystery-shopper .modal-content {
  padding: 70px 0;
  overflow: hidden;
}

.modal-mystery-shopper .swiper-button-prev,
.modal-mystery-shopper .swiper-button-next {
  margin-top: calc(30px - var(--swiper-navigation-size) / 2);
}

.modal-mystery-shopper .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 20px);
  background: url(../img/common/icn_arrow_left.svg) no-repeat center/contain;
}

.modal-mystery-shopper .swiper-button-prev::after {
  content: none;
}

.modal-mystery-shopper .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 20px);
  background: url(../img/common/icn_arrow_right.svg) no-repeat center/contain;
}

.modal-mystery-shopper .swiper-button-next::after {
  content: none;
}

.modal-survey .modal-content {
  padding-top: 30px;
  padding-bottom: 35px;
}

.modal-survey .quinary-table table {
  margin: 0 auto;
}

.section-calendar .day-mark {
  background: #dd143b;
}

.section-calendar .background-gray {
  background: #7f8081;
}

.section-calendar .color-light-gray {
  color: #738496;
}

[contenteditable] {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.prefectures-item.is-active .arrow {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.prefectures-item .arrow {
  width: 15px;
  height: 15px;
  margin-top: 3px;
  transition: transform 0.4s ease;
  background: url(../img/common/icn_arrow_down_blue_02.svg) center center/8px auto no-repeat;
  cursor: pointer;
}

.prefectures-item .js-accordion-content {
  display: none;
}

.radio-box {
  width: 20px;
  height: 20px;
  border: 1px solid #036;
  border-radius: 50%;
  background: #faad06;
  box-shadow: inset 0 0 0 2px #fff;
}

.block-accordion .accordion-heading {
  display: inline-block;
  cursor: pointer;
}

.shop-master-title {
  padding: 6px 20px;
  background: #eaeaea;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.shop-master-title span::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  width: 8px;
  height: 5px;
  margin-left: 10px;
  background: url(../img/common/icn_arrow_down_black.svg) center center/100% auto no-repeat;
}

/*========================================
login
========================================*/
.login-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 6px);
  background: url("../images/bg-login.svg")no-repeat;
}
.login-box {
  box-sizing: border-box;
  padding: 50px 80px;
  background: #fff;
  border-radius: 10px;
  box-shadow:0px 0px 6px 3px #eee;
}
.login-form {
  width: 280px;
  margin: 0 auto;
}
.login-title h1 {
  max-width: 350px;
  margin: 0 auto 70px;
}
.login-form h2 {
  margin: 0 0 30px;
  color: #707070;
  /* font-size: 1.8rem; */
  text-align: center;
}
.login-id {
  position: relative;
  margin: 0 auto 20px;
}
.login-id input[type="text"] {
  width: 100%;
  padding: 8px;
  /* font-size: 1rem; */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
}
.login-id:before {
  content: "ID";
  display: block;
  margin: 0 0 5px;
  color: #707070;
  /* font-size: 1.2rem; */
}
.login-pw {
  position: relative;
  margin: 0 auto;
}
.login-pw input[type="password"] {
  width: 100%;
  padding: 8px;
  /* font-size: 1rem; */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
}
.login-pw:before {
  content: "PASS";
  display: block;
  margin: 0 0 5px;
  color: #707070;
  /* font-size: 1.2rem; */
}
.login-btn-submit {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  background: #ffb200;
  border: 2px solid #ffb200;
  border-radius: 5px;
  color: #fff;
  /* font-size: 1.4rem; */
  transition: 0.4s;
}
.login-btn-submit:hover {
  background: #fff;
  color: #ffb200;
}
.login-error {
  position: relative;
  margin: 0 0 20px;
}
.login-error .error {
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  margin: 10px 0 0;
}
.login-box input[type="button"]:hover {
  cursor: pointer;
}
@media (max-width: 959px){

}
@media (max-width: 767px) {
  .login-wrapper {
    background: url(../images/bg-login.svg) center / cover no-repeat;
  }
  .login-wrapper > div {
    width: 90%;
    margin: 0 auto;
  }
  .login-title h1 {
    width: 300px;
    margin: 0 auto 50px;
  }
  .login-box {
    padding: 30px 0 50px;
  }
  .login-error .error {
    width: 100%;
    /* font-size: 0.8rem!important; */
  }
  .login-id:before,
  .login-pw:before {
    position: static;
    display: inline-block;
    margin: 0 0 5px;
    text-align: left;
    transform: none;
  }
}
@media (max-width: 374px) {

}

.ck-box {
  position: relative;
  display: inline-block;
	min-height: 10px;
  padding: 0 0 0 22px;
	color: #000;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.ck-box::before, .ck-box::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
.ck-box::before {
	top: 50%;
  left: 2px;
  width: 10px;
  height: 10px;
  background: #f4f4f4;
  border: 1px solid #787878;
	transform: translateY(-50%);
}
.ck-box::after {
  opacity: 0;
  top: 50%;
  left: 3px;
  width: 8px;
  height: 4px;
  margin-top: -4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg) scale(.5);
  transform: rotate(-45deg) scale(.5) translateY(-50%);
}

.login-box input[type="checkbox"]:checked + .ck-box::before {
  background: #ffb200;
  border: 1px solid #ffb200;
}
.login-box .check-disabled input[type="checkbox"]:checked + .ck-box::before {
  background: #9e9e9e;
  border: 1px solid #9e9e9e;
}
.login-box input[type="checkbox"]:checked + .ck-box::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

.ui-datepicker-inline {
  display: block;
  width: 75em !important;
}
.ui-datepicker-group {
  padding:0 23px !important;
  margin-bottom: 50px !important;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 100% !important;
  margin: 0 auto .4em !important;
}

.search-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 10px 0 0;
  padding:0 5px;
}

.search-flex .search-title {
  box-sizing: border-box;
  margin: 2px 10px 2px 0;
  padding: 2px;
  background: #555;
  border: 1px solid #aaa;
  border-radius: 2px;
  color: #fff;
}

/* error text */
.contact-form_list dd p.error-txt, .contact-form_list .form-list_size p.error-txt, .contact-form_list .form-list_size-2 p.error-txt {
  height: 0;
  padding: 0;
  line-height: 1;
  clear: both;
}
.error-bg {
	border: 1px solid red!important;
	/* background-color: #FFCECE!important; */
}
.error {
  color: #cb5428;
  /* font-size: 0.9rem!important; */
}

.shop-page_fix {
  position: fixed;
  right: 10px;
  bottom: 60px;
  display: none;
  width: 120px;
}
.shop-page_fix.active {
  display: block;
}
.pdf-preview {
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0 0 10px;
  padding: 10px;
  background: #ffb200;
  border: 2px solid #ffb200;
  color: #fff;
  text-align: center;
  transition: 0.4s;
  font-size: 12px;
}
.pdf-preview:hover {
  cursor: pointer;
  background: #fff;
  color: #ffb200;
}
.form-base.shop dd textarea {
  width: 100%;
  height: 50px;
}
.input-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  margin: 0 auto 10px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ffb200;
  line-height: 1.5;
  text-align: center;
  color:#ffb200;
}
.input-check p span {
  padding: 0 5px;
  /* font-size: 1.2rem; */
  font-weight: bold;
}

.tenant-ttl {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 5px 0px 5px 5px;
  background: rgba(255, 178, 0, 0.2);
  border: none;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}

.space-box .box-heading,
.tenant-box .box-heading {
  width: 100%;
  justify-content: space-around;
  align-items: center;
  background: rgba(255, 178, 0, 0.2);
  padding: 5px 0px 5px 5px;
  margin: 0 0 10px;
}

.space-ttl {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 5px 0px 5px 5px;
  background: rgba(255, 178, 0, 0.2);
  border: none;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}

.box-heading .space-ttl,
.box-heading .tenant-ttl {
  background-color: transparent;
  margin-bottom: 0;
}
.f_red {
  color:#F00 !important;
}

.progress-mgmt-parents {
  display: flex;
}

.progress-mgmt-parents p {
  margin-bottom: 0px;
}

.progress-mgmt-table {
  width: 1025px;
  margin-right: 30px;
  background: #FFFFFF;
  border-radius: 10px;
  border: solid 1px #DEDEDE;
  padding: 30px;
}
.progress-mgmt-inst {
  width: 700px;
  background: #FFFFFF;
  border-radius: 10px;
  border: solid 1px #DEDEDE;
  padding: 20px;
}

.progress-mgmt-title {
  border-left: #FFA700 solid;
  padding-left: 15px;
  text-align: left;
  letter-spacing: 0px;
  color: #233657;
}

.progress-mgmt-left-block {
  width: 230px;
  margin-top: 50px;
}

.progress-mgmt-right-block {
  width: 700px;
}

.progress-mgmt-right-block .category-label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 110px;
  min-height: 52px;
  padding: 3px 10px 4px;
  border: 1px solid #036;
  border-radius: 3px;
  color: #000;
  font-size: 0.13rem;
  text-align: center;
  font-weight: bold;
}

.progress-mgmt-right-block table tbody th{
  font-size: 17px;
  font-weight: bold;
  color: #233657;
}

.progress-mgmt-right-block table tbody td{
  font-size: 17px;
  font-weight: bold;
  color: #233657;
}

.button-prev {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid black;
  border-bottom: 10px solid transparent;
}

.button-next {
  width: 0;
  height: 0;
  border-left: 10px solid black;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.progress-mgmt-inst-block {
  border-radius: 5px;
  overflow-y: auto;
  padding: 20px;
  box-shadow: inset 0px 2px 6px #00000029;
  max-height: 230px;
}

.progress-mgmt-inst-block table {
  width: 570px;
}

.progress-mgmt-inst-block table td {
  font-size: 15px;
  border: none;
  border-bottom: 0.75px solid #DEDEDE;
}

.progress-mgmt-graph {
  background: #FFFFFF;
  border: solid 1px #DEDEDE;
  padding: 30px 30px 20px 30px;
  border-radius: 5px;
  min-height: 500px;
}

.progress-mgmt-graph .gpaph-month-price {
  width: 95%;
  justify-content: space-around;
}

.progress-mgmt-graph .gpaph-month-price p:not(:last-child) {
  color: #233657;
}

.progress-mgmt-graph .gpaph-month-price p:last-child {
  color: #FFA01F;
}

.progress-mgmt-ranking .ranking-block {
  min-width: 1617px;
  padding-bottom: 25px;
  overflow-x: auto;
}

.progress-mgmt-ranking .ranking-block .item-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #3b3e5a;
  color: #3b3e5a;
}

.progress-mgmt-ranking .ranking-block .ranking-item {
  background: #FFFFFF;
  border: solid 1px #DEDEDE;
  padding: 30px 30px 20px 30px;
  border-radius: 5px;
}

.progress-mgmt-ranking .ranking-block .ranking-item:not(:last-child) {
  margin-right: 40px;
  padding-right: 40px;
  border-right: 1px solid #e5e5e5;
}

.progress-mgmt-ranking .ranking-list {
  width: 438px;
}

.progress-mgmt-ranking .ranking-list li::before {
  margin-right: 0;
}
.progress-mgmt-ranking .ranking-list li span:first-child {
  margin-right: 0;
}
.progress-mgmt-ranking .ranking-list li:first-child::after {
  transform: rotate(8deg);
  top: 5px;
  left: 5px;
}

.color-class1 {
  background: #fff!important;
}
.colorbtn1 {
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #fff!important;
  color: #000;
}
.color-class2 {
  background-color: #2ecc71!important;
  border: none;
}
.colorbtn2 {
  background-color: #2ecc71!important;
  color: #fff;
}
.color-class3 {
  background-color: #3498db!important;
  border: none;
}
.colorbtn3 {
  background-color: #3498db!important;
  color: #fff;
}
.color-class4 {
  background-color: #9b59b6!important;
  border: none;
}
.colorbtn4 {
  background-color: #ccaada!important;
  color: #fff;
}
.color-class5 {
  background-color: #34495e!important;
  border: none;
}
.colorbtn5 {
  background-color: #34495e!important;
  color: #fff;
}
.color-class6 {
  background-color: #16a085!important;
  border: none;
}
.colorbtn6 {
  background-color: #aedaaf!important;
  color: #fff;
}
.color-class7 {
  background-color: #27ae60!important;
  border: none;
}
.colorbtn7 {
  background-color: #27ae60!important;
  color: #fff;
}
.color-class8 {
  background-color: #2980b9!important;
  border: none;
}
.colorbtn8 {
  background-color: #2980b9!important;
  color: #fff;
}
.color-class9 {
  background-color: #8e44ad!important;
  border: none;
}
.colorbtn9 {
  background-color: #8e44ad!important;
  color: #fff;
}
.color-class10 {
  background-color: #2c3e50!important;
  border: none;
}
.colorbtn10 {
  background-color: #2c3e50!important;
  color: #fff;
}
.color-class11 {
  background-color: #f1c40f!important;
  border: none;
}
.colorbtn11 {
  background-color: #f1c40f!important;
  color: #fff;
}
.color-class12 {
  background-color: #e67e22!important;
  border: none;
}
.colorbtn12 {
  background-color: #e67e22!important;
  color: #fff;
}
.color-class13 {
  background-color: #FFC0CB!important;
  border: none;
}
.colorbtn13 {
  background-color: #FFC0CB!important;
  color: #fff;
}
.color-class14 {
  background-color: #dfdfdf!important;
  border: none;
}
.colorbtn14 {
  background-color: #dfdfdf!important;
  color: #000;
}
.color-class15 {
  background-color: #95a5a6!important;
  border: none;
}
.colorbtn15 {
  background-color: #95a5a6!important;
  color: #fff;
}
.color-class16 {
  background-color: #f39c12!important;
  border: none;
}
.colorbtn16 {
  background-color: #f39c12!important;
  color: #fff;
}
.color-class17 {
  background-color: #d35400!important;
  border: none;
}
.colorbtn17 {
  background-color: #d35400!important;
  color: #fff;
}
.color-class18 {
  background-color: #c0392b!important;
  border: none;
}
.colorbtn18 {
  background-color: #c0392b!important;
  color: #fff;
}
.color-class19 {
  background-color: #bdc3c7!important;
  border: none;
}
.colorbtn19 {
  background-color: #bdc3c7!important;
  color: #fff;
}
.color-class20 {
  background-color: #7f8c8d!important;
  border: none;
}
.colorbtn20 {
  background-color: #7f8c8d!important;
  color: #fff;
}