@charset "UTF-8";
/**
Mobile, portrait
320px	iPhone SE
375px	iPhone 6 to X
414px	iPhone 8 Plus
Tablet, portrait
768px	iPad Air, iPad Mini, iPad Pro 9″
834px	iPad Pro 10″
Laptop displays
1366px	HD laptops (768p)
1366px	iPad Pro 12″ (landscape)
1440px	13″ MacBook Pro (2x scaling)
Desktop displays
1680px	13″ MacBook Pro (1.5x scaling)
1920px	1080p displays


Mobile, landscape
568px	iPhone SE
667px	iPhone 6 to 8
736px	iPhone 8 Plus
812px	iPhone X
Tablet, landscape
1024px	iPad Air, iPad Mini, iPad Pro 9″
1024px	iPad Pro 12″ (portrait)
1112px	iPad Pro 10″
 */
/**
Mobile, portrait
320px	iPhone SE
375px	iPhone 6 to X
414px	iPhone 8 Plus
Tablet, portrait
768px	iPad Air, iPad Mini, iPad Pro 9″
834px	iPad Pro 10″
Laptop displays
1366px	HD laptops (768p)
1366px	iPad Pro 12″ (landscape)
1440px	13″ MacBook Pro (2x scaling)
Desktop displays
1680px	13″ MacBook Pro (1.5x scaling)
1920px	1080p displays


Mobile, landscape
568px	iPhone SE
667px	iPhone 6 to 8
736px	iPhone 8 Plus
812px	iPhone X
Tablet, landscape
1024px	iPad Air, iPad Mini, iPad Pro 9″
1024px	iPad Pro 12″ (portrait)
1112px	iPad Pro 10″
 */
/* line 3, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label {
  font-size: 13px;
}

@media (max-width: 991.98px) {
  /* line 3, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 3, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    font-size: 10px;
  }
}

/* line 15, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
  font-size: 13px;
}

@media (max-width: 991.98px) {
  /* line 15, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 15, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
    font-size: 11px;
  }
}

/* line 27, assets/css/_fonts.scss */
main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 27, assets/css/_fonts.scss */
  main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    font-size: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 27, assets/css/_fonts.scss */
  main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    font-size: 10px;
  }
}

/* line 39, assets/css/_fonts.scss */
main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 39, assets/css/_fonts.scss */
  main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 39, assets/css/_fonts.scss */
  main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select {
    font-size: 12px;
  }
}

/* line 63, assets/css/_fonts.scss */
main section .inner-wrap.setting .reset-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
  font-size: 15px;
}

@media (max-width: 991.98px) {
  /* line 63, assets/css/_fonts.scss */
  main section .inner-wrap.setting .reset-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 63, assets/css/_fonts.scss */
  main section .inner-wrap.setting .reset-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
    font-size: 11px;
  }
}

/* line 111, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  /* line 111, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  /* line 111, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    font-size: 12px;
  }
}

/* line 123, assets/css/_fonts.scss */
main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  /* line 123, assets/css/_fonts.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 123, assets/css/_fonts.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    font-size: 14px;
  }
}

/* line 147, assets/css/_fonts.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li label {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 147, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 147, assets/css/_fonts.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    font-size: 12px;
  }
}

/* line 159, assets/css/_fonts.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 159, assets/css/_fonts.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 159, assets/css/_fonts.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    font-size: 13px;
  }
}

/* line 171, assets/css/_fonts.scss */
main section .inner-wrap.setting .button-wrap button, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 171, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 171, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
    font-size: 14px;
  }
}

/* line 183, assets/css/_fonts.scss */
main section .inner-wrap #charge {
  font-size: 18px;
}

@media (max-width: 991.98px) {
  /* line 183, assets/css/_fonts.scss */
  main section .inner-wrap #charge {
    font-size: 17px;
  }
}

@media (max-width: 767.98px) {
  /* line 183, assets/css/_fonts.scss */
  main section .inner-wrap #charge {
    font-size: 16px;
  }
}

/* line 243, assets/css/_fonts.scss */
main section .inner-wrap.setting .button-wrap button.reset-btn {
  font-size: 20px;
}

@media (max-width: 991.98px) {
  /* line 243, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button.reset-btn {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 243, assets/css/_fonts.scss */
  main section .inner-wrap.setting .button-wrap button.reset-btn {
    font-size: 15px;
  }
}

/* line 327, assets/css/_fonts.scss */
main section .inner-wrap.setting h3 {
  font-size: 24px;
}

@media (max-width: 991.98px) {
  /* line 327, assets/css/_fonts.scss */
  main section .inner-wrap.setting h3 {
    font-size: 21px;
  }
}

@media (max-width: 767.98px) {
  /* line 327, assets/css/_fonts.scss */
  main section .inner-wrap.setting h3 {
    font-size: 18px;
  }
}

/* line 399, assets/css/_fonts.scss */
.popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
  font-size: 26px;
}

@media (max-width: 991.98px) {
  /* line 399, assets/css/_fonts.scss */
  .popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
    font-size: 23px;
  }
}

@media (max-width: 767.98px) {
  /* line 399, assets/css/_fonts.scss */
  .popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
    font-size: 20px;
  }
}

/* line 591, assets/css/_fonts.scss */
.user-form .check-wrap, .user-form .remember-wrap .forgot-password, .user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email], .user-form label, main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label, main section .inner-wrap.setting .reset-btn, main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button, main section .inner-wrap.notice .notice-wrap ul li, main section .inner-wrap.server-status, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap, main section .inner-wrap .platform-wrap .tab .tab-header label, main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small, main section .inner-wrap #order_quantity .min-max, main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide, main section .inner-wrap #service_description .panel-body, main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number], main section .inner-wrap select, main section .inner-wrap h3 .tutorial-btn {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}

/* line 595, assets/css/_fonts.scss */
.user-form button[type=submit], .user-form p, .user-form h2, .popup-wrap.alert.success .inner .button-wrap a, .popup-wrap.guide .inner .button-wrap button,
.popup-wrap.alert .inner .button-wrap button, .popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3, main section .inner-wrap.setting .button-wrap button, main section .inner-wrap.setting h3, main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn, main section .inner-wrap .platform-wrap .tab .tab-body li label, main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn, main section .inner-wrap #charge, main section .inner-wrap #dripfeed #order_check .form-group__label-title, main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-family: "Pretendard Variable", "Pretendard JP Variable", sans-serif;
}

/*
Thin  100
Extra Light (Ultra Light) 200
Light 300
Normal 400
Medium 500
Semi Bold (Demi Bold) 600
Bold  700
Extra Bold (Ultra Bold) 800
Black (Heavy) 900
 */
@use "sass:list";
@media (max-width: 1399.98px) {
  /* line 5, assets/css/index-order.scss */
  main {
    padding-top: 58px !important;
  }
}

@media (max-width: 767.98px) {
  /* line 5, assets/css/index-order.scss */
  main {
    position: relative;
  }
}

@media (max-width: 767.98px) {
  /* line 16, assets/css/index-order.scss */
  main section.hidden {
    display: none;
  }
}

/* line 24, assets/css/index-order.scss */
main section .inner-wrap h3 {
  position: relative;
}

