.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.about main {
  padding-top: 50px;
}

.about ul.about_list li {
  border-bottom: 1px solid #ccc;
  list-style: none;
}

.about ul.about_list li a {
  display: block;
  padding: 1em;
  position: relative;
}

.about ul.about_list li a i {
  position: absolute;
  right: 1em;
}

.about .manage_header a.view_invitation {
  display: none;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.account__except main {
  padding-top: 50px;
}

.account__except .manage_header a.view_invitation {
  display: none;
}

.account__except .btn.inactive {
  background: #ccc;
  color: #fff !important;
  pointer-events: none;
}

.account__except .btn.inactive * {
  color: #fff !important;
}

.account_expired #container {
  padding-top: 50px;
}

.account__mail main, .account__password main {
  padding-top: 50px;
}

.account__mail main form, .account__password main form {
  margin-top: 0.5em;
}

.btn_base, .admin_common main .search_conditions .btn-search, .admin_common main .common_list .pager .btn-pager, .admin_common main .detail .btn {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled, .admin_common main .search_conditions .btn_disabled.btn-search, .admin_common main .common_list .pager .btn_disabled.btn-pager, .admin_common main .detail .btn_disabled.btn {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.admin_common .manage_header {
  max-width: 100%;
}

.admin_common #container {
  max-width: 100%;
}

.admin_common #content h2.title {
  margin-bottom: 0em;
}

.admin_common main h3 {
  background-color: #fff;
  color: #fff;
  padding: 0.5em 1em;
}

.admin_common main .search_conditions {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
}

.admin_common main .search_conditions table {
  width: 100%;
}

.admin_common main .search_conditions table tbody tr {
  height: 45px;
}

.admin_common main .search_conditions table tbody tr th {
  width: 10%;
  padding: 4px;
  border: 1px solid #e0e0e0;
  background-color: #f7f7f7;
  text-align: right;
}

.admin_common main .search_conditions table tbody tr td {
  width: 23%;
  padding: 4px;
  border: 1px solid #e0e0e0;
}

.admin_common main .search_conditions .btn-search {
  height: 40px;
  width: 80px;
  line-height: 40px;
  margin: 5px 5px 0px 0px;
}

.admin_common main .common_list {
  padding: 0 1em;
}

.admin_common main .common_list table {
  margin: 1em 0;
}

.admin_common main .common_list table thead tr th {
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
}

.admin_common main .common_list table tbody tr {
  height: 45px;
}

.admin_common main .common_list table tbody tr td {
  padding: 4px;
  border: 1px solid #e0e0e0;
}

.admin_common main .common_list table tbody tr.cursor_pointer {
  cursor: pointer;
}

.admin_common main .common_list .pager {
  margin: 5px;
}

.admin_common main .common_list .pager .btn-pager {
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.admin_common main .detail {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
}

.admin_common main .detail table {
  width: 100%;
}

.admin_common main .detail table tbody tr {
  height: 45px;
}

.admin_common main .detail table tbody tr th {
  width: 10%;
  padding: 4px;
  border: 1px solid #e0e0e0;
  background-color: #f7f7f7;
  text-align: right;
}

.admin_common main .detail table tbody tr td {
  width: 23%;
  padding: 4px;
  border: 1px solid #e0e0e0;
}

.admin_common main .detail .btn {
  height: 40px;
  width: 80px;
  line-height: 40px;
  margin: 5px 5px 0px 0px;
}

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap");
.btn_base, .btn, .btn_lr {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled, .btn_disabled.btn, .btn_disabled.btn_lr {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

:root {
  background-color: transparent;
}

html, body {
  background-color: #f7f7f7;
  color: #4c4c4c;
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 13px;
  height: 100%;
  line-height: 150%;
}

a {
  color: #4c4c4c;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  text-decoration: none;
}

.disabled {
  color: #ccc !important;
  cursor: not-allowed !important;
}

.disabled * {
  color: #ccc !important;
}

.btn.disabled {
  background: #ccc;
  color: #fff !important;
}

.btn.disabled * {
  color: #fff !important;
}

img {
  height: auto;
  max-width: 100%;
}

/* placeholder */
::-webkit-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

input[type=text],
input[type=password],
input[type=number],
input[type=tel],
select {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  margin: 1px auto;
  padding: 0.5em;
  max-width: 480px;
  width: 100%;
}

input[type=date]::-webkit-date-and-time-value,
input[type=time]::-webkit-date-and-time-value {
  text-align: left;
}

input[type=date] {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  margin: 1px auto;
  padding: 0.5em;
  max-width: 160px;
  width: 100%;
  text-align: left;
  min-height: 36px;
  appearance: none;
  -webkit-appearance: none;
}

input[type=time] {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  margin: 1px auto;
  padding: 0.5em;
  max-width: 100px;
  width: 100%;
  text-align: left;
  min-height: 36px;
  appearance: none;
  -webkit-appearance: none;
}

input[type=time] {
  position: relative;
}

input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
  height: 100%;
  width: 100%;
}

input[type=text]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
textarea:disabled {
  background-color: #ccc;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=number]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
  outline: 1px solid #ff6c52;
}

input[type=radio] {
  display: none;
  -webkit-border-radius: 10px;
  margin-right: 2px;
  vertical-align: middle;
}

input[type=radio] + :before {
  font-family: "Ionicons";
  margin-right: 0.2em;
  content: "\f3a6";
  font-size: 1.5em;
  vertical-align: middle;
}

input[type=radio]:checked + :before {
  content: "\f3a7";
}

input:checked {
  background-color: #000000;
}

/* switch checkbox */
.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 28px;
}

.switch input {
  display: none;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  border-radius: 20px;
  color: white;
}

.switch .slider .text:before {
  position: absolute;
  line-height: 28px;
  height: 28px;
  left: 34px;
  content: "OFF";
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  border-radius: 50%;
}

.switch input:checked + .slider {
  background-color: #2196F3;
}

.switch input:checked + .slider .text:before {
  content: "ON";
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(92px);
  transform: translateX(92px);
}

textarea {
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  margin: 1px 0;
  max-width: 480px;
  padding: 1em;
  width: 100%;
}

span.select {
  line-height: 150%;
  background-color: #fff;
  border-radius: 7px;
  display: inline-block;
  position: relative;
}

span.select:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 7px solid #999;
}

span.select select {
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  padding: 0.5em 2em 0.5em 1em;
  color: #4c4c4c;
  background: transparent;
}

span.select select:disabled {
  background-color: #ccc;
  cursor: default;
}

::-ms-expand {
  display: none;
}

input::selection, textarea::selection {
  color: #333;
}

select:focus {
  outline: solid 3px #E6BCA2;
}

.btn {
  display: block;
  height: 50px;
  line-height: 50px;
  max-width: 480px;
  margin: 0 auto;
  width: 90%;
}

.btn.btn_2line {
  line-height: 25px;
}

.btn .icon-btn_premium {
  position: static !important;
  font-size: 20px;
}

.btn_lr {
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  margin: 0 0.5%;
  width: 49%;
}

.btn_back {
  background-color: #B5B5B5;
}

.btn_skip {
  display: inline-block;
  padding-top: 2em;
  padding-bottom: 1em;
  text-decoration: underline;
}

