.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-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; }

.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; }

.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: -webkit-transform 0.1s;
  transition: 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: 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) {
  display: none;
  vertical-align: middle; }
  .manage_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content) + label {
    margin-left: 0em;
    vertical-align: bottom; }
  .manage_content main .manage_form_wrapper input[type="checkbox"]:not(.switch_content) + :before {
    margin-right: 0.7em;
    padding-left: 0.8em;
    content: "\f372";
    font-family: "Ionicons";
    font-size: 20px; }
  .manage_content main .manage_form_wrapper input[type="checkbox"]:checked:not(.switch_content) + :before {
    content: "\f373"; }

.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 .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 {
  margin: 2px 0;
  border: #E5E5E5 1px solid;
  border-radius: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  max-width: 146px;
  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 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, .thanks_letter_content textarea[name="message"].text-left {
  text-align: left; }

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

.manage_content textarea[name="message"].text-right, .thanks_letter_content textarea[name="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 auto;
    display: inline-block;
    text-align: left;
    white-space: pre; }
  .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 .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: inline-block;
    padding: 0.5em 0;
    min-height: 36px;
    vertical-align: bottom; }
  .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 #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 main {
  padding-top: 50px; }
  .manage_content main .manage_form_wrapper {
    padding-top: 2em; }
    .manage_content main .manage_form_wrapper #update_form {
      margin-bottom: 20px;
      padding-bottom: 20px; }
    .manage_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 {
        float: right;
        font-weight: normal; }
      .manage_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 {
          cursor: pointer; }
    .manage_content main .manage_form_wrapper h3.entry_title label {
      float: right;
      font-weight: normal;
      vertical-align: sub !important; }
    .manage_content main .manage_form_wrapper h3.option_title {
      cursor: pointer; }
    .manage_content main .manage_form_wrapper .hidden_entry_form_content {
      display: none; }
    .manage_content main .manage_form_wrapper section {
      margin-bottom: 2em; }
      .manage_content main .manage_form_wrapper section .no_entry_form_text {
        color: #FF7568;
        font-size: 11px; }
      .manage_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 {
          display: block;
          margin: 10px auto;
          max-width: 253px; }
        .manage_content main .manage_form_wrapper section .credit_text p {
          text-align: center; }
        .manage_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 {
        padding-top: 1em; }
      .manage_content main .manage_form_wrapper section .entry_accept_message,
      .manage_content main .manage_form_wrapper section .password_yn {
        padding-top: 0.5em; }
      .manage_content main .manage_form_wrapper section .privacy_radio {
        display: inline-block;
        margin-right: 1em; }
      .manage_content main .manage_form_wrapper section .url_cant_edit {
        color: #ff6c52;
        font-size: 11px; }
    .manage_content main .manage_form_wrapper textarea.message {
      font-size: 11px;
      height: 290px;
      letter-spacing: 0;
      margin-top: 8px;
      padding: 0.5em;
      width: 28em;
      max-width: 100%; }
    .manage_content main .manage_form_wrapper .btn_preview {
      background-color: #ff9e97; }
    .manage_content main .manage_form_wrapper .disabled_text {
      color: #ccc; }
    .manage_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 {
      margin-top: 5px; }
      .manage_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; }

.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: 50%;
            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: 80%;
                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, .thanks_letter_design section.design_selected .selected_content .selected_body .selected_right .selected_preview_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: 48px 0 36px;
    text-align: center; }
    .manage_design section.design-catalog .design-catalog__title, .thanks_letter_design section.design-catalog .design-catalog__title {
      font-size: 22px;
      line-height: 1; }
    .manage_design section.design-catalog .design-catalog__sub-title, .thanks_letter_design section.design-catalog .design-catalog__sub-title {
      margin: 6px 0 28px;
      font-size: 15px;
      line-height: 1; }
    .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;
      max-width: 540px;
      margin: 0 auto;
      padding: 0 1rem 2rem; }
    .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: 33.333%;
      padding: 1rem; }
      @media screen and (max-width: 468px) {
        .manage_design section.design-catalog .design, .thanks_letter_design section.design-catalog .design {
          width: 50%; } }
      .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 0 8px 0 rgba(0, 0, 0, 0.4); }
      .manage_design section.design-catalog .design .design__thumbnail, .thanks_letter_design section.design-catalog .design .design__thumbnail {
        padding-top: 160%;
        background-size: cover; }
      .manage_design section.design-catalog .design .design__info, .thanks_letter_design section.design-catalog .design .design__info {
        text-align: left; }
      .manage_design section.design-catalog .design .design__title, .thanks_letter_design section.design-catalog .design .design__title {
        margin: 10px 0 4px;
        font-size: 14px;
        font-weight: bold; }
      .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 .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 .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 iframe, .thanks_letter_design .iframe-parent-wrapper .iframe-parent iframe {
        width: 100%;
        height: 100%; }
  .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[type="checkbox"]:checked + :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;
      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: #afafaf;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -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; }
      .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 .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 .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 ul, .thanks_letter_share .content.share_menu 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 .content.share_menu ul > li, .thanks_letter_share .content.share_menu ul > li {
    text-decoration: none;
    width: 32%;
    display: inline-block;
    margin-bottom: 30px; }
    .manage_share .content.share_menu ul > li img, .thanks_letter_share .content.share_menu ul > li img {
      display: block;
      width: 70%;
      max-width: 100px;
      margin: 0 auto; }
  .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(0deg, #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(0deg, #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);
      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);
  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-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-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[type=checkbox]:checked + :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 */