@media (max-width: 767.98px) {
  /* line 24, assets/css/index-order.scss */
  main section .inner-wrap h3 {
    padding-top: 5px;
  }
}

/* line 31, assets/css/index-order.scss */
main section .inner-wrap h3 .tutorial-btn {
  font-size: 14px;
  position: absolute;
  right: 0;
  bottom: -1px;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  margin-left: auto;
  padding: 6px 16px 8px 28px;
}

@media (max-width: 767.98px) {
  /* line 31, assets/css/index-order.scss */
  main section .inner-wrap h3 .tutorial-btn {
    font-size: 12px;
    padding: 2px 6px 4px 22px;
    background-color: #061328;
    color: #FFFFFF;
    bottom: 0;
  }
}

/* line 50, assets/css/index-order.scss */
main section .inner-wrap h3 .tutorial-btn::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  background-size: 100% auto;
}

@media (max-width: 767.98px) {
  /* line 50, assets/css/index-order.scss */
  main section .inner-wrap h3 .tutorial-btn::before {
    width: 12px;
    height: 12px;
    left: 6px;
  }
}

/* line 71, assets/css/index-order.scss */
main section .inner-wrap .control-label,
main section .inner-wrap [for="field-orderform-fields-expiry"] {
  font-weight: 700;
  display: flex;
  align-items: center;
  margin: 20px 0 12px;
  transition: font-size 0.3s;
}

/* line 82, assets/css/index-order.scss */
main section .inner-wrap .form-group.hidden,
main section .inner-wrap button[type=submit].hidden {
  display: none;
}

/* line 87, assets/css/index-order.scss */
main section .inner-wrap #order_old_posts {
  display: none !important;
}

/* line 96, assets/css/index-order.scss */

main section .inner-wrap .platform-wrap > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > #tpone > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > #tpone > #tptwo > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
  content: attr(data-number);
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  text-align: center;
  color: #FFA401;
  font-size: 0.8em;
  width: 25px;
  height: 25px;
  background-size: 100% auto;
  margin-right: 5px;
}

@media (max-width: 991.98px) {
  /* line 96, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 96, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
    width: 15px;
    height: 15px;
    line-height: 15px;
  }
}

/* line 123, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #order-form > .form-group.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #fields > .form-group.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before,
main section .inner-wrap #dripfeed-options > .form-group.tutorial > .control-label:not([for="field-orderform-fields-total-quantity"], [for="charge"], .terms)::before {
  opacity: 0.5;
}

/* line 128, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group {
  position: relative;
}

/* line 131, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .input-group-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

/* line 138, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* line 160, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

/* line 165, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* line 172, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

/* line 181, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a:hover, main section .inner-wrap #order_delay .input-group .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #2fa4e7;
}

/* line 190, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > .active > a,
main section .inner-wrap #order_delay .input-group .dropdown-menu > .active > a:hover,
main section .inner-wrap #order_delay .input-group .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #2fa4e7;
}

/* line 200, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > .disabled > a {
  color: #999999;
}

/* line 203, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu > .disabled > a:hover, main section .inner-wrap #order_delay .input-group .dropdown-menu > .disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

/* line 216, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .open > .dropdown-menu {
  display: block;
}

/* line 220, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .open > a {
  outline: 0;
}

/* line 225, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu-right {
  left: auto;
  right: 0;
}

/* line 230, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-menu-left {
  left: 0;
  right: auto;
}

/* line 235, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
  white-space: nowrap;
}

/* line 244, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

/* line 253, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

/* line 258, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropup .caret,
main section .inner-wrap #order_delay .input-group .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

/* line 267, assets/css/index-order.scss */
main section .inner-wrap #order_delay .input-group .dropup .dropdown-menu,
main section .inner-wrap #order_delay .input-group .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  /* line 275, assets/css/index-order.scss */
  main section .inner-wrap #order_delay .input-group .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  /* line 279, assets/css/index-order.scss */
  main section .inner-wrap #order_delay .input-group .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/* line 286, assets/css/index-order.scss */
main section .inner-wrap select {
  background-color: #FAFAFA;
  box-shadow: inset 0 3px 6px #BCBCBC29;
  border: 0;
  border-radius: 18px;
  padding: 15px;
  width: 100%;
  transition: padding 0.3s, font 0.3s;
}

@media (max-width: 991.98px) {
  /* line 286, assets/css/index-order.scss */
  main section .inner-wrap select {
    padding: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 286, assets/css/index-order.scss */
  main section .inner-wrap select {
    padding: 10px 35px 10px 10px;
    border-radius: 12px;
  }
}

/* line 307, assets/css/index-order.scss */
main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number] {
  background-color: #FAFAFA;
  box-shadow: inset 0 3px 6px #BCBCBC29;
  border: 0;
  border-radius: 18px;
  width: 100%;
  padding: 12px 15px 15px;
  transition: padding 0.3s, font 0.3s;
}

@media (max-width: 991.98px) {
  /* line 307, assets/css/index-order.scss */
  main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number] {
    padding: 10px 13px 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 307, assets/css/index-order.scss */
  main section .inner-wrap input[type=text],
main section .inner-wrap input[type=number] {
    padding: 8px 10px 10px;
    border-radius: 12px;
  }
}

/* line 328, assets/css/index-order.scss */
main section .inner-wrap input[type=text]:read-only,
main section .inner-wrap input[type=number]:read-only {
  background-color: #D2D2D8;
}

/* line 333, assets/css/index-order.scss */
main section .inner-wrap #orderform-category {
  display: none;
}

/* line 339, assets/css/index-order.scss */
main section .inner-wrap #service_description .panel-body {
  background-color: #EEEEEE;
  border-radius: 5px;
  padding: 20px;
  transition: font 0.3s, padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 339, assets/css/index-order.scss */
  main section .inner-wrap #service_description .panel-body {
    padding: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 339, assets/css/index-order.scss */
  main section .inner-wrap #service_description .panel-body {
    padding: 10px;
  }
}

/* line 363, assets/css/index-order.scss */
main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
  font-weight: 400;
  padding: 3px 8px 4px;
  margin-left: 10px;
  border-radius: 5px;
  background-color: #061328;
  color: #FFFFFF;
  transition: padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 363, assets/css/index-order.scss */
  main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    padding: 2px 7px 3px;
  }
}

@media (max-width: 767.98px) {
  /* line 363, assets/css/index-order.scss */
  main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    padding: 1px 5px 2px;
  }
}

@media (max-width: 365px) {
  /* line 363, assets/css/index-order.scss */
  main section .inner-wrap #order_link label .link-guide,
main section .inner-wrap #order_username label .link-guide {
    margin: 0 0 0 5px;
  }
}

/* line 386, assets/css/index-order.scss */
main section .inner-wrap #order_link label .link-guide.hidden,
main section .inner-wrap #order_username label .link-guide.hidden {
  display: none;
}

/* line 392, assets/css/index-order.scss */
main section .inner-wrap #order_link.tutorial label .link-guide,
main section .inner-wrap #order_username.tutorial label .link-guide {
  opacity: 0.5;
}

/* line 397, assets/css/index-order.scss */
main section .inner-wrap #order_quantity .min-max {
  color: #999999;
  transition: font 0.3s;
}