.button {
  display: inline-block;
  height: 50px;
  font-weight: 400;
  color: #4c4c4c;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 0.75rem;
  font-size: 15px;
  line-height: 50px;
  border-radius: 7px;
  text-decoration: none !important;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.button:hover {
  text-decoration: none !important;
}

.button:focus, .button.focus {
  outline: 0;
}

.button.disabled, .button:disabled {
  opacity: 0.65;
}

a.button.disabled, fieldset:disabled a.button {
  pointer-events: none;
}

.btn-round {
  border-radius: 100rem;
}

.btn-100 {
  width: 100%;
}

.btn-primary {
  color: #fff;
  background-color: #ff6c52;
  border-color: #ff6c52;
}

.btn-secondary {
  color: #4c4c4c;
  background-color: #fff;
  border-color: #4c4c4c;
}

.btn-outline-primary {
  color: #ff6c52;
  background-color: #fff;
  border-color: #ff6c52;
}

.btn-s {
  height: 40px;
  line-height: 40px;
}

.btn-container--v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn-container--v .button + .button {
  margin-top: 12px;
}

.area {
  padding: 0 1em;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.m-0 {
  margin: 0 !important;
}

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

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 16px;
}

.mt-4 {
  margin-top: 24px !important;
}

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

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

.ml-2 {
  margin-left: 8px !important;
}

.my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-3 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-4 {
  padding: 24px !important;
}

.pt-4 {
  padding-top: 24px !important;
}

.font_s {
  font-size: 11px;
}

.clear {
  clear: both;
}

.errors {
  margin: 1em auto;
  padding: 1em;
  border: 1px solid #e56473;
  border-radius: 6px;
  color: #e56473;
}

.errors .error_list, .errors .validation_error_list {
  padding-left: 1em;
  list-style: none;
}

.alert-wrapper {
  margin-bottom: 1em;
}

.sum + .alert {
  padding: 1em 1em 1em 1em !important;
}

.alert {
  padding: 0.5em;
  background: #fff;
  border: 2px solid #e56473;
  border-radius: 0.25em;
  color: #e56473;
}

.alert ul {
  margin-left: 1.5em;
}

.alert ul + h4 {
  margin-top: 1rem;
}

.alert .calendar {
  margin: 0 auto;
  margin-top: 1.1em;
  max-width: 400px;
}

.info-text--warning {
  color: #ff6c52;
  font-size: 11px;
}

.lead_premium {
  background-color: #fee;
  border: solid 1px #fcc;
  font-size: 11px;
  margin: 1em 0;
  padding: 1em;
}

.lead_premium a {
  color: #f00;
  text-decoration: underline;
}

.tasuki {
  display: block;
  position: absolute;
  padding: 3px 0 6px;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  background-image: url("/images/speech_balloon.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ff6c52;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.progress_bar_wrapper {
  height: 30px;
  margin: 0 16px;
  border-radius: 15px;
  background: #f0f0f0;
}

.progress_bar_wrapper .progress_bar {
  line-height: 30px;
  border-radius: 15px;
  background: #ff9e97;
  color: #fff;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}

.fee_rate_table {
  width: 100%;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

.fee_rate_table thead {
  color: #4c4c4c;
  background: #f7e4e3;
}

.fee_rate_table tbody {
  color: #4c4c4c;
  background: #fff;
}

.fee_rate_table th, .fee_rate_table td {
  width: 50%;
  padding: 8px;
  font-weight: 400;
  border: 1px solid #f7f7f7;
}

.fee_rate_table .credit-images {
  width: 100px;
}

.fee_rate_table .col-method {
  min-width: 208px;
}

.remodal {
  box-shadow: 0 0 20px #000;
  border-radius: 7px;
  padding: 2em;
}

.remodal-overlay {
  z-index: 1040;
}

.remodal-wrapper {
  z-index: 1050;
}

html.remodal-is-locked {
  overflow: visible !important;
}

html.remodal-is-locked body {
  overflow-y: hidden !important;
}

html.remodal-is-locked .remodal-wrapper.remodal-is-opening {
  overflow-y: hidden !important;
}

@media screen and (max-width: 700px) {
  .blockMsg {
    width: 96% !important;
    left: 2% !important;
  }
  .vex-content {
    width: 90% !important;
    font-size: 1em !important;
  }
}

.block_msg {
  color: #ff6c52;
}

.vex {
  z-index: 1060;
}

.vex-theme-os .vex-dialog-message span.error_msg {
  color: #e56473;
}

.vex-theme-os .vex-dialog-message a {
  text-decoration: underline;
  color: #e56473;
}

body.vex-open {
  overflow: visible !important;
}

[v-cloak] {
  display: none;
}

.hidden {
  display: none !important;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 800px) {
  .sp {
    display: block !important;
  }
}

.swal-toast-container {
  width: 760px !important;
  padding: 0 !important;
  font-family: 'Noto Sans JP', sans-serif;
}

.swal-toast-container.swal2-backdrop-show {
  background: none !important;
}

.swal2-html-container {
  display: inline-block !important;
  margin: 0.5em auto !important;
  padding-left: 28px !important;
  position: relative;
  min-height: 24px;
  overflow: hidden;
}

.swal2-html-container:before {
  font-family: 'Font Awesome 6 Pro';
  margin-right: 8px;
  font-size: 20px;
  position: absolute;
  left: 0;
  line-height: 24px;
}

.swal2-toast {
  width: 760px !important;
  min-height: 60px;
  margin: 0 !important;
  border-radius: 0 !important;
}

.swal2-toast * {
  color: #fff;
}

.swal2-toast .swal2-icon {
  display: none !important;
}

.swal2-toast.swal2-icon-success {
  background: rgba(76, 88, 112, 0.8) !important;
}

.swal2-toast.swal2-icon-success .swal2-html-container:before {
  content: "\f058";
  font-weight: 300;
}

.swal2-toast.swal2-icon-warning {
  background: rgba(251, 192, 45, 0.8) !important;
}

.swal2-toast.swal2-icon-warning .swal2-html-container:before {
  content: "\f071";
  font-weight: 300;
}

.swal2-toast.swal2-icon-error {
  background: rgba(199, 65, 33, 0.8) !important;
}

.swal2-toast.swal2-icon-error .swal2-html-container:before {
  content: "\f06a";
  font-weight: 300;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadein {
  -webkit-animation: fadein 0.5s ease forwards;
          animation: fadein 0.5s ease forwards;
}

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeout {
  -webkit-animation: fadeout 0.5s ease forwards;
          animation: fadeout 0.5s ease forwards;
}


.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

@font-face {
  font-family: 'Jomolhari';
  src: url("/fonts/Jomolhari-alpha3c-0605331.ttf") format("truetype");
}

@font-face {
  font-family: 'SreeKrushnadevaraya';
  src: url("/fonts/SreeKrushnadevaraya-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'JosefinSans';
  src: url("/fonts/JosefinSans-SemiBold.ttf") format("truetype");
}

.days_left main {
  padding-top: 50px;
}

.days_left #content {
  padding-bottom: 100px;
}

.days_left .fix_banner {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  position: fixed;
  padding-bottom: 15%;
  height: 0;
  overflow: hidden;
}

.days_left .fix_banner iframe {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: 0;
}

@media screen and (min-width: 500px) {
  .days_left .fix_banner {
    padding-bottom: 75px;
  }
}

.days_left .description {
  max-width: 480px;
  margin: 0 auto;
  padding: 1em 0 0.5em 0;
}

.days_left .image-wrapper {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
}

.days_left .image-wrapper .image {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.days_left .image-wrapper .image__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
}

.days_left .image-wrapper .dl-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.days_left .image-wrapper .image__frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text {
  position: absolute;
  width: 100%;
  line-height: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Muli', sans-serif;
  letter-spacing: 1.25px;
  white-space: nowrap;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--jp {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--today-label {
  top: 26.5%;
  font-size: 34px;
  letter-spacing: 3px;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--weddingday {
  top: 35.75%;
  font-size: 51px;
  line-height: 115%;
  letter-spacing: 4.75px;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--label {
  top: 25%;
  font-size: 20px;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--days {
  top: 30.5%;
  font-size: 97px;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--days-text {
  top: 50%;
  font-size: 52px;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--date {
  top: 65.25%;
  font-size: 14px;
  letter-spacing: 2.25px;
}

.days_left .image-wrapper .text-wrapper-v1 .image__text--name {
  top: 71.25%;
  font-size: 23px;
  letter-spacing: 3.5px;
}

.days_left .image-wrapper .text-wrapper-v1 .logo {
  position: absolute;
  right: 3%;
  bottom: 3%;
  width: 25%;
}

@media screen and (max-width: 420px) {
  .days_left .image-wrapper .text-wrapper-v1 .image__text--today-label {
    font-size: 27px;
    letter-spacing: 2.5px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--weddingday {
    font-size: 41px;
    letter-spacing: 3.75px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--label {
    font-size: 16px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--days {
    font-size: 78px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--days-text {
    font-size: 41.5px;
    letter-spacing: 5.5px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--date {
    font-size: 11px;
    letter-spacing: 1.75px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--name {
    font-size: 18.5px;
    letter-spacing: 3.25px;
  }
}

@media screen and (max-width: 380px) {
  .days_left .image-wrapper .text-wrapper-v1 .image__text--today-label {
    font-size: 25px;
    letter-spacing: 2.25px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--weddingday {
    font-size: 37px;
    letter-spacing: 3.5px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--label {
    font-size: 15px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--days {
    font-size: 71px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--days-text {
    font-size: 38px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--date {
    font-size: 11px;
    letter-spacing: 1.5px;
  }
  .days_left .image-wrapper .text-wrapper-v1 .image__text--name {
    font-size: 16.75px;
    letter-spacing: 3px;
  }
}

.days_left .image-wrapper .text-wrapper-v2 .image__text {
  position: absolute;
  width: 100%;
  line-height: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Jomolhari', serif;
  white-space: nowrap;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--today-label {
  top: 22.2%;
  font-size: 23px;
  letter-spacing: 2.5px;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--weddingday {
  top: 31.5%;
  font-size: 54px;
  line-height: 120%;
  letter-spacing: 3.75px;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--label {
  top: 21.5%;
  font-size: 26px;
  letter-spacing: 2px;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--days {
  top: 30.5%;
  font-size: 78px;
  letter-spacing: 2px;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--days-text {
  top: 49%;
  font-size: 48px;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--date {
  top: 66.5%;
  font-size: 18px;
  letter-spacing: 1.75px;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--name {
  top: 74.5%;
  font-size: 19px;
  letter-spacing: 2.15px;
}

.days_left .image-wrapper .text-wrapper-v2 .image__text--jp {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
}

.days_left .image-wrapper .text-wrapper-v2 .logo {
  position: absolute;
  bottom: 1%;
  width: 25%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 420px) {
  .days_left .image-wrapper .text-wrapper-v2 .image__text {
    letter-spacing: 1px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--today-label {
    font-size: 18px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--weddingday {
    font-size: 41px;
    letter-spacing: 3px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--label {
    font-size: 19px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--days {
    font-size: 59px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--days-text {
    font-size: 37px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--date {
    font-size: 13px;
    letter-spacing: 1.5px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--name {
    font-size: 14px;
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 380px) {
  .days_left .image-wrapper .text-wrapper-v2 .image__text {
    letter-spacing: 1px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--today-label {
    font-size: 16px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--weddingday {
    font-size: 38px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--label {
    font-size: 20px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--days {
    font-size: 56px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--days-text {
    font-size: 35px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--date {
    font-size: 12.5px;
    letter-spacing: 1.5px;
  }
  .days_left .image-wrapper .text-wrapper-v2 .image__text--name {
    font-size: 13px;
    letter-spacing: 1.5px;
  }
}

.days_left .image-wrapper .text-wrapper-v3 .image__text {
  position: absolute;
  width: 100%;
  line-height: 100%;
  text-align: center;
  color: #fff;
  font-family: 'SreeKrushnadevaraya', serif;
  white-space: nowrap;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--today-label {
  top: 20.5%;
  font-size: 30.5px;
  letter-spacing: 2.75px;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--weddingday {
  top: 29.5%;
  font-size: 70px;
  letter-spacing: 3.75px;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--label {
  top: 20%;
  font-size: 32px;
  letter-spacing: 2px;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--days {
  top: 25%;
  font-size: 103px;
  letter-spacing: 5px;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--days-text {
  top: 47%;
  font-size: 59px;
  letter-spacing: 3px;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--date {
  top: 66%;
  font-size: 20px;
  letter-spacing: 2px;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--name {
  top: 74%;
  font-size: 21.5px;
  letter-spacing: 3px;
}

.days_left .image-wrapper .text-wrapper-v3 .image__text--jp {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
}

.days_left .image-wrapper .text-wrapper-v3 .logo {
  position: absolute;
  right: 3%;
  bottom: 3%;
  width: 25%;
}

@media screen and (max-width: 420px) {
  .days_left .image-wrapper .text-wrapper-v3 .image__text {
    letter-spacing: 1px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--today-label {
    font-size: 18px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--weddingday {
    font-size: 41px;
    letter-spacing: 3px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--label {
    font-size: 25px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--days {
    font-size: 79px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--days-text {
    font-size: 46px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--date {
    font-size: 16.5px;
    letter-spacing: 1.5px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--name {
    font-size: 16px;
    letter-spacing: 2.5px;
  }
}

@media screen and (max-width: 380px) {
  .days_left .image-wrapper .text-wrapper-v3 .image__text {
    letter-spacing: 1px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--today-label {
    font-size: 20.5px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--weddingday {
    font-size: 48px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--label {
    font-size: 24px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--days {
    font-size: 76px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--days-text {
    font-size: 44px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--date {
    font-size: 13.5px;
    letter-spacing: 1.5px;
  }
  .days_left .image-wrapper .text-wrapper-v3 .image__text--name {
    font-size: 15px;
    letter-spacing: 2px;
  }
}

.days_left .image-wrapper .text-wrapper-v4 .image__text {
  position: absolute;
  left: 3%;
  width: auto;
  line-height: 100%;
  color: #fff;
  font-family: 'JosefinSans';
  white-space: nowrap;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--today-label {
  top: 40.5%;
  font-size: 24.5px;
  letter-spacing: 2.5px;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--weddingday {
  top: 49.5%;
  font-size: 49px;
  line-height: 120%;
  letter-spacing: 3.75px;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--label {
  top: 40.5%;
  font-size: 25px;
  letter-spacing: 2px;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--days {
  top: 49%;
  font-size: 75px;
  letter-spacing: 5px;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--days-text {
  top: 64.8%;
  font-size: 48px;
  letter-spacing: 3px;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--date {
  top: 77%;
  font-size: 21px;
  letter-spacing: 2.6px;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--name {
  top: 82.5%;
  font-size: 26.5px;
  letter-spacing: 1px;
}

.days_left .image-wrapper .text-wrapper-v4 .image__text--jp {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
}

.days_left .image-wrapper .text-wrapper-v4 .logo {
  position: absolute;
  left: 3%;
  bottom: 3%;
  width: 25%;
}

@media screen and (max-width: 420px) {
  .days_left .image-wrapper .text-wrapper-v4 .image__text {
    letter-spacing: 1px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--today-label {
    font-size: 18.5px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--weddingday {
    font-size: 37px;
    letter-spacing: 3px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--label {
    font-size: 19px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--days {
    font-size: 59px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--days-text {
    font-size: 37px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--date {
    font-size: 17px;
    letter-spacing: 1.5px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--name {
    font-size: 20.5px;
    letter-spacing: 0.4px;
  }
}

@media screen and (max-width: 380px) {
  .days_left .image-wrapper .text-wrapper-v4 .image__text {
    letter-spacing: 1px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--today-label {
    font-size: 17px;
    letter-spacing: 1.8px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--weddingday {
    font-size: 35px;
    letter-spacing: 2px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--label {
    font-size: 19px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--days {
    font-size: 58px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--days-text {
    font-size: 36px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--date {
    font-size: 13px;
    letter-spacing: 1px;
  }
  .days_left .image-wrapper .text-wrapper-v4 .image__text--name {
    font-size: 15px;
    letter-spacing: 1px;
  }
}

.days_left .image-wrapper .upload-btn {
  position: absolute;
  left: .5em;
  bottom: .5em;
  padding: .5em 1em;
  border: none;
  border-radius: 7px;
  color: #fff;
  background: rgba(51, 51, 51, 0.7);
}

.days_left .input-photo {
  display: none;
}

.days_left .input-block {
  display: block;
  margin: 0 auto;
}

.days_left .edit_image_modal .remodal-body {
  padding: 1em;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner {
  max-width: 480px;
  margin: 0 auto;
  text-align: left;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner label {
  display: block;
  margin-top: 1em;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .btn {
  display: inline-block;
  max-width: 150px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margi-left: 0.5em;
  margin: 0;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .sup {
  background-color: #f7f7f7;
  font-size: 11px;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 1em;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .sup a {
  text-decoration: underline;
  color: #f00;
  cursor: pointer;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper {
  width: 50%;
  padding: 0.25rem;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper.--top {
  width: 100%;
  max-width: 480px;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper .image-surface {
  position: relative;
  background: #fff;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper .image-surface:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper .image-surface.add-area {
  border: 2px dashed #ff6c52;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper input[type=radio] {
  display: none;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper input[type=radio] + :before {
  display: none;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper input[type=radio]:checked + :before {
  display: none;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper.--top img {
  background-size: contain;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio + span {
  display: block;
  height: 32px;
  line-height: 32px;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio + span:before, .days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio + span:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  display: block;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio + div {
  display: block;
  border-color: #fff;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio:checked + div {
  border-color: #ff6c52;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio:checked + span:before {
  border-color: #fff;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio:checked + span:after {
  background-color: #ff6c52;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-checkbox:disabled + span, .days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .form-input-radio:disabled + span {
  opacity: 0.5;
}

.days_left .edit_image_modal .remodal-body .remodal-body_inner .image-container .thumnail-image-wrapper .form-input-radio:checked + div {
  border-width: 2px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.verify main {
  padding-top: 50px;
}

@charset "UTF-8";
.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage__index [data-remodal-id="create_modal"] {
  padding: 0;
}

#container {
  box-shadow: 0 0 15px;
  margin: 0 auto;
  max-width: 760px;
  width: 100%;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

/* キャンペーンバナー */
.campaign a {
  display: block;
  padding: 3px;
  text-align: center;
}

.campaign a img {
  max-height: 44px;
}

/* ヘッダー */
.manage_header.up {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

.manage_header {
  -webkit-transition: transform 0.1s;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  height: 50px;
  position: fixed;
  top: 0;
  text-align: center;
  max-width: 760px;
  width: 100%;
  z-index: 100;
}

.manage_header .drawer_button {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.manage_header .drawer_button span {
  background-color: #002556;
  border-radius: 10px;
  display: block;
  height: 2px;
  position: absolute;
  left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.manage_header .drawer_button span.bar1 {
  top: 15px;
  width: 25px;
}

.manage_header .drawer_button span.bar2 {
  top: 23px;
  width: 15px;
  opacity: 1;
}

.manage_header .drawer_button span.bar3 {
  top: 31px;
  width: 25px;
}

.manage_header h1 {
  height: 50px;
  line-height: 50px;
}

.manage_header h1 img {
  height: auto;
  width: 135px;
}

.manage_header a.view_invitation {
  color: #ff6c52;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
}

.manage_header ul.wizard {
  text-align: center;
}

.manage_header ul.wizard li {
  color: #ccc;
  display: inline-block;
  font-size: 24px;
  padding: 0.5em 0;
  vertical-align: middle;
}

.manage_header ul.wizard li img {
  width: 25px;
}

.manage_header ul.wizard li i.ion-chevron-right {
  font-size: 13px;
  padding: 0 1em;
}

/* フッター */
.manage_footer footer {
  background-color: #f7f7f7;
  padding: 2em 1em 120px 1em;
  width: 100%;
}

.manage_footer footer img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 10px auto;
}

.manage_footer footer ul {
  list-style: none;
  text-align: center;
}

.manage_footer footer ul li {
  padding-top: 20px;
}

.manage_footer footer ul li i {
  display: none;
}

.manage_footer footer div.copyright {
  text-align: center;
}

.manage_footer footer div.logout {
  padding-top: 20px;
  text-align: center;
}

#content {
  background-color: #fff;
}

#content .sub_header {
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  width: 100%;
  max-width: 760px;
  height: 50px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 100;
}

#content .sub_header h2.title {
  border-bottom: 1px solid #e5e5e5;
  color: #002556;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  font-weight: bold;
}

#content .sub_header h2.title a {
  position: absolute;
  left: 0%;
  color: #002556;
  font-size: 30px;
  padding: 0 2%;
}

@media screen and (max-width: 700px) {
  #content .sub_header h2.title a {
    padding: 0 4%;
  }
}

#content .sub_header.down {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

#content h3.title {
  background-color: #f7e4e3;
  color: #002556;
  font-size: 13px;
  font-weight: bold;
  padding: 1em;
}

#content div.manage_button {
  padding: 2em 0;
  z-index: 100;
}

#content div.manage_button::after {
  content: "";
  clear: both;
  display: block;
}

#content div.fixed_space {
  height: 150px;
}

#content div.manage_button.wizard {
  position: fixed;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  max-width: 760px;
  width: 100%;
  padding: 1em;
}

#content div.manage_button.wizard .btn_back {
  position: relative;
  width: 30%;
}

#content div.manage_button.wizard .btn_back::before {
  position: absolute;
  content: "\f3d2";
  font-family: ionicons;
  left: 15px;
  font-size: 20px;
}

#content div.manage_button.wizard .btn_next {
  position: relative;
  width: 65%;
  font-weight: bold;
  float: right;
}

#content div.manage_button.wizard .btn_next::after {
  position: absolute;
  content: "\f3d1";
  font-family: ionicons;
  right: 15px;
  font-size: 20px;
}

#content div.manage_button.wizard .btn_finish {
  width: 65%;
  font-weight: bold;
  float: right;
}

#content div.manage_button.wizard .btn_skip {
  display: inline-block;
  color: #fff;
  margin-top: 1em;
  text-decoration: underline;
  font-weight: 100;
  padding: 0;
}

#content .description {
  padding: 2em 0 1em 0;
}

#content.is-wizard {
  padding-top: 50px;
}

/* オススメマーク */
.mark_recommend {
  position: relative;
  overflow: hidden;
}

.mark_recommend i.mark {
  background-color: #005f9b;
  color: #fff !important;
  display: inline-block !important;
  font-size: 8px !important;
  line-height: 160%;
  padding: 1px 20px 0 20px;
  position: absolute;
  top: 9px;
  left: -20px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* Vimeoのプレーヤー */
.vimeo_player_wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 !important;
  padding-bottom: 75% !important;
}

iframe.vimeo_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

body.account main {
  padding-top: 50px;
}

body.account main .manage_menu {
  max-width: 760px;
  width: 100%;
}

body.account main .manage_menu ul li.link {
  padding: 0;
}

body.account main .manage_menu ul li.link a {
  padding: 1em;
}

body.account main .manage_menu ul li {
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
  padding: 1em;
  position: relative;
}

body.account main .manage_menu ul li input[type="text"],
body.account main .manage_menu ul li input[type="password"] {
  margin: 1em 0;
}

body.account main .manage_menu ul li:first-of-type {
  line-height: 2;
  padding-top: 1em;
  padding-bottom: 1em;
}

body.account main .manage_menu ul li .menu_account-title {
  font-size: 15px;
  font-weight: bold;
}

body.account main .manage_menu ul li .menu_account_mail {
  margin-right: 30px;
}

body.account main .manage_menu ul li .menu_account_mail a {
  text-decoration: underline;
}

body.account main .manage_menu ul li a {
  display: block;
}

body.account main .manage_menu ul li .right_edge {
  display: inline;
  position: absolute;
  right: 10px;
}

body.account main .manage_menu ul li .remove_line_connect {
  display: inline;
  text-decoration: underline;
}

body.account main .manage_menu ul li .btn {
  display: block;
  height: 40px;
  line-height: 40px;
  max-width: 480px;
  width: 50%;
  margin: 10px;
  background-color: #06C755;
}

body.account main .manage_menu .target_invitation {
  border-bottom: 1px solid #e5e5e5;
}

body.account main .manage_menu .target_invitation a {
  display: block;
  padding: 1em 1.5em;
  color: #002556;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body.account main .manage_menu .target_invitation a i {
  padding-right: 10px;
  font-size: 15px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

body.manage_bulk_mail main {
  padding-top: 50px;
}

body.manage_bulk_mail var {
  display: none;
}

body.manage_bulk_mail .attention {
  margin: 1em;
  background: #f7f7f7;
  font-size: 11px;
  padding: 1em;
}

body.manage_bulk_mail .field {
  padding-top: 1em;
}

body.manage_bulk_mail .field .field_content {
  margin-left: 1em;
}

body.manage_bulk_mail .field .field_content textarea {
  margin-top: 10px;
}

body.manage_bulk_mail .message_pattern {
  width: 100%;
}

body.manage_bulk_mail .message_pattern a {
  display: inline-block;
  color: #ff6c52;
  text-decoration: underline;
  margin: 6px 0 4px 6px;
}

body.manage_bulk_mail .message-sample-modal .remodal-body {
  padding: 0 0 40px;
}

body.manage_bulk_mail .message-sample-modal .remodal-body .sample_message h2 {
  margin: 20px auto 0;
  font-size: 16px;
}

body.manage_bulk_mail .message-sample-modal .remodal-body .sample_message p {
  margin: 20px 40px;
  display: inline-block;
  text-align: left;
  white-space: pre-wrap;
}

body.manage_bulk_mail .message-sample-modal .remodal-body .sample_message a {
  max-width: 130px;
  background: #fff;
  border: 2px solid #ff6c52;
  color: #ff6c52;
  border-radius: 20px;
  line-height: unset;
  height: unset;
  padding: 10px 0;
}

body.manage_bulk_mail .message-sample-modal .remodal-body .sample_message hr {
  border-top: 1px solid #ccc;
  width: 100%;
  margin: 40px auto;
}

body.manage_bulk_mail .fix_content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px 2px;
  max-width: 760px;
  width: 100%;
}

body.manage_bulk_mail .fix_content .manage_button {
  padding: 0 !important;
}

body.manage_bulk_mail .btn_preview {
  background-color: #ff9e97;
}

body.manage_bulk_mail .remodal-header {
  border-bottom: 0px;
}

body.manage_bulk_mail .preview_modal p {
  margin: 20px;
  text-align: left;
  white-space: pre-wrap;
}

body.manage_bulk_mail .preview_modal hr {
  margin: 0 20px;
  border-top: 1px solid #000;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

body.manage_cancel_payment .manage_cancel_payment_content {
  padding: 6em 1em;
}

body.manage_cancel_payment .manage_cancel_payment_content h3 {
  text-align: center;
  font-size: 15px;
  margin: 0 auto 1em;
}

body.manage_cancel_payment .manage_cancel_payment_content ul {
  background: #F7F7F7;
  padding: 1em 1em 1em 2em;
  margin: 1em auto;
}

body.manage_cancel_payment .manage_cancel_payment_content ul > li {
  color: #002556;
  font-size: 11px;
}

body.manage_cancel_payment .manage_cancel_payment_content .fee {
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #999999;
  margin: 2em 0 1em;
  padding: 1em 1em 0.5em;
  font-size: 15px;
}

body.manage_cancel_payment .manage_cancel_payment_content p.attention {
  border: 2px solid #E56473;
  border-radius: 5px;
  background: #FFF5EE;
  padding: 1em;
  color: #E56473;
  font-size: 11px;
}

body.manage_cancel_payment .manage_cancel_payment_content form {
  margin: 2em 0;
}

body.manage_cancel_payment .manage_cancel_payment_content form label.list-label {
  padding: 2em 0 .5em;
  display: block;
  font-size: 15px;
  font-weight: 600;
}

body.manage_cancel_payment .manage_cancel_payment_content form .card-list {
  margin-bottom: 0.5em;
  padding-left: 1em;
}

body.manage_cancel_payment .manage_cancel_payment_content form .card-list img {
  height: 20px;
}

body.manage_cancel_payment .manage_cancel_payment_content form .limit-date-container select {
  max-width: 100px;
}

body.manage_cancel_payment .manage_cancel_payment_content form .security_code_wrapper input {
  max-width: 100px;
}

body.manage_cancel_payment .manage_cancel_payment_content form .validate_error {
  color: #E56473;
  font-size: 11px;
  font-weight: 600;
}

body.manage_cancel_payment .manage_cancel_payment_content form .error_message {
  border: 1px solid #E56473;
  border-radius: 6px;
  background: #fff;
  text-align: center;
  padding: 1em;
  color: #E56473;
  font-size: 11px;
  margin: 2em auto;
}

body.manage_cancel_payment .manage_cancel_payment_content form button.submit {
  width: 90%;
  margin: 0 auto;
  display: block;
  height: 50px;
  background-color: #ff7568;
  border-radius: 7px;
  color: #fff;
  text-align: center;
}

body.manage_cancel_payment .manage_cancel_payment_content form button.submit.disable {
  background-color: #CCCCCC;
}

body.manage_cancel_payment .manage_cancel_payment_finish {
  padding: 6em 1em;
}

body.manage_cancel_payment .manage_cancel_payment_finish h3 {
  text-align: center;
  font-size: 15px;
  margin: 0 auto 1em;
}

body.manage_cancel_payment .manage_cancel_payment_finish p {
  text-align: center;
  margin: 0 auto 2em;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content):not(.toggle-input), .thanks_letter_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content):not(.toggle-input) {
  display: none;
  vertical-align: middle;
}

.manage_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content):not(.toggle-input) + label, .thanks_letter_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content):not(.toggle-input) + label {
  margin-left: 0em;
  vertical-align: bottom;
}

.manage_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content):not(.toggle-input) + :before, .thanks_letter_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content):not(.toggle-input) + :before {
  margin-right: 0.7em;
  padding-left: 0.8em;
  content: "\f372";
  font-family: "Ionicons";
  font-size: 20px;
}

.manage_content main .manage_form_wrapper input:checked[type="checkbox"]:not(.switch_content):not(.toggle-input) + :before, .thanks_letter_content main .manage_form_wrapper input:checked[type="checkbox"]:not(.switch_content):not(.toggle-input) + :before {
  content: "\f373";
}

.manage_content span.new, .thanks_letter_content span.new {
  padding: 0.35em 0.5em;
  font-size: 11px;
  font-weight: 500;
  color: #FF6C52;
  border-radius: 0.25rem;
  background-color: #F7E4E3;
  vertical-align: middle;
}

.manage_content label.label_title, .thanks_letter_content label.label_title {
  font-weight: 500;
  font-size: 15px;
  color: #242323;
}

.manage_content .sup, .thanks_letter_content .sup {
  background-color: #f7f7f7;
  font-size: 11px;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 1em;
}

.manage_content .sup li, .thanks_letter_content .sup li {
  margin-left: 1em;
}

.manage_content .sup a, .thanks_letter_content .sup a {
  text-decoration: underline;
  cursor: pointer;
}

.manage_content .sup ol, .thanks_letter_content .sup ol {
  margin: 16px 0;
}

.manage_content .sup ol li, .thanks_letter_content .sup ol li {
  list-style-type: none;
  margin-left: 0;
}

.manage_content .sup .instruction, .thanks_letter_content .sup .instruction {
  margin-bottom: 16px;
}

.manage_content .sup_image, .thanks_letter_content .sup_image {
  display: block;
  max-width: 240px;
  margin: 0 auto;
}

.manage_content .checkbox_wrapper, .thanks_letter_content .checkbox_wrapper {
  margin-bottom: 1em;
}

.manage_content .checkbox_wrapper input[type=checkbox] + :before, .thanks_letter_content .checkbox_wrapper input[type=checkbox] + :before {
  padding-left: 0 !important;
}

.manage_content .button_wrapper, .thanks_letter_content .button_wrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  margin-top: 32px;
}

.manage_content .fix_content, .thanks_letter_content .fix_content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px 2px;
  max-width: 760px;
  width: 100%;
}

.manage_content .fix_content .manage_button, .thanks_letter_content .fix_content .manage_button {
  padding: 0 !important;
}

.manage_content .fix_content.active, .thanks_letter_content .fix_content.active {
  position: fixed;
  bottom: 0;
}

.manage_content .btn_message, .thanks_letter_content .btn_message {
  display: inline-block;
  margin-top: .5em;
  padding: .5em 1em;
  border: none;
  border-radius: 7px;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
  font-size: 11px;
  cursor: pointer;
}

.manage_content .message_pattern, .thanks_letter_content .message_pattern {
  width: 100%;
}

.manage_content .message_pattern a, .thanks_letter_content .message_pattern a {
  display: inline-block;
  color: #ff6c52;
  text-decoration: underline;
  margin: 6px 0 4px 6px;
}

.manage_content .message_alignment, .thanks_letter_content .message_alignment {
  border: #E5E5E5 1px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top-width: 0;
  border-radius: 0 0 7px 7px;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  max-width: 480px;
  padding: 6px 8px;
}

.manage_content .message_alignment label span, .thanks_letter_content .message_alignment label span {
  display: inline-block;
  padding: 4px 10px;
  font-size: 16px;
  border-radius: 7px;
}

.manage_content .message_alignment_inner, .thanks_letter_content .message_alignment_inner {
  max-width: 146px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.manage_content .message_alignment input[type="radio"], .thanks_letter_content .message_alignment input[type="radio"] {
  display: none;
}

.manage_content .message_alignment input[type="radio"]:checked + span, .thanks_letter_content .message_alignment input[type="radio"]:checked + span {
  color: #ff6c52;
  background-color: #F7E4E3;
}

.manage_content .message_alignment label span:before, .thanks_letter_content .message_alignment label span:before {
  display: none;
}

.manage_content textarea[name="message"].text-left,
.manage_content textarea[name="profile_message[]"].text-left, .thanks_letter_content textarea[name="message"].text-left,
.thanks_letter_content textarea[name="profile_message[]"].text-left {
  text-align: left;
}

.manage_content textarea[name="message"].text-center,
.manage_content textarea[name="profile_message[]"].text-center, .thanks_letter_content textarea[name="message"].text-center,
.thanks_letter_content textarea[name="profile_message[]"].text-center {
  text-align: center;
}

.manage_content textarea[name="message"].text-right,
.manage_content textarea[name="profile_message[]"].text-right, .thanks_letter_content textarea[name="message"].text-right,
.thanks_letter_content textarea[name="profile_message[]"].text-right {
  text-align: right;
}

.manage_content .photo_size, .thanks_letter_content .photo_size {
  padding-bottom: 1em;
}

.manage_content .photo_size a, .thanks_letter_content .photo_size a {
  font-size: 11px;
  color: #999;
}

.manage_content .inline_radio_label, .thanks_letter_content .inline_radio_label {
  vertical-align: middle;
}

.manage_content .image__default-btn, .manage_content .select-recommend-btn, .thanks_letter_content .image__default-btn, .thanks_letter_content .select-recommend-btn {
  display: block;
  padding: .5em 1em;
  border: none;
  border-radius: 7px;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
  font-size: 11px;
  cursor: pointer;
}

.manage_content .image__default-btn, .thanks_letter_content .image__default-btn {
  position: absolute;
  top: .5em;
  right: .5em;
}

.manage_content .select-recommend-btn, .thanks_letter_content .select-recommend-btn {
  position: absolute;
  bottom: 1em;
  right: 1em;
  font-size: 13px;
  width: 80px;
  height: 45px;
  line-height: 30px;
}

.manage_content .short-merits, .thanks_letter_content .short-merits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_content .short-merits .merit, .thanks_letter_content .short-merits .merit {
  width: 100%;
  max-width: 120px;
  padding: 8px 2px;
  background: #fff;
  text-align: center;
  border-radius: 8px;
}

.manage_content .short-merits .merit .point, .thanks_letter_content .short-merits .merit .point {
  color: #ff6c52;
}

.manage_content .short-merits .merit img, .thanks_letter_content .short-merits .merit img {
  height: 48px;
  margin: 8px auto;
}

.manage_content .short-merits .merit + .merit, .thanks_letter_content .short-merits .merit + .merit {
  margin-left: 8px;
}

.manage_content .more-btn, .thanks_letter_content .more-btn {
  display: block;
  width: 100%;
  max-width: 240px;
  margin: 24px auto 12px;
}

.manage_content a.text-link, .thanks_letter_content a.text-link {
  color: #ff6c52;
  text-decoration: underline;
}

.manage_content .select-photo-modal, .thanks_letter_content .select-photo-modal {
  min-height: auto !important;
}

.manage_content .select-photo-modal .select-photo-btn-container, .thanks_letter_content .select-photo-modal .select-photo-btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 40px;
  overflow: hidden;
}

.manage_content .select-photo-modal .select-photo-btn, .thanks_letter_content .select-photo-modal .select-photo-btn {
  padding: 0 1rem;
}

.manage_content .select-photo-modal .select-photo-btn + .select-photo-btn, .thanks_letter_content .select-photo-modal .select-photo-btn + .select-photo-btn {
  margin-top: 24px;
}

.manage_content .select-photo-modal .select-photo-btn.--upload, .thanks_letter_content .select-photo-modal .select-photo-btn.--upload {
  color: #fff;
  background: #ff6c52;
}

.manage_content .select-photo-modal .select-photo-btn.--recommend, .thanks_letter_content .select-photo-modal .select-photo-btn.--recommend {
  color: #ff6c52;
  border: 2px solid #ff6c52;
}

.manage_content .select-photo-modal .remodal-footer, .thanks_letter_content .select-photo-modal .remodal-footer {
  height: 40px;
}

.manage_content .multi_place button, .thanks_letter_content .multi_place button {
  width: 100%;
  padding: 12px;
  cursor: pointer;
  margin: 0 0 20px;
}

.manage_content .multi_place button.add_place, .thanks_letter_content .multi_place button.add_place {
  border: #CCCCCC 1px dashed;
}

.manage_content .multi_place button span, .thanks_letter_content .multi_place button span {
  display: block;
  font-size: 11px;
}

.manage_content .multi_place_hidden, .thanks_letter_content .multi_place_hidden {
  display: none;
}

.manage_content .remodal-overlay, .thanks_letter_content .remodal-overlay {
  background-color: white;
}

.manage_content .remodal-wrapper, .thanks_letter_content .remodal-wrapper {
  padding: 0;
}

.manage_content .recommend-photo-modal .remodal-header a.btn_close, .thanks_letter_content .recommend-photo-modal .remodal-header a.btn_close {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 40px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}

.manage_content .recommend-photo-modal .remodal-header .title, .thanks_letter_content .recommend-photo-modal .remodal-header .title {
  font-size: 15px;
  color: #002556;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.manage_content .recommend-photo-modal .search_result, .thanks_letter_content .recommend-photo-modal .search_result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 2rem;
}

.manage_content .recommend-photo-modal .search_result .search-result__item, .thanks_letter_content .recommend-photo-modal .search_result .search-result__item {
  position: relative;
  width: 50%;
  padding: 0.25rem;
}

@media screen and (max-width: 768px) {
  .manage_content .recommend-photo-modal .search_result .search-result__item, .thanks_letter_content .recommend-photo-modal .search_result .search-result__item {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .manage_content .recommend-photo-modal .search_result.--v3[data-position="1"] .search-result__item, .thanks_letter_content .recommend-photo-modal .search_result.--v3[data-position="1"] .search-result__item {
    width: 50%;
  }
}

.manage_content .credit-description-modal h3, .thanks_letter_content .credit-description-modal h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  color: #002556;
}

.manage_content .credit-description-modal p, .thanks_letter_content .credit-description-modal p {
  text-align: left;
}

.manage_content .credit-description-modal .merits, .thanks_letter_content .credit-description-modal .merits {
  background: #F7F7F7;
  padding: 40px 16px;
}

.manage_content .credit-description-modal .merits .copy, .thanks_letter_content .credit-description-modal .merits .copy {
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  color: #FF6C52;
}

.manage_content .credit-description-modal .merits h3, .thanks_letter_content .credit-description-modal .merits h3 {
  color: #4C4C4C;
  font-weight: bold;
  padding-bottom: 8px;
}

.manage_content .credit-description-modal .merits .merit, .thanks_letter_content .credit-description-modal .merits .merit {
  background: #fff;
  padding: 0 16px 16px 16px;
  margin-top: 46px;
  position: relative;
}

.manage_content .credit-description-modal .merits .merit .num, .thanks_letter_content .credit-description-modal .merits .merit .num {
  background: #fff;
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: -30px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 32px;
  line-height: 24px;
  color: #FF6C52;
}

.manage_content .credit-description-modal .merits .merit h4, .thanks_letter_content .credit-description-modal .merits .merit h4 {
  padding: 32px 0 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}

.manage_content .credit-description-modal .merits .merit img, .thanks_letter_content .credit-description-modal .merits .merit img {
  height: 60px;
  margin: 16px auto;
}

.manage_content .credit-description-modal .security, .thanks_letter_content .credit-description-modal .security {
  padding: 0 32px 64px;
  position: relative;
}

.manage_content .credit-description-modal .security h3, .thanks_letter_content .credit-description-modal .security h3 {
  border-top: 1px solid #E5E5E5;
  padding-top: 42px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #4C4C4C;
}

.manage_content .credit-description-modal .security h4, .thanks_letter_content .credit-description-modal .security h4 {
  margin-top: 16px;
  text-align: left;
}

.manage_content .credit-description-modal .security p.attention, .thanks_letter_content .credit-description-modal .security p.attention {
  font-size: 12px;
  line-height: 20px;
}

.manage_content .credit-description-modal .security img, .thanks_letter_content .credit-description-modal .security img {
  max-width: 160px;
}

.manage_content .credit-description-modal .flow, .thanks_letter_content .credit-description-modal .flow {
  padding: 0 32px 24px;
  position: relative;
}

.manage_content .credit-description-modal .flow:before, .thanks_letter_content .credit-description-modal .flow:before {
  content: '';
  width: 48px;
  height: 24px;
  background: url("/images/credit_flow.svg");
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.manage_content .credit-description-modal .flow h3, .thanks_letter_content .credit-description-modal .flow h3 {
  padding-top: 42px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #4C4C4C;
}

.manage_content .credit-description-modal .flow p, .thanks_letter_content .credit-description-modal .flow p {
  display: inline-block;
  margin: 16px auto 8px;
  line-height: 30px;
  font-size: 14px;
}

.manage_content .credit-description-modal .flow p.attention, .thanks_letter_content .credit-description-modal .flow p.attention {
  font-size: 12px;
  line-height: 20px;
}

.manage_content .credit-description-modal .credit_list, .thanks_letter_content .credit-description-modal .credit_list {
  padding: 0 32px 24px;
}

.manage_content .credit-description-modal .credit_list h3, .thanks_letter_content .credit-description-modal .credit_list h3 {
  border-top: 1px solid #E5E5E5;
  padding: 43px 0 13px;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #4C4C4C;
}

.manage_content .credit-description-modal .pay-method-list, .thanks_letter_content .credit-description-modal .pay-method-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_content .credit-description-modal .pay-method-list .pay-method, .thanks_letter_content .credit-description-modal .pay-method-list .pay-method {
  width: 100%;
  max-width: 120px;
  margin: 8px;
}

.manage_content .credit-description-modal .pay-method-list .pay-method p, .thanks_letter_content .credit-description-modal .pay-method-list .pay-method p {
  margin-top: 8px;
  text-align: center;
}

.manage_content .guest-pay-preview-modal .remodal-body, .thanks_letter_content .guest-pay-preview-modal .remodal-body {
  padding: 0 0 40px;
}

.manage_content .message-sample-modal .remodal-body, .thanks_letter_content .message-sample-modal .remodal-body {
  padding: 0 0 40px;
}

.manage_content .message-sample-modal .remodal-body .sample_message h2, .thanks_letter_content .message-sample-modal .remodal-body .sample_message h2 {
  margin: 20px auto 0;
  font-size: 16px;
}

.manage_content .message-sample-modal .remodal-body .sample_message p, .thanks_letter_content .message-sample-modal .remodal-body .sample_message p {
  margin: 20px;
  display: inline-block;
  text-align: left;
  white-space: pre-wrap;
}

.manage_content .message-sample-modal .remodal-body .sample_message a, .thanks_letter_content .message-sample-modal .remodal-body .sample_message a {
  max-width: 130px;
  background: #fff;
  border: 2px solid #ff6c52;
  color: #ff6c52;
  border-radius: 20px;
  line-height: unset;
  height: unset;
  padding: 10px 0;
}

.manage_content .message-sample-modal .remodal-body .sample_message hr, .thanks_letter_content .message-sample-modal .remodal-body .sample_message hr {
  border-top: 1px solid #ccc;
  width: 100%;
  margin: 40px auto;
}

.manage_content .bottom-btn-container, .thanks_letter_content .bottom-btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2rem;
}

.manage_content .bottom-btn-container .button, .thanks_letter_content .bottom-btn-container .button {
  width: 100%;
  max-width: 480px;
}

.manage_content .image-tab-content, .thanks_letter_content .image-tab-content {
  padding-bottom: 1rem;
}

.manage_content .image-container, .thanks_letter_content .image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.manage_content .image-wrapper, .thanks_letter_content .image-wrapper {
  width: 50%;
  padding: 0.25rem;
}

.manage_content .image-wrapper.--top, .thanks_letter_content .image-wrapper.--top {
  width: 100%;
  max-width: 480px;
}

.manage_content .image-wrapper.--profile, .thanks_letter_content .image-wrapper.--profile {
  width: 100%;
  margin: 0 auto;
}

.manage_content .image-wrapper .image-surface, .thanks_letter_content .image-wrapper .image-surface {
  position: relative;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.manage_content .image-wrapper .image-surface:after, .thanks_letter_content .image-wrapper .image-surface:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.manage_content .image-wrapper .image-surface.add-area, .thanks_letter_content .image-wrapper .image-surface.add-area {
  border: 2px dashed #e5e5e5;
}

.manage_content .image-wrapper .image, .thanks_letter_content .image-wrapper .image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.manage_content .image-wrapper .image p, .thanks_letter_content .image-wrapper .image p {
  font-size: 13px;
}

.manage_content .image-wrapper .image-surface.add-area .image, .thanks_letter_content .image-wrapper .image-surface.add-area .image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  font-size: 11px;
}

.manage_content .image-wrapper.--top .image, .thanks_letter_content .image-wrapper.--top .image {
  background-size: contain;
}

.manage_content .image__change-btn, .thanks_letter_content .image__change-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  height: 40px;
  line-height: 40px;
  padding: 0 2rem;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100rem;
  background: rgba(0, 0, 0, 0.25);
  outline: none;
  white-space: nowrap;
}

.manage_content .image__remove-icon, .thanks_letter_content .image__remove-icon {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 32px;
  width: 32px;
  line-height: 30px;
  font-size: 22px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
}

.manage_content .image__add-icon, .thanks_letter_content .image__add-icon {
  width: 40px;
}

.manage_content .video-player-wrapper, .thanks_letter_content .video-player-wrapper {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin-bottom: 1rem;
}

.manage_content .video-player-wrapper:after, .thanks_letter_content .video-player-wrapper:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.manage_content .video-player-wrapper iframe, .thanks_letter_content .video-player-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.manage_content .time-content, .thanks_letter_content .time-content {
  margin-bottom: 0.5em;
  display: block;
}

.manage_content .time-content label, .thanks_letter_content .time-content label {
  margin-right: 6px;
  display: block;
  padding: 0.5em 0;
  min-height: 36px;
}

.manage_content .time-content .time-reset, .thanks_letter_content .time-content .time-reset {
  font-size: 16px;
  margin: 0 0 0 -34px;
  position: relative;
  height: 33px;
  width: 30px;
  cursor: pointer;
}

.manage_content .time-content .time-reset:hover, .thanks_letter_content .time-content .time-reset:hover {
  color: #ff6c52;
}

.manage_content .radio_wrapper, .thanks_letter_content .radio_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
  margin-bottom: 10px;
}

.manage_content .time_section, .thanks_letter_content .time_section {
  width: 100%;
}

.manage_content .radio_common, .thanks_letter_content .radio_common {
  border-radius: 7px;
  margin-top: 7px;
  padding: 13px;
}

.manage_content .radio_on, .thanks_letter_content .radio_on {
  border: 1px solid #FF6C52;
}

.manage_content .radio_off, .thanks_letter_content .radio_off {
  border: 1px solid #ccc;
  color: #CCCCCC;
}

.manage_content #crop_box, .thanks_letter_content #crop_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 92%;
  max-width: 470px;
  margin: auto;
  padding: 1% 0;
}

.manage_content #crop_box .crop_img, .thanks_letter_content #crop_box .crop_img {
  width: 100%;
  height: auto;
}

.manage_content #crop_box .crop-btn-container, .thanks_letter_content #crop_box .crop-btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}

.manage_content #crop_box .crop-btn-container .btn, .thanks_letter_content #crop_box .crop-btn-container .btn {
  width: 100%;
}

.manage_content #crop_box .crop-btn-container .btn + .btn, .thanks_letter_content #crop_box .crop-btn-container .btn + .btn {
  margin-left: 0.5rem;
}

.manage_content #crop_box .cropper-bg, .thanks_letter_content #crop_box .cropper-bg {
  background: #000;
}

.manage_content #system_fee_rate, .thanks_letter_content #system_fee_rate {
  display: none;
}

.manage_content .ticket_input, .thanks_letter_content .ticket_input {
  max-width: 480px;
}

.manage_content .ticket_input input[name*=title], .thanks_letter_content .ticket_input input[name*=title] {
  margin-right: 5%;
  width: 40%;
}

.manage_content .ticket_input input[name*=price], .thanks_letter_content .ticket_input input[name*=price] {
  width: 30%;
}

.manage_content .ticket_input .delete-ticket-action, .thanks_letter_content .ticket_input .delete-ticket-action {
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  max-width: 45px;
  margin: 0px 0px 0px 10px;
  padding: 5px 0;
  text-align: center;
  width: 10%;
}

.manage_content .add-ticket-action, .thanks_letter_content .add-ticket-action {
  border: dashed 1px #ccc;
  cursor: pointer;
  padding: 5px 0;
  text-align: center;
  margin: 1em 0;
}

.manage_content .add-ticket-action i, .thanks_letter_content .add-ticket-action i {
  font-size: 15px;
}

.manage_content .std-nodisplay, .thanks_letter_content .std-nodisplay {
  display: none !important;
}

.manage_content .option_arrow, .thanks_letter_content .option_arrow {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  display: inline-block;
}

.manage_content .option_arrow i, .thanks_letter_content .option_arrow i {
  display: inline-block;
}

.manage_content .option_arrow.is-open, .thanks_letter_content .option_arrow.is-open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.manage_content main, .thanks_letter_content main {
  padding-top: 50px;
}

.manage_content main .manage_form_wrapper, .thanks_letter_content main .manage_form_wrapper {
  padding-top: 2em;
}

.manage_content main .manage_form_wrapper #update_form, .thanks_letter_content main .manage_form_wrapper #update_form {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.manage_content main .manage_form_wrapper h3, .thanks_letter_content main .manage_form_wrapper h3 {
  background-color: #fff;
  color: #fff;
  margin-bottom: 1em;
  margin-top: 2em;
  padding: 0.5em 1em;
}

.manage_content main .manage_form_wrapper h3 .fee_checkbox, .thanks_letter_content main .manage_form_wrapper h3 .fee_checkbox {
  float: right;
  font-weight: normal;
}

.manage_content main .manage_form_wrapper h3 .option_arrow, .thanks_letter_content main .manage_form_wrapper h3 .option_arrow {
  float: right;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

.manage_content main .manage_form_wrapper h3 .option_arrow label, .thanks_letter_content main .manage_form_wrapper h3 .option_arrow label {
  cursor: pointer;
}

.manage_content main .manage_form_wrapper h3.section_heading, .thanks_letter_content main .manage_form_wrapper h3.section_heading {
  font-size: 18px;
  font-weight: 500;
  color: #002556;
  margin: 0;
  padding: 1rem 0;
}

.manage_content main .manage_form_wrapper h3.section_heading label, .thanks_letter_content main .manage_form_wrapper h3.section_heading label {
  float: right;
  font-weight: normal;
  vertical-align: sub !important;
}

.manage_content main .manage_form_wrapper h3.no_mpt, .thanks_letter_content main .manage_form_wrapper h3.no_mpt {
  margin-top: 0;
  padding-top: 0;
}

.manage_content main .manage_form_wrapper h3.option_title, .thanks_letter_content main .manage_form_wrapper h3.option_title {
  cursor: pointer;
}

.manage_content main .manage_form_wrapper .hidden_entry_form_content, .thanks_letter_content main .manage_form_wrapper .hidden_entry_form_content {
  display: none;
}

.manage_content main .manage_form_wrapper .has-divider, .thanks_letter_content main .manage_form_wrapper .has-divider {
  border-bottom: 13px solid #F7F7F7;
}

.manage_content main .manage_form_wrapper .header-with-toggle, .manage_content main .manage_form_wrapper .guest-response-header,
.manage_content main .manage_form_wrapper .profile-header, .thanks_letter_content main .manage_form_wrapper .header-with-toggle, .thanks_letter_content main .manage_form_wrapper .guest-response-header,
.thanks_letter_content main .manage_form_wrapper .profile-header {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.manage_content main .manage_form_wrapper .header-with-toggle .header-title, .manage_content main .manage_form_wrapper .guest-response-header .header-title, .manage_content main .manage_form_wrapper .profile-header .header-title, .thanks_letter_content main .manage_form_wrapper .header-with-toggle .header-title, .thanks_letter_content main .manage_form_wrapper .guest-response-header .header-title, .thanks_letter_content main .manage_form_wrapper .profile-header .header-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  vertical-align: middle;
}

.manage_content main .manage_form_wrapper .header-with-toggle .toggle-switch-wrapper, .manage_content main .manage_form_wrapper .guest-response-header .toggle-switch-wrapper, .manage_content main .manage_form_wrapper .profile-header .toggle-switch-wrapper, .thanks_letter_content main .manage_form_wrapper .header-with-toggle .toggle-switch-wrapper, .thanks_letter_content main .manage_form_wrapper .guest-response-header .toggle-switch-wrapper, .thanks_letter_content main .manage_form_wrapper .profile-header .toggle-switch-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.manage_content main .manage_form_wrapper .header-with-toggle .toggle-switch-wrapper .toggle-label-text, .manage_content main .manage_form_wrapper .guest-response-header .toggle-switch-wrapper .toggle-label-text, .manage_content main .manage_form_wrapper .profile-header .toggle-switch-wrapper .toggle-label-text, .thanks_letter_content main .manage_form_wrapper .header-with-toggle .toggle-switch-wrapper .toggle-label-text, .thanks_letter_content main .manage_form_wrapper .guest-response-header .toggle-switch-wrapper .toggle-label-text, .thanks_letter_content main .manage_form_wrapper .profile-header .toggle-switch-wrapper .toggle-label-text {
  font-size: 14px;
  color: #333;
}

.manage_content main .manage_form_wrapper .header-with-toggle .toggle-switch-wrapper .toggle-switch-container, .manage_content main .manage_form_wrapper .guest-response-header .toggle-switch-wrapper .toggle-switch-container, .manage_content main .manage_form_wrapper .profile-header .toggle-switch-wrapper .toggle-switch-container, .thanks_letter_content main .manage_form_wrapper .header-with-toggle .toggle-switch-wrapper .toggle-switch-container, .thanks_letter_content main .manage_form_wrapper .guest-response-header .toggle-switch-wrapper .toggle-switch-container, .thanks_letter_content main .manage_form_wrapper .profile-header .toggle-switch-wrapper .toggle-switch-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}

.manage_content main .manage_form_wrapper .toggle-switch, .thanks_letter_content main .manage_form_wrapper .toggle-switch {
  position: relative;
  display: inline-block;
}

.manage_content main .manage_form_wrapper .toggle-switch .toggle-input, .thanks_letter_content main .manage_form_wrapper .toggle-switch .toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.manage_content main .manage_form_wrapper .toggle-switch .toggle-input:checked + .toggle-label, .thanks_letter_content main .manage_form_wrapper .toggle-switch .toggle-input:checked + .toggle-label {
  background-color: #FF6C52;
}

.manage_content main .manage_form_wrapper .toggle-switch .toggle-input:checked + .toggle-label .toggle-button, .thanks_letter_content main .manage_form_wrapper .toggle-switch .toggle-input:checked + .toggle-label .toggle-button {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}

.manage_content main .manage_form_wrapper .toggle-switch .toggle-input:focus + .toggle-label, .thanks_letter_content main .manage_form_wrapper .toggle-switch .toggle-input:focus + .toggle-label {
  box-shadow: 0 0 1px #FF6C52;
}

.manage_content main .manage_form_wrapper .toggle-switch .toggle-input:disabled + .toggle-label, .thanks_letter_content main .manage_form_wrapper .toggle-switch .toggle-input:disabled + .toggle-label {
  opacity: 0.5;
  cursor: not-allowed;
}

.manage_content main .manage_form_wrapper .toggle-switch .toggle-label, .thanks_letter_content main .manage_form_wrapper .toggle-switch .toggle-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: 60px;
  height: 34px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
  padding: 0 5px;
  position: relative;
}

.manage_content main .manage_form_wrapper .toggle-switch .toggle-label .toggle-button, .thanks_letter_content main .manage_form_wrapper .toggle-switch .toggle-label .toggle-button {
  position: absolute;
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.manage_content main .manage_form_wrapper .hidden_profile_form_content,
.manage_content main .manage_form_wrapper .hidden_entry_form_content, .thanks_letter_content main .manage_form_wrapper .hidden_profile_form_content,
.thanks_letter_content main .manage_form_wrapper .hidden_entry_form_content {
  display: none;
}

.manage_content main .manage_form_wrapper .profile-form:last-child, .thanks_letter_content main .manage_form_wrapper .profile-form:last-child {
  border-bottom: none;
}

.manage_content main .manage_form_wrapper .profile-form .profile-header, .thanks_letter_content main .manage_form_wrapper .profile-form .profile-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  max-width: 480px;
}

.manage_content main .manage_form_wrapper .add-profile-button, .thanks_letter_content main .manage_form_wrapper .add-profile-button {
  max-width: 480px;
  border: 1px dashed #ccc;
  padding: 5px;
  margin: 20px 0;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.manage_content main .manage_form_wrapper .add-profile-button:hover, .thanks_letter_content main .manage_form_wrapper .add-profile-button:hover {
  background-color: #f5f5f5;
}

.manage_content main .manage_form_wrapper .add-profile-button .add-profile-link, .thanks_letter_content main .manage_form_wrapper .add-profile-button .add-profile-link {
  color: #4C4C4C;
  text-decoration: none;
  display: block;
  font-size: 13px;
}

.manage_content main .manage_form_wrapper .add-profile-button .add-profile-link i, .thanks_letter_content main .manage_form_wrapper .add-profile-button .add-profile-link i {
  margin-right: 5px;
}

.manage_content main .manage_form_wrapper .add-profile-button .add-profile-link p, .thanks_letter_content main .manage_form_wrapper .add-profile-button .add-profile-link p {
  font-size: 11px;
}

.manage_content main .manage_form_wrapper .add-profile-button .add-profile-link:hover, .thanks_letter_content main .manage_form_wrapper .add-profile-button .add-profile-link:hover {
  opacity: 0.8;
}

.manage_content main .manage_form_wrapper section, .thanks_letter_content main .manage_form_wrapper section {
  margin-bottom: 2em;
}

.manage_content main .manage_form_wrapper section .no_entry_form_text, .thanks_letter_content main .manage_form_wrapper section .no_entry_form_text {
  color: #FF7568;
  font-size: 11px;
}

.manage_content main .manage_form_wrapper section .credit_text, .thanks_letter_content main .manage_form_wrapper section .credit_text {
  background: #fff;
  border: 2px solid #F7E4E3;
  border-radius: 4px;
}

.manage_content main .manage_form_wrapper section .credit_text img.credit_about_image, .thanks_letter_content main .manage_form_wrapper section .credit_text img.credit_about_image {
  display: block;
  margin: 10px auto;
  max-width: 253px;
}

.manage_content main .manage_form_wrapper section .credit_text p, .thanks_letter_content main .manage_form_wrapper section .credit_text p {
  text-align: center;
}

.manage_content main .manage_form_wrapper section .credit_text a, .thanks_letter_content main .manage_form_wrapper section .credit_text a {
  font-weight: bold;
  color: #FF6C52;
  font-size: 13px;
  font-weight: 400;
}

.manage_content main .manage_form_wrapper section .entry_accept_yn,
.manage_content main .manage_form_wrapper section .password_message, .thanks_letter_content main .manage_form_wrapper section .entry_accept_yn,
.thanks_letter_content main .manage_form_wrapper section .password_message {
  padding-top: 1em;
}

.manage_content main .manage_form_wrapper section .entry_accept_message,
.manage_content main .manage_form_wrapper section .password_yn, .thanks_letter_content main .manage_form_wrapper section .entry_accept_message,
.thanks_letter_content main .manage_form_wrapper section .password_yn {
  padding-top: 0.5em;
}

.manage_content main .manage_form_wrapper section .privacy_radio, .thanks_letter_content main .manage_form_wrapper section .privacy_radio {
  display: inline-block;
  margin-right: 1em;
}

.manage_content main .manage_form_wrapper section .url_cant_edit, .thanks_letter_content main .manage_form_wrapper section .url_cant_edit {
  color: #ff6c52;
  font-size: 11px;
}

.manage_content main .manage_form_wrapper .textarea_wrapper, .thanks_letter_content main .manage_form_wrapper .textarea_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  width: 100%;
  max-width: 480px;
  border: #E5E5E5 1px solid;
  border-radius: 7px 7px 0 0;
  margin-bottom: 0 !important;
}

.manage_content main .manage_form_wrapper textarea.message, .thanks_letter_content main .manage_form_wrapper textarea.message {
  width: 29em;
  font-size: 11px;
  letter-spacing: 0;
  border: none;
  outline: none;
  white-space: pre-wrap;
}

.manage_content main .manage_form_wrapper .btn_preview, .thanks_letter_content main .manage_form_wrapper .btn_preview {
  background-color: #ff9e97;
}

.manage_content main .manage_form_wrapper .disabled_text, .thanks_letter_content main .manage_form_wrapper .disabled_text {
  color: #ccc;
}

.manage_content main .manage_form_wrapper .place_map_checkbox label, .thanks_letter_content main .manage_form_wrapper .place_map_checkbox label {
  display: inline-block;
  margin-top: 8px;
  margin-left: -8px !important;
}

.manage_content main .manage_form_wrapper .place_map_checkbox .gmap, .thanks_letter_content main .manage_form_wrapper .place_map_checkbox .gmap {
  margin-top: 5px;
}

.manage_content main .manage_form_wrapper .place_map_checkbox .gmap iframe, .thanks_letter_content main .manage_form_wrapper .place_map_checkbox .gmap iframe {
  height: 250px;
  max-width: 500px;
  width: 100%;
}

.thanks_letter_content main {
  padding-top: 50px;
}

.thanks_letter_content .content-main {
  padding: 2rem 1rem 0;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_design__custom main {
  padding-top: 50px;
}

.manage_design__custom .update_button {
  position: absolute;
  right: 8px;
  top: 4px;
  background-color: #FF6C52;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  width: 100px;
  height: 40px;
  line-height: 0;
}

.manage_design__custom iframe.preview_design_frame {
  width: 100%;
  height: calc(100vh - 112px);
}

.manage_design__custom .custom_footer_menu {
  overflow-x: scroll;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  z-index: 9900;
  white-space: nowrap;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
}

.manage_design__custom .custom_footer_menu.active {
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0);
}

.manage_design__custom .custom_footer_menu button {
  padding: 10px 0;
  width: 86px;
  border: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.manage_design__custom .custom_footer_menu button img {
  height: 24px;
  pointer-events: none;
}

.manage_design__custom .custom_footer_menu button p {
  font-size: 11px;
  color: #4C4C4C;
  pointer-events: none;
}

.manage_design__custom .custom_footer_menu button.active p {
  color: #FF6C52;
}

.manage_design__custom #custom_design_modal {
  background-color: #fff;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.1);
  max-width: 760px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  z-index: 900;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  overflow-y: auto;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.manage_design__custom #custom_design_modal.image {
  height: 100%;
}

.manage_design__custom #custom_design_modal.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.manage_design__custom #custom_design_modal .custom_design_modal_title {
  top: 0;
  position: fixed;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
}

.manage_design__custom #custom_design_modal .custom_design_modal_title .title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 1em;
}

.manage_design__custom #custom_design_modal .custom_design_modal_title .close_icon {
  position: absolute;
  padding: 16px 20px;
  right: 0;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content {
  padding: 50px 0 80px;
  height: 100%;
  overflow-x: scroll;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_layout ul {
  list-style: none;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_layout ul li {
  display: inline-block;
  padding: 10px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_layout ul li .layout-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_layout ul li .layout-item.active {
  border: 1px solid #FF6C52;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_layout ul li .layout-item.active img {
  opacity: 0.5;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_layout ul li .layout-item.active::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  background-image: url("/images/custom/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_layout ul li .layout-item img {
  height: 80px;
  display: block;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_tab_menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_tab_menu button {
  margin-top: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #E5E5E5;
  width: 50%;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_tab_menu button.active {
  border-bottom: 2px solid #FF6C52;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab {
  padding: 40px 32px;
  max-width: 500px;
  margin: 0 auto;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab h3 {
  font-size: 15px;
  font-weight: 500;
  color: #242323;
  text-align: left;
  margin-bottom: 16px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .uploaded_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .uploaded_image_item {
  position: relative;
  width: 100%;
  height: calc(100vw * 183 / 326);
  max-height: 282px;
  aspect-ratio: 326 / 183;
  overflow: hidden;
  background: #cccccc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .image_preview {
  width: 100%;
  height: 100%;
  position: relative;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .image_preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .image_preview .image_actions {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: center;
  gap: 4px;
  z-index: 2;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .image_preview .image_actions button {
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 8px;
  margin: 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .image_preview .image_actions button:hover {
  background: #FF6C52;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .image_preview .image_actions button.btn_delete {
  background: #fff;
  color: #4c4c4c;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .image_preview .over_limit_overlay {
  position: absolute;
  z-index: 3;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 8px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .add_image_button {
  width: 100%;
  height: calc(100vw * 183 / 326);
  max-height: 183px;
  aspect-ratio: 326 / 183;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px dashed #E5E5E5;
  background: #ffffff;
  cursor: pointer;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .add_image_button .upload_icon {
  font-size: 14px;
  color: #4c4c4c;
  margin-right: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .add_image_button span {
  font-size: 13px;
  color: #4c4c4c;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .add_image_button label.upload_trigger {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_upload_tab .upload_area .upload_note {
  text-align: left;
  font-size: 12px;
  color: #888;
  margin-top: 12px;
  line-height: 1.6;
  white-space: normal;
  word-break: break-all;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab {
  padding: 40px 32px;
  max-width: 500px;
  margin: 0 auto;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab h3 {
  font-size: 15px;
  font-weight: 500;
  color: #242323;
  text-align: left;
  margin-bottom: 16px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .slider_list {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
  position: relative;
  cursor: pointer;
  margin-bottom: 24px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .slider_list .slider_item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: calc(33.333% - 10.67px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .slider_list .slider_item.active::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  background-image: url("/images/custom/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .slider_list .slider_item.active img {
  border: 2px solid #FF6C52;
  opacity: 0.5;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .slider_list .slider_item img {
  width: 100%;
  display: block;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .uploaded_images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .uploaded_image_item {
  position: relative;
  width: calc(50% - 8px);
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #cccccc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .image_preview {
  width: 100%;
  height: 100%;
  position: relative;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .image_preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  display: block;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .image_preview .image_actions {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: center;
  gap: 4px;
  z-index: 2;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .image_preview .image_actions button {
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 12px;
  padding: 4px 8px;
  margin: 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .image_preview .image_actions button:hover {
  background: #FF6C52;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .image_preview .image_actions button.btn_delete {
  background: #fff;
  color: #4c4c4c;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .add_image_button {
  width: calc(50% - 8px);
  height: auto;
  aspect-ratio: 1 / 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px dashed #E5E5E5;
  background: #ffffff;
  cursor: pointer;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .add_image_button .upload_icon {
  font-size: 14px;
  color: #4c4c4c;
  margin-right: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .add_image_button span {
  font-size: 13px;
  color: #4c4c4c;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .add_image_button label.upload_trigger {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_image .image_select_tab .upload_area .upload_note {
  text-align: left;
  font-size: 12px;
  color: #888;
  margin-top: 12px;
  line-height: 1.6;
  white-space: normal;
  word-break: break-all;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul {
  list-style: none;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul li {
  display: inline-block;
  padding: 10px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul li .title-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul li .title-item img {
  border-radius: 8px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul li .title-item.active {
  border: 1px solid #FF6C52;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul li .title-item.active img {
  opacity: 0.5;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul li .title-item.active::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  background-image: url("/images/custom/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_title ul li .title-item img {
  height: 80px;
  display: block;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color {
  background-color: #F7F7F7;
  padding: 0;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_picker_container .color_picker_content {
  background-color: #fff;
  width: 100%;
  max-height: 80vh;
  overflow: hidden;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_picker_container .color_picker_content .color_picker_body {
  padding: 20px;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_picker_container .color_picker_content .color_picker_body #color-picker {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_picker_container .color_picker_content .pcr-app {
  width: 100%;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_picker_container .color_picker_content .pcr-button {
  display: none !important;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container {
  background-color: #fff;
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 16px 16px 0 0;
  overflow-x: scroll;
  white-space: nowrap;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_adjust_box {
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin: 0 0 16px 16px;
  cursor: pointer;
  position: relative;
  background: conic-gradient(from 0deg, #FF0000, #FFFF00, #00FFFF, #0080FF, #FF00FF, #FF0000);
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_adjust_box.active {
  border: 3px solid #FF6C52;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_adjust_box.active::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  background-image: url("/images/custom/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_adjust_box .color_adjust_box_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fff;
  position: relative;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_adjust_box .color_adjust_box_inner::after {
  content: '';
  position: absolute;
  top: 48%;
  left: 25%;
  width: 16px;
  height: 2px;
  background: #242323;
  border-radius: 1px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  pointer-events: none;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_adjust_box .color_adjust_box_inner::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #242323;
  border-radius: 1px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_box {
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  margin: 0 0 16px 16px;
  cursor: pointer;
  border: 1px solid #E5E5E5;
  position: relative;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_box.active {
  border: 3px solid #FF6C52;
}

.manage_design__custom #custom_design_modal .custom_design_modal_content .menu_list_color .color_boxes_container .color_box.active::after {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  background-image: url("/images/custom/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes slideDown {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes slideDown {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    display: block;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    display: block;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    display: none;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    display: none;
  }
}

.manage_design__custom .tutorial-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}

.manage_design__custom .tutorial-content {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}

.manage_design__custom .tutorial-content p {
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
}

.manage_design__custom .tutorial-content img {
  width: 42px;
  height: 53px;
  margin: 0 auto;
  -webkit-animation: moveDownFadeOut 2s linear infinite;
          animation: moveDownFadeOut 2s linear infinite;
}

@-webkit-keyframes moveDownFadeOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0;
  }
}

@keyframes moveDownFadeOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0;
  }
}

.manage_design__custom #crop_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 92%;
  max-width: 470px;
  margin: auto;
  padding: 1% 0;
}

.manage_design__custom #crop_box .crop_img {
  width: 100%;
  height: auto;
}

.manage_design__custom #crop_box .crop-btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}

.manage_design__custom #crop_box .crop-btn-container .btn {
  width: 100%;
}

.manage_design__custom #crop_box .crop-btn-container .btn + .btn {
  margin-left: 0.5rem;
}

.manage_design__custom #crop_box .cropper-bg {
  background: #000;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_design, .thanks_letter_design {
  -webkit-tap-highlight-color: transparent;
}

.manage_design main, .thanks_letter_design main {
  padding-top: 50px;
}

.manage_design section.design_selected, .thanks_letter_design section.design_selected {
  background-color: #F7F7F7;
  width: 100%;
}

.manage_design section.design_selected .selected_content, .thanks_letter_design section.design_selected .selected_content {
  width: 100%;
}

.manage_design section.design_selected .selected_content .selected_body, .thanks_letter_design section.design_selected .selected_content .selected_body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.manage_design section.design_selected .selected_content .selected_body .selected_left, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_left {
  width: 100%;
}

.manage_design section.design_selected .selected_content .selected_body .selected_left .selected_design, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_left .selected_design {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  width: 45%;
  padding-top: 80%;
  margin: 10% auto;
  background-size: cover;
}

@media screen and (max-width: 468px) {
  .manage_design section.design_selected .selected_content .selected_body .selected_left .selected_design, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_left .selected_design {
    margin: 20px auto;
    width: 73%;
    padding-top: 130%;
  }
}

.manage_design section.design_selected .selected_content .selected_body .selected_right, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_right {
  width: 100%;
  padding: 60px 20px 0 20px;
  text-align: center;
  position: relative;
}

.manage_design section.design_selected .selected_content .selected_body .selected_right .selected_title, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_right .selected_title {
  display: inline;
  color: #333;
  font-weight: bold;
  font-size: 10px;
  padding: 7px;
  border-top: #333 solid 2px;
  border-bottom: #333 solid 2px;
  line-height: 1.4;
}

.manage_design section.design_selected .selected_content .selected_body .selected_right .selected_design_name, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_right .selected_design_name {
  margin-top: 20%;
  display: block;
  font-size: 23px;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .manage_design section.design_selected .selected_content .selected_body .selected_right .selected_design_name, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_right .selected_design_name {
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 5px;
  }
}

.manage_design section.design_selected .selected_content .selected_body .selected_right .selected_preview_button, .manage_design section.design_selected .selected_content .selected_body .selected_right .selected_custom_button, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_right .selected_preview_button, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_right .selected_custom_button {
  background-color: #ff6c52;
  margin: 20% auto 20px auto;
  color: #fff;
  display: inline-block;
  width: 80%;
  height: 40px;
  line-height: 40px;
  border-radius: 12px;
  font-size: 12px;
}

.manage_design section.design-catalog, .thanks_letter_design section.design-catalog {
  padding: 24px 0 8px;
  text-align: left;
}

.manage_design section.design-catalog .design-catalog__title, .thanks_letter_design section.design-catalog .design-catalog__title {
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  margin: 26px 13px;
  text-align: left;
}

.manage_design section.design-catalog .design-catalog__sub-title, .thanks_letter_design section.design-catalog .design-catalog__sub-title {
  color: #242323;
  margin: 26px 13px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  text-align: left;
}

.manage_design section.design-catalog .design-container, .thanks_letter_design section.design-catalog .design-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 13px;
  max-width: 960px;
  margin: 0 13px 13px;
  padding: 0 0 13px;
}

.manage_design section.design-catalog + hr, .thanks_letter_design section.design-catalog + hr {
  margin: 0 8px;
  border-width: 1px;
  border-color: #ccc;
}

.manage_design section.design-catalog .design, .thanks_letter_design section.design-catalog .design {
  width: calc((100% - 26px) / 3);
  padding: 0;
}

@media screen and (max-width: 468px) {
  .manage_design section.design-catalog .design, .thanks_letter_design section.design-catalog .design {
    width: calc((100% - 13px) / 2);
  }
}

.manage_design section.design-catalog .design > a, .thanks_letter_design section.design-catalog .design > a {
  position: relative;
  display: block;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: box-shadow .2s ease, -webkit-transform .2s ease;
  transition: box-shadow .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, box-shadow .2s ease;
  transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease;
}

.manage_design section.design-catalog .design > a:hover, .thanks_letter_design section.design-catalog .design > a:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

.manage_design section.design-catalog .design .design__thumbnail, .thanks_letter_design section.design-catalog .design .design__thumbnail {
  position: relative;
  padding-top: 177.87%;
  background-size: cover;
  background-position: center;
}

.manage_design section.design-catalog .design .design__thumbnail .custom-badge, .thanks_letter_design section.design-catalog .design .design__thumbnail .custom-badge {
  position: absolute;
  left: 8px;
  bottom: 8px;
  background-color: #ff6c52;
  color: #fff;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 20px;
}

.manage_design section.design-catalog .design .design__thumbnail .movie-badge, .thanks_letter_design section.design-catalog .design .design__thumbnail .movie-badge {
  position: absolute;
  left: 8px;
  bottom: 8px;
  background-color: #849db5;
  color: #fff;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 20px;
}

.manage_design section.design-catalog .design .design__info, .thanks_letter_design section.design-catalog .design .design__info {
  padding: 6px 4px 10px;
  text-align: left;
}

.manage_design section.design-catalog .design .design__title, .thanks_letter_design section.design-catalog .design .design__title {
  margin: 6px 0 0;
  color: #242323;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.manage_design section.design-catalog .design .design__description, .thanks_letter_design section.design-catalog .design .design__description {
  font-size: 10px;
  color: #999;
}

.manage_design section.design-catalog .design .design__tags, .thanks_letter_design section.design-catalog .design .design__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  color: #00376b;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.manage_design section.design-catalog .design .design__tags *:not(:last-child), .thanks_letter_design section.design-catalog .design .design__tags *:not(:last-child) {
  margin-right: 0.25rem;
}

.manage_design section.design-catalog .design .series-colors, .thanks_letter_design section.design-catalog .design .series-colors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 6px;
}

.manage_design section.design-catalog .design .series-colors .color-dot, .thanks_letter_design section.design-catalog .design .series-colors .color-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #eee;
}

.manage_design section.design-recommend, .thanks_letter_design section.design-recommend {
  padding: 24px 0 8px;
}

.manage_design section.design-recommend .design-catalog__title, .thanks_letter_design section.design-recommend .design-catalog__title {
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  margin: 26px 13px;
  text-align: left;
  color: #242323;
}

.manage_design section.design-recommend .recommend-row + .recommend-row, .thanks_letter_design section.design-recommend .recommend-row + .recommend-row {
  margin-top: 8px;
}

.manage_design section.design-recommend .design-container, .thanks_letter_design section.design-recommend .design-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  gap: 13px;
  padding: 0 13px 13px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.manage_design section.design-recommend .design-container::-webkit-scrollbar, .thanks_letter_design section.design-recommend .design-container::-webkit-scrollbar {
  display: none;
}

.manage_design section.design-recommend .design-container.dragging, .thanks_letter_design section.design-recommend .design-container.dragging {
  cursor: grabbing;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-select: none;
}

.manage_design section.design-recommend .design, .thanks_letter_design section.design-recommend .design {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 42%;
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
  max-width: 42%;
  padding: 0;
}

@media screen and (min-width: 468px) {
  .manage_design section.design-recommend .design, .thanks_letter_design section.design-recommend .design {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
            flex: 0 0 28%;
    max-width: 28%;
  }
}

@media screen and (min-width: 768px) {
  .manage_design section.design-recommend .design, .thanks_letter_design section.design-recommend .design {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18%;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    max-width: 18%;
  }
}

.manage_design section.design-recommend .design > a, .thanks_letter_design section.design-recommend .design > a {
  position: relative;
  display: block;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: box-shadow .2s ease, -webkit-transform .2s ease;
  transition: box-shadow .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, box-shadow .2s ease;
  transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease;
}

.manage_design section.design-recommend .design > a:hover, .thanks_letter_design section.design-recommend .design > a:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

.manage_design section.design-recommend .design .design__thumbnail, .thanks_letter_design section.design-recommend .design .design__thumbnail {
  position: relative;
  padding-top: 176%;
  background-size: cover;
  background-position: center;
}

.manage_design section.design-recommend .design .design__thumbnail .rank-badge, .thanks_letter_design section.design-recommend .design .design__thumbnail .rank-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_design section.design-recommend .design .design__thumbnail .custom-badge, .thanks_letter_design section.design-recommend .design .design__thumbnail .custom-badge {
  position: absolute;
  left: 8px;
  bottom: 8px;
  background-color: #ff6c52;
  color: #fff;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 20px;
}

.manage_design section.design-recommend .design .design__thumbnail .movie-badge, .thanks_letter_design section.design-recommend .design .design__thumbnail .movie-badge {
  position: absolute;
  left: 8px;
  bottom: 8px;
  background-color: #849db5;
  color: #fff;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 20px;
}

.manage_design section.design-recommend .design .design__info, .thanks_letter_design section.design-recommend .design .design__info {
  padding: 6px 4px 10px;
}

.manage_design section.design-recommend .design .design__title, .thanks_letter_design section.design-recommend .design .design__title {
  margin: 6px 0 0;
  color: #242323;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.manage_design section.design-recommend .design .series-colors, .thanks_letter_design section.design-recommend .design .series-colors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 6px;
}

.manage_design section.design-recommend .design .series-colors .color-dot, .thanks_letter_design section.design-recommend .design .series-colors .color-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #eee;
}

.manage_design section.design-recommend .recommend-separator, .thanks_letter_design section.design-recommend .recommend-separator {
  width: 100%;
  height: 13px;
  background-color: #F7F7F7;
  margin-top: 8px;
}

.manage_design .wizard_space, .thanks_letter_design .wizard_space {
  height: 100px;
}

.manage_design .design_modal, .thanks_letter_design .design_modal {
  height: 96%;
  padding: 0;
  overflow-y: auto;
}

.manage_design .design_modal form, .thanks_letter_design .design_modal form {
  height: 100%;
}

.manage_design .design_modal form iframe, .thanks_letter_design .design_modal form iframe {
  height: 100%;
  width: 100%;
}

.manage_design .design_modal form .button_bottom, .thanks_letter_design .design_modal form .button_bottom {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  padding: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.manage_design .design_modal form .button_bottom .custom_button, .thanks_letter_design .design_modal form .button_bottom .custom_button {
  line-height: unset;
}

.manage_design .design_modal form .variant-picker, .thanks_letter_design .design_modal form .variant-picker {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  z-index: 2;
  background: #fff;
  padding: 8px;
}

.manage_design .design_modal form .variant-picker .variant-title, .thanks_letter_design .design_modal form .variant-picker .variant-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #333;
}

.manage_design .design_modal form .variant-picker .variant-list, .thanks_letter_design .design_modal form .variant-picker .variant-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-overflow-scrolling: touch;
}

.manage_design .design_modal form .variant-picker .variant-list::-webkit-scrollbar, .thanks_letter_design .design_modal form .variant-picker .variant-list::-webkit-scrollbar {
  display: none;
}

.manage_design .design_modal form .variant-picker .variant-list .variant-inner, .thanks_letter_design .design_modal form .variant-picker .variant-list .variant-inner {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  margin: 0 auto;
  min-width: -webkit-max-content;
  min-width: max-content;
}

.manage_design .design_modal form .variant-picker .variant-item, .thanks_letter_design .design_modal form .variant-picker .variant-item {
  background: #fff;
  border: 0;
  padding: 6px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.manage_design .design_modal form .variant-picker .variant-item .thumb, .thanks_letter_design .design_modal form .variant-picker .variant-item .thumb {
  width: 45px;
  padding-top: 177.78%;
  background-size: cover;
  background-position: center;
  border: 3px solid transparent;
  position: relative;
}

.manage_design .design_modal form .variant-picker .variant-item .label, .thanks_letter_design .design_modal form .variant-picker .variant-item .label {
  margin-top: 4px;
  font-size: 10px;
  color: #555;
}

.manage_design .design_modal form .variant-picker .variant-item.active .thumb::before, .thanks_letter_design .design_modal form .variant-picker .variant-item.active .thumb::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: inherit;
  z-index: 1;
}

.manage_design .design_modal form .variant-picker .variant-item.active .thumb::after, .thanks_letter_design .design_modal form .variant-picker .variant-item.active .thumb::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-image: url("/images/custom/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

.manage_design .spinner-wrapper, .thanks_letter_design .spinner-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  background: #f1f1f1;
}

.manage_design .spinner-wrapper .spinner, .thanks_letter_design .spinner-wrapper .spinner {
  margin: -40px 0 0;
}

.manage_design .iframe-parent-wrapper, .thanks_letter_design .iframe-parent-wrapper {
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  overflow: hidden;
}

.manage_design .iframe-parent-wrapper .iframe-parent, .thanks_letter_design .iframe-parent-wrapper .iframe-parent {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.manage_design .iframe-parent-wrapper .iframe-parent.has-variant, .thanks_letter_design .iframe-parent-wrapper .iframe-parent.has-variant {
  height: calc(100% - 114px);
}

.manage_design .iframe-parent-wrapper .iframe-parent iframe, .thanks_letter_design .iframe-parent-wrapper .iframe-parent iframe {
  width: 100%;
  height: 100%;
}

.manage_design .design_modal.has-variant .iframe-parent-wrapper, .thanks_letter_design .design_modal.has-variant .iframe-parent-wrapper {
  padding-bottom: 160px;
}

.manage_design .arrow-wrapper, .thanks_letter_design .arrow-wrapper {
  position: absolute;
  top: 50%;
  width: 100%;
}

.manage_design .arrow-wrapper .arrow, .thanks_letter_design .arrow-wrapper .arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #aaa;
}

.manage_design .arrow-wrapper .arrow.left, .thanks_letter_design .arrow-wrapper .arrow.left {
  left: 16px;
}

.manage_design .arrow-wrapper .arrow.right, .thanks_letter_design .arrow-wrapper .arrow.right {
  right: 18px;
}

.manage_design .vex.vex-theme-os, .thanks_letter_design .vex.vex-theme-os {
  z-index: 10000;
}

.manage_design .remodal .mailad_confirm, .thanks_letter_design .remodal .mailad_confirm {
  color: #999;
  font-size: 11px;
  margin-top: 1em;
}

.manage_design .sup, .thanks_letter_design .sup {
  background-color: #f7f7f7;
  margin: 1em 1em 0;
  padding: 1em;
}

.btn_base, .manage_draw .btn_photo_change,
.manage_draw .btn_bank_search, .manage_draw .search_bank_and_branch div.description div.input a.btn_search {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled, .manage_draw .btn_disabled.btn_photo_change,
.manage_draw .btn_disabled.btn_bank_search, .manage_draw .search_bank_and_branch div.description div.input a.btn_disabled.btn_search {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_draw main {
  padding-top: 50px;
}

.manage_draw main .anchor_disabled {
  pointer-events: none;
  background-color: #ccc;
}

.manage_draw main ul.history_container, .manage_draw main ul.undone_container {
  margin: 1em auto;
}

.manage_draw main ul.history_container li, .manage_draw main ul.undone_container li {
  border-bottom: 1px solid #ccc;
  list-style: none;
  display: block;
  position: relative;
  font-size: 13px;
}

.manage_draw main ul.history_container li div, .manage_draw main ul.undone_container li div {
  display: inline-block;
}

.manage_draw main ul.undone_container {
  overflow: auto;
  height: 250px;
  border: solid 1px #e5e5e5;
  padding: 1em;
}

.manage_draw main ul.undone_container li div {
  padding: 0.5em 0;
}

.manage_draw main ul.undone_container li div.created_at {
  width: 32%;
}

.manage_draw main ul.undone_container li div.entry_name {
  width: 36%;
}

.manage_draw main ul.undone_container li div.entry_sum {
  width: 28%;
  text-align: right;
}

.manage_draw main ul.history_container li a {
  display: block;
  padding: 0.5em 0;
}

.manage_draw main ul.history_container li a div.created_at {
  width: 30%;
}

.manage_draw main ul.history_container li a div.sum {
  width: 30%;
  text-align: right;
}

.manage_draw main ul.history_container li a div.draw_status {
  width: 15%;
  text-align: center;
  color: #002556;
}

.manage_draw main ul.history_container li a div.show_draw_detail {
  width: 20%;
  text-align: center;
}

@media screen and (max-width: 340px) {
  .manage_draw main ul.history_container li a div.sum {
    width: 25%;
  }
  .manage_draw main ul.history_container li a div.draw_status {
    width: 20%;
  }
}

.manage_draw main ul.history_container li.draw_done {
  background-color: #f7f7f7;
}

.manage_draw main ul.history_container li.draw_done div.draw_status {
  color: #4F5B95;
}

.manage_draw main ul.history_container li.denied div.draw_status {
  color: #e56473;
}

.manage_draw main ul.history_container li .detail {
  display: none;
  padding: 0.5em 0;
}

.manage_draw main ul.history_container li .detail table {
  border-spacing: 1px;
  border-collapse: initial;
  width: 100%;
}

.manage_draw main ul.history_container li .detail table td {
  width: 25%;
  background-color: #f7f7f7;
  padding: 0.5em;
  font-size: 11px;
  text-align: right;
}

.manage_draw main .notice {
  background-color: #f7f7f7;
  font-size: 11px;
  margin: 1em 0;
  padding: 1em;
}

.manage_draw main .notice ul {
  margin-left: 2em;
}

.manage_draw main .notice a {
  color: #ff6c52;
  text-decoration: underline;
}

.manage_draw main .notice .detail {
  display: none;
}

.manage_draw main .sup {
  background-color: #f7f7f7;
  font-size: 11px;
  padding: 1em;
}

.manage_draw main .sup li {
  margin-left: 1em;
}

.manage_draw main .sup a {
  text-decoration: underline;
  cursor: pointer;
}

.manage_draw main .calendar {
  margin: 0 auto;
  margin-top: 16px;
  max-width: 400px;
}

.manage_draw main .draw_request_limit {
  margin-top: 16px;
  font-weight: bold;
  color: #ff6c52;
  text-align: center;
}

.manage_draw main .alert {
  font-size: 11px;
  padding: 1em 1em 1em 3em;
  background-color: #f7e4e3;
}

.manage_draw main .alert .alert_title {
  font-weight: bold;
}

.manage_draw main .alert a {
  color: #002556;
  text-decoration: underline;
}

.manage_draw main .draw_alert {
  margin: 20px auto;
}

.manage_draw main #personal dl dt,
.manage_draw main #bank_account dl dt {
  color: #002556;
  display: block;
  margin-top: 1em;
}

.manage_draw main #personal dl dd,
.manage_draw main #bank_account dl dd {
  display: block;
}

.manage_draw main #personal dl dd .upload_personal,
.manage_draw main #bank_account dl dd .upload_personal {
  padding: 0.5em 0;
}

.manage_draw main #personal dl dd .notice ~ .upload_personal,
.manage_draw main #bank_account dl dd .notice ~ .upload_personal {
  display: none;
}

.manage_draw main #personal dl div.bank_and_branch_name,
.manage_draw main #bank_account dl div.bank_and_branch_name {
  padding: 5px 0;
  display: inline-block;
}

.manage_draw main #personal .file_name,
.manage_draw main #bank_account .file_name {
  height: 35px;
  line-height: 35px;
}

.manage_draw main #personal .file_name span.icon,
.manage_draw main #bank_account .file_name span.icon {
  color: #8d8d8d;
}

.manage_draw main .last-draw-request dt {
  margin: 1em 0 .5em;
}

.manage_draw main .last-draw-request dd {
  margin-left: 1em;
}

.manage_draw main .sum {
  margin: 1em auto;
}

.manage_draw main .sum dl {
  width: 100%;
  display: block;
}

.manage_draw main .sum dl:after {
  display: table;
  clear: both;
  content: '';
}

.manage_draw main .sum dl dt, .manage_draw main .sum dl dd {
  border-bottom: 1px solid #999999;
  padding: 1em 0.5em;
}

.manage_draw main .sum dl dt {
  clear: both;
  display: block;
  float: left;
  width: 50%;
}

.manage_draw main .sum dl dd {
  display: block;
  float: right;
  text-align: right;
  width: 50%;
}

.manage_draw main .manage_button {
  margin-right: auto;
  margin-left: auto;
}

.manage_draw main .manage_button span.payment_btn_disable {
  background-color: #ccc;
}

.manage_draw a.yucho, .manage_draw a.toggle_link {
  color: #ff6c52;
  text-decoration: underline;
  font-size: 11px;
}

.manage_draw a.toggle_link {
  display: block;
  margin: 8px 0;
}

.manage_draw .btn_photo_change,
.manage_draw .btn_bank_search {
  font-size: 13px;
  background-color: #ff6c52;
  height: 30px;
  line-height: 32px;
  width: 100%;
  max-width: 150px;
}

.manage_draw .btn_photo_change.selected,
.manage_draw .btn_bank_search.selected {
  background-color: #ff9e97;
}

.manage_draw .remodal {
  max-width: 500px;
}

.manage_draw .search_bank_and_branch {
  position: relative;
}

.manage_draw .search_bank_and_branch a.btn_close {
  font-size: 15px;
  color: #8d8d8d;
  height: 40px;
  width: 40px;
  line-height: 40px;
  position: absolute;
  top: -33px;
  right: -35px;
}

.manage_draw .search_bank_and_branch a.btn_close span.icon {
  font-size: 17px;
}

.manage_draw .search_bank_and_branch div.description {
  margin: -15px;
  margin-top: 0px;
  padding: 8px;
  background-color: #f5f5f5;
  border-radius: 7px;
}

.manage_draw .search_bank_and_branch div.description:after {
  display: table;
  clear: both;
  content: '';
}

.manage_draw .search_bank_and_branch div.description div.description_detail {
  padding: 5px;
  padding-top: 0px;
  text-align: left;
  font-size: 11px;
  color: #a9a9a9;
}

.manage_draw .search_bank_and_branch div.description div.description_detail span.title {
  display: block;
  font-weight: bold;
  font-size: 15px;
  color: #54AE44;
}

.manage_draw .search_bank_and_branch div.description div.description_detail:not(:first-of-type) span.title {
  margin-top: 8px;
}

.manage_draw .search_bank_and_branch div.description div.selected {
  padding: 5px;
  text-align: left;
  font-size: 13px;
}

.manage_draw .search_bank_and_branch div.description div.input {
  position: relative;
}

.manage_draw .search_bank_and_branch div.description div.input input {
  background-color: white;
  max-width: 100%;
}

.manage_draw .search_bank_and_branch div.description div.input a.btn_search {
  font-size: 13px;
  background-color: #54AE44;
  height: 95%;
  width: 60px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  position: absolute;
  top: 1px;
  right: 0px;
  line-height: 35px;
}

.manage_draw .search_bank_and_branch ul {
  margin: 1em 0;
  overflow: auto;
}

.manage_draw .search_bank_and_branch ul li {
  text-align: left;
  border-bottom: 1px solid #ccc;
  list-style: none;
}

.manage_draw .search_bank_and_branch ul li a {
  display: block;
  padding: 0.8em 0;
  position: relative;
  font-size: 15px;
}

.manage_draw .search_bank_and_branch ul li a div.name {
  display: inline-block;
  width: 70%;
}

.manage_draw .search_bank_and_branch ul li a div.code {
  display: inline-block;
  float: right;
}

.manage_draw .search_bank_and_branch .button_bottom {
  margin-top: 2em;
}

.manage_draw .search_bank_and_branch .button_bottom:after {
  display: table;
  clear: both;
  content: '';
}

.manage_draw .search_bank_and_branch .button_bottom a.wide {
  width: 100%;
}

.manage_draw .search_bank_and_branch .button_bottom a[data-action=confirm] {
  background-color: #54AE44;
}

.manage_draw .search_bank_and_branch .btn_manual_submit {
  float: right;
  width: 80px;
  height: 40px;
  line-height: 40px;
  margin-top: 8px;
  background-color: #54AE44;
}

.manage_draw .search_bank_and_branch .search_branch,
.manage_draw .search_bank_and_branch .search_confirm {
  display: none;
}

.manage_draw [data-show-if-bank-edit] {
  display: none;
}

.verification_modal {
  text-align: left;
  color: #333333;
}

.verification_modal i {
  position: absolute;
  padding: 10px;
  right: 14px;
  top: 10px;
}

.verification_modal .modal_title {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
}

.verification_modal .verification_title {
  margin: 32px 0 8px;
  font-size: 15px;
  font-weight: bold;
}

.verification_modal p {
  font-size: 13px;
}

.verification_modal p.attention {
  font-size: 11px;
}

.verification_modal img {
  display: block;
  margin: 8px 0;
}

.verification_modal hr {
  margin-top: 20px;
  border-top: 1px solid #E5E5E5;
}

.verification_modal button {
  display: block;
  width: 80%;
  margin: 24px auto 0;
  max-width: 260px;
  border: 1px solid #ff6c52;
  border-radius: 5px;
  padding: 14px;
  color: #ff6c52;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_form main ul.old_design li input[type="checkbox"] {
  display: none;
  vertical-align: middle;
}

.manage_form main ul.old_design li input[type="checkbox"] + label {
  margin-left: 0em;
  vertical-align: bottom;
}

.manage_form main ul.old_design li input[type="checkbox"] + :before {
  margin-right: 0.7em;
  padding-left: 0.8em;
  content: "\f372";
  font-family: "Ionicons";
  font-size: 20px;
}

.manage_form main ul.old_design li input:checked[type="checkbox"] + :before {
  content: "\f373";
}

.manage_form main {
  padding-top: 50px;
}

.manage_form main .area {
  max-width: 500px;
  margin: 0 auto;
  padding: 1em;
}

.manage_form main p.description {
  max-width: 500px;
  margin: 0 auto;
  padding: 1em 0;
}

.manage_form main p.no_entry_description {
  max-width: 500px;
  margin: 1em auto;
  width: 100%;
  border: 1px solid #E56473;
  border-radius: 6px;
  padding: 13px;
}

.manage_form main h3.title.reply {
  padding: 1em 0 !important;
}

.manage_form main h3.title.reply span {
  display: block;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 1em;
}

.manage_form main ul.new_design {
  margin: 0 auto;
  max-width: 500px;
  list-style: none;
}

.manage_form main ul.new_design li {
  margin: 6.5px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 46px;
}

.manage_form main ul.new_design li div.left {
  min-width: 145px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.manage_form main ul.new_design li div.left .sort_area {
  padding: 0.8em;
  width: 28px;
  display: inline-block;
}

.manage_form main ul.new_design li div.right {
  margin-left: auto;
  padding: 0.8em;
}

.manage_form main ul.new_design li label.inline_radio_label {
  font-size: 12px;
}

.manage_form main ul.new_design li.message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}

.manage_form main ul.new_design li.message div.message_wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.manage_form main ul.new_design li.message div.message_wrap div.left {
  margin-left: auto;
  margin: 0;
}

.manage_form main ul.new_design li.message div.message_wrap div.right {
  padding: 0 0.8em;
}

.manage_form main ul.new_design li.message div.message_wrap label.photo {
  margin-left: 28px;
}

.manage_form main ul.new_design li.message div.message_wrap div.info {
  margin: 5px 5px 5px 28px;
}

.manage_form main ul.new_design li.free_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}

.manage_form main ul.new_design li.free_content button.delete_free_form {
  padding: 0.5em 0.5em;
  border: 1px solid #4a4a4a;
  border-radius: 10px;
  margin: 0 0 0 5px;
  cursor: pointer;
  -webkit-transition: 0.3s background;
  transition: 0.3s background;
}

.manage_form main ul.new_design li.free_content button.delete_free_form:hover {
  background: #eee;
}

.manage_form main ul.new_design li.free_content div.free_content_wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}

.manage_form main ul.new_design li.free_content div.free_content_wrap div.left {
  margin-left: auto;
  margin: 0.8em 0;
}

.manage_form main ul.new_design li.free_content div.free_content_wrap div.right {
  padding: 0.8em;
}

.manage_form main ul.new_design div.free_option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 28px;
  margin-bottom: 5px;
}

.manage_form main ul.new_design div.free_option i {
  padding: 0 5px;
}

.manage_form main ul.new_design div.free_option span.radio_icon::before {
  font-family: "Ionicons";
  font-size: 1em;
  content: "\f3a6";
}

.manage_form main ul.new_design div.free_option span.check_icon::before {
  font-family: "Ionicons";
  font-size: 1em;
  content: "\f372";
}

.manage_form main ul.new_design div.free_option_add_trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  margin-top: 5px;
  width: -webkit-fit-content;
  width: fit-content;
}

.manage_form main ul.new_design div.free_option_add_trigger button {
  padding: 0.5em 0.5em;
  border: 1px solid #4a4a4a;
  border-radius: 10px;
  margin: 0 0 0 5px;
  cursor: pointer;
  -webkit-transition: 0.3s background;
  transition: 0.3s background;
}

.manage_form main ul.new_design div.free_option_add_trigger button:hover {
  background: #eee;
}

.manage_form main ul.new_design li.free_add div.free_add_button {
  cursor: pointer;
  border: 1px solid #4a4a4a;
  padding: 8px 14px;
  border-radius: 5px;
  margin: 5px auto;
}

.manage_form main ul.new_design li.free_add div.free_add_button i {
  font-size: 15px;
}

.manage_form main ul.new_design li.notice {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.manage_form main ul.new_design li.notice div.notice_box {
  width: 100%;
  text-align: center;
}

.manage_form main ul.new_design li.notice textarea {
  width: 24em;
  text-align: center;
  margin: 1em auto;
  border: solid 1px #ddd;
  border-radius: 5px;
  padding: 0.9em;
}

.manage_form main ul.new_design li.notice textarea:focus {
  border-color: #e5e5e5;
  border-radius: 5px;
}

@media screen and (max-width: 350px) {
  .manage_form main ul.new_design li.notice textarea {
    font-size: 11px;
  }
}

.manage_form main ul.new_design li.not_sort {
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 7px;
  height: auto;
}

.manage_form main ul.new_design div.free_form {
  width: 100%;
}

.manage_form main ul.new_design div.free_form input {
  padding: 5px;
  margin-left: 28px;
  margin-right: 0.8em;
  margin-bottom: 8px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.manage_form main ul.new_design div.free_option_wrap input {
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin: 0 5px;
}

.manage_form main ul.new_design div.free_selector {
  white-space: nowrap;
  margin-left: auto;
}

.manage_form main ul#form_list li:not(.free_add) {
  box-sizing: border-box;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  border-radius: 7px;
}

.manage_form main .guest_mail .mail_disable {
  display: none;
}

.manage_form main .guest_mail.hidden_mail {
  padding: 0 1em 4em;
}

.manage_form main .guest_mail.hidden_mail .mail_disable {
  display: inline;
}

.manage_form main .guest_mail.hidden_mail .mail_enable {
  color: #CCCCCC;
}

.manage_form main .guest_mail.hidden_mail h3 {
  color: #ccc;
}

.manage_form main .guest_mail.hidden_mail textarea {
  background: #fff;
  color: #ccc;
}

.manage_form main .guest_mail.no_entry {
  padding: 0 1em 4em;
}

.manage_form main .guest_mail.no_entry .mail_enable {
  color: #CCCCCC;
}

.manage_form main .guest_mail.no_entry .no_entry {
  display: none;
}

.manage_form main .guest_mail.no_entry h3 {
  color: #ccc;
}

.manage_form main .guest_mail.no_entry textarea {
  background: #fff;
  color: #ccc;
}

.manage_form main ul.old_design {
  list-style: none;
}

.manage_form main ul.old_design li {
  padding: 0.7em 0;
}

.manage_form main ul.old_design li label {
  margin-left: 1em;
}

.manage_form main ul.old_design li .req {
  background-color: #e62520;
  color: #fff;
  font-size: 11px;
  padding: 0 0.5em;
}

.manage_form main ul.old_design li div.free_form {
  padding: 5px 0 0 15px;
}

.manage_form main ul.old_design li textarea {
  margin-top: 8px;
}

.manage_form main ul.old_design li textarea.off {
  display: none;
}

.manage_form main .btn_preview {
  background-color: #ff9e97;
}

.manage_form main .button_wrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  margin-top: 32px;
}

.manage_form main .fix_content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px 2px;
  max-width: 760px;
  width: 100%;
}

.manage_form main .fix_content .manage_button {
  padding: 0 !important;
}

.manage_form main .fix_content.active {
  position: fixed;
  bottom: 0;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_invitation .information a, .manage_thanks_letter .information a {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 1em 2em 1em 1em;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.manage_invitation .information a i.ion-ios-arrow-forward, .manage_thanks_letter .information a i.ion-ios-arrow-forward {
  position: absolute;
  right: 1em;
}

.manage_invitation .information a.alert, .manage_thanks_letter .information a.alert {
  color: #e56473;
}

.manage_invitation .menu_recommend_upgrade, .manage_thanks_letter .menu_recommend_upgrade {
  background-color: #F7F7F7;
  font-size: 13px;
  font-weight: 500;
  padding: 3em 1em 0;
  text-align: center;
}

.manage_invitation .menu_recommend_upgrade div.postponed, .manage_thanks_letter .menu_recommend_upgrade div.postponed {
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #ff6c52;
  border-radius: 5px;
  padding: 16px;
  margin: 16px 0;
}

.manage_invitation .menu_recommend_upgrade div.postponed p, .manage_thanks_letter .menu_recommend_upgrade div.postponed p {
  font-weight: 400;
  color: #333;
  text-align: left;
}

.manage_invitation .menu_recommend_upgrade a, .manage_thanks_letter .menu_recommend_upgrade a {
  display: inline-block;
  font-size: 13px;
  margin-top: 1em;
  color: #ff6c52;
  text-decoration: underline;
}

.manage_invitation .this_is_standard, .manage_thanks_letter .this_is_standard {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ccc;
  padding: 1em;
  text-align: center;
  width: 100%;
}

.manage_invitation .header-tab, .manage_thanks_letter .header-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  height: 48px;
  margin-bottom: 2px;
}

.manage_invitation .header-tab::-webkit-scrollbar, .manage_thanks_letter .header-tab::-webkit-scrollbar {
  display: none;
}

.manage_invitation .header-tab-item, .manage_thanks_letter .header-tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 150px;
  padding: 8px;
  line-height: 1.2em;
  text-align: center;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .manage_invitation .header-tab-item, .manage_thanks_letter .header-tab-item {
    min-width: 30.7%;
  }
}

.manage_invitation .header-tab-item label, .manage_thanks_letter .header-tab-item label {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  cursor: pointer;
}

.manage_invitation .header-tab-item.active, .manage_thanks_letter .header-tab-item.active {
  border-width: 2px;
  border-color: #ff6c52;
  font-weight: bold;
}

.manage_invitation .header-tab-item .cheers, .manage_thanks_letter .header-tab-item .cheers {
  font-size: 10px;
  color: #f90081;
}

.manage_invitation .header-tab-item .cheers:before, .manage_invitation .header-tab-item .cheers:after, .manage_thanks_letter .header-tab-item .cheers:before, .manage_thanks_letter .header-tab-item .cheers:after {
  content: '|';
  display: inline-block;
  font-size: 13px;
}

.manage_invitation .header-tab-item .cheers:before, .manage_thanks_letter .header-tab-item .cheers:before {
  margin-right: 3px;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}

.manage_invitation .header-tab-item .cheers:after, .manage_thanks_letter .header-tab-item .cheers:after {
  margin-left: 3px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}

.manage_invitation .eyecatch, .manage_thanks_letter .eyecatch {
  background-size: cover;
  background-position: center center;
  height: 200px;
}

.manage_invitation .eyecatch .eyecatch_content, .manage_thanks_letter .eyecatch .eyecatch_content {
  height: 200px;
  width: 100%;
  background: rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  position: relative;
}

.manage_invitation .eyecatch .eyecatch_content .eyecatch_texts, .manage_thanks_letter .eyecatch .eyecatch_content .eyecatch_texts {
  width: 100%;
}

.manage_invitation .eyecatch .eyecatch_content .invitation_title, .manage_thanks_letter .eyecatch .eyecatch_content .invitation_title {
  max-width: 280px;
  margin: 0 auto;
  color: #fff;
  font-size: 24px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.5em;
  width: 100%;
  letter-spacing: 0.1em;
}

.manage_invitation .eyecatch .eyecatch_content .thanks_letter_title, .manage_thanks_letter .eyecatch .eyecatch_content .thanks_letter_title {
  max-width: 280px;
  margin: 53px auto 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.5em;
  width: 100%;
  letter-spacing: 0.1em;
}

.manage_invitation .eyecatch .eyecatch_content .invitation_date, .manage_thanks_letter .eyecatch .eyecatch_content .invitation_date {
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
}

.manage_invitation .eyecatch .eyecatch_content .invitation_date span, .manage_thanks_letter .eyecatch .eyecatch_content .invitation_date span {
  font-size: 24px;
}

.manage_invitation .eyecatch .eyecatch_content .countdown_link, .manage_thanks_letter .eyecatch .eyecatch_content .countdown_link {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  padding: 5px 30px;
  display: block;
  margin: 15px auto 0;
  max-width: 200px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  background: rgba(255, 255, 255, 0.2);
}

.manage_invitation .eyecatch .eyecatch_content .countdown_link i, .manage_thanks_letter .eyecatch .eyecatch_content .countdown_link i {
  position: absolute;
  top: 20%;
  right: 10px;
}

.manage_invitation .eyecatch .eyecatch_content .countdown_link:hover, .manage_thanks_letter .eyecatch .eyecatch_content .countdown_link:hover {
  background: #fff;
  color: #333;
}

.manage_invitation .main_buttons, .manage_thanks_letter .main_buttons {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.manage_invitation .main_buttons a, .manage_thanks_letter .main_buttons a {
  font-size: 14px;
  background-color: #ff6c52;
  border-radius: 5px;
  color: #fff;
  width: 100%;
  padding: 10px;
  margin: 0 8px;
  display: block;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.manage_invitation .menu_list, .manage_thanks_letter .menu_list {
  font-size: 13px;
  padding: 7px 16px 24px;
  max-width: 600px;
  margin: 0 auto;
}

.manage_invitation .menu_list ul, .manage_thanks_letter .menu_list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
}

.manage_invitation .menu_list ul:after, .manage_thanks_letter .menu_list ul:after {
  display: table;
  clear: both;
  content: '';
}

.manage_invitation .menu_list ul li, .manage_thanks_letter .menu_list ul li {
  display: block;
  width: 25%;
}

.manage_invitation .menu_list ul li p, .manage_thanks_letter .menu_list ul li p {
  text-align: center;
  padding: 2.8em 0;
  position: relative;
}

.manage_invitation .menu_list ul li a, .manage_thanks_letter .menu_list ul li a {
  color: #333;
  display: block;
  padding: 12px 0 13px;
  position: relative;
  font-size: 11px;
  text-align: center;
  overflow: hidden;
  line-height: 1.4;
}

.manage_invitation .menu_list ul li a img, .manage_thanks_letter .menu_list ul li a img {
  display: block;
  width: 40px;
  margin: 4px auto 0;
}

.manage_invitation .menu_list ul li a .badge, .manage_thanks_letter .menu_list ul li a .badge {
  background-color: #005f9b;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  vertical-align: text-top;
  width: 1.5em;
  position: absolute;
  top: 16px;
  right: 12%;
}

.manage_invitation .menu_list .space, .manage_thanks_letter .menu_list .space {
  height: 17px;
  border-top: 1px solid #E5E5E5;
}

.manage_invitation .menu_list.thanks_letter, .manage_thanks_letter .menu_list.thanks_letter {
  padding-bottom: 60px;
}

.manage_invitation .menu_list.thanks_letter ul > li, .manage_thanks_letter .menu_list.thanks_letter ul > li {
  width: 33%;
}

.manage_invitation #banner_area, .manage_thanks_letter #banner_area {
  padding: 0 20px 10px;
}

.manage_invitation #banner_area a, .manage_thanks_letter #banner_area a {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
  max-width: 500px;
}

.manage_invitation #banner_area a img, .manage_thanks_letter #banner_area a img {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.manage_invitation .manage_top_banner, .manage_thanks_letter .manage_top_banner {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto 10px;
  padding-bottom: clamp(26px, calc(60 * 100vw / 400), 76px);
  height: 0;
  overflow: hidden;
}

.manage_invitation .manage_top_banner iframe, .manage_thanks_letter .manage_top_banner iframe {
  padding: 0 20px;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: 0;
}

@media screen and (min-width: 500px) {
  .manage_invitation .menu_bottom_banner .fix_banner, .manage_thanks_letter .menu_bottom_banner .fix_banner {
    padding-bottom: 75px;
  }
}

.manage_invitation .fix-manage-footer, .manage_thanks_letter .fix-manage-footer {
  height: 74px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  max-width: 760px;
  margin: 0 auto;
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
}

.manage_invitation .fix-manage-footer ul, .manage_thanks_letter .fix-manage-footer ul {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  list-style: none;
  max-width: 600px;
  margin: auto;
}

.manage_invitation .fix-manage-footer ul li, .manage_thanks_letter .fix-manage-footer ul li {
  width: 25%;
}

.manage_invitation .fix-manage-footer ul li a, .manage_thanks_letter .fix-manage-footer ul li a {
  color: #4C4C4C;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.manage_invitation .fix-manage-footer ul li a span, .manage_thanks_letter .fix-manage-footer ul li a span {
  display: block;
  text-align: center;
}

.manage_invitation .fix-manage-footer ul li a span.footer-icon, .manage_thanks_letter .fix-manage-footer ul li a span.footer-icon {
  width: 24px;
  height: 24px;
}

.manage_invitation .fix-manage-footer ul li a span.footer-icon.invitation-icon, .manage_thanks_letter .fix-manage-footer ul li a span.footer-icon.invitation-icon {
  background-image: url("/images/footer_menu/invitation_gray.svg");
}

.manage_invitation .fix-manage-footer ul li a span.footer-icon.seatinglist-icon, .manage_thanks_letter .fix-manage-footer ul li a span.footer-icon.seatinglist-icon {
  background-image: url("/images/footer_menu/seatinglist_gray.svg");
}

.manage_invitation .fix-manage-footer ul li a span.footer-icon.thanks-letter-icon, .manage_thanks_letter .fix-manage-footer ul li a span.footer-icon.thanks-letter-icon {
  background-image: url("/images/footer_menu/thankyou_gray.svg");
}

.manage_invitation .fix-manage-footer ul li a span.footer-icon.account-icon, .manage_thanks_letter .fix-manage-footer ul li a span.footer-icon.account-icon {
  background-image: url("/images/footer_menu/account_gray.svg");
}

.manage_invitation .fix-manage-footer ul li a span.footer-text, .manage_thanks_letter .fix-manage-footer ul li a span.footer-text {
  font-size: 11px;
  line-height: 1.2;
  margin-top: 2px;
}

.manage_invitation .fix-manage-footer ul li.active a, .manage_thanks_letter .fix-manage-footer ul li.active a {
  color: #ff6c52;
}

.manage_invitation .fix-manage-footer ul li.active a span.footer-icon.invitation-icon, .manage_thanks_letter .fix-manage-footer ul li.active a span.footer-icon.invitation-icon {
  background-image: url("/images/footer_menu/invitation_primary.svg");
}

.manage_invitation .fix-manage-footer ul li.active a span.footer-icon.thanks-letter-icon, .manage_thanks_letter .fix-manage-footer ul li.active a span.footer-icon.thanks-letter-icon {
  background-image: url("/images/footer_menu/thankyou_primary.svg");
}

.manage_invitation .payment_banner, .manage_thanks_letter .payment_banner {
  text-align: center;
  padding-top: 2em;
}

.manage_invitation .payment_banner img, .manage_thanks_letter .payment_banner img {
  width: 500px;
}

.manage_invitation .invitation-action-modal .remodal-body, .manage_thanks_letter .invitation-action-modal .remodal-body {
  padding: 0 40px;
}

.manage_invitation .invitation-action-modal .remodal-footer .btn-container, .manage_thanks_letter .invitation-action-modal .remodal-footer .btn-container {
  padding: 40px;
}

.manage_invitation .invitation-modal-btn, .manage_thanks_letter .invitation-modal-btn {
  display: block;
  margin: 2rem auto 0;
  width: 100%;
  max-width: 300px;
  color: #002556;
  background-color: #fff;
  border: 1px solid #002556;
}

.manage_invitation .invitation-action, .manage_thanks_letter .invitation-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  padding: 1rem 0;
}

.manage_invitation .invitation-action:first-child, .manage_thanks_letter .invitation-action:first-child {
  padding-top: 0;
}

.manage_invitation .invitation-action:last-child, .manage_thanks_letter .invitation-action:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.manage_invitation .invitation-action__image-wrapper, .manage_thanks_letter .invitation-action__image-wrapper {
  position: relative;
  width: 40%;
}

.manage_invitation .invitation-action__image-wrapper:after, .manage_thanks_letter .invitation-action__image-wrapper:after {
  content: "";
  display: block;
  padding-bottom: 60%;
}

.manage_invitation .invitation-action__image, .manage_thanks_letter .invitation-action__image {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-size: cover;
  background-position: center;
}

.manage_invitation .invitation-action__content, .manage_thanks_letter .invitation-action__content {
  width: 60%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 0.25rem;
  padding-left: 8px;
  text-align: left;
  font-size: 15px;
}

.manage_invitation .invitation-action__content label, .manage_thanks_letter .invitation-action__content label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 24px);
  display: inline-block;
  vertical-align: bottom;
}

.manage_invitation .invitation-action__content a i, .manage_thanks_letter .invitation-action__content a i {
  margin-left: 4px;
  color: #ff6c52;
}

.manage_invitation .invitation-action__content small, .manage_thanks_letter .invitation-action__content small {
  font-size: 11px;
}

.manage_invitation .invitation-action__content .btn-container, .manage_thanks_letter .invitation-action__content .btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.manage_invitation .invitation-action__content .btn-container .button, .manage_thanks_letter .invitation-action__content .btn-container .button {
  width: 50%;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  border-radius: 5px;
}

.manage_invitation .invitation-action__content .btn-container .button + .button, .manage_thanks_letter .invitation-action__content .btn-container .button + .button {
  margin-left: 0.5rem;
}

.manage_invitation .invitation-action__content .btn-container .delete-btn, .manage_thanks_letter .invitation-action__content .btn-container .delete-btn {
  color: #333333;
  background: #EBEBEB;
}

.manage_invitation .vex.vex-theme-os, .manage_thanks_letter .vex.vex-theme-os {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.manage_invitation .vex.vex-theme-os .vex-content, .manage_thanks_letter .vex.vex-theme-os .vex-content {
  border: none;
  border-radius: 1rem;
  background: #fff;
  padding: 40px 24px;
  max-width: 400px;
  font-family: 'Noto Sans JP', sans-serif;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-form .change-invitation-name, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-form .change-invitation-name {
  font-weight: 600;
  font-size: 16px;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-message, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-message {
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  white-space: pre-line;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-message span.error_msg, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-message span.error_msg {
  font-size: 12px;
  margin: 12px auto;
  display: inline-block;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-input input, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-input input {
  font-size: 16px;
  border: 1px solid #afafaf;
  border-radius: 3px;
  margin: 0;
  height: 48px;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-input input:focus, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-form .vex-dialog-input input:focus {
  outline: 1px solid #ff6c52;
  box-shadow: none;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-buttons, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 24px;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button {
  font-size: 14px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 48px;
  padding: 0;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-primary, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-primary {
  background: #FF6C52;
  margin-left: 8px;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-table-primary, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-table-primary {
  color: #fff;
  background: #4C5870;
  margin-left: 8px;
  -webkit-animation: none;
          animation: none;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-secondary, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-secondary {
  color: #333;
  background-color: #EBEBEB;
}

.manage_invitation .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-inactive, .manage_thanks_letter .vex.vex-theme-os .vex-content .vex-dialog-buttons .vex-dialog-button-inactive {
  background-color: #CCCCCC;
  margin-left: 8px;
  pointer-events: none;
  color: #fff;
}

.manage_invitation .thanks-letter-created-modal, .manage_thanks_letter .thanks-letter-created-modal {
  padding: 0;
  overflow-y: scroll;
}

.manage_invitation .thanks-letter-created-modal .remodal-body, .manage_thanks_letter .thanks-letter-created-modal .remodal-body {
  padding: 0 24px;
  overflow-y: visible;
}

.manage_invitation .thanks-letter-created-modal h2, .manage_thanks_letter .thanks-letter-created-modal h2 {
  margin-bottom: 24px;
  font-size: 19px;
  font-weight: 500;
}

.manage_invitation .thanks-letter-created-modal .remodal-footer .btn-container, .manage_thanks_letter .thanks-letter-created-modal .remodal-footer .btn-container {
  padding: 40px;
}

.manage_invitation .thanks-letter-created-modal h2, .manage_thanks_letter .thanks-letter-created-modal h2 {
  font-size: 19px;
  margin-bottom: 24px;
  font-weight: 500;
}

.manage_invitation .thanks-letter-created-modal img, .manage_thanks_letter .thanks-letter-created-modal img {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 24px auto;
}

.manage_invitation .postponed_modal .postponed_modal_buttons, .manage_thanks_letter .postponed_modal .postponed_modal_buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.manage_invitation .postponed_modal .postponed_modal_buttons a.btn, .manage_thanks_letter .postponed_modal .postponed_modal_buttons a.btn {
  margin: 24px 5px 10px;
}

.manage_invitation .postponed_modal .postponed_modal_buttons a.cancel, .manage_thanks_letter .postponed_modal .postponed_modal_buttons a.cancel {
  color: #333333;
  background: #EBEBEB;
}

.manage_invitation .remodal.web-table-modal, .manage_thanks_letter .remodal.web-table-modal {
  border-radius: 0;
}

.manage_invitation .remodal.web-table-modal h2, .manage_thanks_letter .remodal.web-table-modal h2 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.manage_invitation .remodal.web-table-modal p, .manage_thanks_letter .remodal.web-table-modal p {
  font-size: 14px;
}

.manage_invitation .remodal.web-table-modal .remodal-body, .manage_thanks_letter .remodal.web-table-modal .remodal-body {
  padding: 0 16px 64px;
}

.manage_invitation .remodal.web-table-modal .swiper-pagination-bullet, .manage_thanks_letter .remodal.web-table-modal .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 8px;
  background: #ccc;
  opacity: 1;
}

.manage_invitation .remodal.web-table-modal .swiper-pagination-bullet-active, .manage_thanks_letter .remodal.web-table-modal .swiper-pagination-bullet-active {
  background: #d1aea5;
}

.manage_invitation .remodal.web-table-modal .price-section, .manage_thanks_letter .remodal.web-table-modal .price-section {
  margin-top: -8px;
  padding: 36px 24px 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.manage_invitation .remodal.web-table-modal .price-section .button, .manage_thanks_letter .remodal.web-table-modal .price-section .button {
  width: 100%;
  margin-top: 24px;
  color: #fff;
  background-color: #4C5870;
  border-color: #4C5870;
}

.manage_invitation .remodal.web-table-modal .price-section .notice, .manage_thanks_letter .remodal.web-table-modal .price-section .notice {
  margin-top: 12px;
  font-size: 11px;
}

.manage_invitation .remodal.web-table-modal .price, .manage_thanks_letter .remodal.web-table-modal .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.manage_invitation .remodal.web-table-modal .price strong, .manage_thanks_letter .remodal.web-table-modal .price strong {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 4px;
  line-height: 1;
}

.manage_invitation .remodal.web-table-modal .price strong small, .manage_thanks_letter .remodal.web-table-modal .price strong small {
  font-size: 18px;
}

.manage_invitation .remodal.web-table-modal .price strong p, .manage_thanks_letter .remodal.web-table-modal .price strong p {
  margin-left: 4px;
  font-size: 27px;
}

.manage_invitation .remodal.web-table-modal .price--hiramatsu, .manage_thanks_letter .remodal.web-table-modal .price--hiramatsu {
  text-align: left;
  display: inline-block;
}

.manage_invitation .remodal.web-table-modal .price--hiramatsu p, .manage_thanks_letter .remodal.web-table-modal .price--hiramatsu p {
  margin: 0 0 0.6rem;
  font-weight: bold;
}

.manage_invitation .remodal.web-table-modal .price--hiramatsu p:last-child, .manage_thanks_letter .remodal.web-table-modal .price--hiramatsu p:last-child {
  margin-bottom: 0;
}

.manage_invitation .remodal.web-table-modal .price--hiramatsu .price-label, .manage_thanks_letter .remodal.web-table-modal .price--hiramatsu .price-label {
  width: 7.5rem;
  font-size: 1.2rem;
  display: inline-block;
}

.manage_invitation .remodal.web-table-modal .price--hiramatsu .price-value, .manage_thanks_letter .remodal.web-table-modal .price--hiramatsu .price-value {
  font-size: 1.2rem;
}

.manage_invitation .remodal.web-table-modal .cancel-link, .manage_thanks_letter .remodal.web-table-modal .cancel-link {
  display: block;
  margin-top: 12px;
  font-size: 14px;
}

.manage_invitation .web-table-modal-swiper, .manage_thanks_letter .web-table-modal-swiper {
  margin: 12px 0 8px;
  padding-bottom: 40px;
}

.manage_invitation .btn-container a.button.close, .manage_thanks_letter .btn-container a.button.close {
  border: 2px solid #ff6c52;
  background: #fff;
  color: #ff6c52;
}

.manage_invitation .btn-container p, .manage_thanks_letter .btn-container p {
  margin-top: 16px;
  text-align: center;
}

.manage_thanks_letter .remodal-overlay {
  background: rgba(0, 0, 0, 0.2);
}

.manage_thanks_letter .remodal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_invitation__finish main {
  padding-top: 50px;
}

.manage_invitation__finish main .invitation_finish {
  padding: 1px 0 30px;
}

.manage_invitation__finish main img.create_finish {
  display: block;
  margin: 30px auto;
  width: 120px;
  -webkit-animation: create_finish_animation 1s linear 1 normal;
          animation: create_finish_animation 1s linear 1 normal;
}

@-webkit-keyframes create_finish_animation {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

.manage_invitation__finish main p.attention {
  margin-top: 5px;
  text-align: center;
}

.manage_invitation__finish main a {
  font-size: 14px;
}

.manage_invitation__finish main a.to_manage {
  text-align: center;
  margin: 30px auto;
  background: none;
  color: #002556;
  font-size: 16px;
  font-weight: bold;
}

.manage_invitation__finish main a.to_manage i {
  margin-left: 10px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_list main {
  padding-top: 50px;
  padding-bottom: 80px;
  background: #fff;
}

.manage_list main h3 {
  background-color: #fff;
  color: #fff;
  margin-top: 1em;
  padding: 0.5em 1em;
}

.manage_list main .fix_banner {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  position: fixed;
  padding-bottom: 15%;
  height: 0;
  overflow: hidden;
}

.manage_list main .fix_banner iframe {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: 0;
}

@media screen and (min-width: 500px) {
  .manage_list main .fix_banner {
    padding-bottom: 75px;
  }
}

.manage_list .font_attend, .manage_list .font_absent {
  font-size: 19px;
  font-style: normal;
  padding: 0 5px;
}

.manage_list .font_attend {
  color: #22c064;
}

.manage_list .font_absent {
  color: #ff6c52;
}

.manage_list .font_all {
  color: #999999;
}

.manage_list .font_ticket_payments_summary {
  font-size: 11px;
}

.manage_list .warning {
  color: #ff6c52;
}

.manage_list .manage_list_count {
  padding-top: 1em;
  padding-bottom: 0.5em;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
}

.manage_list .manage_list_count > div:nth-child(1) {
  float: left;
}

.manage_list .manage_list_count > div:nth-child(2) {
  float: right;
}

.manage_list .manage_list_count .select {
  padding-top: 1.5em;
  background-color: transparent;
}

.manage_list .manage_list_count .select:before {
  content: none;
}

.manage_list .manage_list_count .select i {
  padding-right: 0.3em;
  font-size: 17px;
  vertical-align: text-top;
}

.manage_list .manage_list_count .select select {
  display: inline-block;
  width: auto;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #002556;
  font-size: 15px;
}

.manage_list ul.entry_container {
  margin: 0 0 1em 0;
}

.manage_list ul.entry_container li {
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
}

.manage_list ul.entry_container li[data-entry=absent] {
  background-color: #f7f7f7;
}

.manage_list ul.entry_container li a {
  display: block;
  padding: 0.8em 0;
  position: relative;
}

.manage_list ul.entry_container li a i:first-child {
  font-size: 14px;
  display: inline-block;
  text-align: center;
  padding: 0.5em 0.5em;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  font-style: normal;
}

.manage_list ul.entry_container li a .font_attend {
  background-color: #22c064;
}

.manage_list ul.entry_container li a .font_absent {
  background-color: #e0483e;
}

.manage_list ul.entry_container li a .font_online {
  background-color: #22c064;
}

.manage_list ul.entry_container li a .right {
  width: 200px;
  padding-right: 3em;
  display: inline-block;
  float: right;
  font-size: 11px;
  font-weight: bold;
  color: #999999;
  line-height: 2.5;
}

.manage_list ul.entry_container li a .right .ticket_payments {
  width: 44%;
  padding: 1%;
  float: right;
  text-align: right;
}

.manage_list ul.entry_container li a .right .date {
  width: 32%;
  padding: 1%;
  float: right;
  text-align: right;
}

.manage_list ul.entry_container li a .right .time {
  width: 24%;
  padding: 1%;
  float: right;
}

.manage_list ul.entry_container li a i.arrow {
  position: absolute;
  right: 0em;
  color: #999999;
  line-height: 2;
}

.manage_list ul.entry_container li a.cancel_payment {
  display: inline;
  text-decoration: underline;
}

.manage_list ul.entry_container li .entry_detail {
  padding: 0.5em;
}

.manage_list ul.entry_container li .entry_detail.active {
  display: block;
  word-break: break-all;
}

.manage_list ul.entry_container li .entry_detail [data-edit-mode="true"] {
  display: none;
}

.manage_list ul.entry_container li .entry_detail.is_edit_mode [data-edit-mode="true"] {
  display: block;
}

.manage_list ul.entry_container li .entry_detail.is_edit_mode [data-edit-mode="false"] {
  display: none;
}

.manage_list ul.entry_container li .entry_detail div {
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 6px;
}

.manage_list ul.entry_container li .entry_detail div i {
  position: absolute;
  left: 0;
  text-align: center;
  width: 1em;
  line-height: unset;
}

.manage_list ul.entry_container li .entry_detail .payment {
  margin-top: 1em;
}

.manage_list ul.entry_container li .entry_detail .payment .payment_frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.5em;
  border-radius: 5px;
  background: #e5e9ee;
  padding: 0.5em;
}

.manage_list ul.entry_container li .entry_detail .entry_actions {
  padding-left: 0;
}

.manage_list ul.entry_container li .entry_detail .entry_actions a {
  display: inline-block;
  text-decoration: underline;
}

.manage_list ul.entry_container li .entry_detail .image-wrapper {
  width: 100%;
  position: relative;
  top: -16px;
}

.manage_list ul.entry_container li .entry_detail .image-wrapper .image-surface {
  position: relative;
  background-color: #E5E9EE;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}

.manage_list ul.entry_container li .entry_detail .image-wrapper .image {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: unset;
  margin-bottom: 10px;
}

.manage_list ul.entry_container li .entry_detail .image-wrapper .image img {
  height: 100%;
}

.manage_list .list-btn {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  color: #002556;
  background-color: #fff;
  border: 1px solid #002556;
}

.manage_list .list-btn i {
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
}

.manage_list .utf_download {
  font-size: 11px;
  color: #999999;
}

.manage_list .utf_download a {
  text-decoration: underline;
  color: #999999;
}

.manage_list .entry_form span {
  vertical-align: bottom;
}

.manage_list .entry_form .entry_form_inner {
  margin: 0 auto 2em auto;
  width: 100%;
  text-align: left;
}

.manage_list .entry_form .entry_form_inner .entry_form_radio01 {
  margin-bottom: 1em;
}

.manage_list .entry_form .entry_form_inner .entry_form_checkbox,
.manage_list .entry_form .entry_form_inner .entry_form_radio02 {
  margin: 1em 0;
}

.manage_list .entry_form input[type="text"], .manage_list .entry_form input[type="tel"] {
  max-width: 100%;
  width: 100%;
}

.manage_list .entry_form input[type="checkbox"]:not(.switch_content) {
  display: none;
}

.manage_list .entry_form input[type="checkbox"]:not(.switch_content) + label {
  margin-left: 0em;
  vertical-align: bottom;
}

.manage_list .entry_form input[type="checkbox"]:not(.switch_content) + :before {
  margin-right: 0.2em;
  content: "\f372";
  font-family: "Ionicons";
  font-size: 20px;
}

.manage_list .entry_form input[type="checkbox"]:not(.switch_content):checked + :before {
  content: "\f373";
}

.manage_list .entry_form textarea {
  width: 100%;
  max-width: 100%;
}

.manage_list .entry_form label {
  cursor: pointer;
}

.manage_list .lead_premium {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border: none;
  text-align: center;
}

.manage_list .lead_premium span {
  padding-bottom: 0.5em;
  color: #002556;
  font-size: 13px;
}

.manage_list .lead_premium a {
  margin-top: 0.5em;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

.manage_list [data-show-if-send-mail], .manage_list [data-show-if-has-modal-error] {
  display: none;
}

.manage_list .split_input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.manage_list .split_input > input {
  width: 50% !important;
  margin: 0 8px;
}

.manage_list .login-link {
  display: block;
  margin-top: 13px;
  color: #ff6c52;
  text-decoration: underline;
}

.manage_list .form_title {
  margin-top: 13px;
  font-weight: bold;
}

.manage_list .entry_form_radio01 label,
.manage_list .entry_form_radio02 label {
  margin-right: 13px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_mail_certification h3 {
  margin: 30px 0;
  text-align: center;
}

.manage_mail_certification p.confirm_text {
  padding: 10px 20px 30px 20px;
  max-width: 480px;
  margin: 0 auto;
}

.manage_mail_certification main {
  padding-top: 50px;
}

.manage_mail_certification main #content {
  padding: 1px 0 50px;
}

.manage_mail_certification main #content .manage_certification_mail {
  padding: 25px 20px;
}

.manage_mail_certification main #content .manage_certification_mail p {
  margin: 20px 0 40px 0;
}

.manage_mail_certification main #content .manage_certification_mail .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 400px) {
  .manage_mail_certification main #content .manage_certification_mail .flex {
    display: block;
  }
  .manage_mail_certification main #content .manage_certification_mail .flex .right {
    text-align: center;
  }
  .manage_mail_certification main #content .manage_certification_mail .flex button {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 20px auto;
  }
}

.manage_mail_certification main #content .manage_certification_mail .new_mail_title {
  margin: 40px 0 0 0;
}

.manage_mail_certification main #content .manage_certification_mail .left {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.manage_mail_certification main #content .manage_certification_mail .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}

.manage_mail_certification main #content .manage_certification_mail div.title {
  font-weight: bold;
  font-size: 14px;
}

.manage_mail_certification main #content .manage_certification_mail div.now_mail {
  margin-top: 10px;
}

.manage_mail_certification main #content .manage_certification_mail .error_message {
  width: 100%;
}

.manage_mail_certification main #content .manage_certification_mail button {
  font-size: 14px;
  max-width: 200px;
  padding: 10px 20px;
  border-radius: 10px;
  background: #FF695D;
  color: #fff;
}

.manage_mail_certification main #content .manage_certification_mail input {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  width: 100%;
  min-width: 200px;
  margin-top: 10px;
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;
}

.manage_mail_certification main #content .manage_certification_mail input:hover {
  border-bottom: 1px solid #000;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_notification main {
  padding-top: 50px;
}

.manage_notification ul.notification_list li {
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
}

.manage_notification ul.notification_list li a {
  display: block;
  padding: 1em 2em 1em 1em;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.manage_notification ul.notification_list li a i.ion-ios-arrow-forward {
  position: absolute;
  right: 1em;
}

.manage_notification .manage_header a.view_invitation {
  display: none;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_payment {
  padding-top: 50px;
  background-color: #fff;
}

.manage_payment .manage_payment_wrapper {
  margin-top: 3em;
  text-align: center;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk {
  margin: 0 auto 5em auto;
  max-width: 500px;
  width: 100%;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk h3 {
  margin-bottom: 2em;
  color: #002556;
  text-align: center;
  font-size: 1.5em;
  line-height: 1;
}

@media screen and (max-width: 700px) {
  .manage_payment .manage_payment_wrapper .manage_payment_blk h3 {
    line-height: 2;
    font-size: 1em;
  }
}

.manage_payment .manage_payment_wrapper .manage_payment_blk h3 span {
  padding: 0 0.3em 0.3em 0.3em;
  background: url("/images/easy_payment05.png") bottom left repeat-x;
  background-size: 17px auto;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk img {
  max-width: 590px;
  width: 100%;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk p {
  padding: 2em 0 0 0;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .manage_payment_l {
  float: left;
  width: 25%;
  margin-right: 5%;
  margin-bottom: 3em;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .manage_payment_r {
  margin-bottom: 3em;
  float: left;
  width: 70%;
  text-align: left;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .manage_payment_r:nth-last-child(3) {
  margin-bottom: 2em;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .manage_payment_r h4 {
  padding-left: 0.5em;
  color: #ff675b;
  font-weight: bold;
  font-size: 1.3em;
  border-left: 7px solid #ff675b;
}

@media screen and (max-width: 700px) {
  .manage_payment .manage_payment_wrapper .manage_payment_blk .manage_payment_r h4 {
    font-size: 1em;
  }
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .manage_payment_r p {
  padding: 0.5em 0 0 0;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .alert_payment {
  padding: 2em 0 0 0;
  font-size: 11px;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .alert_payment a {
  text-decoration: underline;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .campaign_box .campaign_img {
  display: block;
  margin: 0 auto;
  width: 300px;
}

@media screen and (max-width: 700px) {
  .manage_payment .manage_payment_wrapper .manage_payment_blk .campaign_box .campaign_img {
    margin: 0 auto;
    width: 70%;
  }
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .campaign_box p {
  font-weight: bold;
  padding: 1em 0 0.5em;
  text-align: center;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .credit_message {
  font-size: 11px;
  margin: 1em 0;
  padding: 1em;
  background-color: #FFF5EE;
  text-align: left;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .credit_message span {
  font-weight: bold;
}

.manage_payment .manage_payment_wrapper .manage_payment_blk .credit_message ul {
  margin: 1em;
}

.manage_payment .manage_payment_wrapper .manage_payment_btn {
  position: fixed;
  padding: 10px 4%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 20;
}

.manage_payment .manage_payment_wrapper .manage_payment_btn a {
  margin: 0 auto;
  font-size: 1em;
  font-weight: bold;
  position: relative;
}

.manage_payment .manage_payment_wrapper .manage_payment_btn a i {
  position: absolute;
  right: 1em;
  font-size: 20px;
}

.manage_payment .manage_payment_wrapper .manage_payment_menu {
  font-size: 13px;
}

.manage_payment .manage_payment_wrapper .manage_payment_menu ul {
  list-style: none;
}

.manage_payment .manage_payment_wrapper .manage_payment_menu ul li {
  width: 48%;
  float: left;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  box-shadow: 0 3px 6px -3px #e5e5e5;
}

.manage_payment .manage_payment_wrapper .manage_payment_menu ul li:nth-child(2) {
  float: right;
}

.manage_payment .manage_payment_wrapper .manage_payment_menu ul li a {
  display: block;
  padding: 1.5em 0;
  color: #002556;
}

.manage_payment .manage_payment_wrapper .manage_payment_menu ul li a i {
  color: #ff7568;
  display: block;
  font-size: 60px;
  margin: 0 auto 10px auto;
}

.manage_payment .manage_payment_wizard_link {
  padding: 3em 0;
  text-align: center;
}

.manage_payment .manage_payment_wizard_link a {
  font-size: 15px;
  color: #ff7568;
}

.manage_payment .manage_payment_wizard_link a i {
  padding-right: 5px;
  font-size: 20px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_share, .thanks_letter_share {
  padding-top: 1px;
}

.manage_share main, .thanks_letter_share main {
  padding-top: 50px;
}

.manage_share label.label_title, .thanks_letter_share label.label_title {
  font-weight: 500;
  font-size: 15px;
  color: #242323;
}

.manage_share select, .thanks_letter_share select {
  min-width: 160px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.manage_share .sup, .thanks_letter_share .sup {
  padding: 8px 8px 8px 24px;
  background-color: #f7f7f7;
  font-size: 11px;
}

.manage_share .share-method ul, .thanks_letter_share .share-method ul {
  text-align: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.manage_share .share-method ul > li, .thanks_letter_share .share-method ul > li {
  text-decoration: none;
  width: 32%;
  display: inline-block;
  margin-bottom: 30px;
}

.manage_share .share-method ul > li img, .thanks_letter_share .share-method ul > li img {
  display: block;
  width: 70%;
  max-width: 100px;
  margin: 0 auto;
}

.manage_share .content.share_menu h3, .thanks_letter_share .content.share_menu h3 {
  text-align: center;
  font-size: 14px;
  margin: 30px 10px;
  font-weight: normal;
  color: #555;
}

.manage_share .content.share_menu p.attention, .thanks_letter_share .content.share_menu p.attention {
  font-size: 9px;
  text-align: center;
  width: 100%;
  padding: 0 30px 20px;
  letter-spacing: 0.2em;
  margin: 0 auto;
}

.manage_share .content.share_menu .other_send, .thanks_letter_share .content.share_menu .other_send {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px 80px;
}

.manage_share .content.share_menu .other_send hr, .thanks_letter_share .content.share_menu .other_send hr {
  border-top: 1px solid #ccc;
  width: 100%;
  margin: 0 auto;
}

.manage_share .content.share_menu .other_send h3, .thanks_letter_share .content.share_menu .other_send h3 {
  text-align: center;
}

.manage_share .content.share_menu .other_send .choose_example_text, .thanks_letter_share .content.share_menu .other_send .choose_example_text {
  font-size: 14px;
  display: inline-block;
  color: #FF6C52;
  text-decoration: underline;
  margin-bottom: 6px;
}

.manage_share .content.share_menu .other_send textarea, .thanks_letter_share .content.share_menu .other_send textarea {
  display: block;
  width: 100%;
  max-width: unset;
  height: 320px;
}

.manage_share .content.share_menu .other_send a.btn, .thanks_letter_share .content.share_menu .other_send a.btn {
  width: 100%;
  margin: 30px auto 50px;
  background: #FF9E97;
}

.manage_share .content.share_menu .fix_banner, .thanks_letter_share .content.share_menu .fix_banner {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  position: fixed;
  padding-bottom: 15%;
  height: 0;
  overflow: hidden;
}

.manage_share .content.share_menu .fix_banner iframe, .thanks_letter_share .content.share_menu .fix_banner iframe {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: 0;
}

@media screen and (min-width: 500px) {
  .manage_share .content.share_menu .fix_banner, .thanks_letter_share .content.share_menu .fix_banner {
    padding-bottom: 75px;
  }
}

.manage_share .choose_example_text_modal .close_icon, .thanks_letter_share .choose_example_text_modal .close_icon {
  text-align: right;
}

.manage_share .choose_example_text_modal h2, .thanks_letter_share .choose_example_text_modal h2 {
  margin: 20px auto;
  font-size: 16px;
}

.manage_share .choose_example_text_modal label, .thanks_letter_share .choose_example_text_modal label {
  margin: 20px auto;
  display: block;
  max-width: 400px;
  text-align: left;
}

.manage_share .choose_example_text_modal a.choice_example_text, .thanks_letter_share .choose_example_text_modal a.choice_example_text {
  max-width: 130px;
  background: #fff;
  border: 2px solid #F2674E;
  color: #F2674E;
  border-radius: 20px;
  line-height: unset;
  height: unset;
  padding: 10px 0;
}

.manage_share .choose_example_text_modal hr, .thanks_letter_share .choose_example_text_modal hr {
  border-top: 1px solid #ccc;
  width: 100%;
  margin: 40px auto;
}

.manage_share .notes, .thanks_letter_share .notes {
  margin: 2rem;
  padding: 1rem;
  background: #f7f7f7;
  text-align: center;
}

.manage_share .notes h3, .thanks_letter_share .notes h3 {
  margin: 1rem !important;
  font-weight: bold !important;
}

.manage_share .notes p, .thanks_letter_share .notes p {
  max-width: 480px;
  margin: 0 auto;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.manage_share_detail main {
  padding-top: 50px;
}

.manage_share_detail .content.show_qr img {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 20px auto 0;
}

.manage_share_detail .content.show_qr p {
  text-align: center;
  padding-bottom: 50px;
}

.manage_share_detail .content.edit_line,
.manage_share_detail .content.edit_mail {
  padding: 1px 0;
}

.manage_share_detail .content.edit_line img,
.manage_share_detail .content.edit_mail img {
  display: block;
  width: 80%;
  max-width: 450px;
  margin: 20px auto 10px;
}

.manage_share_detail .content.edit_line p,
.manage_share_detail .content.edit_mail p {
  font-size: 12px;
  width: 80%;
  max-width: 450px;
  padding-bottom: 50px;
  margin: auto;
}

.manage_share_detail .content.edit_line p.attention,
.manage_share_detail .content.edit_mail p.attention {
  font-size: 10px;
  width: 100%;
  padding-bottom: 0;
  margin: auto;
}

.manage_share_detail .content.edit_line p.error,
.manage_share_detail .content.edit_mail p.error {
  text-align: center;
  font-weight: bold;
  color: red;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.manage_share_detail .content.edit_line h3,
.manage_share_detail .content.edit_mail h3 {
  background: #FBE3E3;
  padding: 10px 10%;
}

.manage_share_detail .content.edit_line .message_pattern select,
.manage_share_detail .content.edit_mail .message_pattern select {
  display: block;
  width: 80%;
  margin: 30px auto 20px;
  max-width: 680px;
}

.manage_share_detail .content.edit_line .message_pattern textarea.message_textarea,
.manage_share_detail .content.edit_mail .message_pattern textarea.message_textarea {
  display: block;
  width: 80%;
  margin: 10px auto;
  max-width: 680px;
}

.manage_share_detail .content.edit_line .message_pattern label,
.manage_share_detail .content.edit_mail .message_pattern label {
  display: none;
}

.manage_share_detail .content.edit_line .share_message_wrap,
.manage_share_detail .content.edit_mail .share_message_wrap {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px 20px 10px;
}

.manage_share_detail .content.edit_line .share_message_wrap hr,
.manage_share_detail .content.edit_mail .share_message_wrap hr {
  border-top: 1px solid #ccc;
  width: 100%;
  margin: 0 auto;
}

.manage_share_detail .content.edit_line .share_message_wrap h3,
.manage_share_detail .content.edit_mail .share_message_wrap h3 {
  text-align: center;
}

.manage_share_detail .content.edit_line .share_message_wrap .choose_example_text,
.manage_share_detail .content.edit_mail .share_message_wrap .choose_example_text {
  font-size: 14px;
  display: inline-block;
  color: #FF6C52;
  text-decoration: underline;
  margin-bottom: 6px;
}

.manage_share_detail .content.edit_line .share_message_wrap textarea,
.manage_share_detail .content.edit_mail .share_message_wrap textarea {
  display: block;
  width: 100%;
  max-width: unset;
  height: 320px;
}

.manage_share_detail .content.edit_line button,
.manage_share_detail .content.edit_mail button {
  color: #fff;
  display: block;
  padding: 15px 20px;
  background: #FF9E97;
  width: 100%;
  margin: 30px auto 50px;
  border-radius: 10px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.user__verify #container {
  max-width: 760px !important;
}

.user__verify main {
  padding-top: 50px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.unsubscribe main {
  padding-top: 50px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.photo main {
  padding-top: 50px;
}

.photo main #content {
  padding-top: 50px;
}

.photo main #content .description {
  text-align: center;
}

.photo main #content .limit_date {
  color: #f00;
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 1em;
  text-align: center;
}

.photo main #content .photo_sample a {
  background-color: #ff9e97;
  width: 100%;
}

.photo main #content .photo_buy {
  padding: 1em 0;
}

.photo main #content .photo_buy input[type="button"] {
  background-color: #ff7568;
  background-image: none !important;
  border-radius: 7px;
  border: none !important;
  color: #fff;
  display: block;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  max-width: 480px;
  padding: 0;
  text-align: center;
  width: 100%;
}

.photo main #content .photo_production {
  padding: 1em 0;
}

.photo main #content .caution {
  margin: 0 auto;
  max-width: 480px;
  padding-top: 1em;
  padding-bottom: 4em;
}

.photo main #content .caution ul {
  margin-left: 2em;
}

.l-remodal.remodal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  padding: 0;
}

.remodal-screen-fit.remodal-wrapper {
  padding: 1em 10px;
  overflow: hidden;
}

.remodal-screen-fit.remodal {
  max-height: 100%;
}

.remodal-screen-fit .remodal-body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
}

.remodal-full-height.remodal-overlay {
  z-index: 999;
}

.remodal-full-height.remodal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  z-index: 1000;
}

.remodal-full-height.remodal {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 760px;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.remodal-full-height .remodal-body {
  padding: 12px;
}

.remodal-full-height .remodal-header + .remodal-body {
  height: calc(100% - 40px);
  overflow-y: auto;
}

.remodal-header {
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.remodal-header .remodal-header-close-button {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  min-height: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  color: inherit;
}

.remodal-header .remodal-header-title {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #002556;
}

.remodal-footer .button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em;
}

.remodal-footer .button-container .btn + .btn {
  margin-left: 0.5em;
}

.remodal-base.remodal-overlay {
  background: rgba(0, 0, 0, 0.2);
}

.remodal-base.remodal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}

.remodal-base.remodal {
  max-width: 400px;
  min-height: 480px;
  max-height: 100%;
  border-radius: 1rem;
  box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.125);
}

.remodal-base .remodal-header {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border: 0;
}

.remodal-base .remodal-body {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
}

.remodal-base .remodal-footer {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.remodal-base .remodal-footer .btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5rem;
}

.remodal-base .remodal-footer .btn-container .modal-btn + .modal-btn {
  margin-top: 0.5rem;
}

.modal-btn {
  font-size: 13px;
}

.modal-btn.--accept {
  color: #ff6c52;
  border: 2px solid #ff6c52;
}

.remodal-close {
  right: 0;
  left: auto;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.user.user__signup_partners_user h1 {
  text-align: center;
}

.user.user__signup_partners_user h1.logo img {
  width: 160px;
}

.user.user__signup_partners_user h1.logo.tg_logo img {
  width: 214px;
}

.user.user__signup_partners_user h2.title {
  margin: 32px 0;
}

.user.user__signup_partners_user p {
  line-height: 2;
  padding: 2em;
  text-align: left;
}

.user.user__signup_partners_user .alert {
  border: none;
  background: none;
}

.user.user__signup_partners_user .alert ul {
  list-style: none;
}

.user.user__signup_partners_user .manage_button button {
  max-width: 320px;
  background: -webkit-linear-gradient(left, #B4D2C9, #82B2B1);
  background: linear-gradient(90deg, #B4D2C9, #82B2B1);
}

.user.user__signup_partners_user .signup_alert {
  margin: 0 auto;
}

.user.user__signup_partners_user #create_form .input_section {
  text-align: left;
  display: block;
  margin-bottom: 16px;
}

@media (min-width: 600px) {
  .user.user__signup_partners_user #create_form .input_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.user.user__signup_partners_user #create_form .input_section label {
  text-align: left;
}

@media (min-width: 600px) {
  .user.user__signup_partners_user #create_form .input_section label {
    width: 40%;
    text-align: left;
  }
}

.user.user__signup_partners_user #create_form .input_section .input_names {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (min-width: 600px) {
  .user.user__signup_partners_user #create_form .input_section .input_names {
    width: 60%;
  }
}

.user.user__signup_partners_user #create_form .input_section .input_names input {
  width: 49%;
  margin: 8px 0 0;
}

.user.user__signup_partners_user #create_form .input_section .input_area {
  text-align: left;
}

@media (min-width: 600px) {
  .user.user__signup_partners_user #create_form .input_section .input_area {
    width: 60%;
  }
}

.user.user__signup_partners_user #create_form .input_section .input_area input {
  margin-top: 8px;
  border-radius: 0;
}

.user.user__signup_partners_user #create_form .input_section .input_area ul {
  list-style: none;
}

.user.user__signup_partners_user #create_form .input_section .input_area.tg_place {
  position: relative;
}

.user.user__signup_partners_user #create_form .input_section .input_area.tg_place ul {
  padding: 8px 0;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  background: white;
  max-width: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.user.user__signup_partners_user #create_form .input_section .input_area.tg_place ul li {
  padding: 8px;
  cursor: pointer;
}

.user.user__signup_partners_user #create_form .input_section .input_area.tg_place ul li:hover {
  background: #F4F4F4;
}

.user.user__signup_partners_user .use-web-table-radio + div {
  margin-top: 16px;
  border: none !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

.user.user__signup_partners_user .use-web-table-radio + :before {
  content: '';
}

.user.user__signup_partners_user .use-web-table-radio[value="0"] + div {
  width: 90px;
  height: 100px;
  background-image: url("/images/partners/use_web_table_1_inactive.jpg");
}

.user.user__signup_partners_user .use-web-table-radio[value="0"]:checked + div {
  background-image: url("/images/partners/use_web_table_1_active.jpg");
}

.user.user__signup_partners_user .use-web-table-radio[value="1"] + div {
  width: 180px;
  height: 100px;
  background-image: url("/images/partners/use_web_table_2_inactive.jpg");
}

.user.user__signup_partners_user .use-web-table-radio[value="1"]:checked + div {
  background-image: url("/images/partners/use_web_table_2_active.jpg");
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.user #content {
  padding-top: 0;
}

.user #container {
  width: 100%;
  max-width: none;
}

.user .manage_header {
  display: none;
}

.user .btn {
  width: 100%;
}

.user #manage_container.is_partner_app .manage_button a {
  background: -webkit-linear-gradient(left, #B4D2C9, #82B2B1);
  background: linear-gradient(90deg, #B4D2C9, #82B2B1);
  width: 100%;
}

.user #manage_container {
  padding: 0 0;
  background-image: url("/images/login_background_pc.jpg");
  background-position: center center;
  background-size: cover;
  box-shadow: none;
  max-width: none;
}

@media (max-width: 680px) {
  .user #manage_container {
    background-image: url("/images/login_background_sp.jpg");
  }
}

.user #manage_container #login_content_wrapper {
  min-height: 100vh;
  padding: 16px 1em;
  width: 100%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.user #manage_container #login_content_wrapper #login_content {
  margin: 0 auto;
  padding: 72px 0;
  width: 100%;
  max-width: 400px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.user #manage_container #login_content_wrapper #login_content .input_password {
  padding-bottom: 70px;
  position: relative;
}

.user #manage_container #login_content_wrapper #login_content .input_password input {
  position: absolute;
  left: 0;
}

.user #manage_container #login_content_wrapper #login_content .input_password i {
  padding: 12px 10px;
  position: absolute;
  top: 17px;
  right: 1px;
  font-size: 22px;
  cursor: pointer;
}

.user #manage_container #login_content_wrapper #login_content .input_password i.ion-eye-disabled {
  display: none;
}

.user .manage_footer {
  display: none;
}

.user h1.logo {
  text-align: center;
}

.user h1.logo img {
  height: auto;
  width: 120px;
}

.user h1.logo img.partner_logo {
  width: 160px;
}

.user h2.account_title {
  color: #333;
  border: none !important;
  font-size: 15px !important;
  height: auto !important;
  line-height: 200% !important;
  margin: 32px 0 0;
}

.user #login_form input, .user #create_form input {
  font-weight: normal;
  color: #333;
  font-size: 13px !important;
  margin-top: 16px;
  background: transparent;
  max-width: 480px;
  border: 1px solid #ccc;
}

.user #login_form input::-webkit-input-placeholder, .user #create_form input::-webkit-input-placeholder {
  color: #ccc;
}

.user #login_form input:-ms-input-placeholder, .user #create_form input:-ms-input-placeholder {
  color: #ccc;
}

.user #login_form input::placeholder, .user #create_form input::placeholder {
  color: #ccc;
}

.user #login_form input:focus, .user #create_form input:focus {
  outline: 0;
}

.user #login_form input:-webkit-autofill, .user #create_form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  background-color: white;
}

.user .manage_button {
  padding: 0 0 1em;
}

.user .manage_button a {
  margin-top: 15px;
  border-radius: 5px;
  font-weight: bold;
  background: #FF7568;
}

.user .line_login {
  margin: 26px 0;
}

.user .line_login .bubble {
  padding: 5px;
  max-width: 120px;
  margin: 0 auto;
  border-radius: 20px;
  background: #FFED4D;
  position: relative;
  font-size: 13px;
  font-weight: 700;
}

.user .line_login .bubble::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -6px;
  background: #FFED4D;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.user .line_login a {
  margin-top: 0px;
  border-radius: 5px;
  font-weight: bold;
  background: #06C755;
}

.user .line_login a p {
  margin-right: 50px;
}

.user .line_login img {
  height: 50px;
  float: left;
  margin-left: 10px;
}

.user .errors {
  background: transparent;
  border: none;
  margin: 0 auto;
}

.user .errors .error_list {
  padding: 0;
}

.user .message {
  background: rgba(255, 255, 255, 0.7);
  margin: 1em auto;
  padding: 1em;
  border: 1px solid #e56473;
  border-radius: 6px;
  color: #e56473;
}

.user .message a {
  color: #e56473;
  font-weight: bold;
  text-decoration: underline;
}

.user .other_page a {
  display: inline-block;
  padding: 0.5em 0 1.5em;
  text-align: center;
  color: #333;
  text-decoration: underline;
}

.user .manage_user_wrapper {
  border-radius: 5px;
  margin: 0 auto;
  padding: 0 2em;
  text-align: center;
}

.user .manage_user_footer {
  margin: 0 auto;
  padding: 0 2em;
  text-align: center;
}

.user div.signup_alert {
  font-size: 11px;
  margin: 0 0 2em;
  text-align: center;
  color: #333;
  max-width: 330px;
}

.user div.signup_alert a {
  color: #333;
  background: transparent;
  text-decoration: underline;
}

.user .login_link, .user .signup_link {
  font-size: 12px;
  color: #FF6C52;
  border-radius: 50px;
  background: transparent !important;
  text-decoration: none;
  border: 1px solid #FF6C52;
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 2em auto 0;
  padding: 1em 0;
}

.user .signup_message {
  padding: 3em 0;
  text-align: center;
}

.user .login_footer {
  width: 80%;
  border-top: 1px solid #333333;
  margin: 10px auto 0;
  text-align: center;
  padding: 20px 0 30px;
  max-width: 680px;
}

.user .login_footer ul {
  list-style: none;
}

@media (min-width: 680px) {
  .user .login_footer ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.user .login_footer ul li {
  padding: 2px 0;
}

.user .login_footer ul li a {
  color: #333;
  display: block;
  padding: 8px 10px;
}

.user .login_footer .copyright {
  font-size: 11px;
  margin-top: 20px;
  color: #333;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.user_password main {
  padding-top: 50px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

main div.partners_andtricot {
  background-color: #fff;
  padding-top: 50px;
}

main div.partners_andtricot .title_back_img {
  width: 100%;
  height: 300px;
}

main div.partners_andtricot section.main_visual {
  background: url("/images/andtricot/andtricot_img_1.jpeg") center center;
  background-size: cover;
  height: 600px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

main div.partners_andtricot section.main_visual h2 {
  font-family: 'Sawarabi Mincho', sans-serif;
  color: #fff;
  text-align: center;
  font-size: 40px;
  letter-spacing: .1em;
  line-height: 1.2em;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.main_visual h2 {
    font-size: 35px;
  }
}

main div.partners_andtricot section.concept h1 {
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 48px;
  color: #000;
  letter-spacing: .1em;
  line-height: 1.4em;
  margin: -260px 0 0 40px;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.concept h1 {
    font-size: 30px;
  }
}

main div.partners_andtricot section.concept p {
  font-family: 'Sawarabi Mincho', sans-serif;
  color: #000;
  font-weight: 500;
  line-height: 2.5;
  margin: 40px 40px 80px 40px;
  font-size: 15px;
}

main div.partners_andtricot section.feature {
  font-family: 'Sawarabi Mincho', sans-serif;
  color: #000;
  font-weight: 500;
  line-height: 2.5;
  font-size: 15px;
}

main div.partners_andtricot section.feature img {
  width: 100%;
  max-height: 620px;
}

main div.partners_andtricot section.feature h2 {
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 48px;
  color: #000;
  letter-spacing: .1em;
  line-height: 1.4em;
  margin: -260px 0 0 40px;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.feature h2 {
    font-size: 30px;
  }
}

main div.partners_andtricot section.feature p {
  margin: 20px 40px 10px 40px;
}

main div.partners_andtricot section.feature h4 {
  margin: 40px 40px 10px 40px;
  font-weight: normal;
}

main div.partners_andtricot section.feature h3 {
  font-family: serif;
  text-align: center;
  margin: 20px 0 5px 0;
  font-size: 40px;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.feature h3 {
    font-size: 30px;
  }
}

main div.partners_andtricot section.feature .products {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.feature .products {
    grid-template-columns: 1fr;
  }
}

main div.partners_andtricot section.feature .products div.product_img {
  height: 600px;
  background-size: cover;
  background-position: center center;
  grid-column: span 1;
  grid-row: span 1;
}

main div.partners_andtricot section.feature .products div.product_img_1 {
  background-image: url("/images/andtricot/andtricot_img_3.jpeg");
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

main div.partners_andtricot section.feature .products div.product_description_1 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

main div.partners_andtricot section.feature .products div.product_img_2 {
  background-image: url("/images/andtricot/andtricot_img_4.jpeg");
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.feature .products div.product_img_2 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}

main div.partners_andtricot section.feature .products div.product_description_2 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.feature .products div.product_description_2 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
}

main div.partners_andtricot section.feature .products div.product_img_3 {
  background-image: url("/images/andtricot/andtricot_img_5.jpeg");
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

main div.partners_andtricot section.feature .products div.product_description_3 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

main div.partners_andtricot section.feature .products div.product_description {
  grid-column: span 1;
  grid-row: span 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.feature .products div.product_description .description_wrapper {
    padding: 40px 0;
  }
}

main div.partners_andtricot section.feature .products div.product_description .description_wrapper h3 {
  text-align: left;
  color: #212121;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0em;
  margin: 0 40px 10px 40px;
}

main div.partners_andtricot section.feature .products div.product_description .description_wrapper p {
  line-height: 1.5;
  color: #424242;
  letter-spacing: 0em;
}

@media (max-width: 768px) {
  main div.partners_andtricot section.feature .products div.product_description .description_wrapper p {
    font-size: 13px;
  }
}

@media (max-width: 500px) {
  main div.partners_andtricot section.feature .products div.product_description .description_wrapper p {
    font-size: 15px;
  }
}

main div.partners_andtricot section.flow h2 {
  font-family: 'Sawarabi Mincho', sans-serif;
  text-align: center;
  color: #212121;
  font-size: 36px;
  margin: 40px 0 60px 0;
}

main div.partners_andtricot section.flow .flows {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 0 5px;
}

@media (max-width: 768px) {
  main div.partners_andtricot section.flow .flows {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 500px) {
  main div.partners_andtricot section.flow .flows {
    grid-template-columns: 1fr;
  }
}

main div.partners_andtricot section.flow .flows .flow_item {
  grid-column: span 1;
  grid-row: span 1;
  padding: 5px;
}

main div.partners_andtricot section.flow .flows .flow_item div {
  height: 220px;
  max-width: 190px;
  margin: 10px auto;
  background-size: cover;
  background-position: center center;
}

main div.partners_andtricot section.flow .flows .flow_item .flow_img_1 {
  background-image: url("/images/andtricot/andtricot_img_6.png");
}

main div.partners_andtricot section.flow .flows .flow_item .flow_img_2 {
  background-image: url("/images/andtricot/andtricot_img_7.png");
}

main div.partners_andtricot section.flow .flows .flow_item .flow_img_3 {
  background-image: url("/images/andtricot/andtricot_img_8.jpeg");
}

main div.partners_andtricot section.flow .flows .flow_item .flow_img_4 {
  background-image: url("/images/andtricot/andtricot_img_9.jpeg");
}

main div.partners_andtricot section.flow .flows .flow_item p {
  font-size: 15px;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 5px 0;
  font-family: sans-serif;
}

main div.partners_andtricot section.fee {
  padding: 40px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
  main div.partners_andtricot section.fee {
    grid-template-columns: 1fr;
  }
}

main div.partners_andtricot section.fee .fee_img {
  background: url("/images/andtricot/andtricot_img_10.png") center center;
  height: 320px;
  background-size: cover;
  grid-column: span 1;
  grid-row: span 1;
}

main div.partners_andtricot section.fee .fee_description {
  grid-column: span 1;
  grid-row: span 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

main div.partners_andtricot section.fee .fee_description .description_wrapper {
  padding: 0 40px;
}

@media (max-width: 768px) {
  main div.partners_andtricot section.fee .fee_description .description_wrapper {
    padding: 40px 30px;
  }
}

main div.partners_andtricot section.fee .fee_description .description_wrapper h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.2;
  font-family: sans-serif;
}

main div.partners_andtricot section.fee .fee_description .description_wrapper p {
  line-height: 1.2;
  font-size: 15px;
}

main div.partners_andtricot section.contact h2 {
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 48px;
  color: #000;
  letter-spacing: .1em;
  line-height: 1.4em;
  margin: -240px 0 0 40px;
}

@media (max-width: 500px) {
  main div.partners_andtricot section.contact h2 {
    font-size: 30px;
  }
}

main div.partners_andtricot section.contact div.form_wrapper {
  margin: -130px auto 0px auto;
  padding: 0 20px 100px 20px;
  width: 100%;
  max-width: 580px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

main div.with_chaplin {
  background-color: #fff;
}

main div.with_chaplin .title_back_img {
  width: 100%;
  height: 300px;
}

main div.with_chaplin h2 img {
  height: 42px;
}

main div.with_chaplin .content {
  background: #f9ebe8;
  padding-top: 50px;
}

main div.with_chaplin .content img {
  width: 100%;
}

main div.with_chaplin .content .coupon {
  padding: 10px 0 50px 0;
  margin: 30px auto;
  width: 93%;
}

main div.with_chaplin .content .coupon .coupon_title {
  padding: 20px 0;
  border-radius: 20px 20px 0 0;
  background-color: #356589;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
}

main div.with_chaplin .content .coupon .coupon_text {
  padding: 30px 0;
  border-radius: 0 0 20px 20px;
  background-color: #fff;
  color: #356589;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

main div.with_chaplin .content .coupon .coupon_text span {
  font-size: 17px;
  color: #ff6c52;
}

main div.with_chaplin .content .coupon .coupon_button {
  position: relative;
  min-width: 300px;
  margin: 40px auto 0 auto;
  display: block;
  border-radius: 30px;
  background-color: #ff6c52;
  text-align: center;
  letter-spacing: 0.3em;
  width: 80%;
  padding: 20px 0;
  font-size: 18px;
  color: #fff;
}

main div.with_chaplin .content .coupon .coupon_button i {
  position: absolute;
  right: 20px;
  display: inline-block;
  width: 30px;
  text-align: right;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

body.with #content.with_confirm {
  padding-top: 100px;
}

body.with #content.with_confirm h3 {
  margin: 20px 0;
  text-align: center;
}

body.with #content.with_confirm p {
  display: block;
  width: 100%;
  max-width: 580px;
  margin: 20px auto 60px;
  padding: 0 20px;
}

body.with #content.with_confirm .manage_buttona {
  padding-bottom: 50px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

main div.with_esthetic_list .content,
main div.with_present_list .content {
  padding-top: 50px;
  min-height: 100vh;
}

main div.with_esthetic_list .content ul.content_list,
main div.with_present_list .content ul.content_list {
  padding: 26px 12px;
  list-style: none;
}

main div.with_esthetic_list .content ul.content_list li,
main div.with_present_list .content ul.content_list li {
  border: 1px solid #E5E5E5;
  border-radius: 7px;
  margin-bottom: 26px;
}

main div.with_esthetic_list .content ul.content_list li img,
main div.with_present_list .content ul.content_list li img {
  display: block;
  width: 100%;
  border-radius: 7px 7px 0 0;
}

main div.with_esthetic_list .content ul.content_list li p,
main div.with_present_list .content ul.content_list li p {
  margin: 13px;
}

main div.with_esthetic_list .content ul.content_list li p.pr,
main div.with_present_list .content ul.content_list li p.pr {
  font-weight: 500;
}

main div.with_esthetic_list .content ul.content_list li a,
main div.with_present_list .content ul.content_list li a {
  margin: 26px auto;
}

main div.with_esthetic_list .content ul.content_list li .present_description,
main div.with_present_list .content ul.content_list li .present_description {
  padding: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

main div.with_esthetic_list .content ul.content_list li .present_description p,
main div.with_present_list .content ul.content_list li .present_description p {
  margin: 0 13px 0 0;
  width: 50%;
}

main div.with_esthetic_list .content ul.content_list li .present_description a,
main div.with_present_list .content ul.content_list li .present_description a {
  width: 50%;
  margin: 0 auto 0;
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

main div.with_lovegraph {
  background-color: #fff;
}

main div.with_lovegraph .title_back_img {
  width: 100%;
  height: 300px;
}

main div.with_lovegraph h2 img {
  height: 42px;
}

main div.with_lovegraph .content {
  color: #4C4C4C;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  background: #F3EEEA;
  padding-top: 50px;
}

main div.with_lovegraph .content img {
  width: 100%;
}

main div.with_lovegraph .content .plan {
  background: #F3EEEA;
  padding: 30px 20px;
}

main div.with_lovegraph .content .plan img {
  border-radius: 20px;
  max-width: 480px;
  margin: 0 auto;
  display: block;
}

main div.with_lovegraph .content .plan .coupon {
  max-width: 480px;
  background: #fff;
  padding: 30px 20px;
  margin: 20px auto;
  border-radius: 20px;
  text-align: center;
}

main div.with_lovegraph .content .plan .coupon h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  position: relative;
}

main div.with_lovegraph .content .plan .coupon p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

main div.with_lovegraph .content .plan .coupon .code {
  font-weight: 700;
  font-size: 28px;
  line-height: 24px;
  margin: 20px 0;
  color: #FF6C52;
}

@media (max-width: 460px) {
  main div.with_lovegraph .content .plan .coupon .code {
    font-size: 18px;
  }
}

main div.with_lovegraph .content .plan .coupon button {
  border-radius: 40px;
  border: 2px solid #FF6C52;
  font-weight: 500;
  font-size: 22px;
  line-height: 20px;
  color: #FF6C52;
  padding: 14px 40px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 460px) {
  main div.with_lovegraph .content .plan .coupon button {
    padding: 10px 40px;
    font-size: 16px;
  }
}

main div.with_lovegraph .content .plan .coupon button:hover {
  background: #FF6C52;
  color: #fff;
}

main div.with_lovegraph .content .plan a {
  background: #FF6C52;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  display: block;
  width: 100%;
  padding: 18px 0;
  border-radius: 7px;
  text-align: center;
  position: relative;
  max-width: 420px;
  margin: 30px auto;
}

main div.with_lovegraph .content .plan a:after {
  content: '';
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 14px;
  width: 14px;
  top: 20px;
  right: 20px;
  position: absolute;
}

@media (max-width: 460px) {
  main div.with_lovegraph .content .plan a {
    font-size: 16px;
  }
}

main div.with_lovegraph .content .about {
  background: #fff;
  padding: 60px 20px;
}

main div.with_lovegraph .content .about h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

main div.with_lovegraph .content .about p {
  margin: 10px auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  max-width: 480px;
}

main div.with_lovegraph .content .about ul {
  list-style: none;
}

main div.with_lovegraph .content .about ul li {
  max-width: 480px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px auto;
}

main div.with_lovegraph .content .about ul li .list_image {
  width: 30%;
}

main div.with_lovegraph .content .about ul li .texts {
  width: 70%;
  padding: 0 0 0 20px;
}

main div.with_lovegraph .content .about ul li .texts h4 {
  font-weight: 700;
  font-size: 16px;
}

main div.with_lovegraph .content .about .images {
  margin-top: 60px;
  width: 100%;
}

main div.with_lovegraph .content .about .images img {
  margin: 10px 0;
}

@media (max-width: 460px) {
  main div.with_lovegraph .content .about .images img {
    margin: 5px 0;
  }
}

main div.with_lovegraph .content .about .images .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

main div.with_lovegraph .content .about .images .column img {
  width: calc(50% - 10px);
}

@media (max-width: 460px) {
  main div.with_lovegraph .content .about .images .column img {
    width: calc(50% - 5px);
  }
}

main div.with_lovegraph .content .about .images .column img:first-child {
  margin-right: 10px;
}

@media (max-width: 460px) {
  main div.with_lovegraph .content .about .images .column img:first-child {
    margin-right: 5px;
  }
}

main div.with_lovegraph .content .about .images .column img:last-child {
  margin-left: 10px;
}

@media (max-width: 460px) {
  main div.with_lovegraph .content .about .images .column img:last-child {
    margin-left: 5px;
  }
}

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400&display=swap);
.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

main div.with_new_year_card {
  font-family: 'Noto Sans JP', sans-serif;
  background-color: #fff;
  padding-top: 50px;
}

main div.with_new_year_card .sub_header img {
  height: 20px;
}

main div.with_new_year_card .content {
  padding: 50px 0 0;
}

main div.with_new_year_card .content .main_visual img {
  display: block;
  width: 100%;
  margin-bottom: 2em;
}

main div.with_new_year_card .content img.discount {
  display: block;
  width: 95%;
  margin: 0 auto 50px;
}

main div.with_new_year_card .content .coupon_area {
  padding: 10px;
}

main div.with_new_year_card .content .coupon_area .coupon {
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
}

main div.with_new_year_card .content .coupon_area .coupon .flex {
  border: 2px #bf2b25 solid;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

main div.with_new_year_card .content .coupon_area .coupon .flex .flex_left {
  background: #bf2b25;
  width: 100%;
}

main div.with_new_year_card .content .coupon_area .coupon .flex .flex_left p {
  padding: 15px 10px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

main div.with_new_year_card .content .coupon_area .coupon .flex .flex_left p span {
  font-size: 12px;
}

main div.with_new_year_card .content .coupon_area .coupon .flex .flex_right {
  width: 100%;
  text-align: center;
  height: auto;
}

main div.with_new_year_card .content .coupon_area .coupon .flex .flex_right p {
  font-size: 18px;
}

main div.with_new_year_card .content .coupon_area .coupon p.memo {
  font-size: 11px;
  padding: 3px 0;
}

main div.with_new_year_card .content .address_print {
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 480px;
  width: 100%;
  margin: 50px auto;
}

main div.with_new_year_card .content .address_print .flex_left {
  width: 70%;
}

main div.with_new_year_card .content .address_print .flex_left h3 {
  color: #d42d26;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: normal;
  padding-top: 30px;
}

@media (max-width: 460px) {
  main div.with_new_year_card .content .address_print .flex_left h3 {
    padding-top: 0;
    font-size: 18px;
  }
}

main div.with_new_year_card .content .address_print .flex_left p {
  padding-top: 10px;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

@media (max-width: 460px) {
  main div.with_new_year_card .content .address_print .flex_left p {
    font-size: 14px;
  }
}

main div.with_new_year_card .content .address_print .flex_left p a {
  color: #cf9e17;
  font-weight: bold;
}

main div.with_new_year_card .content .address_print .flex_right {
  width: 30%;
}

main div.with_new_year_card .content section {
  padding: 0 0 10px;
}

main div.with_new_year_card .content section h3 {
  background: #c7341e;
  font-weight: normal;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  font-size: 24px;
  letter-spacing: 0.1em;
}

@media (max-width: 460px) {
  main div.with_new_year_card .content section h3 {
    font-size: 18px;
  }
}

main div.with_new_year_card .content section h4 {
  padding: 20px 10px 0;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}

main div.with_new_year_card .content section p {
  padding: 20px 10px;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}

main div.with_new_year_card .content section p span {
  color: #bf2b25;
}

main div.with_new_year_card .content section p.date {
  color: #bf2b25;
  padding: 5px 10px;
  font-weight: bold;
}

main div.with_new_year_card .content section img {
  display: block;
  width: 90%;
  max-width: 460px;
  margin: 0 auto;
}

main div.with_new_year_card .content section hr {
  margin: 30px auto;
  max-width: 600px;
  width: 90%;
  border-bottom: 4px dotted #bf2b25;
}

main div.with_new_year_card .content section ul {
  padding: 10px 10px 20px 30px;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  font-size: 10px;
}

main div.with_new_year_card .content section.flow {
  background: #f4e8e8;
}

main div.with_new_year_card .content section.contact {
  background: #c7341e;
  font-weight: normal;
  color: #fff;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.1em;
}

main div.with_new_year_card .content section.contact p {
  padding: 5px 10px 0;
}

main div.with_new_year_card .content section.contact a {
  display: block;
  margin: 5px auto;
  width: 90%;
  max-width: 350px;
  text-align: center;
  padding: 5px 20px;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  position: relative;
  border: none;
}

main div.with_new_year_card .content section.contact a:after {
  font-family: ionicons;
  content: "\f3d3";
  position: absolute;
  display: block;
  font-size: 16px;
  top: 6px;
  right: 6px;
}

main div.with_new_year_card .content a.button {
  display: block;
  margin: 30px auto;
  width: 90%;
  max-width: 380px;
  text-align: center;
  padding: 15px 20px;
  color: #fff;
  border-radius: 10px;
  font-size: 20px;
  position: relative;
  border: 3px solid #fff;
}

main div.with_new_year_card .content a.button:after {
  font-family: ionicons;
  content: "\f3d3";
  position: absolute;
  display: block;
  font-size: 23px;
  top: 15px;
  right: 11px;
}

main div.with_new_year_card .content a.btn_yellow {
  background: #cf9e17;
}

main div.with_new_year_card .content a.btn_red {
  background: #bf2b25;
}

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400&display=swap);
.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

.with_novic_snap {
  font-family: "Noto Sans JP", sans-serif;
}

.with_novic_snap .content {
  padding-top: 50px;
}

.with_novic_snap #main_visual {
  width: 100%;
  min-height: 400px;
  background: url("/images/novic_snap/main_visual_background.jpg") center center;
  background-size: cover;
  padding: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.with_novic_snap #main_visual .main_visual_content {
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  max-width: 600px;
  margin: 2em auto;
  padding: 60px 2em;
}

.with_novic_snap #main_visual .main_visual_content .main_visual_p {
  font-size: 14px;
  margin-bottom: 1em;
}

.with_novic_snap #main_visual .main_visual_content h1 {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

.with_novic_snap #main_visual .main_visual_content .main_visual_produce {
  margin-top: 1em;
  font-size: 13px;
}

.with_novic_snap #about {
  width: 100%;
  text-align: center;
  padding: 20px;
  line-height: 1.8em;
}

.with_novic_snap #about h3 {
  font-weight: normal;
  font-size: 18px;
  color: #DC7B79;
  margin: 20px auto 20px;
}

.with_novic_snap #about p {
  font-size: 14px;
}

.with_novic_snap #about .presentedby {
  margin: 10px 0;
  font-size: 12px;
}

.with_novic_snap #price {
  width: 100%;
  text-align: center;
  padding: 20px;
  line-height: 1.8em;
}

.with_novic_snap #price .price_content {
  border: 1px solid #D5D5D5;
  padding: 20px 20px 50px;
  max-width: 500px;
  margin: 0 auto;
}

.with_novic_snap #price h3 {
  font-weight: normal;
  font-size: 24px;
  color: #DC7B79;
  margin: 20px auto 10px;
  letter-spacing: 0.1em;
}

.with_novic_snap #price .price_sub {
  font-size: 14px;
  color: #DC7B79;
  margin: 10px auto;
  position: relative;
}

.with_novic_snap #price .price_sub span {
  position: absolute;
  z-index: 1;
  background: #fff;
  width: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.with_novic_snap #price .price_sub:before {
  width: 140px;
  z-index: 0;
  content: '';
  position: absolute;
  height: 1px;
  background: #DC7B79;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.with_novic_snap #price .snap_price {
  margin: 50px auto 0;
  font-size: 20px;
}

.with_novic_snap #price .snap_price span {
  font-size: 14px;
}

.with_novic_snap #price img {
  max-width: 250px;
  margin-top: 20px;
}

.with_novic_snap #flow {
  background: #FCF7F7;
}

.with_novic_snap #flow .flow_visual {
  margin-top: 50px;
  background: url("/images/novic_snap/flow_image.jpg") center center;
  height: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.with_novic_snap #flow .flow_visual img {
  height: 80px;
  width: 100%;
}

.with_novic_snap #flow h3 {
  font-weight: normal;
  text-align: center;
  font-size: 24px;
  color: #DC7B79;
  margin: 20px auto 10px;
}

.with_novic_snap #flow .flow_sub {
  font-size: 14px;
  color: #DC7B79;
  margin: 10px auto;
  position: relative;
}

.with_novic_snap #flow .flow_sub span {
  text-align: center;
  position: absolute;
  z-index: 1;
  background: #FCF7F7;
  width: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.with_novic_snap #flow .flow_sub:before {
  width: 140px;
  z-index: 0;
  content: '';
  position: absolute;
  height: 1px;
  background: #DC7B79;
  top: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.with_novic_snap #flow .flow_list {
  padding: 2em;
  list-style: none;
}

.with_novic_snap #flow .flow_list li {
  padding: 2em;
  background: #fff;
  box-shadow: 0 0 10px #bbb;
  margin: 20px auto;
  max-width: 500px;
}

.with_novic_snap #flow .flow_list .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.with_novic_snap #flow .flow_list .flex img {
  width: 42px;
}

.with_novic_snap #flow .flow_list .flex h4 {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}

.with_novic_snap #flow .flow_list p {
  margin: 1em 0;
  font-size: 14px;
  line-height: 1.8em;
}

.with_novic_snap #gallery {
  background: #ffffff;
  padding: 3em 1em;
}

.with_novic_snap #gallery h3 {
  font-weight: normal;
  margin-top: 30px;
  text-align: center;
  font-size: 22px;
  color: #DC7B79;
}

.with_novic_snap #gallery .photo_list {
  margin: 30px auto;
}

.with_novic_snap #gallery .photo_list .photo {
  display: inline-block;
  width: 49%;
  padding-top: 50%;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}

.with_novic_snap #gallery .photo_list .hidden {
  display: none;
}

.with_novic_snap #gallery button.gallery_more {
  margin: 20px auto;
  display: block;
  width: 100%;
  max-width: 120px;
  text-align: center;
  border-radius: 50px;
  background: #DC7B79;
  color: #fff;
  padding: 14px 30px;
  font-size: 16px;
}

.with_novic_snap #form {
  padding: 3em 2em;
  background: #F5F4F4;
}

.with_novic_snap #form .form_content {
  padding: 2em;
  background: #fff;
}

.with_novic_snap #form .form_content h3 {
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  color: #DC7B79;
}

.with_novic_snap #form .form_content .form_sub {
  text-align: center;
  font-size: 13px;
  color: #DC7B79;
  margin: 10px;
}

.with_novic_snap #form .form_content .form_wrapper {
  max-width: 460px;
  margin: 0 auto;
}

.with_novic_snap #form .form_content input#bride_name_form {
  margin-top: 20px;
}

.with_novic_snap #form .form_content button {
  margin: 20px auto;
  display: block;
  width: 100%;
  max-width: 240px;
  text-align: center;
  border-radius: 50px;
  background: #DC7B79;
  color: #fff;
  padding: 14px 30px;
  font-size: 16px;
}

.with_novic_snap #form .form_content p {
  max-width: 400px;
  margin: 0 auto;
}

body.with__novic_snap .remodal {
  margin-top: 50px;
  padding: 0;
}

body.with__novic_snap .remodal-close {
  left: unset;
  right: 0;
  top: -45px;
  color: #fff;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

main div.with_yui div.sub_header h2 img {
  height: 40px;
}

main div.with_yui .content {
  padding-top: 50px;
  background: url("/images/yui/sheet.gif");
  background-size: 50px 50px;
}

main div.with_yui .content section#example {
  padding: 20px;
}

main div.with_yui .content section#example img.campaign_ribbon {
  margin: 20px auto;
  display: block;
  width: 100%;
  max-width: 300px;
}

main div.with_yui .content section#example h3 {
  color: #222222;
  text-align: center;
  font-size: 24px;
}

main div.with_yui .content section#example h3 span {
  color: #f01f00;
}

@media (max-width: 500px) {
  main div.with_yui .content section#example h3 {
    font-size: 17px;
  }
}

main div.with_yui .content section#example p {
  margin: 20px auto;
  color: #222222;
  text-align: center;
  font-size: 20px;
  line-height: 1.6em;
}

main div.with_yui .content section#example p span {
  color: #f01f00;
}

@media (max-width: 500px) {
  main div.with_yui .content section#example p {
    font-size: 13px;
  }
}

main div.with_yui .content section#example img.table {
  margin: 10px auto 0;
  display: block;
  width: 100%;
}

main div.with_yui .content section#example p.memo {
  margin: 0 auto;
  text-align: right;
  font-size: 11px;
}

main div.with_yui .content section.coupon {
  padding: 50px 20px 20px;
}

main div.with_yui .content section.coupon .coupon_content {
  border: 2px solid #f01f00;
  position: relative;
  background: #fff;
  max-width: 580px;
  margin: 0 auto;
  padding-top: 20px;
}

main div.with_yui .content section.coupon .coupon_content h3 {
  position: absolute;
  right: 0;
  left: 0;
  top: -10px;
  text-align: center;
}

main div.with_yui .content section.coupon .coupon_content h3 span {
  background: #fff;
  padding: 0 5px;
  color: #f01f00;
  font-size: 20px;
}

@media (max-width: 500px) {
  main div.with_yui .content section.coupon .coupon_content h3 span {
    font-size: 15px;
  }
}

main div.with_yui .content section.coupon .coupon_content p.coupon_description {
  color: #222222;
  font-size: 15px;
  padding: 10px 20px;
  line-height: 1.6em;
  text-align: center;
}

@media (max-width: 500px) {
  main div.with_yui .content section.coupon .coupon_content p.coupon_description {
    padding: 20px 10px;
  }
}

main div.with_yui .content section.coupon .coupon_content .coupon_flex {
  padding: 20px 20px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 500px) {
  main div.with_yui .content section.coupon .coupon_content .coupon_flex {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 20px 10px;
  }
}

main div.with_yui .content section.coupon .coupon_content .coupon_flex .coupon_code {
  background: #e2e0e0;
  text-align: center;
  padding: 20px 10px;
  margin: 0 20px 20px 0;
  position: relative;
  z-index: 1;
}

main div.with_yui .content section.coupon .coupon_content .coupon_flex .coupon_code:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: #e2e0e0;
  right: -15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}

@media (max-width: 500px) {
  main div.with_yui .content section.coupon .coupon_content .coupon_flex .coupon_code {
    margin: 0 0 0 0;
  }
}

main div.with_yui .content section.coupon .coupon_content .coupon_flex .coupon_code p {
  color: #222222;
  font-size: 13px;
  margin-bottom: 10px;
}

main div.with_yui .content section.coupon .coupon_content .coupon_flex .coupon_code p.code {
  color: #f01f00;
  font-weight: bold;
  font-size: 25px;
}

main div.with_yui .content section.coupon .coupon_content .coupon_flex .coupon_left {
  width: 50%;
  margin-right: 5px;
}

main div.with_yui .content section.coupon .coupon_content .coupon_flex .coupon_right {
  width: 50%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-left: 5px;
  max-width: 300px;
}

main div.with_yui .content section.coupon .coupon_content img.mizuhiki {
  position: absolute;
  width: 40px;
  margin: 0 auto;
  bottom: -18px;
  left: 0;
  right: 0;
}

main div.with_yui .content section.coupon p.attention {
  text-align: center;
  max-width: 580px;
  margin: 20px auto;
}

main div.with_yui .content section.coupon a.detail_button {
  display: block;
  position: relative;
  margin: 50px auto;
  width: 100%;
  max-width: 300px;
  padding: 20px 10px;
  text-align: center;
  color: #fff;
  background: #f01f00;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
  border-radius: 20px;
  cursor: pointer;
}

main div.with_yui .content section.coupon a.detail_button i {
  position: absolute;
  font-size: 25px;
  top: 17px;
  right: 20px;
}

main div.with_yui .content section#about {
  padding: 0 0 20px;
}

main div.with_yui .content section#about .about_visual {
  height: 300px;
  background: url("/images/yui/picture.jpg");
  background-size: cover;
  background-position: center center;
}

@media (max-width: 500px) {
  main div.with_yui .content section#about .about_visual {
    height: 200px;
  }
}

main div.with_yui .content section#about .about_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
  width: 100%;
  max-width: 580px;
  margin: -30px auto 0;
}

main div.with_yui .content section#about .about_flex .left {
  width: 30%;
}

main div.with_yui .content section#about .about_flex .right {
  padding: 50px 0 0 10px;
  width: 70%;
}

main div.with_yui .content section#about .about_flex .right h3 {
  text-align: center;
  font-size: 24px;
  line-height: 1.6em;
  font-weight: normal;
  margin-top: 20px;
}

@media (max-width: 500px) {
  main div.with_yui .content section#about .about_flex .right h3 {
    margin-top: 0;
    font-size: 17px;
  }
}

main div.with_yui .content section#about .about_flex .right h3 span {
  color: #f01f00;
}

main div.with_yui .content section#about .about_flex .right p {
  text-align: center;
  line-height: 1.6em;
  max-width: 300px;
  margin: 10px auto;
}

main div.with_yui .content section#convenient {
  background: #e6f0f2;
  padding: 30px 20px;
}

main div.with_yui .content section#convenient h3 {
  text-align: center;
  color: #f01f00;
  font-size: 24px;
  line-height: 1.6em;
  margin-top: 20px;
}

@media (max-width: 500px) {
  main div.with_yui .content section#convenient h3 {
    margin-top: 0;
    font-size: 17px;
  }
}

main div.with_yui .content section#convenient .convenient_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

main div.with_yui .content section#convenient .convenient_flex .convenient_item {
  padding: 10px;
  width: 50%;
}

@media (max-width: 500px) {
  main div.with_yui .content section#convenient .convenient_flex .convenient_item {
    width: 100%;
  }
}

main div.with_yui .content section#convenient .convenient_flex .convenient_item h4 {
  text-align: center;
  color: #f01f00;
  font-size: 20px;
  line-height: 1.6em;
  margin-top: 20px;
}

@media (max-width: 500px) {
  main div.with_yui .content section#convenient .convenient_flex .convenient_item h4 {
    font-size: 17px;
  }
}

main div.with_yui .content section#convenient .convenient_flex .convenient_item p {
  font-size: 15px;
  line-height: 1.6em;
  margin: 10px 0 20px;
}

@media (max-width: 500px) {
  main div.with_yui .content section#convenient .convenient_flex .convenient_item p {
    font-size: 13px;
  }
}

form.form_validate label.error {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0px 0 5px 0;
  color: #d9534f;
  font-weight: bold;
}

form.form_validate label.form_title {
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  margin: 20px 0 5px 0;
}

form.form_validate label.form_title span {
  display: inline-block;
  margin-left: 3px;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

form.form_validate label.form_title span.required {
  background-color: #d9534f;
}

form.form_validate label.form_title span.any {
  background-color: #78909C;
}

form.form_validate input[type=email], form.form_validate input[type=tel], form.form_validate input[type=text], form.form_validate input[type=date], form.form_validate input[type=time], form.form_validate select {
  border: solid #ddd 1px;
  width: 100%;
  min-height: 40px;
  display: block;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  color: #546E7A;
  border-radius: 0.25rem;
  margin: 0 0 0 0;
  background-color: #fff;
  -webkit-appearance: none;
}

form.form_validate input[type=submit] {
  display: block;
  background-color: #ff7568;
  color: #fff;
  height: 50px;
  width: 100%;
  max-width: 300px;
  margin: 40px auto;
  border-radius: 0.25rem;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

form.form_validate input[type=submit]:hover {
  background-color: #e4665a;
}

body.partner.partner_no_auth {
  background: #999;
}

body.partner a.link {
  color: #0F3986;
  text-decoration: underline;
}

body.partner .bg {
  background-color: #f7f7f7;
}

body.partner .vex {
  z-index: 1060;
}

body.partner .remodal-overlay {
  z-index: 1040;
}

body.partner .remodal-wrapper {
  z-index: 1050;
}

body.partner_contact .main_content {
  background: #F5F5F5;
}

body.partner_contact .main_content .content {
  padding: 60px;
  max-width: 840px;
  margin: 50px auto;
  text-align: center;
}

body.partner_contact .main_content .content h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
}

body.partner_information .main_content {
  background: #F5F5F5;
}

body.partner_information .main_content .date {
  font-size: 12px;
  color: #A8A8A8;
}

body.partner_information .main_content .information_list {
  padding: 60px;
  max-width: 840px;
  margin: 50px auto;
}

body.partner_information .main_content .information_list h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
}

body.partner_information .main_content .information_list .info {
  border-bottom: #C9C9C9 solid 1px;
  padding: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

body.partner_information .main_content .information_list .info:hover {
  background: #fff;
}

body.partner_information .main_content .information_list .info:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #B1B1B1;
  border-right: solid 2px #B1B1B1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}

body.partner_information .main_content .information_list .info h3 {
  font-weight: bold;
  font-size: 15px;
}

body.partner_information .main_content .information_detail {
  background: #fff;
  padding: 60px;
  max-width: 840px;
  margin: 50px auto;
}

body.partner_information .main_content .information_detail h1 {
  font-size: 18px;
  padding: 0 0 10px;
  border-bottom: #C9C9C9 solid 1px;
  margin: 10px 0;
}

body.partner_information .main_content .information_detail .information_content {
  margin: 20px 0;
}

body.partner_information .main_content .information_detail .back_list_wrap {
  margin: 50px auto 20px;
  text-align: center;
}

body.partner_information .main_content .information_detail a.back_list {
  text-align: center;
  position: relative;
}

body.partner_information .main_content .information_detail a.back_list:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #B1B1B1;
  border-right: solid 2px #B1B1B1;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -4px;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

body.partner_login main {
  background-image: url("/images/login_background_pc.jpg");
  background-position: center center;
  background-size: cover;
  padding: 0 20px;
}

body.partner_login .errors, body.partner_login .message {
  background: transparent;
  margin: 0 auto;
  border: none;
  max-width: 340px;
  padding: 1em;
  text-align: center;
  border-radius: 6px;
  color: #e56473;
}

body.partner_login .partner_login_content_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
  padding: 50px 20px;
}

body.partner_login .partner_login_content {
  max-width: 800px;
  width: 100%;
  margin: 50px auto;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body.partner_login .partner_login_content .login_left {
  width: calc(100% - 320px);
  padding: 1em 2em;
}

body.partner_login .partner_login_content .login_right img {
  width: 340px;
  border-radius: 20px;
}

body.partner_login .partner_login_content h1 {
  text-align: center;
}

body.partner_login .partner_login_content h1 img {
  height: auto;
  width: 160px;
}

body.partner_login .partner_login_content h2 {
  color: #333;
  margin: 24px auto;
  text-align: center;
}

body.partner_login .partner_login_content form input {
  font-weight: normal;
  border: 1px solid #CCCCCC;
  color: #333;
  font-size: 13px !important;
  margin: 16px auto 0;
  background: #fff;
  max-width: 340px;
}

body.partner_login .partner_login_content form input::-webkit-input-placeholder {
  color: #ccc;
}

body.partner_login .partner_login_content form input:-ms-input-placeholder {
  color: #ccc;
}

body.partner_login .partner_login_content form input::placeholder {
  color: #ccc;
}

body.partner_login .partner_login_content form input:focus {
  outline: 0;
}

body.partner_login .partner_login_content form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  background-color: white;
}

body.partner_login .partner_login_content form a.login_btn {
  margin: 24px auto 16px;
  border-radius: 5px;
  max-width: 340px;
}

body.partner_login .partner_login_content .forget_password {
  margin-top: 0;
  color: #333;
  display: block;
  text-align: center;
}

body.partner_login .partner_login_footer {
  max-width: 680px;
  padding: 20px 0 30px;
  text-align: center;
  border-top: 1px solid #333;
  width: 80%;
  margin: 10px auto 0;
}

body.partner_login .partner_login_footer ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  list-style: none;
}

body.partner_login .partner_login_footer ul li {
  padding: 2px 0;
}

body.partner_login .partner_login_footer ul li a {
  color: #333;
  display: block;
  padding: 8px 10px;
}

@media (max-width: 680px) {
  body.partner_login main {
    background-image: url("/images/login_background_partners.jpg");
  }
  body.partner_login main .partner_login_content {
    padding: 64px 2em 54px;
  }
  body.partner_login main .partner_login_content .login_right {
    display: none;
  }
  body.partner_login main .partner_login_content .login_left {
    width: 100%;
  }
  body.partner_login main .partner_login_footer ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

body.partner_order_report {
  -webkit-print-color-adjust: exact;
}

@media print {
  body.partner_order_report .print-btn, body.partner_order_report .sidebar {
    display: none !important;
  }
}

body.partner_order_report h1 {
  font-size: 19px;
}

body.partner_order_report .content {
  position: relative;
}

body.partner_order_report .print-btn {
  position: absolute;
  top: 16px;
  right: 16px;
}

body.partner_order_report .search-box {
  display: inline-block;
  margin-top: 16px;
  padding: 8px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

body.partner_order_report .search-box .btn {
  white-space: nowrap;
}

body.partner_order_report .order-dt-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.partner_order_report .order-dt-wrapper * {
  margin: 0 !important;
}

body.partner_order_report .order-dt-wrapper * + * {
  margin-left: 8px !important;
}

body.partner_order_report .order-dt-wrapper .btn {
  padding: 10px 16px;
}

body.partner_order_report .report-area {
  margin-top: 16px;
}

body.partner_order_report .report-table {
  font-size: 11px;
}

body.partner_order_report .report-table th, body.partner_order_report .report-table td {
  padding: 8px 2px !important;
}

body.partner_order_report .report-table .col-shop {
  min-width: 120px;
}

body.partner_order_report .report-table .col-name {
  min-width: 96px;
  max-width: 192px;
}

body.partner_order_report .report-table .col-date {
  width: 96px;
  white-space: nowrap;
}

body.partner_order_report .report-table .col-item {
  width: 168px;
}

body.partner_order_report .report-table .col-count {
  width: 48px;
}

body.partner_order_report .report-table .col-price {
  width: 120px;
}

body.partner_user .input_modal {
  max-width: 480px;
}

body.partner_user .input_modal.input_modal--lg {
  max-width: 1080px;
}

body.partner_user .input_modal input {
  margin: 0;
}

body.partner_user .time-fields-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

body.partner_user .time-fields-container p {
  margin-bottom: 10px;
}

body.partner_user .time-fields-container .time-fields {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 300px;
  min-width: 300px;
  background-color: #fff;
  margin: 0 4px 20px;
  padding: 8px;
  border-radius: 2px;
}

body.partner_user .time-fields-container .time-fields legend {
  margin-left: 8px;
  padding: 0 4px;
}

body.partner_user .time-fields-container .time-fields .form_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.partner_user .input_modal--lg .time-fields {
  max-width: 33.3%;
}

body.partner_user .sortable_header {
  position: relative;
  display: block;
}

body.partner_user .sortable_header_icon {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 16px;
}

body.partner_user .sortable_header_icon.active {
  color: #ff9e97;
}

body.partner_user .active_tr {
  background-color: rgba(117, 170, 170, 0.15);
}

body.partner_user .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 16px;
}

body.partner_user .actions a {
  text-decoration: none;
  margin: 3px;
}

body.partner_user .actions button:disabled {
  color: #CCCCCC;
  background-color: #fff;
  cursor: default;
}

body.partner_user .actions .action {
  border: #CFD4D9 solid 1px;
  background-color: #FAFAFA;
  padding: 8px;
  border-radius: 4px;
  white-space: nowrap;
  color: #4C4C4C;
  cursor: pointer;
}

body.partner_user .actions .request_info {
  text-align: left;
  margin: 2px;
  font-size: 12px;
}

body.partner_user .actions .request_info i {
  color: #E62520;
  margin: 2px;
}

body.partner_user .actions .request {
  border: #E62520 solid 1px;
  background-color: #FAFAFA;
  padding: 8px;
  border-radius: 4px;
  white-space: nowrap;
  color: #E62520;
  cursor: pointer;
}

body.partner_user .actions .action_set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}

body.partner_user .actions .action_set .action {
  border: #CFD4D9 solid 1px;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
}

body.partner_user .actions .table_action {
  border: #CFD4D9 solid 1px;
  background-color: #0F3986;
  padding: 8px;
  border-radius: 4px;
  white-space: nowrap;
  color: #FFFFFF;
  cursor: pointer;
}

body.partner_user a.table_link div {
  background: #0F3986;
  color: #fff;
  padding: 8px 16px 8px 6px;
  border-radius: 4px;
  margin: 3px;
  position: relative;
}

body.partner_user a.table_link div i {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  font-size: 20px;
  line-height: 54px;
}

body.partner_user a.table_link.disable {
  cursor: default;
}

body.partner_user a.table_link.disable div {
  background: #CCCCCC;
}

body.partner_user .menu {
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

body.partner_user .menu .partner_name {
  text-align: right;
  color: #75AAAA;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
}

body.partner_user .menu .menu_bars {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.partner_user .menu .menu_bars i {
  font-size: 32px;
  margin-right: 20px;
  cursor: pointer;
}

body.partner_user .menu .menu_bars button.add_btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  text-align: center;
  padding: 14px 16px;
  border: 2px solid #75AAAA;
  color: #75AAAA;
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 15px;
}

body.partner_user .menu .menu_bars button.add_btn:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

body.partner_user .menu .menu_bars button.add_btn:focus {
  outline: 0;
}

body.partner_user .dropdown-menu .dropdown-item {
  font-size: 15px;
  margin: 10px 0px;
  text-align: left;
}

body.partner_user .dropdown-menu .icon {
  width: 30px;
}

body.partner_user .dropdown-menu div {
  text-align: center;
  font-size: 12px;
  margin: 10px 0px;
}

body.partner_user .dropdown-menu div p {
  padding: 0 20px 10px 20px;
  width: 220px;
  white-space: pre-wrap;
  word-break: break-all;
}

body.partner_user .dropdown-menu .account-info {
  border-bottom: 1px solid #CECECE;
  padding-bottom: 8px;
}

body.partner_user .add_invitation {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  left: -100%;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  background-color: #f7f7f7;
  z-index: 3;
}

body.partner_user .add_invitation a.close_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  text-align: right;
  font-size: 36px;
  padding: 10px;
}

body.partner_user .add_invitation.active {
  left: 0;
}

body.partner_user .add_invitation_content {
  padding: 40px 20px;
  margin: 0 auto;
}

body.partner_user .add_invitation_content h1 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

body.partner_user .add_invitation_content .warning_text {
  text-align: center;
  margin-bottom: 30px;
  color: #c9211e;
  border: 1px solid #c9211e;
  padding: 1em;
}

body.partner_user .add_invitation_content .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.partner_user .add_invitation_content .flex_left {
  white-space: nowrap;
  padding-right: 20px;
  border-right: 1px solid #ddd;
}

body.partner_user .add_invitation_content .flex_right {
  padding-left: 20px;
  width: 100%;
  max-width: 640px;
}

body.partner_user .add_invitation_content .flex_right input[type=text] {
  margin: 3px 0 20px;
  max-width: none;
}

body.partner_user .add_invitation_content .flex_right select {
  border: 1px solid #e5e5e5;
}

body.partner_user .add_invitation_content .flex_right .add_btn {
  margin: 100px 0 0 0 !important;
  display: block;
}

body.partner_user .use-web-table-radio + div {
  border: none !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

body.partner_user .use-web-table-radio + :before {
  content: '';
}

body.partner_user .use-web-table-radio[value="0"] + div {
  width: 90px;
  height: 100px;
  background-image: url("/images/partners/use_web_table_1_inactive.jpg");
}

body.partner_user .use-web-table-radio[value="0"]:checked + div {
  background-image: url("/images/partners/use_web_table_1_active.jpg");
}

body.partner_user .use-web-table-radio[value="1"] + div {
  width: 180px;
  height: 100px;
  background-image: url("/images/partners/use_web_table_2_inactive.jpg");
}

body.partner_user .use-web-table-radio[value="1"]:checked + div {
  background-image: url("/images/partners/use_web_table_2_active.jpg");
}

body.partner_user .new_information {
  background: #0F3986;
  color: #fff;
  text-align: center;
  padding: 20px;
}

body.partner_user .new_information a {
  border: 1px solid #fff;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 5px;
  color: #fff;
}

body.partner_user .show-qr-block .qr-img {
  margin-top: 0.5em;
}

body.partner_user .show-qr-block .qr-notes {
  margin: 0.5em 0 1em;
}

body.partner_user .show-qr-block .qr-url-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

body.partner_user .show-qr-block .qr-url-block .btn {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.5em;
  padding: 10px 14px;
}

body.partner_user .use_web_table_wrapper {
  text-align: center;
  margin: 20px auto;
}

body.partner .alert-wrapper {
  margin-bottom: 1em;
}

body.partner .alert {
  padding: 0.5em;
  background: #fff;
  border: 2px solid #e56473;
  border-radius: 0.25em;
  color: #e56473;
}

body.partner .alert ul {
  margin-left: 1.5em;
}

body.partner .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 16px 26px;
  border-radius: 4px;
  color: #fff;
  background: -webkit-linear-gradient(45deg, #75AAAA, #B5C5B9);
  background: linear-gradient(45deg, #75AAAA, #B5C5B9);
  cursor: pointer;
  width: auto;
  height: auto;
  max-width: 100%;
  line-height: 1;
  margin: auto;
}

body.partner .btn.btn_large {
  padding: 16px;
}

body.partner .btn_block {
  display: block;
  width: 100%;
}

body.partner .btn_block + .btn_block {
  margin-top: 8px;
}

body.partner .card {
  background: #fff;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

body.partner .card--flat {
  box-shadow: none;
  border: 1px solid #e5e5e5;
}

body.partner .card_logo img {
  height: auto;
  width: 160px;
}

body.partner .card_title {
  margin: 16px 0;
}

body.partner .card_header {
  padding: 8px 12px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}

body.partner .card_body {
  padding: 16px;
}

body.partner .content_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
}

body.partner .content_header .header_right_content {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  line-height: 40px;
}

body.partner .content_header img.header_logo {
  height: auto;
  width: 135px;
}

body.partner .d_inline {
  display: inline;
}

.btn_base {
  background-color: #ff6c52;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn_base.btn_disabled {
  background-color: #ccc;
  color: #fff;
  cursor: not-allowed;
}

body.partner .form input[type=checkbox] {
  display: none;
  vertical-align: middle;
}

body.partner .form input[type=checkbox] + label {
  margin-left: 0em;
  vertical-align: bottom;
}

body.partner .form input[type=checkbox] + :before {
  margin-right: 0.7em;
  padding-left: 0.8em;
  content: "\f372";
  font-family: "Ionicons";
  font-size: 20px;
}

body.partner .form input:checked[type=checkbox] + :before {
  content: "\f373";
}

body.partner .form {
  text-align: start;
}

body.partner .form input {
  display: block;
}

body.partner .form .form_row + .form_row {
  margin-top: 8px;
}

body.partner .form .required {
  margin-left: 4px;
  font-size: 13px;
  color: #e62520;
}

body.partner .form ul.checkbox_container {
  list-style-type: none;
}

body.partner .form ul.checkbox_container li {
  margin-top: 4px;
}

body.partner .form .form_sub_header {
  margin: 8px 0 4px;
}

body.partner .form .input_large {
  padding: 12px 8px;
}

body.partner .form-input-checkbox-wrapper, body.partner .form-input-radio-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

body.partner .form-input-checkbox-wrapper + body.partner .form-input-checkbox-wrapper {
  margin-left: 0.5rem;
}

body.partner .form-input-radio-wrapper + body.partner .form-input-radio-wrapper {
  margin-left: 0.5rem;
}

body.partner .l-form__group-container--v .l-form__group.form-input-checkbox-wrapper, body.partner .l-form__group-container--v .l-form__group.form-input-radio-wrapper {
  margin-top: 0;
}

body.partner .form-input-checkbox, body.partner .form-input-radio {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}

body.partner .form-input-checkbox + span, body.partner .form-input-radio + span {
  display: block;
  height: 32px;
  line-height: 32px;
  padding-left: calc(18px + 0.5em);
}

body.partner .form-input-checkbox + span:before, body.partner .form-input-checkbox + span:after, body.partner .form-input-radio + span:before, body.partner .form-input-radio + span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
}

body.partner .form-input-checkbox + div, body.partner .form-input-radio + div {
  display: block;
  border: 2px solid #e5e5e5;
}

body.partner .form-input-checkbox:checked + div, body.partner .form-input-radio:checked + div {
  border-color: #75aaaa;
}

body.partner .form-input-checkbox + span:before {
  width: 18px;
  height: 18px;
  border: 1px #e5e5e5 solid;
  border-radius: 5px;
}

body.partner .form-input-checkbox + span:after {
  margin: 2px 6px;
  width: 6px;
  height: 11px;
}

body.partner .form-input-checkbox:checked + span:before {
  border-color: #75aaaa;
  background-color: #75aaaa;
}

body.partner .form-input-checkbox:checked + span:after {
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

body.partner .form-input-radio + span:before {
  width: 18px;
  height: 18px;
  border: 1px #e5e5e5 solid;
  border-radius: 50%;
}

body.partner .form-input-radio + span:after {
  width: 18px;
  height: 18px;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  border-radius: 50%;
}

body.partner .form-input-radio:checked + span:before {
  border-color: #75aaaa;
}

body.partner .form-input-radio:checked + span:after {
  background-color: #75aaaa;
}

body.partner .form-input-checkbox:disabled + span, body.partner .form-input-radio:disabled + span {
  opacity: 0.5;
}

body.partner .grid_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.partner .col_6 {
  width: 50%;
}

body.partner header.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  height: 50px;
  background: #666;
  border-bottom: 1px solid #e5e5e5;
}

body.partner header.header * {
  color: #fff;
}

body.partner header.header .header_content_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.partner header.header .header_right_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  margin-right: 1em;
}

body.partner header.header .dropdown-item {
  color: #4c4c4c;
  font-size: 13px;
  line-height: 2;
}

body.partner .partner_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body.partner .partner_container .sidebar {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

body.partner .partner_container .main_content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100vh;
  overflow: auto;
  position: relative;
}

body.partner .messages {
  position: relative;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
}

body.partner .messages ul {
  margin-left: 16px;
}

body.partner .error_messages {
  color: #850014;
  background-color: #ffebee;
  border-color: #ffd2d8;
}

@-webkit-keyframes slidein {
  0% {
    left: -20%;
  }
  100% {
    left: 0;
  }
}

@keyframes slidein {
  0% {
    left: -20%;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes slideout {
  0% {
    left: 0;
  }
  100% {
    left: -20%;
  }
}

@keyframes slideout {
  0% {
    left: 0;
  }
  100% {
    left: -20%;
  }
}

body.partner .sidebar {
  width: 20%;
  min-width: 250px;
  max-width: 280px;
  background: -webkit-linear-gradient(#75AAAA, #CCCEBE);
  background: linear-gradient(#75AAAA, #CCCEBE);
  padding-bottom: 80px;
  Z-index: 2;
  top: 0;
  left: 0;
  -webkit-animation: slidein .3s linear;
          animation: slidein .3s linear;
}

body.partner .sidebar i {
  font-size: 42px;
  color: #fff;
  padding: 20px;
  cursor: pointer;
}

body.partner .sidebar .sidebar_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 20px 0;
}

body.partner .sidebar .sidebar_container .sidebar_item {
  list-style: none;
}

body.partner .sidebar .sidebar_container .sidebar_item a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 1em;
  font-size: 13px;
}

body.partner .sidebar .sidebar_container .sidebar_item a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

body.partner .sidebar .sidebar_container .sidebar_item a span {
  color: #fff;
  background: #0F3986;
  border-radius: 3px;
  padding: 0 6px;
  font-size: 10px;
  margin-left: 4px;
}

body.partner .top-page {
  position: fixed;
}

body.partner .is-close {
  -webkit-animation: slideout .5s linear;
          animation: slideout .5s linear;
}

body.partner .table {
  width: 100%;
  margin-bottom: 16px;
  background-color: #fff;
  text-align: center;
}

body.partner .table th,
body.partner .table td {
  padding: 8px;
  vertical-align: center;
}

body.partner .table td {
  border-bottom: 1px solid #CECECE;
}

body.partner .table thead {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 0;
}

body.partner .table thead tr {
  background-color: #75AAAA;
}

body.partner .table thead tr * {
  color: #fff;
}

body.partner .table thead th {
  border-top: 1px solid #fff;
}

body.partner .table thead th.sub_1 {
  background-color: #7AB9CB;
}

body.partner .table thead th.sub_2 {
  background-color: #5472A8;
}

body.partner .table thead th.sub_3 {
  background-color: #A5A6AC;
}

body.partner .m_3 {
  margin: 16px;
}

body.partner .p_3 {
  padding: 16px;
}

body.partner .p_4 {
  padding: 24px;
}

body.partner .mb_1 {
  margin-bottom: 4px;
}

body.partner .mb_2 {
  margin-bottom: 8px;
}

body.partner .mb_3 {
  margin-bottom: 16px;
}

body.partner .mt_1 {
  margin-top: 4px;
}

body.partner .mt_3 {
  margin-top: 16px;
}

body.partner .mt_4 {
  margin-top: 24px;
}

body.partner .ml_1 {
  margin-left: 4px;
}

body.partner .mx_3 {
  margin-left: 16px;
  margin-right: 16px;
}

body.partner .my_3 {
  margin-top: 16px;
  margin-bottom: 16px;
}

body.partner .f_center_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*# sourceMappingURL=app.css.map */