.dropdown-toggle:after {
  display: none;
}
.dropup .dropdown-toggle:after {
  display: none;
}

/*-----------------------------------------------------------------------------
  color
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  fonts
-----------------------------------------------------------------------------*/
@font-face {
  font-family: "gligoth";
  src: url("../fonts/gligoth.woff") format("woff");
}
.lo-wrapper-outer,
.lo-wrapper,
.lo-wrapper-inner {
  width: 100%;
  position: relative;
}

.lo-header-outer {
  width: 100%;
  height: 140px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.login .lo-header-outer, .open .lo-header-outer, .regist .lo-header-outer {
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
}

.lo-header-upper {
  width: 100%;
}

.lo-header-lower {
  width: 100%;
}

.lo-main-outer {
  width: 100%;
  position: absolute;
  top: 75px;
  left: 0;
  z-index: 10;
}
.login .lo-main-outer, .open .lo-main-outer, .regist .lo-main-outer {
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
}
.setting .lo-main-outer {
  top: 65px;
}

.lo-nav-outer {
  width: 100%;
  height: 64px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}

.lo-footer-outer {
  width: 100%;
  height: 110px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}

@media (min-width: 534px) {
  .lo-main-outer {
    top: 90px;
  }
}
/*-----------------------------------------------------------------------------
  global
-----------------------------------------------------------------------------*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-overflow-scrolling: auto;
}

a {
  color: #212529;
}
a:hover, a:active, a:focus {
  text-decoration: none;
  color: #212529;
}

/*-----------------------------------------------------------------------------
  login, regist
-----------------------------------------------------------------------------*/
.login,
.open,
.regist {
  background-color: #3fe6ab;
  background-image: linear-gradient(to right, #3fe6ab 0%, #3fd0bb 25%, #2acbd5 59%, #20b6eb 100%);
  color: #fff;
}
.login .wrapper-inner,
.open .wrapper-inner,
.regist .wrapper-inner {
  padding: 30px 10px 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.login .wrapper-inner img,
.open .wrapper-inner img,
.regist .wrapper-inner img {
  height: 100%;
  width: auto;
}
.login .header-outer,
.open .header-outer,
.regist .header-outer {
  background: none;
}
.login .login-form-outer,
.open .login-form-outer,
.regist .login-form-outer {
  margin: 0 auto;
}
.login .login-form-outer .form-control,
.open .login-form-outer .form-control,
.regist .login-form-outer .form-control {
  border: 1px solid transparent;
}

.regist h3 {
  font-size: 1rem;
  font-weight: bold;
}
.regist p {
  font-size: 0.95rem;
}
.regist .form-check-input {
  position: relative;
  margin-right: 0.5rem;
}

@media (min-width: 414px) {
  .login .login-form-outer,
.regist .login-form-outer {
    padding: 0 10px;
    max-width: 500px;
  }
}
/*-----------------------------------------------------------------------------
  header
-----------------------------------------------------------------------------*/
.header-outer {
  background-color: #3fe6ab;
  background-image: linear-gradient(to right, #3fe6ab 0%, #3fd0bb 25%, #2acbd5 59%, #20b6eb 100%);
  font-size: 0.5em;
  color: #fff;
}

.header-upper .date {
  padding-top: 15px;
}
.header-upper .date .far {
  margin-right: 4px;
}
.header-upper .logo-outer {
  width: 100%;
  max-width: 80px;
  margin: 0 auto;
  padding: 10px 0;
}
.header-upper .logo-outer .logo {
  width: 100%;
  max-width: 80px;
  height: auto;
}

.header-lower .far {
  margin-right: 4px;
}
.header-lower .total-sales {
  font-size: 0.85rem;
}

@media (min-width: 534px) {
  .header-outer {
    font-size: 0.75rem;
  }

  .header-upper .date {
    padding-top: 20px;
  }
  .header-upper .logo-outer {
    max-width: 120px;
    padding: 10px 0 15px;
  }
  .header-upper .logo-outer .logo {
    max-width: 120px;
  }

  .header-lower .total-sales {
    font-size: 1rem;
  }
}
/*-----------------------------------------------------------------------------
  main, section
-----------------------------------------------------------------------------*/
.main-outer {
  padding: 0 10px 80px;
}
.order-menu .main-outer {
  padding-bottom: 10px;
  padding-right: 40px;
}

.section-outer-link {
  display: block;
  width: 100%;
}
.section-outer-link:hover .section-ptn-a, .section-outer-link:active .section-ptn-a, .section-outer-link:focus .section-ptn-a {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.6) !important;
}

.section-ptn-a {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;
  border-radius: 5px;
  padding: 10px;
}
.section-ptn-a.new {
  background-color: #e9ecef;
}
.section-ptn-a.skin-counter {
  border-left: 4px solid #fc827d;
}
.section-ptn-a.skin-table {
  border-left: 4px solid #2fe592;
}
.section-ptn-a.skin-group {
  border-left: 4px solid #0096cb;
}
.section-ptn-a.skin-course {
  border-left: 4px solid #8a80f1;
}
.section-ptn-a.skin-setting {
  border-left: 4px solid #adb5bd;
}
.section-ptn-a .section-head {
  font-size: 0.75rem;
}
.section-ptn-a .section-head-primary {
  max-width: 130px;
}

.section-title-a {
  font-family: "gligoth";
  font-size: 2.25rem;
  font-weight: 600;
}
.skin-counter .section-title-a {
  color: #fc827d;
}
.skin-table .section-title-a {
  color: #2fe592;
}
.skin-group .section-title-a {
  color: #0096cb;
}
.skin-course .section-title-a {
  color: #8a80f1;
}
.order-menu .section-title-a {
  padding-bottom: 8px;
}
.skin-setting .section-title-a {
  color: #868e96;
}

.section-title-c {
  font-weight: bold;
}

.small-section-title-a {
  font-size: 0.75rem;
  border-left: 5px solid #868e96;
  padding-left: 7px;
}

.section-total {
  font-family: "gligoth";
  font-size: 1.75rem;
  font-weight: 600;
}
.skin-counter .section-total {
  color: #fc827d;
}
.skin-table .section-total {
  color: #1fd582;
}
.skin-group .section-total {
  color: #0096cb;
}
.skin-course .section-total {
  color: #8a80f1;
}
.skin-setting .section-total {
  color: #7b66f4;
}

.section-head-button-outer {
  display: inline-block;
  float: right;
  width: 80px;
  height: 50px;
}

.section-head-button {
  display: inline-block;
  width: 80px;
  float: left;
  font-size: 0.5rem;
  -webkit-appearance: none;
  background: none;
  border: none;
  height: 50px;
  padding-bottom: 10px;
}
.section-head-button:hover, .section-head-button:active {
  color: #20b6eb;
}
.section-head-button:hover use, .section-head-button:active use {
  fill: #20b6eb;
}
.section-head-button .plusminus-btn-txt {
  color: #0096cb;
}
.section-head-button .svg-wrap {
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
}
.section-head-button .svg-wrap svg {
  width: 24px;
  height: 24px;
}

.section-head-button:hover svg.svg-remove use,
.section-head-button:active svg.svg-remove use {
  fill: none;
}

.scroll-y-outer {
  overflow-y: auto;
  width: 100%;
  height: 200px;
  color: #212529;
  background-color: #fff;
  margin: 10px 0;
  padding: 10px;
}

@media (min-width: 360px) {
  .section-ptn-a .section-head-primary {
    max-width: 180px;
  }
}
@media (min-width: 414px) {
  .order-menu .main-outer {
    padding-right: 50px;
  }

  .section-ptn-a .section-head-primary {
    max-width: none;
  }

  .scroll-y-outer {
    margin: 10px auto;
    max-width: 500px;
  }
}
@media (min-width: 534px) {
  .order-menu .main-outer {
    padding-right: 60px;
  }
}
/*-----------------------------------------------------------------------------
  button
-----------------------------------------------------------------------------*/
.btn-ptn-a {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  border: 2px solid #495057;
  color: #212529;
  border-radius: 20px;
  transition: 0.2s;
}
.btn-ptn-a:hover, .btn-ptn-a:active, .btn-ptn-a:focus {
  border: 2px solid #2fe592;
  color: #2fe592;
}

.btn-ptn-b {
  display: inline-block;
  width: 100%;
  padding: 3px 15px;
  border: 2px solid #495057;
  color: #212529;
  border-radius: 20px;
  transition: 0.2s;
  font-size: 0.75rem;
}
.btn-ptn-b:hover, .btn-ptn-b:active, .btn-ptn-b:focus {
  background: rgba(32, 182, 235, 0.5);
  border: 2px solid #0096cb;
}

.btn-ptn-c {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  border: 2px solid #495057;
  color: #212529;
  border-radius: 30px;
  transition: 0.2s;
  font-size: 0.75rem;
  text-align: center;
}
.btn-ptn-c:hover, .btn-ptn-c:active, .btn-ptn-c:focus {
  border: 2px solid #b056ef;
  color: #b056ef;
}
.btn-ptn-c.disabled {
  border: 2px solid #ced4da;
  color: #adb5bd;
}

.btn-ptn-d {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 30px;
  transition: 0.2s;
  font-size: 0.6rem;
  text-align: center;
  font-weight: bold;
  background: transparent;
}
.btn-ptn-d:hover, .btn-ptn-d:active, .btn-ptn-d:focus {
  border: 2px solid #f4f706;
  color: #f4f706 !important;
}

/*-----------------------------------------------------------------------------
  table
-----------------------------------------------------------------------------*/
.table-std {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #adb5bd;
  font-size: 0.75rem;
}
.table-std th {
  border-bottom: 1px solid #adb5bd;
  padding: 5px;
  text-align: center;
  background-color: #f8f9fa;
}
.table-std td {
  border-bottom: 1px solid #adb5bd;
  padding: 5px;
}
.table-std td.cell-checked {
  color: #fc827d;
}
.table-std.table-control {
  font-size: 1rem;
}
.table-std.table-control td {
  padding: 10px;
}
.table-std.table-ptn-a {
  border-left: 1px solid #adb5bd;
}
.table-std.table-ptn-a th {
  border-right: 1px solid #adb5bd;
}
.table-std.table-ptn-a td {
  border-right: 1px solid #adb5bd;
}

/*-----------------------------------------------------------------------------
  setting
-----------------------------------------------------------------------------*/
.setting .header-outer,
.setting .footer-outer {
  background-color: #b056ef;
  background-image: linear-gradient(to right, #b056ef 0%, #a25af1 25%, #8c60f2 59%, #7b66f4 100%);
}
.setting .header-lower {
  padding-top: 10px;
}
.setting .section-head-button.white {
  color: #fff;
}
.setting .section-head-button .use-back.white {
  fill: #fff;
}
.setting .section-head-button:hover,
.setting .section-head-button:active {
  color: #20b6eb;
}
.setting .section-head-button:hover .use-back,
.setting .section-head-button:active .use-back {
  fill: #20b6eb;
}
.setting .main-outer {
  padding-bottom: 0;
}
.setting.report .main-outer {
  padding-bottom: 80px;
}
.setting .check-all-outer {
  margin-top: -10px;
  margin-bottom: 5px;
  padding-left: 8px;
  font-size: 0.9rem;
}
.setting .set-menu-list-item {
  border-radius: 5px;
  background-color: #ced4da;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 0.75rem;
}
.setting .btn-default {
  background-color: #e9ecef;
  border-radius: 1rem;
  width: 6rem;
  letter-spacing: 0.1rem;
}
.setting .btn-default.active {
  color: #fff;
  background-color: #3ff5a2;
}
.setting .tableMark {
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;
  border-radius: 5px;
  padding: 0 10px 0 8px;
  border-left-width: 4px;
  border-left-style: solid;
  font-family: "gligoth";
  font-size: 1.5rem;
  font-weight: 600;
}

.report .date-control .date-control-btn:hover,
.report .date-control .date-control-btn:active {
  color: #20b6eb;
}
.report .date-control .date-control-btn-prev {
  padding: 5px 5px 5px 0;
  margin-right: 5px;
}
.report .date-control .date-control-btn-next {
  padding: 5px 0 5px 5px;
  margin-left: 5px;
}

/*-----------------------------------------------------------------------------
  order-menu
-----------------------------------------------------------------------------*/
.table-order-menu-outer {
  width: 100%;
  height: 600px;
  overflow-y: scroll;
}

.table-order-menu {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #adb5bd;
  font-size: 0.9rem;
}
.table-order-menu th {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.5);
}
.table-order-menu td {
  padding: 12px 10px;
  background: rgba(255, 255, 255, 0.85);
  font-weight: bold;
  border-bottom: 1px solid #adb5bd;
  text-align: left;
}
.table-order-menu td.menu-count {
  width: 50px;
  font-family: "gligoth";
  line-height: 1;
  font-size: 1.4rem;
  text-align: center;
  border-right: 1px solid #adb5bd;
}
.table-order-menu td.menu-count.no-border {
  border-right: 1px solid transparent;
}
.table-order-menu td.menu-nm.with-border {
  border-right: 1px solid #adb5bd;
}
.table-order-menu td.menu-check {
  width: 35px;
  color: #fc827d;
}
.table-order-menu td.menu-checkbox {
  width: 50px;
}
.table-order-menu td.menu-checkbox .form-check-input {
  position: relative;
  margin-top: -0.25rem;
  margin-left: 0.5rem;
}
.table-order-menu td .menu-free {
  font-family: "gligoth";
  font-weight: 600;
  font-size: 0.85rem;
  margin-left: 10px;
  background-color: #fc827d;
  color: #fff;
  line-height: 1.1rem;
  padding: 0 4px 0 7px;
  letter-spacing: 1.5px;
}

.tab-pane.drink .table-order-menu {
  border-top: 1px solid transparent;
}
.tab-pane.drink .table-order-menu th {
  border-bottom: 1px solid transparent;
}
.tab-pane.drink .table-order-menu td {
  border-bottom: 1px solid #3ff5a2;
}
.tab-pane.drink .table-order-menu td.menu-count, .tab-pane.drink .table-order-menu td.menu-checkbox {
  color: #1fd582;
  border-right: 1px solid #3ff5a2;
}
.tab-pane.food .table-order-menu {
  border-top: 1px solid transparent;
}
.tab-pane.food .table-order-menu th {
  border-bottom: 1px solid transparent;
}
.tab-pane.food .table-order-menu td {
  border-bottom: 1px solid #20b6eb;
}
.tab-pane.food .table-order-menu td.menu-count, .tab-pane.food .table-order-menu td.menu-checkbox {
  color: #0096cb;
  border-right: 1px solid #20b6eb;
}

.scroll-char {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: fixed;
  width: 28px;
  height: 100%;
  z-index: 100;
  right: 5px;
  top: 0;
  padding: 40px 0 10px;
}
.scroll-char .scroll-char-item-outer {
  display: inline-block;
  width: 28px;
  height: 28px;
}
.scroll-char .scroll-char-item {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 4px 7px;
  color: #fff;
  background-color: #1fd582;
  box-shadow: 0 0 10px 0 white !important;
  font-weight: bold;
  font-size: 0.9rem;
  position: relative;
}
.scroll-char .scroll-char-item .cursor {
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -5px;
  transform: rotate(-45deg);
}
.setting .scroll-char .scroll-char-item-outer {
  position: absolute;
  bottom: 10px;
}
.setting .scroll-char .scroll-char-item {
  background-color: #7b66f4;
}

@media (min-width: 768px) {
  .table-order-menu-outer {
    height: 650px;
  }
}
/*-----------------------------------------------------------------------------
  tab
-----------------------------------------------------------------------------*/
.tab-ptn-a .tab-pane {
  border-radius: 0 0.25rem 0.25rem 0.25rem;
  padding: 16px 10px;
}
.tab-ptn-a .tab-pane.drink {
  background-color: #3fe6ab;
}
.tab-ptn-a .tab-pane.food {
  background-color: #20b6eb;
}

.tab-ptn-a-tabs {
  border-bottom: 1px solid transparent;
}
.tab-ptn-a-tabs .nav-item {
  font-family: "gligoth";
  font-weight: 500;
  letter-spacing: 2px;
}
.tab-ptn-a-tabs .nav-item .nav-link {
  border-color: transparent;
  color: #fff;
  padding: 0.4rem 2rem 0.35rem;
}
.tab-ptn-a-tabs .nav-item .nav-link.drink-tab {
  background-color: #3fe6ab;
  border-color: #3fe6ab #3fe6ab #3fe6ab;
}
.tab-ptn-a-tabs .nav-item .nav-link.food-tab {
  background-color: #20b6eb;
  border-color: #20b6eb #20b6eb #20b6eb;
}

/*-----------------------------------------------------------------------------
  form
-----------------------------------------------------------------------------*/
.form-outer-ptn-a .input-group .form-control {
  border: transparent;
  box-shadow: 0 0 0;
  background: rgba(255, 255, 255, 0.85);
  font-size: 1rem;
}
.form-outer-ptn-a .input-group .input-group-addon {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0 0.25rem 0.25rem 0;
}
.form-outer-ptn-a .input-group .btn-search {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 6px 15px;
  color: #212529;
  transition: 0.2s;
}
.form-outer-ptn-a .input-group .btn-search:active, .form-outer-ptn-a .input-group .btn-search:hover {
  color: #20b6eb;
}

/*-----------------------------------------------------------------------------
  modal window
-----------------------------------------------------------------------------*/
.mfp-bg,
#popup_overlay {
  background-color: #3fe6ab !important;
  background-image: linear-gradient(to right, #3fe6ab 0%, #3fd0bb 25%, #2acbd5 59%, #20b6eb 100%) !important;
  opacity: 1 !important;
  position: fixed !important;
}

.mfp-container {
  position: relative;
  top: auto;
  left: auto;
  max-width: 768px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin: 0 auto !important;
  height: auto;
  min-height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}

.mfp-content {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3) !important;
  margin: 10px 0;
  width: 100%;
}

.inline-wrap {
  padding: 30px 10px 5px;
  text-align: center;
  overflow-y: scroll;
}

.modal-button {
  display: inline-block;
  width: 100px;
  font-size: 0.5rem;
  -webkit-appearance: none;
  background: none;
  border: none;
  height: 50px;
}
.modal-button:hover, .modal-button:active {
  color: #20b6eb;
}
.modal-button:hover use, .modal-button:active use {
  fill: #20b6eb;
}
.modal-button .svg-wrap {
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
}
.modal-button .svg-wrap svg {
  width: 24px;
  height: 24px;
}

.plusminus-btn {
  color: #0096cb;
}

.modal-button:hover svg.svg-remove use,
.modal-button:active svg.svg-remove use {
  fill: none;
}

.modal-count-name {
  padding-right: 0.75rem;
}
.modal-count-name.blue {
  color: #0096cb;
}
.modal-count-name.orange {
  color: #fc827d;
}

.modal-count {
  font-family: "gligoth";
  line-height: 1;
  font-size: 1.4rem;
  font-weight: bold;
}
.modal-count.blue {
  color: #0096cb;
}
.modal-count.orange {
  color: #fc827d;
}

.modal-title {
  display: block;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
  border-bottom: 1px solid #868e96;
  padding-bottom: 4px;
  color: #495057;
}

.card-img {
  width: 60px;
  height: 35px;
}

.card-img2 {
  width: 120px;
  height: 35px;
}

/*-----------------------------------------------------------------------------
  nav
-----------------------------------------------------------------------------*/
.nav-outer {
  background-color: #fff;
  box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, 0.1) !important;
  font-size: 0.5rem;
}
.setting .nav-outer {
  padding: 0 10px;
}

.nav-item-outer {
  flex: 1 1 0;
  padding: 0 5px;
}
.setting .nav-item-outer {
  flex: none;
}
.nav-item-outer .dropdown-menu {
  border-radius: 0;
  border: none;
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.2) !important;
  padding: 0;
}
.nav-item-outer .dropdown-item {
  color: #fff;
  font-size: 0.85rem;
  padding: 1rem 1rem;
  border-bottom: 1px solid #fff;
  background-color: rgba(32, 182, 235, 0.9);
}
.nav-item-outer .dropdown-item.current {
  background-color: #2fe592;
}
.nav-item-outer .dropdown-item:last-of-type {
  border-bottom: none;
}
.nav-item-outer .dropdown-item:hover, .nav-item-outer .dropdown-item:active {
  background-color: #fff;
  color: #20b6eb !important;
}