/* line 404, assets/css/index-order.scss */
main section .inner-wrap #order_comment [name="OrderForm[comment]"] {
  width: 100%;
  resize: none;
}

/* line 409, assets/css/index-order.scss */
main section .inner-wrap #dripfeed {
  margin-top: 25px;
  transition: margin 0.3s;
}

/* line 413, assets/css/index-order.scss */
main section .inner-wrap #dripfeed #order_check .hidden {
  display: none;
}

/* line 418, assets/css/index-order.scss */
main section .inner-wrap #dripfeed #order_check .form-group__checkbox-label {
  vertical-align: middle;
}

/* line 472, assets/css/index-order.scss */
main section .inner-wrap #dripfeed #order_check .form-group__label-title {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 767.98px) {
  /* line 472, assets/css/index-order.scss */
  main section .inner-wrap #dripfeed #order_check .form-group__label-title {
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
  }
}

/* line 486, assets/css/index-order.scss */
main section .inner-wrap #dripfeed .control-label {
  margin: 15px 0 10px;
}

@media (max-width: 991.98px) {
  /* line 486, assets/css/index-order.scss */
  main section .inner-wrap #dripfeed .control-label {
    margin: 10px 0 8px;
  }
}

@media (max-width: 767.98px) {
  /* line 486, assets/css/index-order.scss */
  main section .inner-wrap #dripfeed .control-label {
    margin: 5px 0;
  }
}

/* line 498, assets/css/index-order.scss */
main section .inner-wrap #dripfeed .form-control {
  margin-bottom: 5px;
}

@media (max-width: 991.98px) {
  /* line 498, assets/css/index-order.scss */
  main section .inner-wrap #dripfeed .form-control {
    margin-bottom: 8px;
  }
}

@media (max-width: 767.98px) {
  /* line 498, assets/css/index-order.scss */
  main section .inner-wrap #dripfeed .form-control {
    margin-bottom: 10px;
  }
}

/* line 511, assets/css/index-order.scss */
main section .inner-wrap #charge {
  font-weight: 600;
  transition: font 0.3s;
}

/* line 520, assets/css/index-order.scss */
main section .inner-wrap #order_min .row,
main section .inner-wrap #order_delay .row {
  font-size: 0;
}

/* line 523, assets/css/index-order.scss */
main section .inner-wrap #order_min .row > *,
main section .inner-wrap #order_delay .row > * {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  transition: width 0.3s, margin 0.3s;
}

@media (max-width: 767.98px) {
  /* line 523, assets/css/index-order.scss */
  main section .inner-wrap #order_min .row > *,
main section .inner-wrap #order_delay .row > * {
    width: calc(50% - 5px);
  }
}

/* line 533, assets/css/index-order.scss */
main section .inner-wrap #order_min .row > * + *,
main section .inner-wrap #order_delay .row > * + * {
  margin-left: 20px;
}

@media (max-width: 767.98px) {
  /* line 533, assets/css/index-order.scss */
  main section .inner-wrap #order_min .row > * + *,
main section .inner-wrap #order_delay .row > * + * {
    margin-left: 10px;
  }
}

/* line 541, assets/css/index-order.scss */
main section .inner-wrap #order_min .row > * small,
main section .inner-wrap #order_delay .row > * small {
  color: #999999;
  white-space: nowrap;
  transition: font 0.3s;
}

/* line 552, assets/css/index-order.scss */
main section .inner-wrap #terms {
  margin-top: 10px;
}

/* line 555, assets/css/index-order.scss */
main section .inner-wrap #terms a {
  color: #0068FF;
}

/* line 560, assets/css/index-order.scss */
main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn {
  font-weight: 500;
  width: 100%;
  padding: 15px;
  text-align: center;
  background-color: #061328;
  color: #FFFFFF;
  border-radius: 18px;
  margin-top: 30px;
  transition: background 0.3s;
}

/* line 574, assets/css/index-order.scss */
main section .inner-wrap button[type=submit]:disabled,
main section .inner-wrap .validate-btn:disabled {
  background-color: #D2D2D8;
}

@media (max-width: 767.98px) {
  /* line 560, assets/css/index-order.scss */
  main section .inner-wrap button[type=submit],
main section .inner-wrap .validate-btn {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    border-radius: 10px;
  }
}

/* line 585, assets/css/index-order.scss */
main section .inner-wrap .validate-btn {
  margin-top: 10px;
  background-color: #FF38AE;
}

/* line 593, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner {
  position: relative;
}

/* line 596, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  overflow: hidden;
  height: 300px;
  text-align: center;
  transition: opacity 0.3s, height 0.3s, background 0.3s;
}

@media (max-width: 991.98px) {
  /* line 596, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner > div {
    height: 240px;
  }
}

@media (max-width: 767.98px) {
  /* line 596, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner > div {
    height: 180px;
  }
}

/* line 619, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div img {
  transition: height 0.3s;
  height: 100%;
  position: absolute;
}

/* line 625, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event {
  position: relative;
  background-color: #F9F6ED;
  background: linear-gradient(0, #1d1042, #1e0e3f);
}

/* line 650, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event::before, main section .inner-wrap .platform-wrap .banner > div.event::after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  width: 130px;
  height: 100px;
  transition: width 0.3s, height 0.3s, right 0.3s, background 0.3s;
  z-index: 1;
}

@media (max-width: 991.98px) {
  /* line 650, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.event::before, main section .inner-wrap .platform-wrap .banner > div.event::after {
    width: 115px;
  }
}

@media (max-width: 767.98px) {
  /* line 650, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.event::before, main section .inner-wrap .platform-wrap .banner > div.event::after {
    width: 100px;
  }
}

/* line 673, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event::before {
  display: none;
  background-image: url("/assets/img/new-order/banner/event-flag-l.png");
  top: 0;
  left: 0;
}

/* line 685, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.event::after {
  display: none;
  background-image: url("/assets/img/new-order/banner/event-flag-r.png");
  top: 0;
  right: 0;
}

/* line 699, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.ig {
  background-color: #FFEBE6;
}

/* line 706, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.yt {
  background-color: #FDF2CF;
  background-color: #ffd44d;
}

/* line 710, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.yt img {
  transform: translate(4px, 0);
}

/* line 715, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.fb {
  background-color: #FFFCF0;
  background-color: #ffffff;
}

/* line 719, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.fb img {
  transform: translate(21px, 10px);
}

@media (max-width: 767.98px) {
  /* line 719, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.fb img {
    transform: translate(14px, 4px);
  }
}

/* line 727, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.mm {
  background-color: #FFFCF0;
  background-color: #DDEDEF;
}

/* line 735, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.etc {
  background-color: #EDF1DF;
}

/* line 738, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.etc img {
  transform: translate(21px, 10px);
}

@media (max-width: 767.98px) {
  /* line 738, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner > div.etc img {
    transform: translate(14px, 4px);
  }
}

/* line 746, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner > div.favorites {
  background-color: #2a1c96;
  background: linear-gradient(0, #2e1fa2, #1a1350);
}

/* line 754, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  padding: 0;
}

/* line 764, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap {
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}

/* line 770, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .num {
  left: 100%;
  transform: translate(0, 0);
  background-color: #FFFFFF;
  color: #FF0000;
}

@media (max-width: 767.98px) {
  /* line 770, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .num {
    left: calc(100% + 1px);
    transform: translate(-100%, -100%);
  }
}

/* line 782, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .content {
  left: -8px;
  transform: translate(-100%, 0);
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  /* line 782, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .banner .edit-btn .tutorial-wrap .content {
    left: 100%;
  }
}

/* line 799, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header {
  display: flex;
  margin-bottom: 14px;
}

@media (max-width: 991.98px) {
  /* line 799, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header {
    margin-bottom: 11px;
  }
}

@media (max-width: 767.98px) {
  /* line 799, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header {
    margin-bottom: 8px;
  }
}

/* line 811, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio] {
  display: none;
}

/* line 815, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="event"] + label::before {
  width: 18px;
}

@media (max-width: 991.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="event"] + label::before {
    width: 17px;
  }
}

@media (max-width: 767.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="event"] + label::before {
    width: 16px;
  }
}

/* line 815, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="ig"] + label::before {
  width: 22px;
}

@media (max-width: 991.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="ig"] + label::before {
    width: 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="ig"] + label::before {
    width: 16px;
  }
}

/* line 815, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="yt"] + label::before {
  width: 24px;
}

@media (max-width: 991.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="yt"] + label::before {
    width: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="yt"] + label::before {
    width: 16px;
  }
}

/* line 815, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="fb"] + label::before {
  width: 20px;
}

@media (max-width: 991.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="fb"] + label::before {
    width: 9px;
  }
}

@media (max-width: 767.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="fb"] + label::before {
    width: 13px;
  }
}

/* line 815, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="mm"] + label::before {
  width: 22px;
}

@media (max-width: 991.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="mm"] + label::before {
    width: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="mm"] + label::before {
    width: 14px;
  }
}

/* line 815, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="etc"] + label::before {
  width: 22px;
}

@media (max-width: 991.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="etc"] + label::before {
    width: 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="etc"] + label::before {
    width: 15px;
  }
}

/* line 815, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="favorites"] + label::before {
  width: 22px;
}

@media (max-width: 991.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="favorites"] + label::before {
    width: 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 815, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header input[type=radio][value="favorites"] + label::before {
    width: 15px;
  }
}

/* line 830, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label {
  font-weight: 500;
  flex: 0 0 66px;
  background-color: #FAFAFA;
  border-radius: 20px;
  color: #CCCCCC;
  padding: 40px 0 5px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: flex 0.3s, font 0.3s, padding 0.3s, background 0.3s, color 0.3s;
}

@media (max-width: 1600px) {
  /* line 830, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    flex: 0 0 64px;
  }
}

@media (max-width: 991.98px) {
  /* line 830, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    flex: 0 0 54px;
    padding: 33px 0 4px;
    border-radius: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 830, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    font-weight: 400;
    flex: 0 0 50px;
    padding: 25px 0 3px;
    border-radius: 12px;
  }
}

@media (max-width: 360px) {
  /* line 830, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label {
    flex: 0 0 40px;
  }
}

/* line 867, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translate(-50%, 0);
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  transition: top 0.3s, width 0.3s, height 0.3s, background-color 0.3s;
}

@media (max-width: 991.98px) {
  /* line 867, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::before {
    top: 8px;
    height: 25px;
  }
}

@media (max-width: 767.98px) {
  /* line 867, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::before {
    top: 5px;
    height: 20px;
  }
}

/* line 890, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -3px;
  transform: translate(-50%, 100%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 14px solid transparent;
  transition: border 0.3s;
}

@media (max-width: 991.98px) {
  /* line 890, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::after {
    bottom: -2px;
    border-left-width: 11px;
    border-right-width: 11px;
    border-bottom-width: 12px;
  }
}

@media (max-width: 767.98px) {
  /* line 890, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label::after {
    bottom: -1px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-width: 10px;
  }
}

/* line 916, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label ~ label {
  margin-left: 3px;
}

/* line 920, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label .new-ico {
  content: '';
  position: absolute;
  top: 5px;
  right: 7px;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
}

@media (max-width: 991.98px) {
  /* line 920, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label .new-ico {
    top: 3px;
    right: 6px;
    width: 13px;
    height: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 920, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label .new-ico {
    top: 2px;
    right: 5px;
    width: 11px;
    height: 11px;
  }
}

/* line 946, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .num {
  left: 100%;
  transform: translate(0, 0);
  background-color: #FFFFFF;
  color: #FF0000;
}

@media (max-width: 767.98px) {
  /* line 946, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .num {
    left: calc(100% + 1px);
    transform: translate(-100%, -100%);
  }
}

/* line 958, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .content {
  left: -8px;
  transform: translate(-100%, 0);
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  /* line 958, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-header label.tutorial .tutorial-wrap .content {
    left: 100%;
    width: 250px;
    white-space: normal;
  }
}

/* line 974, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body {
  display: flex;
  flex-wrap: wrap;
  background-color: #FAFAFA;
  padding: 15px 14px;
  border-radius: 20px;
  transition: background 0.3s, padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 974, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body {
    border-radius: 16px;
  }
}

@media (max-width: 767.98px) {
  /* line 974, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body {
    border-radius: 12px;
  }
}

@media (max-width: 360px) {
  /* line 974, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body {
    padding: 5px;
  }
}

/* line 995, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li {
  display: none;
}

/* line 998, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li input[type=radio] {
  display: none;
}

/* line 1001, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li input[type=radio]:checked + label {
  color: #FFFFFF;
}

/* line 1005, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li input[type=radio]:disabled + label {
  display: none;
}

/* line 1010, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li label {
  font-weight: 500;
  display: block;
  background-color: #FFFFFF;
  border-radius: 60px;
  padding: 10px 20px;
  margin: 5px;
  color: #000000;
  cursor: pointer;
  transition: font 0.3s, padding 0.3s, background 0.3s, color 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1010, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    padding: 8px 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 1010, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li label {
    font-weight: 400;
    padding: 5px 10px;
    margin: 3px;
  }
}

/* line 1034, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap {
  display: block;
  width: 100%;
  padding: 5px;
  transition: font 0.3s;
}

/* line 1042, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
  font-weight: 500;
  background-color: #FFFFFF;
  border-radius: 7px;
  padding: 6px 8px 6px 26px;
  transition: font 0.3s, padding 0.3s;
  position: relative;
}

@media (max-width: 991.98px) {
  /* line 1042, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    padding: 6px 9px 6px 29px;
  }
}

@media (max-width: 767.98px) {
  /* line 1042, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn {
    font-weight: 400;
    padding: 5px 10px 5px 25px;
  }
}

/* line 1061, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translate(0, -50%);
  width: 17px;
  height: 17px;
  background-size: 100% auto;
  transition: left 0.3s, width 0.3s, height 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1061, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn::before {
    left: 10px;
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 1061, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap .edit-btn::before {
    left: 10px;
    width: 13px;
    height: 13px;
  }
}

/* line 1087, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
  font-size: 15px;
  font-weight: 500;
  transition: font 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1087, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li.summary-wrap span {
    font-size: 10px;
  }
}

/* line 1099, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] {
  width: 100%;
  text-align: center;
}

/* line 1103, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
  font-weight: 500;
  margin: 10px 0 20px;
  transition: font 0.3s, margin 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1103, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    margin: 9px 0 19px;
  }
}

@media (max-width: 767.98px) {
  /* line 1103, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] p {
    margin: 8px 0 17px;
  }
}

/* line 1119, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn {
  font-weight: 500;
  background-color: #1B1455;
  color: #FFFFFF;
  padding: 12px 20px 14px 50px;
  border-radius: 13px;
  position: relative;
  margin-bottom: 17px;
  transition: font 0.3s, border 0.3s, margin 0.3s, padding 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1119, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn {
    border-radius: 12px;
    padding: 10px 14px 12px 40px;
    margin-bottom: 11px;
  }
}

@media (max-width: 767.98px) {
  /* line 1119, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn {
    border-radius: 10px;
    padding: 8px 8px 9px 30px;
    margin-bottom: 5px;
  }
}

/* line 1143, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  transition: left 0.3s, width 0.3s, height 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1143, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn::before {
    left: 14px;
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 767.98px) {
  /* line 1143, assets/css/index-order.scss */
  main section .inner-wrap .platform-wrap .tab .tab-body li[data-category="favorites"] .edit-btn::before {
    left: 8px;
    width: 20px;
    height: 20px;
  }
}