.nav-item-link {
  display: inline-block;
  width: 100%;
  height: 59px;
  padding: 8px 0;
  color: #868e96;
}
.nav-item-link svg {
  fill: #868e96;
}
.nav-item-link.current {
  color: #1fd582;
}
.nav-item-link.current svg {
  fill: #2fe592;
}
.nav-item-link:hover, .nav-item-link:active, .nav-item-link:focus {
  color: #20b6eb;
}
.nav-item-link:hover svg, .nav-item-link:active svg, .nav-item-link:focus svg {
  fill: #20b6eb;
}
.nav-item-link:hover.current, .nav-item-link:active.current, .nav-item-link:focus.current {
  color: #2fe592;
}
.nav-item-link:hover.current svg, .nav-item-link:active.current svg, .nav-item-link:focus.current svg {
  fill: #2fe592;
}

.nav-item-inner .svg-wrap {
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
}
.nav-item-inner .svg-wrap svg {
  width: 24px;
  height: 24px;
}
.nav-item-inner .fas {
  margin-right: 3px;
}

/*-----------------------------------------------------------------------------
  svg
-----------------------------------------------------------------------------*/
.svg-icon {
  position: absolute;
  width: 0;
  height: 0;
}

.use-add {
  fill: #0096cb;
  stroke: #0096cb;
  stroke-width: 0.5px;
}