/* line 1176, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .banner .event {
  opacity: 1;
}

/* line 1182, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-header input[value="event"]:checked + label {
  background-color: #FFE7A1;
  color: #FF38AE;
}

/* line 1186, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-header input[value="event"]:checked + label::before {
}

/* line 1190, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-header input[value="event"]:checked + label::after {
  border-bottom-color: #FFE7A1;
}

/* line 1196, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body {
  background-color: #FFE7A1;
}

/* line 1199, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body li[data-category="event"]:not(.hidden) {
  display: block;
}

/* line 1203, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #FF38AE;
}

/* line 1210, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="event"]:not(:checked) + label:hover {
  color: rgba(255, 56, 174, 0.5);
}

/* line 1213, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="event"]:not(:checked) + label:hover::before {
  opacity: 0.5;
}

/* line 1176, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .banner .ig {
  opacity: 1;
}

/* line 1182, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-header input[value="ig"]:checked + label {
  background-color: #FFEBE6;
  color: #FF38AE;
}

/* line 1186, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-header input[value="ig"]:checked + label::before {
}

/* line 1190, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-header input[value="ig"]:checked + label::after {
  border-bottom-color: #FFEBE6;
}

/* line 1196, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-body {
  background-color: #FFEBE6;
}

/* line 1199, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-body li[data-category="ig"]:not(.hidden) {
  display: block;
}

/* line 1203, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="ig"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #FF38AE;
}

/* line 1210, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="ig"]:not(:checked) + label:hover {
  color: rgba(255, 56, 174, 0.5);
}

/* line 1213, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="ig"]:not(:checked) + label:hover::before {
  opacity: 0.5;
}

/* line 1176, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .banner .yt {
  opacity: 1;
}

/* line 1182, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-header input[value="yt"]:checked + label {
  background-color: #FDF2CF;
  color: #FF4848;
}

/* line 1186, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-header input[value="yt"]:checked + label::before {
}

/* line 1190, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-header input[value="yt"]:checked + label::after {
  border-bottom-color: #FDF2CF;
}

/* line 1196, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-body {
  background-color: #FDF2CF;
}

/* line 1199, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-body li[data-category="yt"]:not(.hidden) {
  display: block;
}

/* line 1203, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="yt"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #FF4848;
}

/* line 1210, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="yt"]:not(:checked) + label:hover {
  color: rgba(255, 72, 72, 0.5);
}

/* line 1213, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="yt"]:not(:checked) + label:hover::before {
  opacity: 0.5;
}

/* line 1176, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .banner .fb {
  opacity: 1;
}

/* line 1182, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-header input[value="fb"]:checked + label {
  background-color: #d1f9d6;
  color: #00de00;
}

/* line 1186, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-header input[value="fb"]:checked + label::before {
}

/* line 1190, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-header input[value="fb"]:checked + label::after {
  border-bottom-color: #d1f9d6;
}

/* line 1196, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-body {
  background-color: #d1f9d6;
}

/* line 1199, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-body li[data-category="fb"]:not(.hidden) {
  display: block;
}

/* line 1203, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="fb"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #02b308;
}

/* line 1210, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="fb"]:not(:checked) + label:hover {
  color: rgb(125 241 129);
}

/* line 1213, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="fb"]:not(:checked) + label:hover::before {
  opacity: 0.5;
}

/* line 1176, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .banner .mm {
  opacity: 1;
}

/* line 1182, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-header input[value="mm"]:checked + label {
  background-color: #DDEDEF;
  color: #009DAF;
}

/* line 1186, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-header input[value="mm"]:checked + label::before {
}

/* line 1190, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-header input[value="mm"]:checked + label::after {
  border-bottom-color: #DDEDEF;
}

/* line 1196, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-body {
  background-color: #DDEDEF;
}

/* line 1199, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-body li[data-category="mm"]:not(.hidden) {
  display: block;
}

/* line 1203, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="mm"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #009DAF;
}

/* line 1210, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="mm"]:not(:checked) + label:hover {
  color: rgba(0, 157, 175, 0.5);
}

/* line 1213, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="mm"]:not(:checked) + label:hover::before {
  opacity: 0.5;
}

/* line 1176, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .banner .etc {
  opacity: 1;
}

/* line 1182, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-header input[value="etc"]:checked + label {
  background-color: #EDF1DF;
  color: #004060;
}

/* line 1186, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-header input[value="etc"]:checked + label::before {
}

/* line 1190, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-header input[value="etc"]:checked + label::after {
  border-bottom-color: #EDF1DF;
}

/* line 1196, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-body {
  background-color: #EDF1DF;
}

/* line 1199, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-body li[data-category="etc"]:not(.hidden) {
  display: block;
}

/* line 1203, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="etc"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #004060;
}

/* line 1210, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="etc"]:not(:checked) + label:hover {
  color: rgba(0, 64, 96, 0.5);
}

/* line 1213, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="etc"]:not(:checked) + label:hover::before {
  opacity: 0.5;
}

/* line 1176, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .banner .favorites {
  opacity: 1;
}

/* line 1182, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-header input[value="favorites"]:checked + label {
  background-color: #EEEDF8;
  color: #1B1455;
}

/* line 1186, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-header input[value="favorites"]:checked + label::before {
}

/* line 1190, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-header input[value="favorites"]:checked + label::after {
  border-bottom-color: #EEEDF8;
}

/* line 1196, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-body {
  background-color: #EEEDF8;
}

/* line 1199, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-body li[data-category="favorites"]:not(.hidden) {
  display: block;
}

/* line 1203, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="favorites"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #1B1455;
}

/* line 1210, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="favorites"]:not(:checked) + label:hover {
  color: rgba(27, 20, 85, 0.5);
}

/* line 1213, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap .tab .tab-header input[value="favorites"]:not(:checked) + label:hover::before {
  opacity: 0.5;
}

/* line 1221, assets/css/index-order.scss */
main section .inner-wrap .platform-wrap[data-selected="event"] .tab .tab-body li input[type=radio]:checked + label {
  background-color: #00ADD1;
}

/* line 1227, assets/css/index-order.scss */
main section .inner-wrap.server-status {
  font-weight: 300;
  display: inline-block;
  background: transparent linear-gradient(266deg, #E497FF 0%, #7D95FF 100%) 0% 0% no-repeat padding-box;
  color: #FFFFFF;
  padding: 8px 35px 10px;
  border: 0;
  transition: background 0.3s, font 0.3s;
}

@media (max-width: 1399.98px) {
  /* line 1227, assets/css/index-order.scss */
  main section .inner-wrap.server-status {
    position: absolute;
    top: 10px;
    left: 260px;
    right: 30px;
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  /* line 1227, assets/css/index-order.scss */
  main section .inner-wrap.server-status {
    background: #9DA9B8;
    padding: 5px 0 7px;
    top: 0;
    left: 0;
    right: 0;
  }
}

/* line 1255, assets/css/index-order.scss */
main section .inner-wrap.server-status .last-updated {
  color: #FFFFFF;
}

/* line 1260, assets/css/index-order.scss */
main section .inner-wrap.notice {
  margin-top: 24px;
}

/* line 1263, assets/css/index-order.scss */
main section .inner-wrap.notice .notice-wrap {
  padding: 15px 15px 15px 20px;
  border: 1px solid #EEEEEE;
  border-radius: 15px;
  height: 160px;
  transition: padding 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1263, assets/css/index-order.scss */
  main section .inner-wrap.notice .notice-wrap {
    padding: 10px 10px 10px 15px;
  }
}

/* line 1274, assets/css/index-order.scss */
main section .inner-wrap.notice .notice-wrap ul {
  overflow: auto;
  height: 100%;
  padding: 0 5px 0 0;
}

/* line 1279, assets/css/index-order.scss */
main section .inner-wrap.notice .notice-wrap ul li {
  transition: font 0.3s, padding 0.3s;
  color: #333333;
  margin-top: 5px;
}

/* line 1286, assets/css/index-order.scss */
main section .inner-wrap.notice .notice-wrap ul li[data-date] {
  position: relative;
  padding-left: 70px;
}

@media (max-width: 991.98px) {
  /* line 1286, assets/css/index-order.scss */
  main section .inner-wrap.notice .notice-wrap ul li[data-date] {
    padding-left: 65px;
  }
}

@media (max-width: 767.98px) {
  /* line 1286, assets/css/index-order.scss */
  main section .inner-wrap.notice .notice-wrap ul li[data-date] {
    padding-left: 60px;
  }
}

/* line 1298, assets/css/index-order.scss */
main section .inner-wrap.notice .notice-wrap ul li[data-date]::before {
  content: attr(data-date);
  font-weight: 500;
  position: absolute;
  left: 0;
}

/* line 1316, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li + li {
  margin-top: 10px;
}

/* line 1320, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button {
  display: block;
  width: 100%;
  border-radius: 13px;
  padding: 13px 20px 15px;
  text-align: left;
  transition: font 0.3s, padding 0.3s;
  position: relative;
}

@media (max-width: 991.98px) {
  /* line 1320, assets/css/index-order.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button {
    padding: 11px 18px 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 1320, assets/css/index-order.scss */
  main section .inner-wrap.guide .guide-wrap ul li a,
main section .inner-wrap.guide .guide-wrap ul li button {
    padding: 8px 15px 10px;
  }
}

/* line 1344, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow,
main section .inner-wrap.guide .guide-wrap ul li button .arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  height: 20px;
  width: 20px;
  transition: height 0.3s, width 0.3s;
}

/* line 1353, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow::before, main section .inner-wrap.guide .guide-wrap ul li a .arrow::after,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::before,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: right;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  background-color: #000000;
  transition: background-color 0.3s;
}

/* line 1367, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow::before,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::before {
  transform: translate(-50%, -50%) rotate(45deg) translate(0, 1px);
}

/* line 1371, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a .arrow::after,
main section .inner-wrap.guide .guide-wrap ul li button .arrow::after {
  transform: translate(-50%, -50%) rotate(-45deg) translate(0, -1px);
}

/* line 1377, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li a {
  border: 1px solid #DDDDDD;
}

/* line 1381, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li button {
  background-color: #F9F6ED;
  border: 1px solid #F9F6ED;
}

/* line 1385, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li button.ig-top {
  background-color: #ffe8a3;
  border-color: #ffe8a3;
}

/* line 1391, assets/css/index-order.scss */
main section .inner-wrap.guide .guide-wrap ul li p {
  display: none;
}

/* line 1400, assets/css/index-order.scss */
main section .inner-wrap.new-order:not(.visible) {
  display: none;
}

/* line 1404, assets/css/index-order.scss */
main section .inner-wrap.setting {
  position: relative;
  margin-top: 0;
}

/* line 1408, assets/css/index-order.scss */
main section .inner-wrap.setting:not(.visible) {
  display: none;
}

/* line 1412, assets/css/index-order.scss */
main section .inner-wrap.setting h3 {
  font-weight: 700;
  transition: font 0.3s;
}

/* line 1419, assets/css/index-order.scss */
main section .inner-wrap.setting .reset-btn {
  font-weight: 400;
  color: #333333;
  position: absolute;
  top: 40px;
  right: 25px;
  padding: 0 0 0 25px;
  transition: font 0.3s, top 0.3s, right 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1419, assets/css/index-order.scss */
  main section .inner-wrap.setting .reset-btn {
    display: none;
    top: 0;
    right: 20px;
    background-color: #EEEEEE;
    border-radius: 3px;
    padding: 3px 5px 3px 20px;
  }
}

/* line 1439, assets/css/index-order.scss */
main section .inner-wrap.setting .reset-btn::before {
  content: '메뉴 ';
}

@media (max-width: 767.98px) {
  /* line 1439, assets/css/index-order.scss */
  main section .inner-wrap.setting .reset-btn::before {
    content: none;
  }
}

/* line 1447, assets/css/index-order.scss */
main section .inner-wrap.setting .reset-btn::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  background-size: auto 100%;
}

@media (max-width: 767.98px) {
  /* line 1447, assets/css/index-order.scss */
  main section .inner-wrap.setting .reset-btn::after {
    left: 5px;
    width: 12px;
    height: 12px;
  }
}

/* line 1466, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap {
  margin-bottom: 35px;
}

/* line 1471, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header {
  margin: 0 -5px 5px;
}

/* line 1475, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] {
  display: none;
}

/* line 1478, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
  font-weight: 700;
  color: #CCCCCC;
  white-space: nowrap;
  transition: font 0.3s, margin 0.3s, color 0.3s;
  margin-left: 20px;
  margin: 0 10px;
}

/* line 1486, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label .count {
  color: #CCCCCC;
  transition: font 0.3s, color 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1478, assets/css/index-order.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    margin-left: 18px;
    margin: 0 9px;
  }
}

@media (max-width: 767.98px) {
  /* line 1478, assets/css/index-order.scss */
  main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio] + label {
    margin-left: 15px;
    margin: 0 7px;
  }
}