.use-remove {
  fill: #fc827d;
  stroke: #fc827d;
  stroke-width: 0.5px;
}

/*-----------------------------------------------------------------------------
  misc
-----------------------------------------------------------------------------*/
.txt-left {
  text-align: left;
}

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

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

.w5per {
  width: 5%;
}

.w10per {
  width: 10%;
}

.w15per {
  width: 15%;
}

.w20per {
  width: 20%;
}

.w25per {
  width: 25%;
}

.w30per {
  width: 30%;
}

.w35per {
  width: 35%;
}

.w40per {
  width: 40%;
}

.w45per {
  width: 45%;
}

.w50per {
  width: 50%;
}

.w55per {
  width: 55%;
}

.w60per {
  width: 60%;
}

.w65per {
  width: 65%;
}

.w70per {
  width: 70%;
}

.w75per {
  width: 75%;
}

.w80per {
  width: 80%;
}

.w85per {
  width: 85%;
}

.w90per {
  width: 90%;
}

.w95per {
  width: 95%;
}

.w100per {
  width: 100%;
}

.fs-rem1 {
  font-size: 0.25rem;
}

.fs-rem2 {
  font-size: 0.5rem;
}

.fs-rem3 {
  font-size: 0.75rem;
}

.fs-rem4 {
  font-size: 1rem;
}