/* line 1505, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio]:checked + label {
  color: #000000;
}

/* line 1508, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-header input[type=radio]:checked + label .count {
  color: #000000;
}

/* line 1518, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body {
  background-color: #FAFAFA;
  border: 1px solid #EAEAEA;
  border-radius: 15px;
  padding: 7px 20px;
}

/* line 1524, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap {
  display: none;
  padding: 15px 0;
}

/* line 1529, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="event"] + [data-platform="event"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1529, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="ig"] + [data-platform="ig"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1529, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="yt"] + [data-platform="yt"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1529, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="fb"] + [data-platform="fb"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1529, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="mm"] + [data-platform="mm"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1529, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap[data-platform="etc"] + [data-platform="etc"] {
  border-top: 1px solid #D2D2D8;
}

/* line 1534, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap {
  padding: 5px 0 5px 20px;
}

/* line 1537, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li {
  padding: 4px 0;
}

/* line 1541, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li input[type=checkbox] + label {
  display: block;
  margin: 0;
}

@media (max-width: 767.98px) {
  /* line 1545, assets/css/index-order.scss */
  main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li input[type=checkbox] + label::before {
    top: 10px;
  }
}

/* line 1552, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap .tab-body .category-wrap .service-wrap li input[type=checkbox]:checked + label::after {
  top: 9px;
}

/* line 1562, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="event"] .tab-body .category-wrap[data-platform="event"] {
  display: block;
}

/* line 1562, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="ig"] .tab-body .category-wrap[data-platform="ig"] {
  display: block;
}

/* line 1562, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="yt"] .tab-body .category-wrap[data-platform="yt"] {
  display: block;
}

/* line 1562, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="fb"] .tab-body .category-wrap[data-platform="fb"] {
  display: block;
}

/* line 1562, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="mm"] .tab-body .category-wrap[data-platform="mm"] {
  display: block;
}

/* line 1562, assets/css/index-order.scss */
main section .inner-wrap.setting .tab-wrap[data-selected="etc"] .tab-body .category-wrap[data-platform="etc"] {
  display: block;
}

/* line 1695, assets/css/index-order.scss */
main section .inner-wrap.setting .button-wrap {
  display: flex;
  background-color: #FFFFFF;
}

@media (max-width: 767.98px) {
  /* line 1695, assets/css/index-order.scss */
  main section .inner-wrap.setting .button-wrap {
    position: fixed;
    left: 0;
    bottom: 55px;
    width: 100%;
    box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.11);
    padding: 10px 15px;
  }
}

/* line 1708, assets/css/index-order.scss */
main section .inner-wrap.setting .button-wrap button {
  font-weight: 500;
  flex: 1;
  padding: 15px 0;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 15px;
  transition: font 0.3s;
}

@media (max-width: 767.98px) {
  /* line 1708, assets/css/index-order.scss */
  main section .inner-wrap.setting .button-wrap button {
    border: 0;
  }
}

/* line 1723, assets/css/index-order.scss */
main section .inner-wrap.setting .button-wrap button.reset-btn {
  display: none;
  flex: none;
  position: relative;
  top: auto;
  right: auto;
  padding: 15px 15px 15px 30px;
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  /* line 1723, assets/css/index-order.scss */
  main section .inner-wrap.setting .button-wrap button.reset-btn {
    display: block;
  }
}

/* line 1737, assets/css/index-order.scss */
main section .inner-wrap.setting .button-wrap button.reset-btn::after {
  width: 20px;
  height: 20px;
}

/* line 1743, assets/css/index-order.scss */
main section .inner-wrap.setting .button-wrap button.cancel-btn {
  border: 1px solid #EEEEEE;
}

/* line 1747, assets/css/index-order.scss */
main section .inner-wrap.setting .button-wrap button.apply-btn {
  background-color: #061328;
  color: #FFFFFF;
  margin-left: 5px;
}

/* line 1761, assets/css/index-order.scss */
.popup-wrap.guide .inner,
.popup-wrap.alert .inner {
  flex: 0 0 calc(100% - 30px);
  max-width: 730px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0px 5px 9px #00000029;
  padding: 50px 30px;
}

@media (max-width: 767.98px) {
  /* line 1761, assets/css/index-order.scss */
  .popup-wrap.guide .inner,
.popup-wrap.alert .inner {
    max-width: calc(100vw - 20px);
  }
}

/* line 1774, assets/css/index-order.scss */
.popup-wrap.guide .inner > h3,
.popup-wrap.alert .inner > h3 {
  margin: 0 0 10px;
}

/* line 1780, assets/css/index-order.scss */
.popup-wrap.guide .inner .content,
.popup-wrap.alert .inner .content {
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  background-color: #F9F9F9;
  min-height: 50px;
  overflow-y: auto;
  max-height: 50vh;
}

/* line 1788, assets/css/index-order.scss */
.popup-wrap.guide .inner .content .video,
.popup-wrap.alert .inner .content .video {
  width: 100%;
  height: 400px;
  display: block;
  margin: 0 auto;
  transition: height 0.3s;
}

@media (max-width: 991.98px) {
  /* line 1788, assets/css/index-order.scss */
  .popup-wrap.guide .inner .content .video,
.popup-wrap.alert .inner .content .video {
    height: 300px;
  }
}

@media (max-width: 767.98px) {
  /* line 1788, assets/css/index-order.scss */
  .popup-wrap.guide .inner .content .video,
.popup-wrap.alert .inner .content .video {
    height: 250px;
  }
}

/* line 1804, assets/css/index-order.scss */
.popup-wrap.guide .inner .content .img-wrap,
.popup-wrap.alert .inner .content .img-wrap {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

/* line 1809, assets/css/index-order.scss */
.popup-wrap.guide .inner .content .img-wrap img,
.popup-wrap.alert .inner .content .img-wrap img {
  width: 100%;
}

/* line 1815, assets/css/index-order.scss */
.popup-wrap.guide .inner .button-wrap,
.popup-wrap.alert .inner .button-wrap {
  text-align: center;
  margin-top: 30px;
}

/* line 1819, assets/css/index-order.scss */
.popup-wrap.guide .inner .button-wrap button,
.popup-wrap.alert .inner .button-wrap button {
  font-size: 18px;
  font-weight: 500;
  padding: 10px 50px;
  background-color: #061328;
  border-radius: 15px;
  color: #FFFFFF;
}

/* line 1836, assets/css/index-order.scss */
.popup-wrap.alert .inner .content {
  padding: 10px;
}

/* line 1843, assets/css/index-order.scss */
.popup-wrap.alert.success .inner {
  max-width: 320px;
  padding: 40px 30px 20px;
}

/* line 1847, assets/css/index-order.scss */
.popup-wrap.alert.success .inner > h3 {
  text-align: center;
}

/* line 1851, assets/css/index-order.scss */
.popup-wrap.alert.success .inner .button-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 1856, assets/css/index-order.scss */
.popup-wrap.alert.success .inner .button-wrap .close-btn {
  padding: 10px 25px;
}

/* line 1860, assets/css/index-order.scss */
.popup-wrap.alert.success .inner .button-wrap a {
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  margin-top: 35px;
  position: relative;
}

/* line 1868, assets/css/index-order.scss */
.popup-wrap.alert.success .inner .button-wrap a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #666666;
}

@media (max-width: 991.98px) {
  /* line 1883, assets/css/index-order.scss */
  .popup-wrap.signin,
.popup-wrap.signup,
.popup-wrap.resetpassword,
.popup-wrap.terms {
    padding-top: 40px;
  }
}

/* line 1891, assets/css/index-order.scss */
.popup-wrap.signin .inner .content iframe,
.popup-wrap.signup .inner .content iframe,
.popup-wrap.resetpassword .inner .content iframe,
.popup-wrap.terms .inner .content iframe {
  border: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}

/* line 1899, assets/css/index-order.scss */
.popup-wrap.signin .inner .content iframe.init,
.popup-wrap.signup .inner .content iframe.init,
.popup-wrap.resetpassword .inner .content iframe.init,
.popup-wrap.terms .inner .content iframe.init {
  opacity: 1;
}

/* line 1905, assets/css/index-order.scss */
* + .user-form {
  display: none;
}

/* line 1909, assets/css/index-order.scss */
.user-form {
  position: relative;
  transition: padding 0.3s;
  justify-content: center;
  padding: 70px 120px 40px;
}

@media (max-device-width: 1380px) {
  /* line 1909, assets/css/index-order.scss */
  .user-form {
    padding: 70px 100px 0;
  }
}

@media (max-width: 991.98px) {
  /* line 1909, assets/css/index-order.scss */
  .user-form {
    padding: 30px 45px 0;
  }
}

@media (max-width: 767.98px) {
  /* line 1909, assets/css/index-order.scss */
  .user-form {
    padding: 35px 20px 100px;
  }
}

/* line 1932, assets/css/index-order.scss */
.user-form .message {
  display: none;
}

/* line 1936, assets/css/index-order.scss */
.user-form h2 {
  font-size: 20px;
  font-weight: 500;
  color: #999999;
  margin: 0;
  transition: font-size 0.3s;
}

@media (max-device-width: 758px) {
  /* line 1936, assets/css/index-order.scss */
  .user-form h2 {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 1936, assets/css/index-order.scss */
  .user-form h2 {
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
  }
}

/* line 1954, assets/css/index-order.scss */
.user-form p {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  padding: 13px 0 25px;
  margin: 0 0 5px;
  transition: font-size 0.3s, padding 0.3s;
}

@media (max-device-width: 758px) {
  /* line 1954, assets/css/index-order.scss */
  .user-form p {
    font-size: 22px;
    padding: 11px 0 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 1954, assets/css/index-order.scss */
  .user-form p {
    font-size: 20px;
    padding: 9px 0 10px;
  }
}

/* line 1974, assets/css/index-order.scss */
.user-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 5px;
  transition: font-size 0.3s, margin 0.3s;
}

@media (max-device-width: 758px) {
  /* line 1974, assets/css/index-order.scss */
  .user-form label {
    font-size: 13px;
    margin-top: 18px;
  }
}

@media (max-width: 767.98px) {
  /* line 1974, assets/css/index-order.scss */
  .user-form label {
    font-size: 12px;
    margin-top: 15px;
  }
}

/* line 1993, assets/css/index-order.scss */
.user-form label .small {
  font-size: 12px;
}

/* line 1998, assets/css/index-order.scss */
.user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email] {
  font-size: 13px;
  padding: 10px;
  display: block;
  width: 100%;
  background-color: #F4F6F8;
  border: 0;
  border-radius: 15px;
  box-shadow: inset 0 3px 6px #BCBCBC29;
  transition: font-size 0.3s;
}

@media (max-device-width: 758px) {
  /* line 1998, assets/css/index-order.scss */
  .user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email] {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  /* line 1998, assets/css/index-order.scss */
  .user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email] {
    font-size: 13px;
  }
}

/* line 2023, assets/css/index-order.scss */
.user-form button[type=submit] {
  font-size: 18px;
  display: block;
  width: 100%;
  margin-top: 25px;
  background-color: #061328;
  padding: 20px 0;
  border-radius: 15px;
  color: #FFFFFF;
  transition: font-size 0.3s, padding 0.3s;
}

.user-form button[type=button] {
  font-size: 18px;
  display: block;
  width: 100%;
  margin-top: 25px;
  background-color: #061328;
  padding: 20px 0;
  border-radius: 15px;
  color: #FFFFFF;
  transition: font-size 0.3s, padding 0.3s;
}

@media (max-device-width: 758px) {
  /* line 2023, assets/css/index-order.scss */
  .user-form button[type=submit] {
    font-size: 16px;
    padding: 18px 0;
  }
}

@media (max-width: 767.98px) {
  /* line 2023, assets/css/index-order.scss */
  .user-form button[type=submit] {
    font-size: 14px;
    font-family: "Noto Sans", sans-serif;
    padding: 15px 0;
  }
}

/* line 2047, assets/css/index-order.scss */
.user-form .remember-wrap {
  margin: 10px 10px 0 10px;
  position: relative;
}

@media (max-width: 767.98px) {
  /* line 2047, assets/css/index-order.scss */
  .user-form .remember-wrap {
    position: static;
  }
}

/* line 2055, assets/css/index-order.scss */
.user-form .remember-wrap .forgot-password {
  font-size: 12px;
  color: #3A74DE;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: right 0.3s, transform 0.3s;
}

@media (max-width: 767.98px) {
  /* line 2055, assets/css/index-order.scss */
  .user-form .remember-wrap .forgot-password {
    top: auto;
    bottom: 65px;
    right: 50%;
    transform: translate(50%, 0);
  }
}

/* line 2074, assets/css/index-order.scss */
.user-form .check-wrap {
  font-size: 12px;
  position: absolute;
  top: 30px;
  right: 35px;
  transition: top 0.3s, right 0.3s, margin 0.3s;
}

@media (max-device-width: 758px) {
  /* line 2074, assets/css/index-order.scss */
  .user-form .check-wrap {
    top: 15px;
    right: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 2074, assets/css/index-order.scss */
  .user-form .check-wrap {
    position: static;
    margin-top: 35px;
    display: block;
    text-align: center;
  }
}

/* line 2095, assets/css/index-order.scss */
.user-form .check-wrap a {
  color: #3A74DE;
}

/* line 2100, assets/css/index-order.scss */
.user-form .row {
  font-size: 0;
}

/* line 2103, assets/css/index-order.scss */
.user-form .row .col {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 10px);
}

/* line 2108, assets/css/index-order.scss */
.user-form .row .col + .col {
  margin-left: 20px;
}

/* line 2114, assets/css/index-order.scss */
.user-form .captcha-wrap {
  position: absolute;
}

/* line 2117, assets/css/index-order.scss */
.user-form .captcha-wrap:not(.visible) {
  display: none;
}

/* line 2121, assets/css/index-order.scss */
.user-form .captcha-wrap .g-recaptcha {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 2129, assets/css/index-order.scss */
.user-form.captcha {
  padding-bottom: 200px;
}

/* line 2132, assets/css/index-order.scss */
.user-form.captcha .row {
  opacity: 0;
}

/* line 2136, assets/css/index-order.scss */
.user-form.captcha .captcha-wrap {
  display: block;
}