.fs-rem5 {
  font-size: 1.25rem;
}

.fs-rem6 {
  font-size: 1.5rem;
}

.fs-rem7 {
  font-size: 1.75rem;
}

.fs-rem8 {
  font-size: 2rem;
}

.fs-rem9 {
  font-size: 2.25rem;
}

.fs-rem10 {
  font-size: 2.5rem;
}

.fs-rem11 {
  font-size: 2.75rem;
}

.fs-rem12 {
  font-size: 3rem;
}

@media (min-width: 534px) {
  .fs-rem1 {
    font-size: 0.35rem;
  }

  .fs-rem2 {
    font-size: 0.7rem;
  }
}
.fs-rem2-5 {
  font-size: 0.7rem;
}

.fs-rem3-5 {
  font-size: 0.9rem;
}

@media (min-width: 534px) {
  .fs-rem2-5 {
    font-size: 1rem;
  }
}
.font-gligoth {
  font-family: "gligoth";
}

.border-b {
  border-bottom: 1px solid #adb5bd;
}

.border-t {
  border-top: 1px solid #adb5bd;
}

.border-l {
  border-left: 1px solid #adb5bd;
}

.border-r {
  border-right: 1px solid #adb5bd;
}

.ff-gligoth {
  font-family: "gligoth";
  font-weight: bold;
}

.color-black {
  color: #000 !important;
}

.color-white {
  color: #fff !important;
}

.color-orange1 {
  color: #fc827d;
}

.color-red1 {
  color: #f7453f;
}

.lh-2rem {
  line-height: 2rem;
}

.w80px {
  width: 80px !important;
}

.w60px {
  width: 60px !important;
}

.w50px {
  width: 50px !important;
}

.mb-120px {
  margin-bottom: 120px !important;
}

/* Kusakabe */
#order-menu {
  min-height: 100%;
}

#loading-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000 url(/css/global/img/loading-icon.gif) center center no-repeat;
  opacity: 0.6;
  display: none;
}

#selectDateDialog {
  display: none;
}/*# sourceMappingURL=custom.css.map */