@charset "UTF-8";
/* ------------------------------
	base.css
	modified: 2014/07/30
------------------------------ */
/* reset
------------------------------ */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a, img,
dl, dt, dd, ol, ul, li,
strong, sub, sup, i, small, address, time,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, nav, section, article, aside,
figure, figcaption, canvas, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, figure, figcaption,
footer, header, nav, section {
  display: block;
}

html {
  background: #FAF9F5;
}

body {
  min-height: 100%;
}

input, textarea, button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  outline-color: #EE8084;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

a {
  color: #8c8c8c;
  text-decoration: underline;
}

a:hover {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #8c8c8c;
  text-decoration: none;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

body {
  font-size: 100%;
  font: 400 87.5%/1.5em 'Open Sans', sans-serif;
  font-family: "yu-gothic-pr6n", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}

/*
::-webkit-scrollbar {
  background: #F4F0E6;
  width: 4px;
  height: 4px;
  border-radius: 20px;
}
::-webkit-scrollbar-thumb {
  background-color: #DF7101;
  border-radius: 2px;
}
*/
.f-notosansjp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.f-notosansjp.bold {
  font-weight: 700;
}

.f-professor {
  font-family: "professor", "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: initial;
}

.f-inter {
  font-family: "Inter", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.f-inter.bold {
  font-weight: 700;
}

.f-hmpw3 {
  font-family: "hiragino-mincho-pron", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.f-hmpw3.bold {
  font-weight: 700;
}

.f-yugothic {
  font-family: "yu-gothic-pr6n", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.f-yugothic.ebold {
  font-weight: 600;
}
.f-yugothic.bold {
  font-weight: 700;
}

.f-almarai {
  font-family: "almarai", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.f-almarai.bold {
  font-weight: 700;
}

@font-face {
  font-family: '851tegaki';
  src: url("../../font/851tegaki_zatsu_normal_0883.woff2") format("woff2"), url("../../font/851tegaki_zatsu_normal_0883.woff") format("woff");
}
.f-tegaki {
  font-family: "851tegaki", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.f-tegaki.bold {
  font-weight: 700;
}

/* PC・スマホ共通
---------------------------------------- */
.t-center {
  text-align: center;
}

.mt30 {
  margin-top: 30px;
}

body.add-overflowHidden {
  overflow: hidden;
  padding-right: 15px;
}

/* error */
div.error-message {
  margin: 0px;
  margin-top: 5px;
  display: block;
  color: #c30;
  font-weight: bold;
}

.btn_sending {
  position: relative;
  background: #ccc;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.btn_sending:hover {
  background: #ccc;
}

.btn_spinner_area {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
}

@keyframes btnSpinner--loading {
  to {
    transform: rotate(360deg);
  }
}
.btn_spinner svg {
  fill: #aaa;
  animation: btnSpinner--loading 500ms linear infinite;
}

.btn_spinner_sizesmall svg {
  height: 2rem;
  width: 2rem;
}

.btn_spinner_sizelarge svg {
  height: 4.4rem;
  width: 4.4rem;
}

.box_cover.fadein:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F4F0E6;
  transition: all 2.0s 0s ease;
  z-index: 99999;
}

.box_cover.fadeout:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F4F0E6;
  transition: all 2.0s 0s ease;
  opacity: 0;
  z-index: 99999;
}

@keyframes btn--loading {
  to {
    transform: rotate(360deg);
  }
}
@keyframes img-spinner--loading {
  to {
    transform: rotate(360deg);
  }
}
.btn--disabled {
  background: #dfdfdf !important;
  border: 1px solid #dfdfdf !important;
}

.img-spinner svg {
  animation: img-spinner--loading 500ms linear infinite;
  fill: var(--p-border-highlight);
}

.img-spinner--sizesmall svg {
  height: 2rem;
  width: 2rem;
}

.btn__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
  opacity: 0.1;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .add-sectionTitle svg {
    width: auto;
    max-width: 100%;
    height: 37px;
  }
}
.add-sectionTitle svg {
  display: block;
  width: 100%;
  overflow: visible;
  transform-box: fill-box;
}

.add-sectionTitle svg path {
  opacity: 0;
  transform: scale(1, 0.8) translate(0, 0);
  transform-origin: bottom;
}

.add-sectionTitle.add-is-active svg path {
  animation: showLetter 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--index) * 0.1s) forwards;
}

@keyframes showLetter {
  0% {
    opacity: 0;
    transform: scale(1, 0.8) translate(0, 0);
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
    transform: scale(1, 1.2) translateY(-30%);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}
@media (max-width: 767px) {
  /*  SP Common
  ------------------------------ */
  ::-webkit-scrollbar {
    background: #F4F0E6;
    width: 4px;
    height: 4px;
    border-radius: 20px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #E0CC99;
    border-radius: 2px;
  }

  html.active {
    position: relative;
    overflow-y: hidden;
  }

  body {
    -webkit-tap-highlight-color: transparent;
  }

  .onlypc {
    display: none !important;
  }

  .onlysp {
    display: block;
  }

  .dispnone {
    display: none !important;
  }

  .txt-inlnepc {
    display: block;
  }

  .bold {
    font-weight: 700;
  }

  .spf18 {
    font-size: 18px !important;
  }

  .bg_c_main {
    background-color: #FAF9F5;
  }

  .mt10 {
    margin-top: 10px;
  }

  .mb20 {
    margin-bottom: 20px !important;
  }

  .mb30 {
    margin-bottom: 30px !important;
  }

  a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
  }
  a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  a.uline {
    text-decoration: underline;
  }
  a.uline:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    text-decoration: none;
  }
  a.wbreak {
    word-break: break-all;
  }
  a.btn {
    display: block;
    width: fit-content;
    margin: auto;
  }

  .btn-modal-action {
    cursor: pointer;
  }
  .btn-modal-action:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }

  /* loading */
  .loading-container-area {
    position: relative;
    display: none;
    text-align: center;
  }
  .loading-container-area .bg_loading_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
  }

  .loading-container-area.open {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 100;
  }

  .loading-container-area span {
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 999;
  }

  .loading-container-area svg {
    height: 4.4rem;
    width: 4.4rem;
    opacity: 0.2;
    margin: auto;
  }

  .loading-container-area svg {
    animation: spinner--loading 500ms linear infinite;
  }

  @keyframes spinner--loading {
    to {
      transform: rotate(360deg);
    }
  }
  .box_login {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: inherit;
    margin-bottom: 100px;
  }
  .box_login .sec-title {
    margin-bottom: 0px;
    padding-bottom: 50px;
    background-color: #fff;
    padding-top: calc((100vh - 430px) / 8);
  }
  .box_login .sec-title .sec-title-logo img {
    max-width: 180px;
  }
  .box_login .box_login_inner {
    border-radius: 5px;
    padding: 25px 20px;
    width: calc(100% - 80px);
    margin: auto;
    background: #FAF9F5;
  }
  .box_login .box_login_inner.shadow {
    box-shadow: 10px 10px 20px 0px #00000026;
  }
  .box_login .box_login_inner .box_login_form {
    max-width: 420px;
    width: 100%;
    margin: auto;
  }
  .box_login .box_login_icotxt {
    text-align: center;
    margin: 15px auto;
  }
  .box_login .box_login_icotxt svg {
    width: 105px;
    height: auto;
  }
  .box_login .box_form_catch p {
    line-height: 1.8;
  }
  .box_login .box_form_catch .sub {
    font-weight: 400;
    margin-top: 12px;
    display: block;
    font-size: 13px;
    text-align: center;
  }
  .box_login .box_form_area.ec {
    padding: 2px 5px 40px 5px;
  }
  .box_login .box_form_area.ltr-line {
    padding: 18px 0px 40px 0px;
    background-color: #fff;
    background-image: linear-gradient(180deg, #f4f0e6 1px, rgba(0, 0, 0, 0) 1px);
    background-size: 100% 1.4em;
  }

  .sec-title {
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
  }

  .box_form_catch {
    margin: 2rem auto;
  }
  .box_form_catch p {
    text-align: center;
    font-size: 14px;
    color: #333;
  }
  .box_form_catch p span {
    display: block;
  }

  .box_form {
    position: relative;
  }

  .box_inner {
    width: 100%;
    margin: 0 auto;
  }

  .box_form_section {
    margin: 0.5rem auto;
  }
  .box_form_section.conf {
    margin: 30px auto 80px auto;
  }
  .box_form_section .box_form_item {
    position: relative;
    margin: 1rem auto;
    margin-bottom: 10px;
  }
  .box_form_section .box_form_item .box_form_lbl {
    position: absolute;
    padding-left: 1rem;
    padding-top: 0.8rem;
    padding-right: 1rem;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
  }
  .box_form_section .box_form_item .box_form_lbl.conf {
    position: relative;
    left: 0;
    padding-left: 0px;
    margin-bottom: 10px;
  }
  .box_form_section .box_form_item .box_form_lbl.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl {
    color: #C4A85A;
    font-size: 16px;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.error {
    color: #D60000;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.error:after {
    content: '';
    background: url('../../img/kimigift/icon_circle_close_w.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 12px;
    background-color: #D60000;
    width: min-content;
    height: 24px;
    margin: auto;
    padding: 0px 12px;
    border-radius: 2rem;
    position: absolute;
    top: 0.6rem;
    right: 0.7rem;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.flex span.icaution {
    font-size: 12px;
    margin-right: 28px;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.flex span.icaution.mr0 {
    margin-right: 0px;
  }
  .box_form_section .box_form_item .box_form_txt .form_input {
    padding: 0.8rem 0.8rem 0.8rem 0.8rem;
    border: 1px solid #C4A85A;
    width: -webkit-fill-available;
    border-radius: 0.4rem;
    outline: none;
    font-size: 16px;
  }
  .box_form_section .box_form_item .box_form_txt .form_input:focus, .box_form_section .box_form_item .box_form_txt .form_input:hover {
    border: 1px solid #EE8084;
  }
  .box_form_section .box_form_item .box_form_txt.nobg {
    background-color: inherit;
  }
  .box_form_section .box_form_item .box_form_txt.nobg .form_input {
    background-color: inherit;
    position: relative;
    z-index: 0;
  }
  .box_form_section .box_form_item .box_form_txt.conftxt {
    font-size: 16px;
  }
  .box_form_section .box_form_item .form_textarea {
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    border: none;
    outline: none;
    margin: auto;
    min-height: 221px;
    resize: none;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    padding: 10px 20px;
    width: -webkit-fill-available;
    max-width: 480px;
    display: block;
    box-sizing: border-box;
    padding: 10px 0.8rem 10px 0.8rem;
  }
  .box_form_section .box_form_item .form_textarea.input_main_msg {
    display: block;
    margin: auto;
    min-width: 240px;
    max-width: 240px;
    min-height: 221px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
  }
  .box_form_section .box_form_item .form_textarea:after {
    content: '';
    position: absolute;
    border: 1px solid #FAF9F5;
    border-radius: 5px;
    background-color: #fff;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  .box_form_section .box_form_item .form_textarea:hover:after {
    content: '';
    position: absolute;
    border: 2px solid #EE8084;
    z-index: 0;
  }
  .box_form_section .box_form_item .form_textarea_inner {
    border: 1px solid #C4A85A;
    border-radius: 10px;
    padding: 4px 0px;
    box-sizing: border-box;
    margin: 15px auto 0px;
  }
  .box_form_section .box_form_item .form_textarea_inner.hover {
    border: 1px solid #EE8084;
  }

  .box_action .box_action_section {
    position: relative;
    width: 100%;
    margin: 2rem auto;
  }
  .box_action .box_action_section .box_action_section_item {
    text-align: center;
  }
  .box_action .box_action_section .box_action_section_sub_item {
    margin: 1.5rem auto;
    text-align: center;
  }
  .box_action .box_action_section .box_action_section_sub_item p {
    font-size: 12px;
  }
  .box_action .box_action_section.andback .box_action_section_item {
    display: inline-block;
    vertical-align: middle;
  }
  .box_action .box_action_section.andback .box_action_section_item.back {
    width: 32%;
  }
  .box_action .box_action_section.andback .box_action_section_item.save {
    width: 66%;
    text-align: left;
  }
  .box_action .box_action_section.andback .box_action_section_item .btn-back {
    min-width: 80px;
    padding: 5px;
  }
  .box_action .box_action_section.andback .box_action_section_item .btn-back .btn-txt {
    font-size: 12px;
  }
  .box_action .box_ftrlink_section {
    position: relative;
    width: 100%;
    margin: auto;
  }
  .box_action .box_ftrlink_section .box_ftrlink_section_sub_item {
    margin: auto;
    text-align: center;
  }
  .box_action .box_ftrlink_section .box_ftrlink_section_sub_item p {
    font-size: 12px;
  }

  .btn {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    background-color: #EE8084;
    color: #fff;
    outline: none;
    border: 1px solid #EE8084;
    min-width: 180px;
    text-align: center;
    padding: 0.6rem;
    border-radius: 2rem;
    cursor: pointer;
  }
  .btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .btn .btn-txt {
    font-size: 14px;
  }
  .btn.bg-w {
    position: relative;
    background-color: inherit;
    padding: 10px;
    border: 1px solid #EE8084;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    min-width: 200px;
    width: fit-content;
    text-align: center;
    margin: auto;
    border-radius: 2rem;
    color: #EE8084;
    overflow: hidden;
  }
  .btn.bg-w:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .btn.bg-w:hover:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #EE8084;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .btn.bg-w.bg-w-txtb {
    color: #333333;
    border: 1px solid #333333;
  }
  .btn.bg-w.bg-w-txtb:hover:after {
    background-color: #fff;
  }
  .btn.bg-sub2 {
    position: relative;
    background-color: inherit;
    padding: 10px;
    border: 1px solid #FAF9F5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    min-width: 200px;
    text-align: center;
    margin: auto;
    border-radius: 2rem;
    color: #333333;
    overflow: hidden;
  }
  .btn.bg-sub2:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #C4A85A;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .btn.bg-sub2:hover:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #C4A85A;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .btn.btn_fix_big {
    height: 66px;
    display: flex;
    align-items: center;
    border-radius: 3rem;
    width: calc(100% - 40px);
    max-width: 100%;
    justify-content: center;
    padding: 0;
    border: 2px solid #EE8084;
  }
  .btn.btn_fix_big p {
    font-size: 16px;
    font-weight: 400;
  }
  .btn.btn_fix_big p span {
    font-size: 22px;
    font-weight: 700;
  }
  .btn.btn_fix_big:hover {
    color: #fff;
  }
  .btn.btn_white_big {
    height: 66px;
    display: flex;
    align-items: center;
    border-radius: 3rem;
    width: calc(100% - 40px);
    max-width: 100%;
    justify-content: center;
    padding: 0;
    border: 2px solid #EE8084;
    background-color: #fff;
    color: #EE8084;
  }
  .btn.btn_white_big p {
    font-size: 16px;
    font-weight: 400;
  }
  .btn.btn_white_big p span {
    font-size: 22px;
    font-weight: 700;
  }
  .btn.btn_white_big:hover {
    color: #EE8084;
  }
  .btn.bg-main {
    border: 1px solid #C4A85A;
    background: #FAF9F5;
    color: #333;
  }
  .btn.bg-line {
    border: 1px solid #06C755;
    background: #06C755;
    color: #fff;
  }
  .btn.bg-line p {
    position: relative;
  }
  .btn.bg-line p:before {
    content: '';
    background: url('../../img/kimigift/icon_line.svg?1740102524') no-repeat;
    background-size: 24px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 34px;
  }
  .btn.bg-line.disabled p:before {
    content: '';
    background: url('../../img/kimigift/icon_line_disabled.svg?1740737394') no-repeat;
  }
  .btn.bg-copy {
    border: 1px solid #333;
    background: #333;
    color: #fff;
  }
  .btn.bg-copy .copy-action {
    position: relative;
    overflow: hidden;
    max-height: 21px;
    padding: 0;
  }
  .btn.bg-copy p {
    position: relative;
    min-height: 40px;
    vertical-align: middle;
    top: 0px;
    transition: all 0.3s 0s ease;
  }
  .btn.bg-copy p:before {
    content: '';
    background: url('../../img/kimigift/icon_copy.svg?1740102524') no-repeat;
    background-size: 18px 22px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 30px;
  }
  .btn.bg-copy p.copied {
    font-size: 10px;
  }
  .btn.bg-copy p.copied:before {
    content: '';
    background: url('../../img/kimigift/icon_copy.svg?1740102524') no-repeat;
    background-size: 18px 22px;
    background-position: 0px -1px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3px 0 3px 0;
    padding-left: 25px;
  }
  .btn.bg-copy p.up {
    position: relative;
    top: -40px;
  }
  .btn.btn-blk {
    padding: 0.422rem 0.6rem;
    background-color: #000;
    border: 2px solid #000;
  }
  .btn.btn-gld {
    background-color: #C4A85A;
    border: 1px solid #C4A85A;
  }
  .btn.btn-beni-c {
    border: 1px solid #EE8084;
    background-color: #fff;
    color: #EE8084;
    font-size: 12px;
    width: 200px;
    padding: 3px 0.6rem;
    margin-top: 15px;
  }
  .btn.btn_msg_tmpl_copy {
    max-width: 240px;
    margin: auto;
  }
  .btn.disabled {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #fff;
    background-color: rgba(196, 168, 90, 0.5);
    border: 1px solid rgba(196, 168, 90, 0.1);
    cursor: default;
    min-width: 200px;
    width: fit-content;
    margin: auto;
    text-align: center;
  }
  .btn.disabled:hover {
    color: #fff;
    background-color: rgba(196, 168, 90, 0.5);
    border: 1px solid rgba(196, 168, 90, 0.1);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .btn.back {
    color: #333;
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
    cursor: pointer;
    min-width: 200px;
    width: fit-content;
    margin: auto;
    text-align: center;
  }
  .btn.hide {
    display: none;
  }

  .btn-toggle {
    position: relative;
    width: 28px;
    height: 28px;
    background-color: #ED8083;
    border-radius: 2rem;
    text-indent: 200%;
    overflow: hidden;
    cursor: pointer;
  }
  .btn-toggle.open:before {
    content: '';
    background: url('../../img/kimigift/icon_minus.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 14px 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .btn-toggle.close:before {
    content: '';
    background: url('../../img/kimigift/icon_plus.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 14px 14px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .btn-toggle.ec.open:before {
    background: url('../../img/kimigift_ec/icon_minus_ectmpl.svg?1740102524') no-repeat;
    background-size: 10px 10px;
    background-position: center;
  }
  .btn-toggle.ec.close:before {
    background: url('../../img/kimigift_ec/icon_plus_ectmpl.svg?1740102524') no-repeat;
    background-size: 10px 10px;
    background-position: center;
  }

  .btn-more-image,
  .btn-more-image-frame,
  .btn-more-image-upload,
  .btn-more-message {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    text-align: center;
    margin: 20px auto 0px auto;
    width: 100px;
    padding: 4px 24px 4px 4px;
    cursor: pointer;
  }
  .btn-more-image.ec,
  .btn-more-image-frame.ec,
  .btn-more-image-upload.ec,
  .btn-more-message.ec {
    margin: 40px auto 40px auto;
  }
  .btn-more-image p,
  .btn-more-image-frame p,
  .btn-more-image-upload p,
  .btn-more-message p {
    font-size: 14px;
    font-weight: 700;
  }
  .btn-more-image:after,
  .btn-more-image-frame:after,
  .btn-more-image-upload:after,
  .btn-more-message:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-image: url('../../img/kimigift/icon_plus.svg?1740102524');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #EE8084;
    border-radius: 2rem;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .btn-more-image.hide,
  .btn-more-image-frame.hide,
  .btn-more-image-upload.hide,
  .btn-more-message.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .btn-more-image.none,
  .btn-more-image-frame.none,
  .btn-more-image-upload.none,
  .btn-more-message.none {
    display: none;
  }

  /* modal
  ------------------------------ */
  .modal_area {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: none;
  }
  .modal_area.z-i1 {
    z-index: 21;
  }
  .modal_area.scroll-y {
    overflow-y: scroll;
  }
  .modal_area .modal_area_bg {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    z-index: 0;
  }
  .modal_area .modal_area_bg.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_area_inner {
    margin: 0 auto;
    max-width: 600px;
    width: calc(100% - 40px);
    margin: auto;
    margin-top: calc(100vh / 8);
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
  }
  .modal_area .modal_area_inner.howtouse-start {
    overflow: hidden;
    border-radius: 10px;
    margin-top: 15px;
  }
  .modal_area .modal_area_inner.select_images_area {
    margin-top: calc(100vh / 50);
    width: calc(100% - 20px);
  }
  .modal_area .modal_area_inner.msg_preview_start {
    max-width: 390px;
    width: calc(100% - 10px);
  }
  .modal_area .modal_area_inner.msg_input_form {
    max-width: 390px;
    width: calc(100% - 10px);
  }
  .modal_area .modal_area_inner.w350 {
    max-width: 350px;
  }
  .modal_area .modal_area_inner.w500 {
    max-width: 500px;
  }
  .modal_area .modal_area_inner.no_upper_close .modal_area_close {
    display: none;
  }
  .modal_area .modal_area_close {
    margin: 0 auto 0.6rem auto;
    text-align: right;
  }
  .modal_area .modal_area_close .btn_modal_close {
    background: url('../../img/kimigift/icon_circle_close.svg?1740102524') no-repeat;
    background-position: center;
    background-size: auto;
    background-color: #fff;
    text-indent: 300%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-left: auto;
    padding: 0px;
    border-radius: 2rem;
    cursor: pointer;
  }
  .modal_area .modal_content {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 10px;
  }
  .modal_area .modal_content.small {
    min-height: 185px;
  }
  .modal_area .modal_content.small .modal_icon {
    margin-top: 20px;
  }
  .modal_area .modal_content.small .modal_message {
    padding: 0 10px;
  }
  .modal_area .modal_content.small.noicon {
    padding: 40px 20px 20px 20px;
  }
  .modal_area .modal_content.select_images {
    padding: 30px 20px;
  }
  .modal_area .modal_content.select_images.scroll {
    padding: 20px 12px 30px 20px;
  }
  .modal_area .modal_content.select_images.scroll.wfull {
    padding: 20px 0px 30px 0px;
  }
  .modal_area .modal_content.caution_error {
    padding: 50px 25px 35px 25px;
  }
  .modal_area .modal_content.flex-h {
    display: flex;
    align-items: center;
  }
  .modal_area .modal_content.checkmark {
    padding: 40px 20px;
  }
  .modal_area .modal_content .modal_icon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
  .modal_area .modal_content .modal_icon .icon-q {
    width: 20px;
    height: 20px;
  }
  .modal_area .modal_content .modal_message_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .modal_area .modal_content .modal_message_title.has_right {
    display: flex;
    gap: 10px;
  }
  .modal_area .modal_content .modal_message_title.u_line {
    border-bottom: 1px solid #E5e5e5;
    padding-bottom: 20px;
  }
  .modal_area .modal_content .modal_message_title.center {
    justify-content: center;
  }
  .modal_area .modal_content .modal_message_title.block {
    display: block;
    text-align: center;
  }
  .modal_area .modal_content .modal_message_title .caution_title {
    font-size: 18px;
    font-weight: 700;
    color: #EE8084;
    margin-top: 10px;
    line-height: 1.4;
  }
  .modal_area .modal_content .modal_message_title .caution_title.error {
    color: #D60000;
  }
  .modal_area .modal_content .modal_message_title h4 {
    color: #888;
    font-size: 18px;
    line-height: 1.4;
  }
  .modal_area .modal_content .modal_message_title p {
    color: #888;
    font-size: 12px;
  }
  .modal_area .modal_content .modal_message_title p.info_date {
    display: block;
    text-align: right;
  }
  .modal_area .modal_content .modal_message_title p .txt-num {
    padding-left: 5px;
  }
  .modal_area .modal_content .modal_message {
    font-size: 14px;
    color: #888;
  }
  .modal_area .modal_content .modal_message.color_d {
    color: #333333;
  }
  .modal_area .modal_content .modal_message.color_error {
    color: #D60000;
    font-size: 12px;
  }
  .modal_area .modal_content .modal_message.center {
    text-align: center;
  }
  .modal_area .modal_content .modal_message.mtb30 {
    margin: 30px auto;
  }
  .modal_area .modal_content .modal_message.mw252 {
    max-width: 252px;
    margin: auto;
  }
  .modal_area .modal_content .modal_message_action.mt20 {
    margin-top: 20px;
  }
  .modal_area .modal_content .modal_message_action.mt30 {
    margin-top: 30px;
  }
  .modal_area .modal_content .modal_message_action.mt40 {
    margin-top: 40px;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: fit-content;
    min-width: 142px;
    margin: auto;
    border: 1px solid #333;
    padding: 5px 0px;
    border-radius: 40px;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close .icon-close {
    width: 40px;
    margin: 0;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close p {
    padding-left: 16px;
    font-size: 12px;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close.cancel p {
    padding-left: 6px;
  }
  .modal_area .modal_content .modal_footer_action {
    margin: 10px auto;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner {
    margin: 30px auto 10px auto;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner.mw252 {
    max-width: 252px;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner .btn.submit {
    margin-bottom: 20px;
    font-size: 16px;
    padding: 13px 0;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner .btn.cancel {
    font-size: 12px;
    padding: 9px;
  }
  .modal_area .modal_content .modal_images .filter_title,
  .modal_area .modal_content .modal_filter .filter_title {
    margin-bottom: 10px;
  }
  .modal_area .modal_content .modal_images .filter_title h3,
  .modal_area .modal_content .modal_filter .filter_title h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_images .filter_title h3 span,
  .modal_area .modal_content .modal_filter .filter_title h3 span {
    font-size: 80%;
    padding-left: 4px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_images .select_image_title,
  .modal_area .modal_content .modal_filter .select_image_title {
    margin-bottom: 10px;
  }
  .modal_area .modal_content .modal_images .select_image_title h3,
  .modal_area .modal_content .modal_filter .select_image_title h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items,
  .modal_area .modal_content .modal_filter .filter_area .filter_items {
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area {
    margin-bottom: 4px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n),
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area:nth-child(2n),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area:nth-child(2n) {
    min-width: 50%;
    width: calc(50%);
    display: inline-block;
    margin-left: 0px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n-1),
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area:nth-child(2n-1),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n-1),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area:nth-child(2n-1) {
    width: calc(50% - 8px);
    display: inline-block;
    margin-right: 4px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area .btn_radio p,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area .btn_radio p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area .btn_radio p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area .btn_radio p {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    margin-bottom: 40px;
    align-items: center;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .price_line,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .price_line {
    position: absolute;
    background-color: #E0CC99;
    width: 100%;
    height: 4px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    width: auto;
    cursor: pointer;
    z-index: 0;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p5000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p500110000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p7000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p700110000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p10001,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p5000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p500110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p7000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p700110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p10001 {
    visibility: collapse;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 20px;
    height: 20px;
    border: 1px solid #C4A85A;
    border-radius: 1rem;
    background-color: #fff;
    　visibility: visible;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p7000, .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p5000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p7000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p5000 {
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0px;
    text-align: left;
    margin: auto;
    z-index: 1;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p700110000, .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p500110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p700110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p500110000 {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
    margin: auto;
    z-index: 1;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p10001,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p10001 {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    text-align: right;
    margin: auto;
    z-index: 1;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price.checked .btn_filter_price,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price.checked .btn_filter_price {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices p,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices p {
    position: relative;
    top: 24px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices p.center,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices p.center {
    text-align: center;
  }
  .modal_area .modal_content .modal_images .filter_action,
  .modal_area .modal_content .modal_filter .filter_action {
    margin-top: 20px;
  }
  .modal_area .modal_content .modal_images .filter_action .btn,
  .modal_area .modal_content .modal_filter .filter_action .btn {
    max-width: 240px;
    margin: auto;
  }
  .modal_area .modal_content .modal_images {
    width: 100%;
  }
  .modal_area .modal_content .modal_images .target_categories_area {
    overflow: hidden;
    margin: 20px auto 10px auto;
  }
  .modal_area .modal_content .modal_images .target_categories_area.hide {
    display: none;
  }
  .modal_area .modal_content .modal_images .target_categories {
    overflow: visible;
    display: flex;
    margin: auto;
    padding: 0 1rem 10px 1rem;
    flex-wrap: nowrap;
    overflow-x: hidden;
  }
  .modal_area .modal_content .modal_images .target_categories.scroll_x {
    overflow-x: scroll;
  }
  .modal_area .modal_content .modal_images .target_categories.wfull {
    margin: auto;
    padding: 0 1rem 10px 1rem;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item {
    position: relative;
    border: 1px solid #E0CC99;
    display: flex;
    width: max-content;
    align-items: center;
    padding: 2px 18px 2px 42px;
    min-height: 36px;
    box-sizing: border-box;
    border-radius: 55px;
    margin-right: 10px;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check_ca.svg?1740102524') no-repeat;
    width: 18px;
    height: 13px;
    left: 14px;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item p {
    font-size: 14px;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item:hover {
    border: 2px solid #EE8084;
    margin-right: 8px;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item:hover:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check_ca_h.svg?1740102524') no-repeat;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item.checked {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item.checked:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check_ca_h.svg?1740102524') no-repeat;
  }
  .modal_area .modal_content .modal_images .target_images_area {
    max-height: calc(100vh - 320px);
    min-height: calc(100vh - 320px);
    overflow-y: auto;
    display: block;
    margin: auto;
  }
  .modal_area .modal_content .modal_images .target_images_area.ec {
    padding: 0px 12px 0px 20px;
  }
  .modal_area .modal_content .modal_images .target_images {
    width: auto;
    position: relative;
    margin: 10px auto 20px auto;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    position: relative;
    height: auto;
    overflow-y: hidden;
    grid-gap: 0.6rem 0.6rem;
  }
  .modal_area .modal_content .modal_images .target_images.noscroll {
    overflow-y: auto;
  }
  .modal_area .modal_content .modal_images .target_images .btn_upload_trash {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_images .target_images .btn_upload_trash.hide {
    display: none;
  }
  .modal_area .modal_content .modal_images .target_images li {
    position: relative;
    width: calc(50% - 4px);
    max-height: 150px;
    max-width: 150px;
    min-width: 150px;
    min-height: 150px;
    position: relative;
    box-sizing: border-box;
  }
  .modal_area .modal_content .modal_images .target_images li.req_area {
    overflow: hidden;
  }
  .modal_area .modal_content .modal_images .target_images li.more_image {
    margin: auto;
    width: fit-content;
    min-width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_images .target_images li.more_image .box_more_action .btn-more-message {
    margin: 10px auto auto;
  }
  .modal_area .modal_content .modal_images .target_images li.hide {
    display: none;
  }
  .modal_area .modal_content .modal_images .target_images li input.form_input_upload_only,
  .modal_area .modal_content .modal_images .target_images li input.form_input_upload {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 147px;
    height: 147px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: fit-content;
    margin: auto;
    min-width: 150px;
    height: 150px;
    border: 1px solid #FAF9F5;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.round {
    border-radius: 8px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.checked {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.checked:after {
    content: '';
    background: url('../../img/kimigift/icon_check_w_slctimg.svg?1740102524') no-repeat;
    background-size: 14px 8px;
    background-color: #EE8084;
    background-position: center;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item:hover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.upload_area {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #eee;
    border: 2px solid #eee;
    border: 0px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.upload_area:hover {
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item .icon_upload_area {
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item .upload_area_title {
    font-size: 10px;
    color: #888;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .modal_area .modal_content .modal_images .target_images li img {
    max-width: 100%;
    width: 100%;
    height: 150px;
    object-fit: cover;
  }
  .modal_area .modal_content .modal_images .target_images li img.uploading_image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_content .modal_images .target_images_action {
    position: relative;
    margin: 10px auto 20px auto;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_title {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_title h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_title.m_center {
    text-align: center;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_subtitle {
    font-size: 14px;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_subtitle.m_center {
    text-align: center;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area {
    position: relative;
    width: fit-content;
    overflow: hidden;
    margin: 60px auto 30px auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area {
    position: relative;
    top: 3px;
    left: 3px;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area.cursor-grab {
    cursor: grab;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_base {
    position: relative;
    width: 250px;
    height: 250px;
    overflow: hidden;
    background-color: #fff;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_base img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_upload {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_upload img#image_upload_adjust.fit {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_design {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_design img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame.trans {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame.event_none {
    pointer-events: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area #image_frame_adjust.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover {
    position: absolute;
    width: 256px;
    height: 256px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover.event_none {
    pointer-events: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 3px;
    left: 3px;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution p {
    position: relative;
    color: #fff;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution.event_none {
    pointer-events: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution.none {
    display: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions {
    margin: 30px auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .image_adjust_operate_area {
    display: flex;
    justify-content: space-between;
    max-width: 172px;
    margin: auto;
    margin-bottom: 20px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 40px;
    text-align: center;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 3px solid #EE8084;
    border-radius: 38px;
    box-sizing: border-box;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom .icon img {
    width: 18px;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom p {
    margin-top: 10px;
    font-size: 14px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn.btn_submit_image_adjust {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner {
    position: relative;
    max-width: 256px;
    width: 256px;
    height: 256px;
    margin: auto;
  }
  .modal_area .modal_content.box_message_preview {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 0;
    border-radius: 10px;
  }
  .modal_area .modal_content.box_message_condition {
    padding: 30px 20px;
  }
  .modal_area .modal_footer {
    margin-top: 10px;
    text-align: center;
  }
  .modal_area .modal_footer .modal_footer_btn {
    width: 228px;
    margin: auto;
  }
  .modal_area .modal_footer .modal_footer_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: auto;
  }
  .modal_area .modal_footer .modal_footer_btn a p {
    color: #333333;
    font-size: 12px;
  }
  .modal_area.open {
    display: block;
  }

  /* modal
  ------------------------------ */
  .step_title {
    margin: 10px auto 20px auto;
    text-align: center;
    color: #333333;
    font-size: 14px;
  }
  .step_title strong {
    font-size: 18px;
    font-weight: 700;
  }
  .step_title.line2 {
    margin: 0px auto 8px auto;
  }

  .modal_slider.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    max-height: calc(88vw);
  }
  .modal_slider ul.slider {
    overflow: hidden;
    padding-top: 10px;
  }
  .modal_slider ul.slider li {
    width: 100%;
  }
  .modal_slider .modal_slider_head {
    width: 100%;
    min-height: 8px;
  }
  .modal_slider .modal_slider_item {
    position: relative;
    border-radius: 10px;
    padding: 20px 0px 0px;
    width: 100%;
    min-width: 250px;
  }
  .modal_slider .modal_slider_item.modal_howtouse {
    border-radius: 0px;
  }
  .modal_slider .modal_slider_item .band-step {
    position: absolute;
    left: 15px;
  }
  .modal_slider .modal_slider_item .step_num p {
    color: #FFF9E0;
    font-size: 14px;
    text-align: center;
  }
  .modal_slider .modal_slider_item .step_img {
    max-width: 240px;
    max-height: 320px;
    width: 100%;
    margin: auto;
    background-color: inherit;
    position: relative;
    overflow: hidden;
  }
  .modal_slider .modal_slider_item .step_img.ec {
    background: none;
    max-width: 135px;
    max-height: 320px;
  }
  .modal_slider .modal_slider_item .step_img img {
    position: relative;
    top: 0px;
    width: 200%;
    min-width: 265px;
    margin: auto;
    left: -50%;
    right: -50%;
  }
  .modal_slider .modal_slider_item_footer.ec {
    padding-bottom: 20px;
  }
  .modal_slider .step_catch {
    margin: 20px auto 10px auto;
    min-height: 84px;
  }
  .modal_slider .step_catch p {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
  }
  .modal_slider .step_catch p span {
    font-size: 16px;
    font-weight: 700;
  }
  .modal_slider .step_catch p span.block {
    display: block;
  }
  .modal_slider .step_catch p.center {
    text-align: center;
  }
  .modal_slider .step_catch p.howtouse_step_txt {
    font-size: 12px;
  }
  .modal_slider .step_catch p.howtouse_step_txt span {
    font-size: 10px;
  }
  .modal_slider .step_catch p.howtouse_step_txt.caution {
    line-height: 1.3;
    margin-top: 5px;
    color: #D60000;
  }
  .modal_slider .step_catch.ec p span {
    font-size: 12px;
    font-weight: 400;
  }
  .modal_slider .step_catch.ec p.howtouse_step_txt.caution {
    line-height: 1.3;
    margin-top: 5px;
    color: #D60000;
  }
  .modal_slider .step_catch.ec p.howtouse_step_txt.caution span {
    font-size: 10px;
  }

  .howtouse_slider {
    max-width: 100%;
    max-height: 504px;
    overflow: hidden;
  }
  .howtouse_slider.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .howtouse_slider.spmh2 {
    min-height: 584px;
    max-height: 584px;
  }
  .howtouse_slider.spmh2 .dots-wrap.btm10 {
    bottom: -60px;
  }
  .howtouse_slider .slider_head {
    display: flex;
    align-items: center;
    gap: 0;
    position: relative;
    top: 20px;
    max-width: 320px;
    margin: auto;
  }
  .howtouse_slider .slider_head .step_title {
    margin: inherit;
  }
  .howtouse_slider ul {
    display: block;
  }
  .howtouse_slider ul li {
    width: 100%;
  }
  .howtouse_slider ul.slider {
    justify-content: start;
    align-items: baseline;
    max-width: 320px;
    display: block;
    overflow: visible;
    max-height: 428px;
    margin: auto;
  }
  .howtouse_slider ul.slider .slick-list {
    overflow: visible;
  }
  .howtouse_slider ul.slider li {
    flex: 0 0 330px;
  }
  .howtouse_slider .slider_action {
    display: none;
  }
  .howtouse_slider .slider_item {
    width: 300px;
    margin: 0 10px;
  }
  .howtouse_slider .modal_slider_item {
    position: relative;
    padding: 20px 30px;
    border-radius: 1rem;
    background-color: #fff;
    min-height: 380px;
  }
  .howtouse_slider .modal_slider_item.mh460 {
    min-height: 460px;
  }
  .howtouse_slider .modal_slider_item.mh480 {
    min-height: 480px;
  }
  .howtouse_slider .modal_slider_item .step_img {
    max-width: 288px;
    max-height: 288px;
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
  }
  .howtouse_slider .modal_slider_item .step_img img {
    position: relative;
    top: 0px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
  }
  .howtouse_slider .modal_slider_item .step_catch {
    margin: 20px auto 10px auto;
  }
  .howtouse_slider .modal_slider_item .step_catch p {
    color: #333333;
    font-size: 12px;
    font-weight: 400;
  }
  .howtouse_slider .modal_slider_item .step_catch p.howtouse_step_txt span {
    font-size: 10px;
  }
  .howtouse_slider .modal_slider_item .step_catch p.howtouse_step_txt.caution {
    line-height: 1.3;
    margin-top: 5px;
    color: #D60000;
  }

  .dots-wrap {
    position: absolute !important;
    margin: auto;
    width: 240px;
    display: flex !important;
    gap: 10px;
    justify-content: center;
    bottom: 0px;
    left: 0;
    right: 0;
  }
  .dots-wrap.btm10 {
    bottom: 10px;
  }
  .dots-wrap li {
    width: 12px !important;
    height: 12px !important;
    background-color: #F4F0E6;
    border-radius: 50%;
    margin-bottom: 10px;
    cursor: pointer;
    opacity: 1;
    padding: 0 !important;
    max-width: 12px;
    flex: none !important;
  }
  .dots-wrap li:hover {
    background-color: #EE8084;
    opacity: 1;
  }
  .dots-wrap li.slick-active {
    background-color: #EE8084;
    opacity: 1;
  }
  .dots-wrap li:last-child {
    margin-bottom: 0;
  }
  .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
  }

  /* icons
  ------------------------------ */
  .icon-checkmark {
    background: url('../../img/kimigift/icon_checkmark.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #fff;
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    border: 4px solid #EE8084;
  }

  .icon-q {
    background: url('../../img/kimigift_ec/icon_q_org.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #fff;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border: 1px solid #C4A85A;
  }

  .icon-q-org {
    background: url('../../img/kimigift/icon_q_w.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #FAF9F5;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
  }
  .icon-q-org.ec {
    background-color: #C4A85A;
  }

  .icon-ex-point {
    background: url('../../img/kimigift/icon_ex_point.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #fff;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 2rem;
    border: 2px solid #D60000;
    margin: 0 auto 0.6rem auto;
  }

  .icon-surprise {
    background: url('../../img/kimigift_ec/icon_surprise.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 43px auto;
    display: block;
    width: 44px;
    height: 41px;
    margin: auto;
    padding: 5px;
  }

  .icon-upimg {
    background: url('../../img/kimigift/icon_upimg.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 48px auto;
    display: block;
    width: 48px;
    height: 48px;
    margin: auto;
  }

  .icon-error {
    background: url('../../img/kimigift/icon_error.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 20px auto;
    background-color: #D60000;
    display: block;
    width: 44px;
    height: 44px;
    margin: auto;
    border-radius: 2rem;
  }

  .icon-close {
    background: url('../../img/kimigift/icon_circle_close.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 10px auto;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
  }

  .icon-trash {
    background: url('../../img/kimigift/icon_trash.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 11px auto;
    display: block;
    width: 11px;
    height: 15px;
    margin: auto;
  }

  .icon-trash-acc {
    background: url('../../img/kimigift/icon_trash_acc.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 14px auto;
    display: block;
    width: 14px;
    height: 16px;
    margin: auto;
  }
  .icon-trash-acc.big {
    background-size: 32px 42px;
    width: 32px;
    height: 43px;
  }

  .icon-adjust {
    background: url('../../img/kimigift/icon_adjust.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 20px auto;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px;
  }

  .icon-selectfrm {
    background: url('../../img/kimigift/icon_selectfrm.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 23px auto;
    display: block;
    width: 23px;
    height: 19px;
    margin: 0px;
  }

  .icon-selectimg {
    background: url('../../img/kimigift/icon_selectimg.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 18px auto;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0px;
  }

  /* header
  ------------------------------ */
  header .header_inner {
    background-color: #C4A85A;
    min-height: 60px;
  }
  header .header_inner.bg-none {
    background: none;
  }
  header .header_inner .head_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0px;
    z-index: 10;
    pointer-events: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  header .header_inner .head_area.open_menu {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #C4A85A;
  }
  header .header_inner .head_area.blur {
    backdrop-filter: blur(2px);
  }
  header .header_inner .head_area:after {
    content: '';
    position: absolute;
    background-color: #C4A85A;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0.6;
  }
  header .header_inner .head_area_logo {
    pointer-events: auto;
    cursor: pointer;
  }
  header .header_inner .head_area_logo h1 {
    padding: 0px 15px;
    height: 58px;
  }
  header .header_inner .head_area_logo h1.flex-acenter {
    display: flex;
    align-items: center;
  }
  header .header_inner .head_area_logo img {
    width: auto;
    max-height: 34px;
  }
  header .header_inner .head_area_menu {
    pointer-events: auto;
    cursor: pointer;
    padding-right: 1rem;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu {
    background-color: #FFF9E0;
    cursor: pointer;
    padding: 10px 8px 8px 9px;
    border: none;
    border-radius: 2rem;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu span:nth-of-type(2) {
    margin: 5px 0 5px 0;
    width: 15px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu span.icon_menu {
    background: url('../../img/kimigift/icon_menu_header_navi.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    width: 23px;
    height: 8px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.active {
    position: relative;
    padding: 13px 7px 7px 10px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.active span:nth-of-type(2) {
    width: 20px;
    margin: 4px 0;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.ec {
    background-color: #fff;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.ec span {
    background-color: #000;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.ec span.icon_menu {
    background: url('../../img/kimigift_ec/icon_menu_header_navi.svg?1740102524') no-repeat;
  }

  @-webkit-keyframes btn-header-navi-bar01 {
    0% {
      -webkit-transform: translateY(6px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn-header-navi-bar01 {
    0% {
      transform: translateY(6px) rotate(45deg);
    }
    50% {
      transform: translateY(6px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  @-webkit-keyframes active-btn-header-navi-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(6px) rotate(45deg);
    }
  }
  @keyframes active-btn-header-navi-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(6px) rotate(0);
    }
    100% {
      transform: translateY(6px) rotate(45deg);
    }
  }
  @-webkit-keyframes btn-header-navi-bar02 {
    0% {
      -webkit-transform: translateY(0px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(0px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn-header-navi-bar02 {
    0% {
      transform: translateY(0px) rotate(-45deg);
    }
    50% {
      transform: translateY(0px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  @-webkit-keyframes active-btn-header-navi-bar02 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(0px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0px) rotate(-45deg);
    }
  }
  @keyframes active-btn-header-navi-bar02 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(0px) rotate(0);
    }
    100% {
      transform: translateY(0px) rotate(-45deg);
    }
  }
  .btn_hamburger_menu span:nth-of-type(1) {
    -webkit-animation: btn-header-navi-bar01 .75s forwards;
    animation: btn-header-navi-bar01 .75s forwards;
  }
  .btn_hamburger_menu span:nth-of-type(2) {
    -webkit-animation: btn-header-navi-bar02 .75s forwards;
    animation: btn-header-navi-bar02 .75s forwards;
  }
  .btn_hamburger_menu span:nth-of-type(3) {
    transition: all .25s .25s;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .btn_hamburger_menu.active span:nth-of-type(1) {
    -webkit-animation: active-btn-header-navi-bar01 .75s forwards;
    animation: active-btn-header-navi-bar01 .75s forwards;
  }
  .btn_hamburger_menu.active span:nth-of-type(2) {
    width: 22px;
    -webkit-animation: active-btn-header-navi-bar02 .75s forwards;
    animation: active-btn-header-navi-bar02 .75s forwards;
  }
  .btn_hamburger_menu.active span:nth-of-type(3) {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* main
  ------------------------------ */
  .main_container .box_container_inner {
    position: relative;
    max-width: 100%;
    margin: 0px auto 20px auto;
  }
  .main_container .box_container_inner.m0 {
    margin: auto;
  }

  .box_info .info_area {
    width: calc(100% - 40px);
    margin: 20px auto;
  }
  .box_info .info_area ul {
    background-color: #fff;
    border-radius: 0.4rem;
  }
  .box_info .info_area ul .info_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
    gap: 2rem;
  }
  .box_info .info_area ul .info_item .info_date p {
    font-size: 10px;
  }
  .box_info .info_area ul .info_item .info_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .box_info .info_area ul .info_item .info_title p {
    font-size: 10px;
  }
  .box_info.ec {
    position: relative;
  }
  .box_info.ec .info_area {
    margin: 15px auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }

  .box_main_logo {
    position: absolute;
    top: 150px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    display: flex;
    justify-content: center;
  }

  .box_status {
    margin-bottom: 30px;
  }
  .box_status.ec {
    margin-bottom: 0px;
  }
  .box_status .msg_status_area {
    position: relative;
  }
  .box_status .msg_status_area.ec {
    background-color: #fff;
    padding-bottom: 10px;
  }
  .box_status .msg_status_banner {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    grid-area: thumbnail;
    align-items: center;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    max-height: 280px;
  }
  .box_status .msg_status_banner img {
    width: 100%;
  }
  .box_status .box_msg_status {
    position: relative;
    width: calc(100% - 40px);
    margin: auto;
  }
  .box_status .box_msg_status .box_msg_status_inner {
    background-color: #fff;
    padding: 13px;
    border-radius: 0.6rem;
  }
  .box_status .box_msg_status .box_msg_status_head {
    text-align: center;
    margin: 2px auto 10px auto;
  }
  .box_status .box_msg_status .box_msg_status_head h2 {
    font-weight: 700;
    font-size: 16px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 6px 10px;
    margin-bottom: 10px;
    background-color: #C4A85A;
    border-radius: 0.4rem;
    border: 1px solid #FAF9F5;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item.col-two {
    padding: 0;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item.only1 {
    margin-bottom: 0px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item.hide {
    display: none;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_right {
    display: flex;
    font-size: 10px;
    justify-content: flex-end;
    align-items: center;
    gap: 0.2rem;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_lbl p {
    font-size: 12px;
    display: flex;
    gap: 0.6rem;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val {
    background-color: #fff;
    padding: 2px 15px;
    border-radius: 1rem;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val span {
    font-size: 10px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val .txt-num {
    font-size: 14px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val.msg_remain_num {
    padding: 2px 10px 4px 10px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val.msg_remain_num p {
    font-size: 18px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_items .msg_status_item.fst {
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_items .msg_status_item.end {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 46%;
    padding: 6px 10px;
    border-right: 1px solid #E0CC99;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 46%;
    padding: 6px 10px;
  }
  .box_status .box_msg_status.start {
    padding-top: 238px;
  }
  .box_status .box_msg_status.start .box_msg_status_inner {
    padding: 8px 4%;
  }
  .box_status .box_msg_status.ec {
    padding-top: 298px;
  }
  .box_status .box_msg_status.ec .box_msg_status_inner {
    padding: 0;
  }
  .box_status .box_msg_status.ec .box_msg_status_inner .box_msg_status_container .msg_status_item {
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
  }

  .box_allocation_area {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 0.6rem;
    padding: 10px;
    width: calc(100% - 60px);
    max-width: 100%;
    margin: auto;
  }
  .box_allocation_area.no_sort ul {
    margin-bottom: 0px;
  }
  .box_allocation_area.no_sort ul li:last-child {
    margin-bottom: 0px;
  }
  .box_allocation_area.no_sort .box_allocation_action {
    display: none;
  }
  .box_allocation_area.no_sort .box_allocation_item .product_item {
    border-bottom: 0px;
  }
  .box_allocation_area.no_sort .box_allocation_item .allocation_item {
    display: none;
  }
  .box_allocation_area ul {
    margin-bottom: 20px;
  }
  .box_allocation_area ul li {
    margin-bottom: 10px;
  }
  .box_allocation_area .box_allocation_item {
    border: 1px solid #E0CC99;
    border-radius: 0.6rem;
    padding: 0;
  }
  .box_allocation_area .product_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    gap: 10px;
    border-bottom: 1px dotted #E0CC99;
  }
  .box_allocation_area .product_item .product_image {
    width: 30%;
    max-width: 60px;
    max-height: 60px;
  }
  .box_allocation_area .product_item .product_image img {
    width: 100%;
    border-radius: 0.2rem;
  }
  .box_allocation_area .product_item .product_content {
    width: calc(100% - 74px);
  }
  .box_allocation_area .product_item .product_content .product_title h3 {
    font-size: 16px;
    margin: 16px auto 0px auto;
    padding: 0;
    color: #333;
  }
  .box_allocation_area .product_item .product_content .product_count {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
  }
  .box_allocation_area .product_item .product_content .product_price .price {
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
  }
  .box_allocation_area .product_item .product_content .product_price .price strong {
    font-size: 20px;
    font-weight: 700;
  }
  .box_allocation_area .product_item .product_content .product_qty .qty {
    font-size: 10px;
    font-weight: 700;
  }
  .box_allocation_area .product_item .product_content .product_qty .qty strong {
    font-size: 20px;
    font-weight: 700;
  }
  .box_allocation_area .product_item .product_content .product_qty .qty .qty_unit {
    padding-left: 2px;
  }
  .box_allocation_area .allocation_item .msg_status_item {
    display: flex;
    padding: 0;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 0;
    color: #333;
    border-right: 1px dotted #E0CC99;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right .msg_status_lbl,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left .msg_status_lbl {
    padding: 10px 10px;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right .msg_status_right,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left .msg_status_right {
    padding: 8px 10px;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right .msg_status_right .input_cnt,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left .msg_status_right .input_cnt {
    max-width: 40px;
    background: #F4F0E6;
    border: 1px solid #E0CC99;
    border-radius: 4px;
    padding: 2px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-right: 2px;
  }
  .box_allocation_area .allocation_item.col-two .msg_status_item_left,
  .box_allocation_area .allocation_item.col-two .msg_status_item_right {
    width: 50%;
  }
  .box_allocation_area .box_allocation_action {
    margin: 10px auto;
  }
  .box_allocation_area .box_allocation_action .btn {
    min-width: 200px;
    width: fit-content;
    margin: auto;
  }

  .box_sorting {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    max-width: 370px;
    margin: auto;
  }
  .box_sorting .btn-sorting {
    position: relative;
    border: 1px solid #C4A85A;
    padding: 6px 30px;
    background-color: #fff;
    border-radius: 2rem;
    cursor: pointer;
  }
  .box_sorting .btn-sorting .icon_sorting {
    background: url('../../img/kimigift/icon_sorting.svg?1740102524') no-repeat;
    background-size: contain;
    padding-left: 30px;
  }
  .box_sorting .btn-sorting .icon_sorting p {
    font-size: 14px;
    font-weight: bold;
  }
  .box_sorting .cnt_sorting p .sorting_all {
    font-size: 12px;
    font-weight: 700;
  }
  .box_sorting .cnt_sorting p .sorting {
    font-size: 20px;
    font-weight: 700;
    padding-left: 5px;
  }
  .box_sorting.spwplr20 {
    width: calc(100% - 20px);
  }
  .box_sorting.ec {
    padding: 20px 0 10px 0;
  }

  .box_sorting_result {
    max-width: 370px;
    margin: auto;
  }
  .box_sorting_result.ec {
    margin-bottom: 25px;
  }
  .box_sorting_result ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .box_sorting_result ul li {
    margin-right: 0.3rem;
  }
  .box_sorting_result ul li:last-child {
    margin-right: 0;
  }
  .box_sorting_result .sorting_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0 12px;
    align-items: center;
    margin: 0.2rem auto;
    background-color: #fff;
    border: 1px solid #888;
    border-radius: 2rem;
    min-width: 45px;
    text-align: center;
    height: 25px;
    cursor: pointer;
  }
  .box_sorting_result .sorting_item p {
    font-size: 10px;
    font-weight: 700;
    color: #888;
  }
  .box_sorting_result .sorting_item .icon_close_w {
    background: url('../../img/kimigift/icon_close.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.groom {
    background-color: #C0CEE6;
    border: 1px solid #C0CEE6;
  }
  .box_sorting_result .sorting_item.groom p {
    color: #fff;
  }
  .box_sorting_result .sorting_item.groom .icon_close_w {
    background: url('../../img/kimigift/icon_close_w.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.bride {
    background: #DFB3AE;
    border: 1px solid #DFB3AE;
  }
  .box_sorting_result .sorting_item.bride p {
    color: #fff;
  }
  .box_sorting_result .sorting_item.bride .icon_close_w {
    background: url('../../img/kimigift/icon_close_w.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.send {
    background: #888;
    border: 1px solid #888;
  }
  .box_sorting_result .sorting_item.send p {
    color: #fff;
  }
  .box_sorting_result .sorting_item.send .icon_close_w {
    background: url('../../img/kimigift/icon_close_w.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  .box_template_area {
    background-color: #fff;
    padding: 0px;
    border-radius: 0.6rem;
    max-width: 370px;
    margin: auto;
    margin-bottom: 30px;
    border: none;
    padding: 5px 5px 5px 5px;
  }
  .box_template_area .template_head {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    padding: 14px;
  }
  .box_template_area .template_head .title {
    margin: auto;
    font-size: 14px;
    text-align: center;
  }
  .box_template_area .template_head .btn-openclose {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 11px;
    right: 15px;
  }
  .box_template_area .template_head.close {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_template_area .btn-template-head {
    cursor: pointer;
  }
  .box_template_area .template_item {
    width: auto;
    display: inherit;
    border-radius: 0.4rem;
    padding: 0;
    margin-bottom: 5px;
  }
  .box_template_area .template_item p {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 1;
  }
  .box_template_area .template_item p.icon_check {
    padding-left: 1.5rem;
  }
  .box_template_area .template_item .btn-prev-template {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    font-size: 12px;
    color: #333;
    font-weight: 400;
    background-color: #F4F0E6;
    padding: 5px 20px;
    border-radius: 2rem;
    cursor: pointer;
  }
  .box_template_area .template_item .btn-prev-template:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .box_template_area .template_item .btn_radio {
    height: 100%;
    border: none;
    text-align: inherit;
    background-color: inherit;
    padding: 18px 20px 18px 55px;
    box-sizing: border-box;
    width: 100%;
  }
  .box_template_area .template_item .btn_radio.template_list_name {
    padding: 18px 150px 18px 55px;
  }
  .box_template_area .template_action .btn-add-teplate {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    text-align: center;
    margin: 15px auto 15px auto;
    max-width: 82px;
    height: 22px;
    cursor: pointer;
  }
  .box_template_area .template_action .btn-add-teplate:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_plus_a.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 10px 10px;
    width: 22px;
    height: 22px;
    left: 0px;
    top: 0px;
    border: 1px solid #C4A85A;
    border-radius: 2rem;
  }
  .box_template_area .template_action .btn-add-teplate p {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    padding-left: 26px;
  }
  .box_template_area .template_action .btn {
    max-width: 240px;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .box_template_area .template_area {
    padding: 0 20px;
  }
  .box_template_area .template_area ul li:last-child {
    margin-bottom: 0px;
  }

  .box_message_area {
    max-width: 370px;
    margin: auto;
    margin-bottom: 30px;
  }
  .box_message_area.ec {
    margin-bottom: 80px;
  }
  .box_message_area .box_message_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 0.6rem;
    border: none;
    padding: 10px 15px;
    margin-bottom: 20px;
  }
  .box_message_area .box_message_item:last-child {
    margin-bottom: 0px;
  }
  .box_message_area .box_message_item .message_head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 15px;
  }
  .box_message_area .box_message_item .message_head.ec {
    margin-bottom: 10px;
  }
  .box_message_area .box_message_item .message_head .icon_check {
    background-color: #fff;
    border-radius: 2rem;
    min-width: 45px;
    text-align: center;
    height: 20px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .box_message_area .box_message_item .message_head .icon_check p {
    font-size: 10px;
    padding-left: 14px;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom {
    border: 1px solid #C0CEE6;
    background-image: url('../../img/kimigift/icon_check_w.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #C0CEE6;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom p {
    color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom.none {
    background-image: url('../../img/kimigift/icon_check_groom.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom.none p {
    color: #C0CEE6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride {
    border: 1px solid #DFB3AE;
    background-image: url('../../img/kimigift/icon_check_w.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #DFB3AE;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride p {
    color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride.none {
    background-image: url('../../img/kimigift/icon_check_bride.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride.none p {
    color: #DFB3AE;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send {
    padding: 0 14px;
    border: 1px solid #888;
    background-image: url('../../img/kimigift/icon_check_w.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #888;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send p {
    color: #FFF;
    padding-left: 14px;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send.none {
    background-image: url('../../img/kimigift/icon_check_nosend.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send.none p {
    color: #888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_message_area .box_message_item .message_head .message_head_tags {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
  }
  .box_message_area .box_message_item .message_head .message_head_tags.none {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_message_area .box_message_item .message_product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
  }
  .box_message_area .box_message_item .message_product .message_product_image {
    position: relative;
    max-width: 100px;
    max-height: 100px;
    overflow: hidden;
  }
  .box_message_area .box_message_item .message_product .message_product_image.round {
    border-radius: 8px;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_base {
    position: absolute;
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_base img {
    width: 100%;
    height: auto;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_upload {
    position: absolute;
    max-width: 100px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_design {
    position: absolute;
    max-width: 100px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_design img {
    width: 100%;
    height: auto;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame.trans {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame.event_none {
    pointer-events: none;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame img {
    width: 100%;
    height: auto;
  }
  .box_message_area .box_message_item .message_product .message_product_image img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    position: relative;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: flow;
    margin: auto;
    text-align: center;
    width: 100%;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image span {
    display: block;
    width: 100%;
    color: #fff;
    position: relative;
    line-height: 1.2;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image span:first-child {
    top: 28px;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image span:last-child {
    top: 32px;
  }
  .box_message_area .box_message_item .message_product .message_product_data {
    width: calc(100% - 115px);
  }
  .box_message_area .box_message_item .message_product .message_product_data .product_price .price {
    font-size: 18px;
    font-weight: 400;
  }
  .box_message_area .box_message_item .message_product .message_product_data .product_title {
    margin: 5px auto;
  }
  .box_message_area .box_message_item .message_product .message_product_data .product_title h3 {
    font-size: 12px;
    font-weight: 400;
    margin: 5px auto;
  }
  .box_message_area .box_message_item .message_product .message_product_data .message_to {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px auto 0 auto;
  }
  .box_message_area .box_message_item .message_product .message_product_data .message_to h3 {
    margin: auto;
    display: block;
    width: calc(100% - 28px);
  }
  .box_message_area .box_message_item .message_product .message_product_data .message_to span {
    display: inline-block;
    width: 12px;
    font-size: 10px;
    position: relative;
    top: 2px;
  }
  .box_message_area .box_message_item .message_product_actions {
    display: block;
  }
  .box_message_area .box_message_item .message_product_actions.hide {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action {
    width: calc(50% - 5px);
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action.noactive {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action.none {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 5px 0px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    width: 100%;
    color: #333;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    min-height: 58px;
    margin-bottom: 10px;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action p {
    text-align: center;
    margin: auto 0;
    width: 100%;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action .flex_icon {
    display: flex;
    gap: 0;
    justify-content: center;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action .flex_icon .icon-trash {
    display: block;
    width: 12px;
    padding: 0;
    margin: auto 5px auto 0;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.none {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.noactive {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.noactive:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action.none {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.flex {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.one {
    display: block;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.one .message_product_action {
    width: 100%;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.one .message_product_action .btn_product_action {
    min-height: 28px;
    padding: 0px;
  }
  .box_message_area .box_message_item .message_action {
    margin: 10px auto;
  }
  .box_message_area .box_message_item .message_action .message_action_inner {
    display: block;
    width: 100%;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn {
    text-align: center;
    min-width: auto;
    width: calc(100% - 25px);
    margin-bottom: 10px;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.bold {
    padding: 13.5px 12px;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.bold p {
    font-size: 16px;
    font-weight: bold;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.btn-message-edit {
    display: none;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.btn-message-save {
    display: block;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.dbl {
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.dbl .btn {
    min-width: calc(50% - 25px);
    text-align: center;
    min-width: auto;
    padding: 0.6rem 0;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.ec_act {
    margin: 10px auto 15px auto;
  }
  .box_message_area .box_message_item.close {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_message_area .box_message_item.close .message_product .message_image .check_upload_image {
    display: none;
  }
  .box_message_area .box_message_item.close .message_product .message_image .delete_upload_image {
    display: none;
  }
  .box_message_area .box_message_item.close .message_product_actions {
    display: none;
  }
  .box_message_area .box_message_item.close .message_tmpl_form,
  .box_message_area .box_message_item.close .message_form {
    display: none;
  }
  .box_message_area .box_message_item.close .message_action .message_action_inner .btn-message-edit {
    display: block;
  }
  .box_message_area .box_message_item.close .message_action .message_action_inner .btn-message-save {
    display: none;
  }
  .box_message_area .box_message_item.noactive {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #EEEEEE;
  }
  .box_message_area .box_message_item.noactive .message_form {
    display: none;
  }
  .box_message_area .box_message_item.active {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_message_area .box_message_item.active .message_product .message_product_data {
    position: relative;
    top: -15px;
  }
  .box_message_area .box_message_item.active .message_product .message_product_data .message_to {
    display: none;
  }
  .box_message_area .box_message_item.active .message_product_actions {
    display: block;
  }
  .box_message_area .box_message_item.active .message_action .message_action_inner .btn-message-edit {
    display: none;
  }
  .box_message_area .box_message_item.active .message_action .message_action_inner .btn-message-save {
    display: block;
  }

  .message_tmpl_form,
  .message_form {
    margin-bottom: 20px;
  }
  .message_tmpl_form.hide,
  .message_form.hide {
    display: none;
  }
  .message_tmpl_form.mt15,
  .message_form.mt15 {
    margin-top: 15px;
  }
  .message_tmpl_form .message_product_actions,
  .message_form .message_product_actions {
    display: block;
  }
  .message_tmpl_form .message_product_actions.template,
  .message_form .message_product_actions.template {
    max-width: 250px;
    margin: auto;
  }
  .message_tmpl_form .message_product_actions.hide,
  .message_form .message_product_actions.hide {
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action,
  .message_form .message_product_actions .message_product_action {
    width: calc(50% - 5px);
  }
  .message_tmpl_form .message_product_actions .message_product_action.noactive,
  .message_form .message_product_actions .message_product_action.noactive {
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action.none,
  .message_form .message_product_actions .message_product_action.none {
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action,
  .message_form .message_product_actions .message_product_action .btn_product_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 5px 0px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    width: 100%;
    color: #333;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    min-height: 58px;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action p,
  .message_form .message_product_actions .message_product_action .btn_product_action p {
    text-align: center;
    margin: auto 0;
    width: 100%;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action .flex_icon,
  .message_form .message_product_actions .message_product_action .btn_product_action .flex_icon {
    display: flex;
    gap: 0;
    justify-content: center;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action .flex_icon .icon-trash,
  .message_form .message_product_actions .message_product_action .btn_product_action .flex_icon .icon-trash {
    display: block;
    width: 14px;
    padding: 0;
    margin: auto 8px auto 0;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action:hover,
  .message_form .message_product_actions .message_product_action .btn_product_action:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.hide,
  .message_form .message_product_actions .message_product_action .btn_product_action.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.none,
  .message_form .message_product_actions .message_product_action .btn_product_action.none {
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.noactive,
  .message_form .message_product_actions .message_product_action .btn_product_action.noactive {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.noactive:hover,
  .message_form .message_product_actions .message_product_action .btn_product_action.noactive:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.flex,
  .message_form .message_product_actions .message_product_action_inner.flex {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.one,
  .message_form .message_product_actions .message_product_action_inner.one {
    display: block;
    margin-bottom: 10px;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.one .message_product_action,
  .message_form .message_product_actions .message_product_action_inner.one .message_product_action {
    width: 100%;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.one .message_product_action .btn_product_action,
  .message_form .message_product_actions .message_product_action_inner.one .message_product_action .btn_product_action {
    min-height: 28px;
    padding: 0px;
  }
  .message_tmpl_form .form_item,
  .message_form .form_item {
    margin-bottom: 5px;
  }
  .message_tmpl_form .form_item.msgfrmflex,
  .message_form .form_item.msgfrmflex {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec,
  .message_form .form_item.form_msg_tmpl_list.ec {
    background: #FAF9F5;
    padding: 0.4rem 0.5rem;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    margin-top: 15px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl {
    width: 100%;
    color: #C4A85A;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl.center,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl.center {
    text-align: center;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .btn-toggle,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .btn-toggle {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #C4A85A;
    width: 22px;
    height: 22px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle {
    cursor: pointer;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover {
    cursor: pointer;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover .form_lbl,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover .form_lbl {
    cursor: pointer;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area {
    width: calc(100% - 10px);
    margin: auto;
    margin-top: 15px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area {
    width: 100%;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl {
    border: none;
    padding: 6px 10px 6px 50px;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio {
    width: auto;
    text-align: inherit;
    position: relative;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:before,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:before {
    border: none;
    border-radius: 0px;
    background-color: unset;
    width: 15px;
    height: 15px;
    left: 0px;
    padding: 0 18px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:after,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:after {
    background-color: unset;
    opacity: 1;
    z-index: 1;
    border: 1px solid #C4A85A;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    transform: none;
    border-radius: 5px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area input.input_radio_hidden:checked + label.btn_radio:after,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area input.input_radio_hidden:checked + label.btn_radio:after {
    border: 2px solid #EE8084;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.hide,
  .message_form .form_item.form_msg_tmpl_list.hide {
    display: none;
  }
  .message_tmpl_form .form_item .form_lbl,
  .message_form .form_item .form_lbl {
    font-size: 12px;
  }
  .message_tmpl_form .form_item .form_lbl.side,
  .message_form .form_item .form_lbl.side {
    font-size: 16px;
    font-weight: 700;
    max-width: 60px;
    position: relative;
    top: 10px;
  }
  .message_tmpl_form .form_item .form_lbl.side strong,
  .message_form .form_item .form_lbl.side strong {
    font-weight: 700;
  }
  .message_tmpl_form .form_item .form_input,
  .message_form .form_item .form_input {
    border: 1px solid #C4A85A;
    border-radius: 8px;
    padding: 14px 14px;
    width: calc(100% - 60px);
    font-size: 16px;
    color: #333;
    background-color: #fff;
  }
  .message_tmpl_form .form_item .form_input.msg_to,
  .message_form .form_item .form_input.msg_to {
    width: calc(100% - 64px);
    margin-bottom: 6px;
    min-height: 24px;
  }
  .message_tmpl_form .form_item .form_input.msg_from,
  .message_form .form_item .form_input.msg_from {
    margin-bottom: 6px;
    box-sizing: border-box;
    width: calc(100% - 56px);
    max-height: 53px;
    min-height: 53px;
  }
  .message_tmpl_form .form_item .form_input.modal,
  .message_form .form_item .form_input.modal {
    padding: 7px 14px;
    border-radius: 5px;
  }
  .message_tmpl_form .form_item .form_input.bold,
  .message_form .form_item .form_input.bold {
    font-weight: 700;
  }
  .message_tmpl_form .form_item .form_textarea,
  .message_form .form_item .form_textarea {
    border: 1px solid #E0CC99;
    border-radius: 10px;
    min-height: 180px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.1rem;
    color: #333;
    display: block;
    border: none;
    outline: none;
    margin: auto;
    min-height: 221px;
    field-sizing: content;
    resize: none;
    overflow-wrap: anywhere;
    min-width: 267px;
    max-width: 267px;
    box-sizing: border-box;
    padding: 20px 0px;
    position: relative;
    background-color: inherit;
  }
  .message_tmpl_form .form_item .form_textarea.input_main_msg,
  .message_form .form_item .form_textarea.input_main_msg {
    display: block;
    margin: auto;
    min-width: 236px;
    max-width: 236px;
    min-height: 221px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    color: #333;
  }
  .message_tmpl_form .form_item .form_textarea:after,
  .message_form .form_item .form_textarea:after {
    content: '';
    position: absolute;
    border: 1px solid #FAF9F5;
    border-radius: 5px;
    background-color: #fff;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  .message_tmpl_form .form_item .form_textarea:hover:after,
  .message_form .form_item .form_textarea:hover:after {
    content: '';
    position: absolute;
    border: 2px solid #EE8084;
    z-index: 0;
  }
  .message_tmpl_form .form_item .form_textarea_inner,
  .message_form .form_item .form_textarea_inner {
    border: 1px solid #C4A85A;
    border-radius: 10px;
    padding: 4px 0px;
    box-sizing: border-box;
    margin: 15px auto;
    background-color: #fff;
  }
  .message_tmpl_form .form_item .form_textarea_inner.hover,
  .message_form .form_item .form_textarea_inner.hover {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area,
  .message_form .form_item .form_radios_area {
    display: flex;
    margin: 2px auto 10px auto;
    gap: 4px;
    width: 100%;
    flex-wrap: wrap;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area,
  .message_form .form_item .form_radios_area .form_radio_area {
    width: calc(33.33333% - 3px);
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area.wauto,
  .message_form .form_item .form_radios_area .form_radio_area.wauto {
    width: auto;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label,
  .message_form .form_item .form_radios_area .form_radio_area label {
    position: relative;
    cursor: pointer;
    border: 1px solid #E0CC99;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    width: auto;
    display: block;
    background-color: #fff;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label.btn_load_msg_tmpl,
  .message_form .form_item .form_radios_area .form_radio_area label.btn_load_msg_tmpl {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:before, .message_tmpl_form .form_item .form_radios_area .form_radio_area label:after,
  .message_form .form_item .form_radios_area .form_radio_area label:before,
  .message_form .form_item .form_radios_area .form_radio_area label:after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:before,
  .message_form .form_item .form_radios_area .form_radio_area label:before {
    background-color: #fff;
    border: 1px solid #C4A85A;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: 8px;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:after,
  .message_form .form_item .form_radios_area .form_radio_area label:after {
    background-color: #EE8084;
    border-radius: 50%;
    opacity: 0;
    width: 8.33px;
    height: 8.33px;
    left: 12.5px;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:hover,
  .message_form .form_item .form_radios_area .form_radio_area label:hover {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area input:checked + label,
  .message_form .form_item .form_radios_area .form_radio_area input:checked + label {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area input:checked + label::before,
  .message_form .form_item .form_radios_area .form_radio_area input:checked + label::before {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area input:checked + label::after,
  .message_form .form_item .form_radios_area .form_radio_area input:checked + label::after {
    opacity: 1;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area .form_radio,
  .message_form .form_item .form_radios_area .form_radio_area .form_radio {
    position: absolute;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
  }
  .message_tmpl_form .form_item .form_msg_tmpl_action,
  .message_form .form_item .form_msg_tmpl_action {
    margin: 15px auto;
  }
  .message_tmpl_form .form_item.lblflt .form_lbl,
  .message_form .form_item.lblflt .form_lbl {
    max-width: inherit;
    top: 0px;
    margin-bottom: 2px;
    font-size: 12px;
  }
  .message_tmpl_form .form_item.lblflt .form_input,
  .message_form .form_item.lblflt .form_input {
    width: calc(100% - 28px);
  }
  .message_tmpl_form .form_item.lblflt .error-msg,
  .message_form .form_item.lblflt .error-msg {
    width: 100%;
  }

  .navi_title {
    margin: 50px auto 30px auto;
    text-align: center;
  }
  .navi_title h3 {
    font-size: 20px;
    color: #EE8084;
    padding-top: 26px;
  }
  .navi_title h3.pa50 {
    padding-top: 50px;
  }
  .navi_title h3.big32 {
    font-size: 32px;
  }
  .navi_title h3.spbig20 {
    font-size: 20px;
  }
  .navi_title span {
    font-size: 10px;
  }
  .navi_title.bg_txt_menu {
    background: url('../../img/kimigift_ec/bg_txt_menu.svg?1740102524') no-repeat;
    background-size: 252px auto;
    width: 252px;
    height: 49px;
    margin: 50px auto 15px auto;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .navi_title.bg_txt_menu.ec {
    background: none;
  }
  .navi_title.bg_txt_menu.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_menu.svg?1740102524') no-repeat;
    text-indent: 300%;
    overflow: hidden;
    background-size: 91px 24px;
    background-position: center;
    padding-top: 0px;
  }
  .navi_title.bg_txt_menu.ec span {
    font-size: 10px;
  }
  .navi_title.bg_txt_howtouse {
    background: url('../../img/kimigift/bg_txt_howtouse.svg?1740102524') no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
    padding-top: 18px;
    margin: 0px auto 0px auto;
    padding-top: 0px;
    background-position: center;
    max-width: 231px;
  }
  .navi_title.bg_txt_howtouse.exclu {
    margin-top: 20px;
    padding-top: 30px;
  }
  .navi_title.bg_txt_howtouse.ec {
    background: none;
    margin: 20px auto 0px auto;
  }
  .navi_title.bg_txt_howtouse.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_howtouse.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 200px auto;
    background-position: center;
    height: 24px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_howtouse.ec span {
    font-size: 12px;
  }
  .navi_title.bg_txt_howtouse.ec.ptb7020 {
    padding-top: 70px;
    padding-bottom: 20px;
  }
  .navi_title.bg_txt_qanda {
    background: url('../../img/kimigift/bg_txt_qanda.svg?1740102524') no-repeat;
    background-size: contain;
    width: 230px;
    height: auto;
    padding-top: 18px;
  }
  .navi_title.bg_txt_qanda.ec {
    background: none;
  }
  .navi_title.bg_txt_qanda.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_qanda.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 98px auto;
    background-position: center;
    height: 28px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_qanda.ec span {
    font-size: 12px;
  }
  .navi_title.bg_txt_privacy {
    background: url('../../img/kimigift/bg_txt_privacy.svg?1740102524') no-repeat;
    background-size: 235px auto;
    background-position: center;
    width: 235px;
    height: 92px;
    margin: 50px auto 20px auto;
  }
  .navi_title.bg_txt_privacy.ec {
    width: 280px;
    background: none;
  }
  .navi_title.bg_txt_privacy.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_privacy.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 280px auto;
    background-position: center;
    height: 24px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_privacy.ec span {
    font-size: 12px;
  }
  .navi_title.bg_txt_contact {
    background: url('../../img/kimigift/bg_txt_contact.svg?1740102524') no-repeat;
    width: 274px;
    height: 100px;
    padding-top: 15px;
  }
  .navi_title.bg_txt_contact.ec {
    width: 280px;
    background: none;
  }
  .navi_title.bg_txt_contact.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_contact.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: auto 20px;
    background-position: center;
    height: 20px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_contact.ec span {
    font-size: 12px;
  }

  .band-step {
    background: url('../../img/kimigift_ec/icon_bang_g.svg?1740102524') no-repeat;
    background-position: center;
    width: 30px;
    height: 78px;
    position: absolute;
    top: -6px;
    left: 10px;
    color: #fff;
    writing-mode: vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }

  .circle-step {
    position: relative;
    background-color: #FFF9E0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    z-index: 1;
  }
  .circle-step.icon-btm-arrow:after {
    content: '';
    background: url('../../img/kimigift/icon_btm_arrow.svg?1740102524') no-repeat;
    position: absolute;
    top: 90px;
    width: 55px;
    height: 30px;
  }

  .start_navi {
    margin-bottom: 30px;
  }
  .start_navi ul li {
    margin-bottom: 10px;
    max-height: 98px;
    width: auto;
    margin: auto auto 12px auto;
  }
  .start_navi ul li:last-child {
    margin-bottom: 0px;
  }
  .start_navi ul li .start_navi_item {
    position: relative;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid #C4A85A;
    min-height: 98px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  .start_navi ul li .start_navi_item .step {
    background: url('../../img/kimigift/icon_bang_g.svg?1740102524') no-repeat;
    background-position: center;
    width: 30px;
    height: 78px;
    position: absolute;
    top: -6px;
    left: 15px;
    color: #fff;
    writing-mode: vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }
  .start_navi ul li .start_navi_item .icon_sorting {
    background: url('../../img/kimigift/icon_menu_sorting.svg?1740102524') no-repeat;
    background-size: 53px auto;
    height: 46px;
    padding: 10px 10px 10px 0px;
    width: 80px;
    background-position: center right;
  }
  .start_navi ul li .start_navi_item .icon_input_message {
    background: url('../../img/kimigift_ec/icon_menu_input_message.svg?1740102524') no-repeat;
    background-size: 53px auto;
    height: 52px;
    padding: 10px 10px 10px 0px;
    width: 80px;
    background-position: center right;
  }
  .start_navi ul li .start_navi_item .icon_send_message {
    background: url('../../img/kimigift/icon_menu_send_message.svg?1740102524') no-repeat;
    background-size: 48px auto;
    height: 44px;
    padding: 10px 10px 10px 5px;
    width: 80px;
    background-position: center right;
  }
  .start_navi ul li .start_navi_item .start_navi_title {
    color: #333;
    font-size: 14px;
    min-width: 170px;
    padding-left: 10px;
  }
  .start_navi ul li .start_navi_item .start_navi_title strong {
    font-size: 18px;
    font-weight: 700;
    padding-left: 2px;
  }
  .start_navi.header_navi ul li {
    margin: auto auto 10px auto;
    width: calc(100% - 40px);
    max-width: 100%;
  }
  .start_navi.header_navi ul li:last-child {
    margin: auto;
  }
  .start_navi.header_navi ul li .start_navi_item {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 3px 16px;
    min-height: auto;
  }
  .start_navi.header_navi ul li .start_navi_item .step {
    height: auto;
    writing-mode: inherit;
    position: relative;
    background: none;
    color: #333;
    top: 0;
    left: 0px;
    font-size: 10px;
    font-weight: bold;
    display: block;
  }
  .start_navi.header_navi ul li .start_navi_item .step .step_txt {
    display: block;
    font-size: 14px;
    letter-spacing: 0.04rem;
  }
  .start_navi.header_navi ul li .start_navi_item .step .step_txt strong {
    font-size: 18px;
    font-weight: 700;
    padding-left: 2px;
  }
  .start_navi.header_navi ul li .start_navi_item .icon_sorting {
    width: 33px;
    height: 28px;
    padding: 10px 10px 10px 20px;
    background-size: 35px auto;
    background-position: center;
  }
  .start_navi.header_navi ul li .start_navi_item .icon_input_message {
    width: 33px;
    height: 32px;
    padding: 10px 10px 10px 20px;
    background-size: 33px auto;
    background-position: center;
  }
  .start_navi.header_navi ul li .start_navi_item .icon_send_message {
    background-size: 30px auto;
    width: 30px;
    height: 27px;
    padding: 10px 10px 10px 23px;
    background-position: center;
  }
  .start_navi.header_navi ul li .start_navi_item .start_navi_title {
    min-width: auto;
    padding-left: 10px;
  }

  .box_start_navi {
    width: calc(100% - 40px);
    margin: auto;
  }
  .box_start_navi.about_ltr {
    width: calc(100% - 80px);
  }
  .box_start_navi.wfull {
    width: 100%;
  }

  .box_main_navi.mt30 {
    margin-top: 30px;
  }
  .box_main_navi.spfixed {
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    z-index: 5;
  }

  .box_main_navi.spfixed + .navi_title {
    margin-top: 70px;
  }

  .box_about_navi {
    margin: auto;
    width: calc(100% - 40px);
    display: flex;
    justify-content: space-between;
    gap: 3%;
    align-items: center;
    min-height: 67px;
  }
  .box_about_navi.mt30 {
    margin-top: 30px;
  }

  .btn_checkbox_action_area,
  .btn_radio_action_area {
    position: relative;
    width: 50%;
  }
  .btn_checkbox_action_area .input_checkbox_hidden,
  .btn_checkbox_action_area .input_radio_hidden,
  .btn_radio_action_area .input_checkbox_hidden,
  .btn_radio_action_area .input_radio_hidden {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    top: 10px;
    left: 10px;
  }
  .btn_checkbox_action_area .btn_checkbox,
  .btn_checkbox_action_area .btn_radio,
  .btn_radio_action_area .btn_checkbox,
  .btn_radio_action_area .btn_radio {
    display: block;
    margin: 1px auto;
    padding: 18px 0;
    width: auto;
    text-align: center;
    padding-left: 20%;
    font-size: 12px;
    color: #333333;
    cursor: pointer;
    position: relative;
  }
  .btn_checkbox_action_area .btn_checkbox.in_link,
  .btn_checkbox_action_area .btn_radio.in_link,
  .btn_radio_action_area .btn_checkbox.in_link,
  .btn_radio_action_area .btn_radio.in_link {
    text-align: left;
  }
  .btn_checkbox_action_area .btn_checkbox.filter_item_checkbox_lbl,
  .btn_checkbox_action_area .btn_radio.filter_item_checkbox_lbl,
  .btn_radio_action_area .btn_checkbox.filter_item_checkbox_lbl,
  .btn_radio_action_area .btn_radio.filter_item_checkbox_lbl {
    padding-left: 30%;
  }
  .btn_checkbox_action_area .btn_checkbox:before,
  .btn_checkbox_action_area .btn_radio:before,
  .btn_radio_action_area .btn_checkbox:before,
  .btn_radio_action_area .btn_radio:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 18px 13px;
    width: 18px;
    height: 13px;
    padding: 18px 8%;
    left: 0px;
    top: 6px;
    z-index: 1;
  }
  .btn_checkbox_action_area .btn_checkbox:after,
  .btn_checkbox_action_area .btn_radio:after,
  .btn_radio_action_area .btn_checkbox:after,
  .btn_radio_action_area .btn_radio:after {
    content: '';
    position: absolute;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    background-color: #fff;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  .btn_checkbox_action_area .btn_checkbox p,
  .btn_checkbox_action_area .btn_radio p,
  .btn_radio_action_area .btn_checkbox p,
  .btn_radio_action_area .btn_radio p {
    position: relative;
    z-index: 1;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting,
  .btn_checkbox_action_area .btn_radio.choice_sorting,
  .btn_radio_action_area .btn_checkbox.choice_sorting,
  .btn_radio_action_area .btn_radio.choice_sorting {
    height: 24px;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting:before,
  .btn_checkbox_action_area .btn_radio.choice_sorting:before,
  .btn_radio_action_area .btn_checkbox.choice_sorting:before,
  .btn_radio_action_area .btn_radio.choice_sorting:before {
    left: 4px;
    top: 8px;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting p,
  .btn_checkbox_action_area .btn_radio.choice_sorting p,
  .btn_radio_action_area .btn_checkbox.choice_sorting p,
  .btn_radio_action_area .btn_radio.choice_sorting p {
    display: inline-block;
    position: relative;
    text-align: left;
    z-index: 1;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting p span,
  .btn_checkbox_action_area .btn_radio.choice_sorting p span,
  .btn_radio_action_area .btn_checkbox.choice_sorting p span,
  .btn_radio_action_area .btn_radio.choice_sorting p span {
    display: block;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting p.line2,
  .btn_checkbox_action_area .btn_radio.choice_sorting p.line2,
  .btn_radio_action_area .btn_checkbox.choice_sorting p.line2,
  .btn_radio_action_area .btn_radio.choice_sorting p.line2 {
    position: relative;
    top: -10px;
  }
  .btn_checkbox_action_area .btn_checkbox.ec,
  .btn_radio_action_area .btn_checkbox.ec {
    padding: 10px 0;
  }
  .btn_checkbox_action_area .btn_checkbox.ec:before,
  .btn_radio_action_area .btn_checkbox.ec:before {
    padding: 10px 8%;
  }
  .btn_checkbox_action_area .btn_checkbox.filter_item_checkbox_lbl,
  .btn_radio_action_area .btn_checkbox.filter_item_checkbox_lbl {
    padding-left: 30%;
  }
  .btn_checkbox_action_area .btn_checkbox_action_area .btn_checkbox,
  .btn_radio_action_area .btn_checkbox_action_area .btn_checkbox {
    padding-left: 28%;
  }
  .btn_checkbox_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:before,
  .btn_checkbox_action_area input.input_radio_hidden:checked + label.btn_radio:before,
  .btn_radio_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:before,
  .btn_radio_action_area input.input_radio_hidden:checked + label.btn_radio:before {
    background: url('../../img/kimigift_ec/icon_check_on.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 18px 13px;
  }
  .btn_checkbox_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:after,
  .btn_checkbox_action_area input.input_radio_hidden:checked + label.btn_radio:after,
  .btn_radio_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:after,
  .btn_radio_action_area input.input_radio_hidden:checked + label.btn_radio:after {
    content: '';
    position: absolute;
    border: 2px solid #EE8084;
    background-color: #fff;
    z-index: 0;
  }
  .btn_checkbox_action_area input.input_radio_hidden:checked + .btn_filter_price,
  .btn_radio_action_area input.input_radio_hidden:checked + .btn_filter_price {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084 !important;
    width: 24px !important;
    height: 24px !important;
  }

  .box_area,
  .box_area_bgw {
    width: auto;
    margin: 20px auto;
    padding: 20px;
    border-radius: 2rem;
  }
  .box_area.br10,
  .box_area_bgw.br10 {
    border-radius: 10px;
  }
  .box_area.mt10mb20,
  .box_area_bgw.mt10mb20 {
    margin: 10px auto 20px auto;
  }
  .box_area.bgwsp,
  .box_area_bgw.bgwsp {
    background-color: #fff;
    border-radius: 0;
  }
  .box_area.nosearch,
  .box_area_bgw.nosearch {
    margin-top: 30px;
  }
  .box_area .box_area_content .about_title,
  .box_area_bgw .box_area_content .about_title {
    margin: auto;
  }
  .box_area .box_area_content .about_title.icon_txt_kimigift,
  .box_area_bgw .box_area_content .about_title.icon_txt_kimigift {
    background: url('../../img/kimigift/icon_txt_kimigift.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    width: 182px;
    height: 31px;
    display: block;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 30px;
  }
  .box_area .box_area_content h2,
  .box_area_bgw .box_area_content h2 {
    color: #C4A85A;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    margin: 30px auto;
  }
  .box_area .box_area_content h2 span,
  .box_area_bgw .box_area_content h2 span {
    display: block;
  }
  .box_area .box_area_content h3,
  .box_area_bgw .box_area_content h3 {
    font-size: 14px;
    margin: 20px auto 10px auto;
    padding: 0 12px;
  }
  .box_area .box_area_content h3.bold span,
  .box_area_bgw .box_area_content h3.bold span {
    font-weight: 700;
  }
  .box_area .box_area_content .box_detail,
  .box_area_bgw .box_area_content .box_detail {
    font-size: 12px;
    margin: 40px auto;
    padding: 0 12px;
  }
  .box_area .box_area_content .box_detail.txt_center,
  .box_area_bgw .box_area_content .box_detail.txt_center {
    text-align: center;
  }
  .box_area .box_area_content .box_detail.witht,
  .box_area_bgw .box_area_content .box_detail.witht {
    margin: 10px auto 40px auto;
  }
  .box_area .box_area_content .box_detail p,
  .box_area_bgw .box_area_content .box_detail p {
    font-size: 12px;
    color: #333333;
  }
  .box_area .box_area_content .box_detail p.txt-sec,
  .box_area_bgw .box_area_content .box_detail p.txt-sec {
    margin-bottom: 18px;
  }
  .box_area .box_area_content .box_detail p br,
  .box_area_bgw .box_area_content .box_detail p br {
    display: block;
    content: "";
    height: 11px;
  }
  .box_area .box_area_content .box_detail p br.h0,
  .box_area_bgw .box_area_content .box_detail p br.h0 {
    height: 0px;
  }
  .box_area .box_area_content .box_detail span.block,
  .box_area_bgw .box_area_content .box_detail span.block {
    display: block;
  }
  .box_area .sec_about_area .sec_about_area_inner,
  .box_area_bgw .sec_about_area .sec_about_area_inner {
    width: calc(100% - 30px);
    margin: auto;
  }
  .box_area .sec_about_area .sec_about_area_inner.ltr-line,
  .box_area_bgw .sec_about_area .sec_about_area_inner.ltr-line {
    background-color: #fff;
    background-image: linear-gradient(180deg, #f4f0e6 1px, rgba(0, 0, 0, 0) 1px);
    background-size: 100% 2em;
    line-height: 2em;
    padding-bottom: 1px;
  }
  .box_area .sec_about_area .icon_about_logo,
  .box_area_bgw .sec_about_area .icon_about_logo {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    padding-top: 30px;
  }
  .box_area .sec_about_area .icon_about_logo img,
  .box_area_bgw .sec_about_area .icon_about_logo img {
    max-width: 168px;
    height: auto;
  }
  .box_area .sec_about_area .icon_whats_logo,
  .box_area_bgw .sec_about_area .icon_whats_logo {
    position: relative;
    left: -18px;
    margin: 20px auto 3px auto;
  }
  .box_area .sec_about_area .icon_whats_logo img,
  .box_area_bgw .sec_about_area .icon_whats_logo img {
    width: 183px;
  }
  .box_area .sec_about_area .box_about_detail,
  .box_area_bgw .sec_about_area .box_about_detail {
    font-size: 12px;
    line-height: 2.33333;
    color: #333;
    padding: 0px;
    margin: 0px auto;
  }
  .box_area .sec_about_area .box_about_detail p,
  .box_area_bgw .sec_about_area .box_about_detail p {
    width: calc(100% - 30px);
    margin: auto;
  }
  .box_area .sec_about_area .box_about_detail .u_about_line,
  .box_area_bgw .sec_about_area .box_about_detail .u_about_line {
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    padding-bottom: 26px;
  }
  .box_area.p0,
  .box_area_bgw.p0 {
    padding: 0;
  }
  .box_area.m0,
  .box_area_bgw.m0 {
    margin: auto;
  }
  .box_area.w690,
  .box_area_bgw.w690 {
    border-radius: 12px;
  }
  .box_area.w500,
  .box_area_bgw.w500 {
    border-radius: 10px;
  }
  .box_area.bcolor2,
  .box_area_bgw.bcolor2 {
    border: 2px solid #F4F0E6;
  }
  .box_area.spwplr20,
  .box_area_bgw.spwplr20 {
    width: calc(100% - 20px);
  }
  .box_area.ftr_ltr,
  .box_area_bgw.ftr_ltr {
    position: relative;
    border-left: 2px solid #F4F0E6;
    border-right: 2px solid #F4F0E6;
    border-bottom: 0;
    margin-bottom: calc(100vw* 0.6);
    padding-bottom: 50px;
  }
  .box_area.spwfull,
  .box_area_bgw.spwfull {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 0;
  }

  .box_area_ltr {
    background: url('../../img/kimigift/bg_ltr_base.svg?1740102524') no-repeat;
    background-position: bottom center;
    background-size: calc(100vw - 7%);
    height: 564px;
    width: 94%;
    margin: auto;
    position: absolute;
    bottom: calc(100vw* -0.4);
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
  }
  .box_area_ltr.btm {
    background: none;
    z-index: inherit;
  }
  .box_area_ltr .box_area_ltr_l {
    background: url('../../img/kimigift/bg_ltr_base_l.svg?1740102524') no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    height: 538px;
    bottom: 0;
    width: calc(48% - 40px);
    background-position: bottom left;
  }
  .box_area_ltr .box_area_ltr_r {
    background: url('../../img/kimigift/bg_ltr_base_r.svg?1740102524') no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    height: 538px;
    bottom: 0;
    width: calc(48% - 40px);
    background-position: bottom right;
  }
  .box_area_ltr .box_area_ltr_b {
    background: url('../../img/kimigift/bg_ltr_base_b.svg?1740102524') no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    height: 354px;
    bottom: 0;
    width: 100%;
    background-position: bottom center;
  }
  .box_area_ltr .box_area_ltr_action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
  }
  .box_area_ltr .box_area_ltr_action a {
    padding: 10px 0;
    max-width: 200px;
  }
  .box_area_ltr .box_area_ltr_action p {
    font-size: 12px;
  }

  .box_area_bgw {
    background-color: #fff;
  }

  .box_footer_action {
    margin: 50px auto;
  }

  .box_fix_footer_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 1rem;
    z-index: 2;
  }
  .box_fix_footer_action.eventnone {
    pointer-events: none;
  }
  .box_fix_footer_action.eventnone .btn {
    pointer-events: auto;
  }
  .box_fix_footer_action.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    bottom: -5rem;
  }

  .box_howto_text {
    width: calc(100% - 40px);
    margin: 30px auto 30px auto;
  }
  .box_howto_text .howto_text_area {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #FAF9F5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
  }
  .box_howto_text .howto_text_area p {
    font-size: 14px;
    color: #333;
  }

  .box_qanda ul li {
    margin-bottom: 20px;
  }
  .box_qanda .qanda_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: calc(100% - 40px);
    background-color: #fff;
    padding: 20px;
    border-radius: 0.8em;
    cursor: pointer;
  }
  .box_qanda .qanda_item .qanda_head {
    position: relative;
  }
  .box_qanda .qanda_item .qanda_head .btn-toggle {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    top: -3px;
    right: 0px;
  }
  .box_qanda .qanda_item .qanda_head_inner {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #FAF9F5;
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_left p {
    font-size: 20px;
    color: #FAF9F5;
    font-weight: 700;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_left.ec p {
    color: #C4A85A;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_main {
    padding-right: 35px;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_main h4 {
    font-size: 18px;
    font-weight: 700;
  }
  .box_qanda .qanda_item .qanda_head_inner.ec {
    border-bottom: 1px solid #C4A85A;
  }
  .box_qanda .qanda_item .qanda_content {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 10px 0px;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_left {
    padding-top: 5px;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_left p {
    font-size: 20px;
    color: #FFF9E0;
    font-weight: 700;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_left.ec p {
    color: #EE8084;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main {
    padding-right: 35px;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main p {
    font-size: 14px;
    font-weight: 400;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main .uline {
    border-bottom: 1px solid #333333;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main .red {
    color: #D60000;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main .red.uline {
    border-bottom: 1px solid #D60000;
  }
  .box_qanda .qanda_item.close {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_qanda .qanda_item.close .qanda_head .btn-toggle {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    top: -3px;
  }
  .box_qanda .qanda_item.close .qanda_head_inner {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-bottom: 0px;
    padding: 0;
    margin-bottom: 0;
  }
  .box_qanda .qanda_item.close .qanda_content {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_qanda .qanda_item.closed .qanda_content {
    display: none;
  }

  .box_head_step_area {
    background-color: #fff;
  }
  .box_head_step_area .step_area {
    display: flex;
    max-width: 100%;
    width: calc(100% - 40px);
    margin: auto auto 30px auto;
    padding: 20px 0;
    justify-content: start;
    align-items: center;
    gap: 1.2rem;
  }
  .box_head_step_area .step_status_area .step_status_head {
    text-align: center;
  }
  .box_head_step_area .step_status_area .step_status_head p {
    font-size: 12px;
    color: #90A28C;
    font-weight: 700;
  }
  .box_head_step_area .step_status_area .step_status_circle {
    width: 78px;
    height: 78px;
    text-align: center;
    position: relative;
  }
  .box_head_step_area .step_status_area .step_status_circle .step.top {
    font-size: 28px;
    color: #90A28C;
    position: relative;
    top: 14px;
    left: -4px;
    opacity: 1 !important;
  }
  .box_head_step_area .step_status_area .step_status_circle .step.bottom {
    font-size: 20px;
    color: #888;
    position: relative;
    top: 34px;
    right: -4px;
  }
  .box_head_step_area .step_status_title_area h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
  }
  .box_head_step_area .step_status_title_area p {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    line-height: 1.6;
    max-width: 290px;
  }
  .box_head_step_area .step_percent_area .percent {
    position: relative;
  }
  .box_head_step_area .step_percent_area .percent svg {
    position: relative;
    width: 78px;
    height: 78px;
    transform: rotate(-90deg);
  }
  .box_head_step_area .step_percent_area .percent svg circle {
    position: relative;
    fill: none;
    stroke-width: 2;
    stroke: #888;
    stroke-dasharray: 440;
    stroke-dashoffset: 0;
    stroke-linecap: round;
  }
  .box_head_step_area .step_percent_area .percent svg circle.base {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_head_step_area .step_percent_area .percent svg circle.line {
    stroke-width: 4;
    stroke-dashoffset: 0;
    stroke: #90A28C;
    stroke-dasharray: 0 440;
    animation-delay: 600ms;
  }
  .box_head_step_area .step_percent_area.status3_1 .percent svg circle.line {
    animation: circleAnimOneAllThree 1.5s forwards;
    animation-delay: 800ms;
  }
  .box_head_step_area .step_percent_area.status3_2 .percent svg circle.line {
    animation: circleAnimTwoAllThree 1.8s forwards;
    animation-delay: 800ms;
  }
  .box_head_step_area .step_percent_area.status3_3 .percent svg circle.line {
    animation: circleAnimThreeAllThree 2.3s forwards;
    animation-delay: 800ms;
  }
  .box_head_step_area .step_percent_area .percent_number {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title {
    display: flex;
    justify-content: center;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title span {
    font-size: 20px;
    font-weight: 600;
    color: #888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title span.percent_slash {
    background: url('../../img/kimigift/icon_percent_slash.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    width: 27px;
    height: 27px;
    display: block;
    text-indent: 300%;
    overflow: hidden;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title .pecent_top {
    font-size: 28px;
    font-weight: 700;
    color: #90A28C;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: relative;
    top: -8px;
    left: 6px;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title .percent_bottom {
    position: relative;
    bottom: -10px;
    right: 6px;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title strong {
    font-size: 28px;
    font-weight: 700;
    color: #90A28C;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .box_head_step_area.ec {
    background-color: #fff;
    margin: auto;
    padding-bottom: 5px;
  }
  .box_head_step_area.ec .step_area {
    display: block;
    width: 100%;
    margin: auto auto 15px auto;
    padding: 5px 0;
  }
  .box_head_step_area.ec .step_area .step_status_title_area h2 {
    text-align: center;
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .box_head_step_area.ec .step_area .step_status_title_area p {
    text-align: center;
    width: 100%;
    margin: auto;
    max-width: 280px;
    font-size: 12px;
  }

  @keyframes circleAnimOneAllThree {
    0% {
      stroke-dasharray: 0 440;
    }
    99.9%,
  to {
      stroke-dasharray: 76 440;
    }
  }
  @keyframes circleAnimTwoAllThree {
    0% {
      stroke-dasharray: 0 440;
    }
    99.9%,
  to {
      stroke-dasharray: 152 440;
    }
  }
  @keyframes circleAnimThreeAllThree {
    0% {
      stroke-dasharray: 0 440;
    }
    99.9%,
  to {
      stroke-dasharray: 440 440;
    }
  }
  /* modal
  ------------------------------ */
  .modal_header_navi {
    display: none;
    position: fixed;
    z-index: 10;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 3s ease-in-out;
    -moz-transition: 3s ease-in-out;
    -o-transition: 3s ease-in-out;
    transition: 3s ease-in-out;
  }
  .modal_header_navi.open {
    display: block;
  }
  .modal_header_navi .modal_header_navi_menu {
    background-color: #fff;
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
  }
  .modal_header_navi .modal_header_navi_menu.noscroll {
    overflow-y: visible;
    padding-right: 15px;
  }
  .modal_header_navi .modal_header_navi_menu.noscroll2 {
    overflow-y: visible;
    padding-right: 10px;
  }
  .modal_header_navi .footer_navi {
    margin: 30px auto;
  }
  .modal_header_navi .footer_navi p {
    background: url('../../img/kimigift/icon_circle_close.svg?1740102524') no-repeat;
    background-position: center;
    background-size: auto;
    text-indent: 300%;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin: auto;
    border: 1px solid #333;
    padding: 0px;
    border-radius: 2rem;
  }
  .modal_header_navi .btn_modal_content_close {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: fit-content;
    min-width: 142px;
    margin: auto;
    border: 1px solid #333;
    padding: 5px 0px;
    border-radius: 40px;
    cursor: pointer;
  }
  .modal_header_navi .btn_modal_content_close .icon-close {
    width: 40px;
    margin: 0;
  }
  .modal_header_navi .btn_modal_content_close p {
    padding-left: 16px;
    font-size: 12px;
  }
  .modal_header_navi .btn_modal_content_close.cancel p {
    padding-left: 6px;
  }

  /* msg preview
  ------------------------------ */
  .box_message_preview {
    margin: auto;
    padding: 0;
    max-width: 390px;
    width: calc(100% - 10px);
  }
  .box_message_preview.gift {
    padding: 20px 0 60px 0;
    min-height: calc(100vh - 80px);
  }
  .box_message_preview.form {
    max-width: 390px;
  }
  .box_message_preview.form .box_message_preview_scroll {
    max-width: 320px;
    margin: auto;
    width: -webkit-fill-available;
  }
  .box_message_preview.bgw {
    background-color: #fff;
  }
  .box_message_preview.flex-h {
    display: flex;
    align-items: center;
  }
  .box_message_preview .box_message_preview_inner {
    padding: 20px 0px;
    margin: auto;
  }
  .box_message_preview .box_message_preview_inner.modal-form {
    padding: 20px 20px;
  }
  .box_message_preview .message_preview_head {
    position: relative;
    width: 207px;
    height: 40px;
    margin: auto;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .box_message_preview .message_preview_head h2 {
    background: url('../../img/kimigift/icon_txt_giftforyou.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 163px 36px;
    text-indent: 100%;
    white-space: nowrap;
    width: 163px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
  }
  .box_message_preview .message_preview_head.txt_giftforyou {
    overflow: visible;
  }
  .box_message_preview .message_to h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .box_message_preview .message_to h3 span {
    font-size: 14px;
    font-weight: 700;
    padding-right: 10px;
  }
  .box_message_preview .message_to h3 span.to_name {
    font-size: 18px;
    font-weight: 400;
    padding-right: 0px;
  }
  .box_message_preview .message_image {
    position: relative;
    overflow: hidden;
    max-width: 250px;
    min-height: 250px;
    margin: 10px auto;
  }
  .box_message_preview .message_image.round {
    border-radius: 8px;
  }
  .box_message_preview .message_image.hide {
    display: none;
  }
  .box_message_preview .message_image .image_base {
    position: absolute;
    position: relative;
    width: 250px;
    height: 250px;
    overflow: hidden;
    background-color: #fff;
  }
  .box_message_preview .message_image .image_base img {
    width: 100%;
    height: auto;
  }
  .box_message_preview .message_image .image_base.hide {
    display: none;
  }
  .box_message_preview .message_image .image_upload {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_preview .message_image .image_design {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_preview .message_image .image_design img {
    width: 100%;
    height: auto;
  }
  .box_message_preview .message_image .image_frame {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .box_message_preview .message_image .image_frame.trans {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .box_message_preview .message_image .image_frame.event_none {
    pointer-events: none;
  }
  .box_message_preview .message_image .image_frame img {
    width: 100%;
    height: auto;
  }
  .box_message_preview .message_image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    position: relative;
  }
  .box_message_preview .message_image.modal {
    margin: 15px auto;
  }
  .box_message_preview .message_image.modal .check_upload_image_cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    width: 250px;
    height: 250px;
    overflow: hidden;
  }
  .box_message_preview .message_image.modal .check_upload_image_cover.round {
    border-radius: 8px;
  }
  .box_message_preview .message_image.modal .check_upload_image {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box_message_preview .message_image.modal .check_upload_image:before {
    content: '';
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .box_message_preview .message_image.modal .check_upload_image .check_upload_image_title {
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    padding: 14px 0px;
    border-radius: 99px;
    width: 170px;
    margin: auto;
    text-align: center;
  }
  .box_message_preview .message_image.modal .check_upload_image .check_upload_image_title span {
    display: inline;
    font-size: 14px;
  }
  .box_message_preview .message_text_area {
    min-width: 250px;
    padding-bottom: 15px;
    margin: 15px auto auto auto;
    width: 330px;
  }
  .box_message_preview .message_text_area.ltr-line {
    position: relative;
    z-index: 0;
  }
  .box_message_preview .message_text_area.ltr-line:before {
    content: '';
    background-color: #fff;
    background-image: linear-gradient(180deg, #e5e5e5 1px, rgba(0, 0, 0, 0) 1px);
    background-size: 100% 2.8822em;
    line-height: 2em;
    padding-bottom: 1px;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .box_message_preview .message_text_area.hide {
    opacity: 0;
    padding: 0;
  }
  .box_message_preview .message_main {
    font-size: 18px;
    line-height: 2.23566;
    margin: auto;
    max-width: 290px;
    width: 290px;
    letter-spacing: 0.08rem;
    padding: 0px;
  }
  .box_message_preview .message_main.m_left {
    text-align: left;
  }
  .box_message_preview .message_main.m_center {
    text-align: center;
  }
  .box_message_preview .message_main.m_right {
    text-align: right;
  }
  .box_message_preview .message_from h3 {
    font-size: 15px;
    line-height: 2.34;
    margin: 0px auto 5px auto;
  }
  .box_message_preview .message_from h3 span {
    font-size: 12px;
    font-weight: 700;
    padding-right: 10px;
  }
  .box_message_preview .message_from h3 span.from_name {
    font-size: 15px;
    font-weight: 400;
    padding-right: 0px;
  }
  .box_message_preview .message_action .message_action_inner.modal {
    margin-top: 12px;
  }
  .box_message_preview .message_action .message_action_inner.modal .btn {
    margin-bottom: 10px;
    padding: 13px;
    border-radius: 99px;
  }
  .box_message_preview .message_action .message_action_inner.modal .btn p {
    font-size: 14px;
    font-weight: 700;
  }
  .box_message_preview .message_action .message_action_inner.modal .btn:last-child {
    margin-bottom: 0px;
  }
  .box_message_preview .message_preview_action {
    max-width: 300px;
    margin: 15px auto 20px auto;
  }
  .box_message_preview .message_preview_action .btn-get-gift {
    font-size: 16px;
  }
  .box_message_preview .message_preview_action .message_preview_action_caution_msg {
    margin: 16px auto 0px auto;
    font-size: 12px;
    color: #333;
    text-align: center;
  }
  .box_message_preview .message_preview_number_area {
    max-width: 300px;
    margin: auto;
    margin-top: 30px;
    background-color: #FAF9F5;
    border-radius: 8px;
  }
  .box_message_preview .message_preview_number_area.with-caumsg {
    margin: 20px auto auto auto;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_inner {
    padding: 15px;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
    align-items: baseline;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_lbl {
    background-color: #fff;
    min-width: 55px;
    border-radius: 50px;
    margin-right: 15px;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_lbl p {
    padding: 1px 12px;
    font-size: 10px;
    color: #333;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_id p,
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_passwd p {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
  }
  .box_message_preview .message_preview_number_area .message_preview_caution p {
    position: relative;
    font-size: 12px;
    color: #888;
    width: fit-content;
  }
  .box_message_preview .message_preview_number_area .message_preview_caution p.icon_q {
    padding: 3px 0 3px 24px;
  }
  .box_message_preview .message_preview_number_area .message_preview_caution p.icon_q:before {
    content: '';
    background: url('../../img/kimigift/icon_q_gray.svg?1740102524') no-repeat;
    background-size: 16px;
    background-position: center left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .box_message_preview .m_left {
    text-align: left;
  }
  .box_message_preview .m_center {
    text-align: center;
  }
  .box_message_preview .m_right {
    text-align: right;
  }

  .box_message_preview_fix_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    z-index: 1;
  }
  .box_message_preview_fix_action.bottom {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    top: auto;
    bottom: 30px;
  }
  .box_message_preview_fix_action.hide-bottom {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    top: auto;
    bottom: -100px;
  }
  .box_message_preview_fix_action .preview_fix_action {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 320px;
    margin: auto;
  }
  .box_message_preview_fix_action .preview_fix_action .btn {
    max-width: 140px;
    padding: 0.6rem 0;
    min-width: 140px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-line-share {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: -100px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-line-share.show {
    bottom: 0px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-copy-id {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: -100px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-copy-id.show {
    bottom: 0px;
  }

  /* footer
  ------------------------------ */
  footer {
    background-color: #FAF9F5;
  }
  footer.ec {
    background-color: #C4A85A;
  }
  footer .footer__logo {
    text-align: center;
    margin: 20px auto auto auto;
    padding: 0 0 100px 0;
  }
  footer .footer__logo a {
    display: block;
    width: fit-content;
    margin: auto;
  }
  footer .footer__logo a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  footer .footer__logo img {
    max-width: 100px;
  }
  footer .footer__logo img.svg {
    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(255%) contrast(255%);
  }

  .footer__navi, .start_footer_navi {
    width: auto;
    margin: auto 40px;
  }
  .footer__navi ul, .start_footer_navi ul {
    padding: 50px 0 30px 0;
  }
  .footer__navi ul li, .start_footer_navi ul li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .footer__navi ul li:first-child, .start_footer_navi ul li:first-child {
    border-top: 1px solid #fff;
  }
  .footer__navi ul li a, .start_footer_navi ul li a {
    color: #fff;
    text-decoration: none;
    padding: 16px 0;
    display: block;
  }
  .footer__navi ul li a:hover, .start_footer_navi ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .footer__navi ul li a span, .start_footer_navi ul li a span {
    font-size: 10px;
  }
  .footer__navi ul li a span.f-inter, .start_footer_navi ul li a span.f-inter {
    font-size: 14px;
    padding-right: 20px;
  }
  .footer__navi.bottom_menu ul, .start_footer_navi.bottom_menu ul {
    padding: 0;
  }
  .footer__navi.bottom_menu ul li, .start_footer_navi.bottom_menu ul li {
    border-bottom: 1px solid #E0CC99;
  }
  .footer__navi.bottom_menu ul li:first-child, .start_footer_navi.bottom_menu ul li:first-child {
    border-top: 0px;
  }
  .footer__navi.bottom_menu ul li a, .start_footer_navi.bottom_menu ul li a {
    color: #FAF9F5;
  }
  .footer__navi.bottom_menu ul li .footer_navi_item, .start_footer_navi.bottom_menu ul li .footer_navi_item {
    color: #333333;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer__navi.bottom_menu ul li .footer_navi_item span.f-inter, .start_footer_navi.bottom_menu ul li .footer_navi_item span.f-inter {
    font-size: 18px;
    font-weight: 600;
    color: #C4A85A;
  }

  .start_footer_navi {
    width: calc(100% - 40px);
    padding: 0;
    margin: auto;
    margin-bottom: 30px;
  }
  .start_footer_navi ul li:first-child {
    border-top: 0px;
  }

  .footer__navi ul li a span {
    font-size: 10px;
  }
  .footer__navi ul li a span.f-inter {
    font-size: 14px;
  }

  /* handwrite_animation
  ------------------------------ */
  .handw {
    width: 100%;
    height: auto;
  }
  .handw .handw_text {
    fill: #333;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .handw #handw_text {
    mask: url(#handw_mask);
  }
  .handw .handw_mask_line {
    fill: none;
    stroke: #fff;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 4000px;
  }
  .handw.go .handw_text {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .handw.go .handw_mask_line {
    animation: handw_giftforyou 12s linear;
  }

  @keyframes handw_giftforyou {
    0% {
      stroke-dashoffset: 4000px;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  /* error
  ------------------------------ */
  form input[type=email].error,
  form input[type=number].error,
  form input[type=password].error,
  form input[type=tel].error,
  form input[type=text].error,
  form select.error {
    border: 1px solid #D60000 !important;
    color: #D60000 !important;
  }

  form textarea.error {
    color: #D60000 !important;
  }

  form input.input_cnt.error {
    background: #D600001A !important;
  }

  .form_textarea_inner:has(textarea.error) {
    border: 1px solid #D60000 !important;
    color: #D60000 !important;
  }

  .validate-error-message {
    background-color: #fff;
    padding: 1.2rem 2rem;
    text-align: left;
    margin: 1rem auto 1rem;
    border: 2px solid #D60000;
    max-width: 320px;
    border-radius: 7px;
    color: #D60000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: left;
  }
  .validate-error-message .error-message {
    color: #D60000;
    font-weight: bold;
    margin: 0 auto 0.6rem auto;
  }
  .validate-error-message ul li p {
    padding: 0.1rem 0;
    color: #D60000;
    font-size: 14px;
  }
  .validate-error-message.statuserror {
    padding: 1.5rem 2rem;
  }
  .validate-error-message.statuserror .validate-error-items p {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
  }
  .validate-error-message.hide {
    display: none;
  }

  .error-msg {
    color: #D60000;
    display: block;
    font-size: 14px;
    margin-top: 4px;
    text-align: left;
    width: 100%;
  }
  .error-msg.error-msg_msg_to {
    width: calc(100% - 30px);
    margin-top: 0;
    margin-left: auto;
  }
  .error-msg.error-msg_msg_to:last-child {
    margin-bottom: 15px;
  }
  .error-msg.error-msg_msg_from {
    width: calc(100% - 54px);
    margin-top: 0;
    margin-left: auto;
  }
  .error-msg.error-msg_msg_from:last-child {
    margin-bottom: 15px;
  }
  .error-msg.error-msg_msg_main {
    margin-top: 0;
    margin-left: auto;
  }
  .error-msg.error-msg_msg_main:last-child {
    margin-bottom: 15px;
  }
}
@media (max-width: 320px) {
  .footer__navi, .start_footer_navi {
    width: auto;
    margin: auto 20px;
  }

  .box_start_navi.about_ltr {
    width: calc(100% - 50px);
  }

  .box_area .sec_about_area .sec_about_area_inner,
  .box_area_bgw .sec_about_area .sec_about_area_inner {
    width: 100%;
  }
  .box_area .sec_about_area .sec_about_area_inner .icon_whats_logo,
  .box_area_bgw .sec_about_area .sec_about_area_inner .icon_whats_logo {
    position: relative;
    left: -8px;
  }

  .box_login .box_login_inner {
    padding: 25px 20px;
    width: calc(100% - 40px);
  }

  .start_navi ul li .start_navi_item .icon_sorting {
    min-width: 90px;
    background-position: center right;
  }
  .start_navi ul li .start_navi_item .icon_input_message {
    min-width: 90px;
    background-position: center right;
  }
  .start_navi ul li .start_navi_item .icon_send_message {
    min-width: 90px;
    background-position: center right;
  }
  .start_navi ul li .start_navi_item .start_navi_title {
    font-size: 12px;
    min-width: 160px;
    padding-left: 0;
  }
  .start_navi ul li .start_navi_item .start_navi_title strong {
    font-size: 16px;
  }

  .box_allocation_area .product_item .product_content .product_title h3 {
    padding: 0;
  }

  .btn_checkbox_action_area .btn_checkbox,
  .btn_checkbox_action_area .btn_radio,
  .btn_radio_action_area .btn_checkbox,
  .btn_radio_action_area .btn_radio {
    font-size: 10px;
  }
  .btn_checkbox_action_area .btn_radio,
  .btn_radio_action_area .btn_radio {
    padding-left: 30%;
  }

  /* modal
  ------------------------------ */
  .modal_area .modal_area_inner.select-images {
    width: calc(100% - 10px);
  }
  .modal_area .modal_area_inner.msg_input_form {
    width: calc(100% - 20px);
  }
  .modal_area .modal_area_inner.select_images_area {
    width: calc(100% - 8px);
  }
  .modal_area .modal_content.select_images.scroll {
    padding: 30px 2px 30px 4px;
  }
  .modal_area .modal_content.box_message_preview.form {
    width: 100%;
  }
  .modal_area .modal_content .modal_images .target_images {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.4rem 0.1rem;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item {
    min-width: 150px;
    height: 150px;
  }

  /* msg preview
  ------------------------------ */
  .box_message_preview .message_text_area {
    width: 280px;
  }
  .box_message_preview .message_preview_action {
    max-width: 280px;
  }
  .box_message_preview .message_preview_number_area {
    max-width: 280px;
  }

  .message_form .form_item .form_radios_area .form_radio_area.hmpw3 {
    width: calc(30.33333% - 3px);
  }
  .message_form .form_item .form_radios_area .form_radio_area.notosansjp {
    width: calc(37.33333% - 3px);
  }
  .message_form .form_item .form_radios_area .form_radio_area.tegaki {
    width: calc(32.33333% - 3px);
  }
  .message_form .form_item .form_textarea {
    min-width: 263px;
    max-width: 263px;
    letter-spacing: 0.04rem;
    padding-left: 6px;
  }
}
@media (min-width: 768px) {
  /*  PC Common
  ------------------------------ */
  html.active {
    position: relative;
    overflow-y: hidden;
    padding-right: 15px;
  }

  .onlypc {
    display: block;
  }

  .onlysp {
    display: none !important;
  }

  .dispnone {
    display: none !important;
  }

  .txt-inlnepc {
    display: inline !important;
  }

  .bold {
    font-weight: 700;
  }

  .bg_c_main {
    background-color: #FAF9F5;
  }

  .mt10 {
    margin-top: 10px;
  }

  .mb20 {
    margin-bottom: 20px !important;
  }

  .mb30 {
    margin-bottom: 30px !important;
  }

  a {
    text-decoration: none;
  }
  a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  a.uline {
    text-decoration: underline;
  }
  a.uline:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    text-decoration: none;
  }
  a.wbreak {
    word-break: break-all;
  }
  a.btn {
    display: block;
    width: fit-content;
    margin: auto;
  }

  .btn-modal-action {
    cursor: pointer;
  }
  .btn-modal-action:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }

  /* loading */
  .loading-container-area {
    position: relative;
    display: none;
    text-align: center;
  }
  .loading-container-area .bg_loading_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
  }

  .loading-container-area.open {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 100;
  }

  .loading-container-area span {
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 999;
  }

  .loading-container-area svg {
    height: 4.4rem;
    width: 4.4rem;
    opacity: 0.2;
    margin: auto;
  }

  .loading-container-area svg {
    animation: spinner--loading 500ms linear infinite;
  }

  @keyframes spinner--loading {
    to {
      transform: rotate(360deg);
    }
  }
  .box_login {
    margin: 0 auto;
    width: 100%;
    max-width: inherit;
    position: relative;
    margin-bottom: 100px;
  }
  .box_login .sec-title {
    margin-bottom: 0px;
    padding-bottom: 50px;
    background-color: #fff;
    padding-top: calc((100vh - 430px) / 8);
  }
  .box_login .sec-title .sec-title-logo img {
    max-width: 260px;
  }
  .box_login .box_login_inner {
    border-radius: 5px;
    padding: 25px 35px;
    background: #FAF9F5;
  }
  .box_login .box_login_inner.shadow {
    box-shadow: 10px 10px 20px 0px #00000026;
  }
  .box_login .box_login_inner .box_login_form {
    max-width: 420px;
    width: 100%;
    margin: auto;
  }
  .box_login .box_login_icotxt {
    text-align: center;
    margin: 15px auto;
  }
  .box_login .box_login_icotxt svg {
    width: 105px;
    height: auto;
  }
  .box_login .box_form_catch p {
    line-height: 1.8;
  }
  .box_login .box_form_catch .sub {
    font-weight: 400;
    margin-top: 12px;
    display: block;
    font-size: 13px;
    text-align: center;
  }
  .box_login .box_form_area.ec {
    padding: 2px 5px 40px 5px;
  }
  .box_login .box_form_area.ltr-line {
    padding: 18px 5px 40px 5px;
    background-color: #fff;
    background-image: linear-gradient(180deg, #f4f0e6 1px, rgba(0, 0, 0, 0) 1px);
    background-size: 100% 1.4em;
  }

  .sec-title {
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
  }

  .box_form_catch {
    margin: 2rem auto;
  }
  .box_form_catch p {
    text-align: center;
    font-size: 14px;
    color: #333;
  }
  .box_form_catch p span {
    display: block;
  }

  .box_form {
    position: relative;
  }

  .box_inner {
    width: 94%;
    margin: 0 auto;
  }

  .box_form_section {
    margin: 0.5rem auto;
  }
  .box_form_section.conf {
    margin: 30px auto 80px auto;
  }
  .box_form_section .box_form_item {
    position: relative;
    margin: 1rem auto;
    margin-bottom: 10px;
  }
  .box_form_section .box_form_item .box_form_lbl {
    position: absolute;
    padding-left: 1rem;
    padding-top: 0.8rem;
    padding-right: 1rem;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none;
  }
  .box_form_section .box_form_item .box_form_lbl.conf {
    position: relative;
    left: 0;
    padding-left: 0px;
    margin-bottom: 10px;
  }
  .box_form_section .box_form_item .box_form_lbl.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl {
    color: #C4A85A;
    font-size: 16px;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.error {
    color: #D60000;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.error:after {
    content: '';
    background: url('../../img/kimigift/icon_circle_close_w.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 12px;
    background-color: #D60000;
    width: min-content;
    height: 24px;
    margin: auto;
    padding: 0px 12px;
    border-radius: 2rem;
    position: absolute;
    top: 0.6rem;
    right: 0.7rem;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.flex span.icaution {
    font-size: 12px;
    margin-right: 8%;
  }
  .box_form_section .box_form_item .box_form_lbl .form_lbl.flex span.icaution.mr0 {
    margin-right: 0px;
  }
  .box_form_section .box_form_item .box_form_txt .form_input {
    padding: 0.8rem 0.8rem 0.8rem 0.8rem;
    border: 1px solid #C4A85A;
    width: -webkit-fill-available;
    border-radius: 0.4rem;
    outline: none;
    font-size: 16px;
  }
  .box_form_section .box_form_item .box_form_txt .form_input:focus, .box_form_section .box_form_item .box_form_txt .form_input:hover {
    border: 1px solid #EE8084;
  }
  .box_form_section .box_form_item .box_form_txt.nobg {
    background-color: inherit;
  }
  .box_form_section .box_form_item .box_form_txt.nobg .form_input {
    background-color: inherit;
    position: relative;
    z-index: 0;
  }
  .box_form_section .box_form_item .box_form_txt.conftxt {
    font-size: 16px;
  }
  .box_form_section .box_form_item .form_textarea {
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    border: none;
    outline: none;
    margin: auto;
    min-height: 221px;
    resize: none;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    padding: 10px 20px;
    width: -webkit-fill-available;
    max-width: 480px;
  }
  .box_form_section .box_form_item .form_textarea.input_main_msg {
    display: block;
    margin: auto;
    min-width: 240px;
    max-width: 240px;
    min-height: 221px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
  }
  .box_form_section .box_form_item .form_textarea:after {
    content: '';
    position: absolute;
    border: 1px solid #FAF9F5;
    border-radius: 5px;
    background-color: #fff;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  .box_form_section .box_form_item .form_textarea:hover:after {
    content: '';
    position: absolute;
    border: 2px solid #EE8084;
    z-index: 0;
  }
  .box_form_section .box_form_item .form_textarea_inner {
    border: 1px solid #C4A85A;
    border-radius: 10px;
    padding: 4px 0px;
    box-sizing: border-box;
    margin: 15px auto 0px;
  }
  .box_form_section .box_form_item .form_textarea_inner.hover {
    border: 1px solid #EE8084;
  }

  .box_action .box_action_section {
    position: relative;
    width: 100%;
    margin: 2rem auto;
  }
  .box_action .box_action_section .box_action_section_item {
    text-align: center;
  }
  .box_action .box_action_section .box_action_section_sub_item {
    margin: 1.5rem auto;
    text-align: center;
  }
  .box_action .box_action_section .box_action_section_sub_item p {
    font-size: 12px;
  }
  .box_action .box_action_section.andback .box_action_section_item {
    display: inline-block;
    vertical-align: middle;
  }
  .box_action .box_action_section.andback .box_action_section_item.back {
    width: 32%;
  }
  .box_action .box_action_section.andback .box_action_section_item.save {
    width: 66%;
    text-align: left;
  }
  .box_action .box_action_section.andback .box_action_section_item .btn-back {
    min-width: 80px;
    padding: 5px;
  }
  .box_action .box_action_section.andback .box_action_section_item .btn-back .btn-txt {
    font-size: 12px;
  }
  .box_action .box_ftrlink_section {
    position: relative;
    width: 100%;
    margin: auto;
  }
  .box_action .box_ftrlink_section .box_ftrlink_section_sub_item {
    margin: auto;
    text-align: center;
  }
  .box_action .box_ftrlink_section .box_ftrlink_section_sub_item p {
    font-size: 12px;
  }

  .btn {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    background-color: #EE8084;
    color: #fff;
    outline: none;
    border: 1px solid #EE8084;
    min-width: 180px;
    text-align: center;
    padding: 0.6rem;
    border-radius: 2rem;
    cursor: pointer;
  }
  .btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .btn .btn-txt {
    font-size: 14px;
  }
  .btn.bg-w {
    position: relative;
    background-color: inherit;
    padding: 10px;
    border: 1px solid #EE8084;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    min-width: 200px;
    width: fit-content;
    text-align: center;
    margin: auto;
    border-radius: 2rem;
    color: #EE8084;
    overflow: hidden;
  }
  .btn.bg-w:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .btn.bg-w:hover:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #EE8084;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .btn.bg-w.bg-w-txtb {
    color: #333333;
    border: 1px solid #333333;
  }
  .btn.bg-w.bg-w-txtb:hover:after {
    background-color: #fff;
  }
  .btn.bg-sub2 {
    position: relative;
    background-color: inherit;
    padding: 10px;
    border: 1px solid #FAF9F5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    min-width: 200px;
    text-align: center;
    margin: auto;
    border-radius: 2rem;
    color: #333333;
    overflow: hidden;
  }
  .btn.bg-sub2:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #C4A85A;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .btn.bg-sub2:hover:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-color: #C4A85A;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .btn.btn_fix_big {
    height: 68px;
    display: flex;
    align-items: center;
    border-radius: 3rem;
    width: calc(100% - 40px);
    max-width: 350px;
    justify-content: center;
    padding: 0;
  }
  .btn.btn_fix_big p {
    font-size: 16px;
    font-weight: 400;
  }
  .btn.btn_fix_big p span {
    font-size: 22px;
    font-weight: 700;
  }
  .btn.btn_fix_big:hover {
    color: #fff;
  }
  .btn.btn_white_big {
    height: 66px;
    display: flex;
    align-items: center;
    border-radius: 3rem;
    width: calc(100% - 40px);
    max-width: 350px;
    justify-content: center;
    padding: 0;
    border: 2px solid #EE8084;
    background-color: #fff;
    color: #EE8084;
  }
  .btn.btn_white_big p {
    font-size: 16px;
    font-weight: 400;
  }
  .btn.btn_white_big p span {
    font-size: 22px;
    font-weight: 700;
  }
  .btn.btn_white_big:hover {
    color: #EE8084;
  }
  .btn.bg-main {
    border: 1px solid #C4A85A;
    background: #FAF9F5;
    color: #333;
  }
  .btn.bg-line {
    border: 1px solid #06C755;
    background: #06C755;
    color: #fff;
  }
  .btn.bg-line p {
    position: relative;
  }
  .btn.bg-line p:before {
    content: '';
    background: url('../../img/kimigift/icon_line.svg?1740102524') no-repeat;
    background-size: 24px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 34px;
  }
  .btn.bg-line.disabled p:before {
    content: '';
    background: url('../../img/kimigift/icon_line_disabled.svg?1740737394') no-repeat;
  }
  .btn.bg-copy {
    border: 1px solid #333;
    background: #333;
    color: #fff;
  }
  .btn.bg-copy .copy-action {
    position: relative;
    overflow: hidden;
    max-height: 21px;
    padding: 0;
  }
  .btn.bg-copy p {
    position: relative;
    min-height: 40px;
    vertical-align: middle;
    top: 0px;
    transition: all 0.3s 0s ease;
  }
  .btn.bg-copy p:before {
    content: '';
    background: url('../../img/kimigift/icon_copy.svg?1740102524') no-repeat;
    background-size: 18px 22px;
    background-position: 0px -1px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 30px;
  }
  .btn.bg-copy p.copied {
    font-size: 10px;
  }
  .btn.bg-copy p.copied:before {
    content: '';
    background: url('../../img/kimigift/icon_copy.svg?1740102524') no-repeat;
    background-size: 18px 22px;
    background-position: 0px -1px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3px 0 3px 0;
    padding-left: 25px;
  }
  .btn.bg-copy p.up {
    position: relative;
    top: -40px;
  }
  .btn.btn-blk {
    padding: 0.422rem 0.6rem;
    background-color: #000;
    border: 2px solid #000;
  }
  .btn.btn-gld {
    background-color: #C4A85A;
    border: 1px solid #C4A85A;
  }
  .btn.btn-beni-c {
    border: 1px solid #EE8084;
    background-color: #fff;
    color: #EE8084;
    font-size: 12px;
    width: 200px;
    padding: 3px 0.6rem;
    margin-top: 15px;
  }
  .btn.btn_msg_tmpl_copy {
    max-width: 240px;
    margin: auto;
  }
  .btn.disabled {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #fff;
    background-color: rgba(196, 168, 90, 0.5);
    border: 1px solid rgba(196, 168, 90, 0.1);
    cursor: default;
    min-width: 200px;
    width: fit-content;
    margin: auto;
    text-align: center;
  }
  .btn.disabled:hover {
    color: #fff;
    background-color: rgba(196, 168, 90, 0.5);
    border: 1px solid rgba(196, 168, 90, 0.1);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .btn.back {
    color: #333;
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
    cursor: pointer;
    min-width: 200px;
    width: fit-content;
    margin: auto;
    text-align: center;
  }
  .btn.hide {
    display: none;
  }

  .btn-toggle {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    width: 28px;
    height: 28px;
    background-color: #ED8083;
    border-radius: 2rem;
    text-indent: 200%;
    overflow: hidden;
    cursor: pointer;
  }
  .btn-toggle.open:before {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background: url('../../img/kimigift/icon_minus.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 14px 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .btn-toggle.close:before {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background: url('../../img/kimigift/icon_plus.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 14px 14px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .btn-toggle.ec.open:before {
    background: url('../../img/kimigift_ec/icon_minus_ectmpl.svg?1740102524') no-repeat;
    background-size: 10px 10px;
    background-position: center;
  }
  .btn-toggle.ec.close:before {
    background: url('../../img/kimigift_ec/icon_plus_ectmpl.svg?1740102524') no-repeat;
    background-size: 10px 10px;
    background-position: center;
  }

  .btn-more-image,
  .btn-more-image-frame,
  .btn-more-image-upload,
  .btn-more-message {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    text-align: center;
    margin: 20px auto 0px auto;
    width: 100px;
    padding: 4px 24px 4px 4px;
    cursor: pointer;
  }
  .btn-more-image.ec,
  .btn-more-image-frame.ec,
  .btn-more-image-upload.ec,
  .btn-more-message.ec {
    margin: 40px auto 40px auto;
  }
  .btn-more-image p,
  .btn-more-image-frame p,
  .btn-more-image-upload p,
  .btn-more-message p {
    font-size: 14px;
    font-weight: 700;
  }
  .btn-more-image:after,
  .btn-more-image-frame:after,
  .btn-more-image-upload:after,
  .btn-more-message:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-image: url('../../img/kimigift/icon_plus.svg?1740102524');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #EE8084;
    border-radius: 2rem;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .btn-more-image:hover:after,
  .btn-more-image-frame:hover:after,
  .btn-more-image-upload:hover:after,
  .btn-more-message:hover:after {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-image: url('../../img/kimigift/icon_plus.svg?1740102524');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .btn-more-image.hide,
  .btn-more-image-frame.hide,
  .btn-more-image-upload.hide,
  .btn-more-message.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .btn-more-image.none,
  .btn-more-image-frame.none,
  .btn-more-image-upload.none,
  .btn-more-message.none {
    display: none;
  }

  /* modal
  ------------------------------ */
  .modal_area {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: none;
  }
  .modal_area.z-i1 {
    z-index: 21;
  }
  .modal_area.scroll-y {
    overflow-y: scroll;
  }
  .modal_area .modal_area_bg {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    z-index: 0;
  }
  .modal_area .modal_area_bg.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_area_inner {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    margin-top: calc(100vh / 5);
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
  }
  .modal_area .modal_area_inner.wide {
    max-width: 1200px;
  }
  .modal_area .modal_area_inner.howtouse-start {
    margin-top: calc((100vh - 780px) / 5);
  }
  .modal_area .modal_area_inner.select_images_area {
    margin-top: calc(100vh / 20);
  }
  .modal_area .modal_area_inner.msg_preview_start {
    max-width: 390px;
  }
  .modal_area .modal_area_inner.msg_input_form {
    max-width: 370px;
  }
  .modal_area .modal_area_inner.w350 {
    max-width: 350px;
  }
  .modal_area .modal_area_inner.w500 {
    max-width: 500px;
  }
  .modal_area .modal_area_inner.w800 {
    max-width: 800px;
    margin-top: calc(100vh / 30);
  }
  .modal_area .modal_area_inner.w870pc {
    max-width: 870px;
    width: calc(100vw - 40px);
    margin-top: calc(100vh / 20);
  }
  .modal_area .modal_area_inner.no_upper_close .modal_area_close {
    display: none;
  }
  .modal_area .modal_area_close {
    margin: 0 auto 0.6rem auto;
    text-align: right;
  }
  .modal_area .modal_area_close .btn_modal_close {
    background: url('../../img/kimigift/icon_circle_close.svg?1740102524') no-repeat;
    background-position: center;
    background-size: auto;
    background-color: #fff;
    text-indent: 300%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-left: auto;
    padding: 0px;
    border-radius: 2rem;
    cursor: pointer;
  }
  .modal_area .modal_content {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 35px 30px 35px 30px;
    border-radius: 10px;
  }
  .modal_area .modal_content.small {
    min-height: 155px;
  }
  .modal_area .modal_content.small .modal_message {
    padding: 0 5px;
  }
  .modal_area .modal_content.select_images {
    display: block;
    padding: 30px 18px 30px 18px;
  }
  .modal_area .modal_content.select_images.scroll {
    padding: 20px 18px 30px 18px;
  }
  .modal_area .modal_content.select_images.scroll.wfull {
    padding: 20px 0px 30px 0px;
  }
  .modal_area .modal_content.caution_error {
    padding: 50px 25px 35px 25px;
  }
  .modal_area .modal_content.flex-h {
    display: flex;
    align-items: center;
  }
  .modal_area .modal_content.checkmark {
    padding: 40px 20px;
  }
  .modal_area .modal_content.wfull {
    padding: 35px 0px 35px 0px;
  }
  .modal_area .modal_content .modal_icon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
  .modal_area .modal_content .modal_icon .icon-q {
    width: 20px;
    height: 20px;
  }
  .modal_area .modal_content .modal_message_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .modal_area .modal_content .modal_message_title.has_right {
    display: flex;
    gap: 10px;
  }
  .modal_area .modal_content .modal_message_title.u_line {
    border-bottom: 1px solid #E5e5e5;
    padding-bottom: 20px;
  }
  .modal_area .modal_content .modal_message_title.center {
    justify-content: center;
  }
  .modal_area .modal_content .modal_message_title.block {
    display: block;
    text-align: center;
  }
  .modal_area .modal_content .modal_message_title .caution_title {
    font-size: 18px;
    font-weight: 700;
    color: #EE8084;
    margin-top: 10px;
    line-height: 1.4;
  }
  .modal_area .modal_content .modal_message_title .caution_title.error {
    color: #D60000;
  }
  .modal_area .modal_content .modal_message_title h4 {
    color: #888;
    font-size: 18px;
    line-height: 1.4;
  }
  .modal_area .modal_content .modal_message_title p {
    color: #888;
    font-size: 12px;
  }
  .modal_area .modal_content .modal_message_title p.info_date {
    display: block;
    text-align: right;
  }
  .modal_area .modal_content .modal_message_title p .txt-num {
    padding-left: 5px;
  }
  .modal_area .modal_content .modal_message {
    font-size: 14px;
    color: #888;
  }
  .modal_area .modal_content .modal_message.color_d {
    color: #333333;
  }
  .modal_area .modal_content .modal_message.color_error {
    color: #D60000;
    font-size: 12px;
  }
  .modal_area .modal_content .modal_message.center {
    text-align: center;
  }
  .modal_area .modal_content .modal_message.mtb30 {
    margin: 30px auto;
  }
  .modal_area .modal_content .modal_message.mw252 {
    max-width: 252px;
    margin: auto;
  }
  .modal_area .modal_content .modal_message_action.mt20 {
    margin-top: 20px;
  }
  .modal_area .modal_content .modal_message_action.mt30 {
    margin-top: 30px;
  }
  .modal_area .modal_content .modal_message_action.mt40 {
    margin-top: 40px;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: fit-content;
    min-width: 142px;
    margin: auto;
    border: 1px solid #333;
    padding: 5px 0px;
    border-radius: 40px;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close .icon-close {
    width: 40px;
    margin: 0;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close p {
    padding-left: 16px;
    font-size: 12px;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .modal_area .modal_content .modal_message_action .btn_modal_content_close.cancel p {
    padding-left: 6px;
  }
  .modal_area .modal_content .modal_footer_action {
    margin: 10px auto;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner {
    margin: 30px auto 10px auto;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner.mw252 {
    max-width: 252px;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner .btn.submit {
    margin-bottom: 20px;
    font-size: 16px;
    padding: 13px 0;
  }
  .modal_area .modal_content .modal_footer_action .message_action_inner .btn.cancel {
    font-size: 12px;
    padding: 9px;
  }
  .modal_area .modal_content .modal_images .filter_title,
  .modal_area .modal_content .modal_filter .filter_title {
    margin-bottom: 10px;
  }
  .modal_area .modal_content .modal_images .filter_title h3,
  .modal_area .modal_content .modal_filter .filter_title h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_images .filter_title h3 span,
  .modal_area .modal_content .modal_filter .filter_title h3 span {
    font-size: 80%;
    padding-left: 4px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_images .select_image_title,
  .modal_area .modal_content .modal_filter .select_image_title {
    margin-bottom: 10px;
  }
  .modal_area .modal_content .modal_images .select_image_title h3,
  .modal_area .modal_content .modal_filter .select_image_title h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items,
  .modal_area .modal_content .modal_filter .filter_area .filter_items {
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area {
    margin-bottom: 4px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n),
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area:nth-child(2n),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area:nth-child(2n) {
    min-width: 50%;
    width: calc(50%);
    display: inline-block;
    margin-left: 0px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n-1),
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area:nth-child(2n-1),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area:nth-child(2n-1),
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area:nth-child(2n-1) {
    width: calc(50% - 8px);
    display: inline-block;
    margin-right: 4px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_checkbox_action_area .btn_radio p,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_images .filter_area .filter_items .btn_radio_action_area .btn_radio p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_checkbox_action_area .btn_radio p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area .btn_checkbox p,
  .modal_area .modal_content .modal_filter .filter_area .filter_items .btn_radio_action_area .btn_radio p {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    margin-bottom: 40px;
    align-items: center;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .price_line,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .price_line {
    position: absolute;
    background-color: #E0CC99;
    width: 100%;
    height: 4px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price {
    position: relative;
    top: 0;
    left: 0;
    padding: 10px 0;
    width: auto;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p5000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p500110000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p7000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p700110000,
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .filter_price_p10001,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p5000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p500110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p7000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p700110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .filter_price_p10001 {
    visibility: collapse;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 20px;
    height: 20px;
    border: 1px solid #C4A85A;
    border-radius: 1rem;
    background-color: #fff;
    visibility: visible;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p7000, .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p5000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p7000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p5000 {
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0px;
    text-align: left;
    margin: auto;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p700110000, .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p500110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p700110000,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p500110000 {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
    margin: auto;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price .btn_filter_price.p10001,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price .btn_filter_price.p10001 {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    text-align: right;
    margin: auto;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price:hover .btn_filter_price,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price:hover .btn_filter_price {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices .filter_price.checked .btn_filter_price,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices .filter_price.checked .btn_filter_price {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices p,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices p {
    position: relative;
    top: 24px;
  }
  .modal_area .modal_content .modal_images .filter_area .filter_prices p.center,
  .modal_area .modal_content .modal_filter .filter_area .filter_prices p.center {
    text-align: center;
  }
  .modal_area .modal_content .modal_images .filter_action,
  .modal_area .modal_content .modal_filter .filter_action {
    margin-top: 20px;
  }
  .modal_area .modal_content .modal_images .filter_action .btn,
  .modal_area .modal_content .modal_filter .filter_action .btn {
    max-width: 240px;
    margin: auto;
  }
  .modal_area .modal_content .modal_images {
    width: 100%;
  }
  .modal_area .modal_content .modal_images .target_categories_area {
    overflow: hidden;
    margin: 20px auto 10px auto;
  }
  .modal_area .modal_content .modal_images .target_categories_area.hide {
    display: none;
  }
  .modal_area .modal_content .modal_images .target_categories {
    overflow: visible;
    display: flex;
    margin: auto;
    padding: 0 1rem 10px 1rem;
    flex-wrap: nowrap;
    overflow-x: hidden;
  }
  .modal_area .modal_content .modal_images .target_categories.scroll_x {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item {
    position: relative;
    border: 1px solid #E0CC99;
    display: flex;
    width: max-content;
    align-items: center;
    padding: 2px 18px 2px 42px;
    min-height: 36px;
    box-sizing: border-box;
    border-radius: 55px;
    margin-right: 10px;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check_ca.svg?1740102524') no-repeat;
    width: 18px;
    height: 13px;
    left: 14px;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item p {
    font-size: 14px;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item:hover {
    border: 2px solid #EE8084;
    margin-right: 8px;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item:hover:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check_ca_h.svg?1740102524') no-repeat;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item.checked {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_categories .ca_item.checked:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check_ca_h.svg?1740102524') no-repeat;
  }
  .modal_area .modal_content .modal_images .target_images_area {
    height: calc(100vh - 280px);
    max-height: 72vh;
    padding: 0 2px;
    overflow-y: auto;
    display: block;
    max-width: 840px;
    width: 90vw;
    margin: auto;
  }
  .modal_area .modal_content .modal_images .target_images_area.ec {
    padding: 0px 0px 0px 10px;
    height: calc(100vh - 380px);
    max-height: 60vh;
  }
  .modal_area .modal_content .modal_images .target_images {
    width: auto;
    position: relative;
    margin: 10px auto 20px auto;
    height: auto;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, 150px);
    justify-content: center;
    grid-gap: 0.6rem 0.9rem;
  }
  .modal_area .modal_content .modal_images .target_images.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .modal_area .modal_content .modal_images .target_images.noscroll {
    overflow-y: auto;
    gap: 14px;
  }
  .modal_area .modal_content .modal_images .target_images .btn_upload_trash {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_images .target_images .btn_upload_trash:hover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .modal_area .modal_content .modal_images .target_images .btn_upload_trash.hide {
    display: none;
  }
  .modal_area .modal_content .modal_images .target_images li {
    position: relative;
    width: calc(50% - 4px);
    max-height: 150px;
    max-width: 150px;
    min-width: 150px;
    position: relative;
    box-sizing: border-box;
  }
  .modal_area .modal_content .modal_images .target_images li.req_area {
    overflow: hidden;
  }
  .modal_area .modal_content .modal_images .target_images li.more_image {
    margin: auto;
    width: fit-content;
    min-width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_images .target_images li.more_image .box_more_action .btn-more-message {
    margin: 10px auto auto;
  }
  .modal_area .modal_content .modal_images .target_images li.hide {
    display: none;
  }
  .modal_area .modal_content .modal_images .target_images li input.form_input_upload_only,
  .modal_area .modal_content .modal_images .target_images li input.form_input_upload {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 147px;
    height: 147px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: fit-content;
    margin: auto;
    min-width: 150px;
    height: 150px;
    border: 1px solid #FAF9F5;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.round {
    border-radius: 8px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.checked {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.checked:after {
    content: '';
    background: url('../../img/kimigift/icon_check_w_slctimg.svg?1740102524') no-repeat;
    background-size: 14px 8px;
    background-color: #EE8084;
    background-position: center;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item:hover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.upload_area {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #eee;
    border: 2px solid #eee;
    border: 0px;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item.upload_area:hover {
    border: 2px solid #EE8084;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item .icon_upload_area {
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .modal_area .modal_content .modal_images .target_images li .image_item .upload_area_title {
    font-size: 10px;
    color: #888;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
  }
  .modal_area .modal_content .modal_images .target_images li img {
    max-width: 100%;
    width: 100%;
    height: 150px;
    object-fit: cover;
  }
  .modal_area .modal_content .modal_images .target_images li img.uploading_image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_content .modal_images .target_images_action {
    position: relative;
    margin: 10px auto 20px auto;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_title {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_title h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_title.m_center {
    text-align: center;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_subtitle {
    font-size: 16px;
  }
  .modal_area .modal_content .modal_adjust .adjust_image_subtitle.m_center {
    text-align: center;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area {
    position: relative;
    width: fit-content;
    overflow: hidden;
    margin: 40px auto 30px auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area {
    position: relative;
    top: 3px;
    left: 3px;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area.cursor-grab {
    cursor: grab;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_base {
    position: relative;
    width: 250px;
    height: 250px;
    overflow: hidden;
    background-color: #fff;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_base img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_upload {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_upload img#image_upload_adjust.fit {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_design {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_design img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame.trans {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame.event_none {
    pointer-events: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area .image_frame img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_area #image_frame_adjust.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover {
    position: absolute;
    width: 256px;
    height: 256px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover.event_none {
    pointer-events: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover img {
    width: 100%;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 3px;
    left: 3px;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution p {
    position: relative;
    color: #fff;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution.event_none {
    pointer-events: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_cover_caution.none {
    display: none;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions {
    margin: 30px auto 0px auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .image_adjust_operate_area {
    display: flex;
    justify-content: space-between;
    max-width: 172px;
    margin: auto;
    margin-bottom: 20px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 40px;
    text-align: center;
    cursor: pointer;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom:hover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 3px solid #EE8084;
    border-radius: 38px;
    box-sizing: border-box;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom .icon img {
    width: 18px;
    height: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn_zoom p {
    margin-top: 10px;
    font-size: 14px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .image_adjust_actions .btn.btn_submit_image_adjust {
    width: 300px;
    height: 48px;
    border-radius: 48px;
    box-sizing: border-box;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner {
    position: relative;
    max-width: 254px;
    width: 254px;
    margin: auto;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 {
    max-width: 460px;
    width: 460px;
    height: 460px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 .image_adjust_area {
    max-width: 454px;
    width: 454px;
    height: 454px;
    position: relative;
    top: 5px;
    left: 5px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 .image_adjust_area .image_base {
    width: 450px;
    height: 450px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 .image_adjust_area .image_upload {
    max-width: 450px;
    width: 450px;
    height: 450px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 .image_adjust_area .image_design {
    max-width: 450px;
    width: 450px;
    height: 450px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 .image_adjust_area .image_frame {
    width: 450px;
    height: 450px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 .image_cover {
    width: 460px;
    height: 460px;
  }
  .modal_area .modal_content .modal_adjust .target_image_adjust_area .target_image_adjust_inner.pcw450 .image_cover_caution {
    width: 450px;
    height: 450px;
    position: absolute;
    top: 5px;
    left: 5px;
  }
  .modal_area .modal_content.box_message_preview {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 0;
    border-radius: 10px;
  }
  .modal_area .modal_content.box_message_condition {
    padding: 30px 20px;
  }
  .modal_area .modal_footer {
    margin-top: 40px;
    text-align: center;
  }
  .modal_area .modal_footer .modal_footer_btn {
    width: 228px;
    margin: auto;
  }
  .modal_area .modal_footer .modal_footer_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: auto;
  }
  .modal_area .modal_footer .modal_footer_btn a p {
    color: #333333;
    font-size: 12px;
  }
  .modal_area.open {
    display: block;
  }

  /* modal
  ------------------------------ */
  .step_title {
    margin: 10px auto 30px auto;
    text-align: center;
    color: #333333;
    font-size: 16px;
  }
  .step_title strong {
    font-size: 22px;
    font-weight: 700;
  }
  .step_title.line2 {
    margin: 0px auto 20px auto;
  }

  .modal_slider ul.slider {
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: baseline;
  }
  .modal_slider ul.slider li {
    width: 30%;
  }
  .modal_slider .modal_slider_item {
    position: relative;
    padding: 20px 20px;
    border-radius: 10px;
  }
  .modal_slider .modal_slider_item.ec {
    margin-right: 6%;
    margin-left: 30px;
    max-width: 320px;
    min-height: 460px;
  }
  .modal_slider .modal_slider_item .step_img {
    max-width: 270px;
    max-height: 360px;
    width: 100%;
    margin: auto;
    background-color: #fff;
    position: relative;
    overflow: hidden;
  }
  .modal_slider .modal_slider_item .step_img.ec {
    background: none;
    max-width: 135px;
    max-height: 320px;
  }
  .modal_slider .modal_slider_item .step_img img {
    position: relative;
    top: 0px;
    width: 200%;
    margin: auto;
    left: -50%;
    right: -50%;
  }
  .modal_slider .modal_slider_item .step_img img.howtouse1 {
    top: -3px;
  }
  .modal_slider .modal_slider_item .step_img img.howtouse2 {
    top: -8px;
  }
  .modal_slider .modal_slider_item .step_img img.howtouse3 {
    top: -3px;
  }
  .modal_slider .modal_slider_item .step_catch {
    margin: 20px auto 10px auto;
    min-height: 84px;
  }
  .modal_slider .modal_slider_item .step_catch p {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
  }
  .modal_slider .modal_slider_item .step_catch p span {
    font-size: 16px;
    font-weight: 700;
  }
  .modal_slider .modal_slider_item .step_catch p span.block {
    display: block;
  }
  .modal_slider .modal_slider_item .step_catch p.center {
    text-align: center;
  }
  .modal_slider .modal_slider_item .step_catch.ec p.howtouse_step_txt {
    font-size: 12px;
    padding: 0 15px;
  }
  .modal_slider .modal_slider_item .step_catch.ec p.howtouse_step_txt.caution {
    line-height: 1.3;
    margin-top: 5px;
    color: #D60000;
  }
  .modal_slider .modal_slider_item .step_catch.ec p.howtouse_step_txt.caution span {
    font-size: 10px;
  }
  .modal_slider .modal_slider_item .step_catch.ec p span {
    font-size: 12px;
    font-weight: 400;
  }

  .howtouse_slider_next {
    position: relative;
    left: 10px;
    height: 50px;
    margin: auto auto 60px auto;
    width: 80%;
    max-width: 1100px;
    margin-bottom: 60px;
    margin-top: 50px;
  }
  .howtouse_slider_next:after {
    content: '';
    background: url('../../img/kimigift/icon_btm_arrow.svg?1740102524') no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 20px;
    left: 14px;
    width: 55px;
    height: 30px;
  }
  .howtouse_slider_next.withFtrBtn {
    margin-top: 0px;
  }

  .howtouse_slider {
    max-width: 100%;
    max-height: max-content;
    overflow: hidden;
    max-height: 610px;
  }
  .howtouse_slider.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .howtouse_slider .slider_head {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    top: 15px;
    max-width: 1060px;
    width: 80%;
    margin: auto;
  }
  .howtouse_slider .slider_head .step_title {
    margin: inherit;
    text-align: left;
    margin-left: 0;
  }
  .howtouse_slider ul {
    display: block;
  }
  .howtouse_slider ul.slider {
    max-width: 1100px;
    display: block;
    overflow: hidden;
    max-height: 428px;
    margin: auto;
    max-width: 320px;
    display: block;
    overflow: visible;
    max-height: 428px;
    margin: auto;
    overflow: visible;
  }
  .howtouse_slider ul.slider .slick-list {
    overflow: visible;
  }
  .howtouse_slider ul.slider li {
    width: 320px;
    margin-bottom: 0px;
    outline: none;
  }
  .howtouse_slider .slider_action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    position: relative;
    max-width: 1060px;
    width: 80%;
    margin: 20px auto 0px auto;
  }
  .howtouse_slider .slider_action.fstart {
    justify-content: flex-start;
  }
  .howtouse_slider .slider_action.hide {
    display: none;
  }
  .howtouse_slider .slider_action.pcmt115 {
    margin: 115px auto 0px auto;
  }
  .howtouse_slider .slider_action .slider_action_prev {
    background: url('../../img/kimigift_ec/icon_slider_prev.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 21px auto;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #C4A85A;
    border-radius: 20px;
    cursor: pointer;
  }
  .howtouse_slider .slider_action .slider_action_prev.disable {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    cursor: default;
  }
  .howtouse_slider .slider_action .slider_action_next {
    background: url('../../img/kimigift_ec/icon_slider_next.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 21px auto;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #C4A85A;
    border-radius: 20px;
    cursor: pointer;
  }
  .howtouse_slider .slider_action .slider_action_next.disable {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    cursor: default;
  }
  .howtouse_slider .slider_item {
    width: 300px;
    margin: 0 50px 0 0;
  }
  .howtouse_slider .modal_slider_item {
    position: relative;
    padding: 20px 16px;
    border-radius: 10px;
    background-color: #fff;
    min-height: 385px;
  }
  .howtouse_slider .modal_slider_item.mh460 {
    min-height: 460px;
  }
  .howtouse_slider .modal_slider_item.mh480 {
    min-height: 480px;
  }
  .howtouse_slider .modal_slider_item .step_num p {
    color: #FFF9E0;
    font-size: 14px;
    text-align: center;
  }
  .howtouse_slider .modal_slider_item .step_img {
    max-width: 288px;
    max-height: 288px;
    width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
  }
  .howtouse_slider .modal_slider_item .step_img img {
    position: relative;
    top: 10px;
    max-width: 280px;
    height: 280px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
  }
  .howtouse_slider .modal_slider_item .step_catch {
    margin: 20px auto 0px auto;
    min-height: 63px;
  }
  .howtouse_slider .modal_slider_item .step_catch p {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
  }
  .howtouse_slider .modal_slider_item .step_catch p.howtouse_step_txt {
    font-size: 12px;
    padding: 0 15px;
  }
  .howtouse_slider .modal_slider_item .step_catch p.howtouse_step_txt span {
    font-size: 10px;
  }
  .howtouse_slider .modal_slider_item .step_catch p.howtouse_step_txt.caution {
    line-height: 1.3;
    margin-top: 5px;
    color: #D60000;
  }

  .dots-wrap {
    position: absolute !important;
    margin: auto;
    width: 240px;
    display: flex !important;
    gap: 10px;
    justify-content: center;
    bottom: 0px;
    left: 0;
    right: 0;
  }
  .dots-wrap.btm0 {
    bottom: 0px;
  }
  .dots-wrap.btm10 {
    bottom: 10px;
  }
  .dots-wrap.pcbtmm50 {
    bottom: -50px;
  }
  .dots-wrap.hide {
    display: none;
  }
  .dots-wrap li {
    width: 12px !important;
    height: 12px !important;
    background-color: #F4F0E6;
    border-radius: 50%;
    margin-bottom: 0px !important;
    cursor: pointer;
    opacity: 1;
    padding: 0 !important;
    max-width: 12px;
    flex: none !important;
  }
  .dots-wrap li:hover {
    background-color: #EE8084;
    opacity: 1;
  }
  .dots-wrap li.slick-active {
    background-color: #EE8084;
    opacity: 1;
  }
  .dots-wrap li:last-child {
    margin-bottom: 0;
  }
  .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
  }

  /* icons
  ------------------------------ */
  .icon-checkmark {
    background: url('../../img/kimigift/icon_checkmark.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #fff;
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    border: 4px solid #EE8084;
  }

  .icon-q {
    background: url('../../img/kimigift_ec/icon_q_org.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #fff;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border: 1px solid #C4A85A;
  }

  .icon-q-org {
    background: url('../../img/kimigift/icon_q_w.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #FAF9F5;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
  }
  .icon-q-org.ec {
    background-color: #C4A85A;
  }

  .icon-ex-point {
    background: url('../../img/kimigift/icon_ex_point.svg?1740102524') no-repeat;
    background-position: center;
    background-color: #fff;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 2rem;
    border: 2px solid #D60000;
    margin: 0 auto 0.6rem auto;
  }

  .icon-surprise {
    background: url('../../img/kimigift_ec/icon_surprise.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 43px auto;
    display: block;
    width: 44px;
    height: 41px;
    margin: auto;
    padding: 5px;
  }

  .icon-upimg {
    background: url('../../img/kimigift/icon_upimg.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 48px auto;
    display: block;
    width: 48px;
    height: 48px;
    margin: auto;
  }

  .icon-error {
    background: url('../../img/kimigift/icon_error.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 20px auto;
    background-color: #D60000;
    display: block;
    width: 44px;
    height: 44px;
    margin: auto;
    border-radius: 2rem;
  }

  .icon-close {
    background: url('../../img/kimigift/icon_circle_close.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 10px auto;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
  }

  .icon-trash {
    background: url('../../img/kimigift/icon_trash.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 14px auto;
    display: block;
    width: 14px;
    height: 18px;
    margin: auto;
  }

  .icon-trash-acc {
    background: url('../../img/kimigift/icon_trash_acc.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 14px auto;
    display: block;
    width: 14px;
    height: 16px;
    margin: auto;
  }
  .icon-trash-acc.big {
    background-size: 32px 42px;
    width: 32px;
    height: 43px;
  }

  .icon-adjust {
    background: url('../../img/kimigift/icon_adjust.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 20px auto;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px;
  }

  .icon-selectfrm {
    background: url('../../img/kimigift/icon_selectfrm.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 23px auto;
    display: block;
    width: 23px;
    height: 19px;
    margin: 0px;
  }

  .icon-selectimg {
    background: url('../../img/kimigift/icon_selectimg.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 18px auto;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0px;
  }

  /* header
  ------------------------------ */
  header .header_inner {
    background-color: #C4A85A;
    min-height: 75px;
  }
  header .header_inner.bg-none {
    background: none;
  }
  header .header_inner .head_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0px;
    z-index: 10;
    pointer-events: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  header .header_inner .head_area.open_menu {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #C4A85A;
  }
  header .header_inner .head_area.blur {
    backdrop-filter: blur(2px);
  }
  header .header_inner .head_area:after {
    content: '';
    position: absolute;
    background-color: #C4A85A;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0.6;
  }
  header .header_inner .head_area_logo {
    pointer-events: auto;
    cursor: pointer;
  }
  header .header_inner .head_area_logo h1 {
    padding: 9px 12px;
    height: 57px;
  }
  header .header_inner .head_area_logo h1.flex-acenter {
    display: flex;
    align-items: center;
  }
  header .header_inner .head_area_logo img {
    width: auto;
    max-height: 52px;
  }
  header .header_inner .head_area_menu {
    pointer-events: auto;
    cursor: pointer;
    padding-right: 1rem;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu {
    background-color: #FFF9E0;
    cursor: pointer;
    padding: 10px 8px 8px 9px;
    border: none;
    border-radius: 2rem;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu span:nth-of-type(2) {
    margin: 5px 0 5px 0;
    width: 15px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu span.icon_menu {
    background: url('../../img/kimigift/icon_menu_header_navi.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    width: 23px;
    height: 8px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.active {
    position: relative;
    right: 14px;
    padding: 13px 7px 7px 10px;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.active span:nth-of-type(2) {
    width: 20px;
    margin: 4px 0;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.ec {
    background-color: #fff;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.ec span {
    background-color: #000;
  }
  header .header_inner .head_area_menu .btn_hamburger_menu.ec span.icon_menu {
    background: url('../../img/kimigift_ec/icon_menu_header_navi.svg?1740102524') no-repeat;
  }

  @-webkit-keyframes btn-header-navi-bar01 {
    0% {
      -webkit-transform: translateY(6px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn-header-navi-bar01 {
    0% {
      transform: translateY(6px) rotate(45deg);
    }
    50% {
      transform: translateY(6px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  @-webkit-keyframes active-btn-header-navi-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(6px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(6px) rotate(45deg);
    }
  }
  @keyframes active-btn-header-navi-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(6px) rotate(0);
    }
    100% {
      transform: translateY(6px) rotate(45deg);
    }
  }
  @-webkit-keyframes btn-header-navi-bar02 {
    0% {
      -webkit-transform: translateY(0px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(0px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn-header-navi-bar02 {
    0% {
      transform: translateY(0px) rotate(-45deg);
    }
    50% {
      transform: translateY(0px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  @-webkit-keyframes active-btn-header-navi-bar02 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(0px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0px) rotate(-45deg);
    }
  }
  @keyframes active-btn-header-navi-bar02 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(0px) rotate(0);
    }
    100% {
      transform: translateY(0px) rotate(-45deg);
    }
  }
  .btn_hamburger_menu span:nth-of-type(1) {
    -webkit-animation: btn-header-navi-bar01 .75s forwards;
    animation: btn-header-navi-bar01 .75s forwards;
  }
  .btn_hamburger_menu span:nth-of-type(2) {
    -webkit-animation: btn-header-navi-bar02 .75s forwards;
    animation: btn-header-navi-bar02 .75s forwards;
  }
  .btn_hamburger_menu span:nth-of-type(3) {
    transition: all .25s .25s;
    opacity: 1;
  }
  .btn_hamburger_menu.active span:nth-of-type(1) {
    -webkit-animation: active-btn-header-navi-bar01 .75s forwards;
    animation: active-btn-header-navi-bar01 .75s forwards;
  }
  .btn_hamburger_menu.active span:nth-of-type(2) {
    width: 22px;
    -webkit-animation: active-btn-header-navi-bar02 .75s forwards;
    animation: active-btn-header-navi-bar02 .75s forwards;
  }
  .btn_hamburger_menu.active span:nth-of-type(3) {
    opacity: 0;
  }

  /* main
  ------------------------------ */
  .main_container .box_container_inner {
    width: 100%;
    margin: 0px auto 20px auto;
    position: relative;
  }
  .main_container .box_container_inner.m0 {
    margin: auto;
  }

  .box_info {
    position: absolute;
    top: 0;
    z-index: 1;
    max-width: 500px;
    right: 0;
    left: 0;
    margin: auto;
  }
  .box_info .info_area {
    margin: 20px auto;
  }
  .box_info .info_area ul {
    background-color: #fff;
    border-radius: 0.4rem;
  }
  .box_info .info_area ul .info_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
    gap: 2rem;
  }
  .box_info .info_area ul .info_item .info_date p {
    font-size: 14px;
  }
  .box_info .info_area ul .info_item .info_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .box_info .info_area ul .info_item .info_title p {
    font-size: 14px;
  }

  .box_main_logo {
    position: absolute;
    top: 120px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    max-width: 500px;
    display: flex;
    justify-content: center;
  }

  .box_status {
    margin-bottom: 30px;
  }
  .box_status.ec {
    margin-bottom: 0px;
  }
  .box_status .msg_status_area {
    position: relative;
  }
  .box_status .msg_status_area.ec {
    background-color: #fff;
    padding-bottom: 2px;
  }
  .box_status .msg_status_banner {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    display: flex;
    grid-area: thumbnail;
    align-items: center;
    max-width: 1800px;
    margin: auto;
    height: auto;
    overflow: hidden;
    max-height: 600px;
  }
  .box_status .msg_status_banner img {
    max-width: 1800px;
    width: auto;
    height: auto;
  }
  .box_status .msg_status_banner:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    background: linear-gradient(90deg, #f4f0e6 10%, rgba(244, 240, 230, 0) 100%);
  }
  .box_status .msg_status_banner:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    background: linear-gradient(270deg, #f4f0e6 20%, rgba(244, 240, 230, 0) 80%);
  }
  .box_status .box_msg_status {
    position: relative;
    width: 84%;
    max-width: 500px;
    margin: auto;
  }
  .box_status .box_msg_status .box_msg_status_inner {
    background-color: #fff;
    padding: 13px;
    border-radius: 0.6rem;
  }
  .box_status .box_msg_status .box_msg_status_head {
    text-align: center;
    margin: 20px auto 30px auto;
  }
  .box_status .box_msg_status .box_msg_status_head h2 {
    font-weight: 700;
    font-size: 20px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 6px 12px;
    margin-bottom: 20px;
    background-color: #C4A85A;
    border-radius: 8px;
    border: 1px solid #FAF9F5;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item.col-two {
    padding: 0;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item.mh {
    min-height: 43px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item.only1 {
    margin-bottom: 0px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item.hide {
    display: none;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.2rem;
    width: 50%;
    font-size: 12px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_right.w70 {
    width: 70%;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_lbl {
    width: 50%;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_lbl p {
    font-size: 12px;
    line-height: 1.8;
    font-weight: 700;
    display: flex;
    gap: 0.6rem;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_lbl.w55 {
    width: 55%;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_lbl.w30 {
    width: 30%;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val {
    background-color: #fff;
    padding: 0px 20px;
    border-radius: 20px;
    width: 33%;
    max-width: 130px;
    text-align: center;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val span {
    font-size: 10px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val .txt-num {
    font-size: 16px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val.msg_remain_num {
    width: auto;
    padding: 2px 10px 4px 10px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_val.msg_remain_num p {
    font-size: 18px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_items .msg_status_item.fst {
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_items .msg_status_item.end {
    margin-bottom: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 46%;
    padding: 2px 10px;
    border-right: 1px solid #E0CC99;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item_left.mh {
    min-height: 43px;
  }
  .box_status .box_msg_status .box_msg_status_container .msg_status_item_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 46%;
    width: 46%;
    padding: 6px 10px;
  }
  .box_status .box_msg_status.start {
    padding-top: 480px;
  }
  .box_status .box_msg_status.start .box_msg_status_inner {
    padding: 30px 40px 40px 40px;
  }
  .box_status .box_msg_status.ec {
    max-width: 368px;
    padding-top: 620px;
  }
  .box_status .box_msg_status.ec .box_msg_status_inner {
    padding: 0;
  }
  .box_status .box_msg_status.ec .box_msg_status_inner .box_msg_status_container .msg_status_item {
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
  }

  .box_allocation_area {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 0.6rem;
    max-width: 480px;
    padding: 10px;
    margin: auto;
  }
  .box_allocation_area.no_sort ul {
    margin-bottom: 0px;
  }
  .box_allocation_area.no_sort ul li:last-child {
    margin-bottom: 0px;
  }
  .box_allocation_area.no_sort .box_allocation_action {
    display: none;
  }
  .box_allocation_area.no_sort .box_allocation_item .product_item {
    border-bottom: 0px;
  }
  .box_allocation_area.no_sort .box_allocation_item .allocation_item {
    display: none;
  }
  .box_allocation_area ul {
    margin-bottom: 20px;
  }
  .box_allocation_area ul li {
    margin-bottom: 10px;
  }
  .box_allocation_area .box_allocation_item {
    border: 1px solid #E0CC99;
    border-radius: 0.6rem;
    padding: 0;
  }
  .box_allocation_area .product_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    gap: 10px;
    border-bottom: 1px dotted #E0CC99;
  }
  .box_allocation_area .product_item .product_image {
    width: 30%;
    max-width: 60px;
    max-height: 60px;
  }
  .box_allocation_area .product_item .product_image img {
    width: 100%;
    border-radius: 0.2rem;
  }
  .box_allocation_area .product_item .product_content {
    width: calc(100% - 74px);
  }
  .box_allocation_area .product_item .product_content .product_title h3 {
    font-size: 16px;
    margin: 16px auto 0px auto;
    color: #333;
  }
  .box_allocation_area .product_item .product_content .product_count {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
  }
  .box_allocation_area .product_item .product_content .product_price .price {
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
  }
  .box_allocation_area .product_item .product_content .product_price .price strong {
    font-size: 20px;
    font-weight: 700;
  }
  .box_allocation_area .product_item .product_content .product_qty .qty {
    font-size: 10px;
    font-weight: 700;
  }
  .box_allocation_area .product_item .product_content .product_qty .qty strong {
    font-size: 20px;
    font-weight: 700;
  }
  .box_allocation_area .product_item .product_content .product_qty .qty .qty_unit {
    padding-left: 2px;
  }
  .box_allocation_area .allocation_item .msg_status_item {
    display: flex;
    padding: 0;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 0;
    color: #333;
    border-right: 1px dotted #E0CC99;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right .msg_status_lbl,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left .msg_status_lbl {
    padding: 8px 10px;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right .msg_status_right,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left .msg_status_right {
    padding: 8px 10px;
  }
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_right .msg_status_right .input_cnt,
  .box_allocation_area .allocation_item .msg_status_item .msg_status_item_left .msg_status_right .input_cnt {
    max-width: 40px;
    background: #F4F0E6;
    border: 1px solid #E0CC99;
    border-radius: 4px;
    padding: 2px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-right: 2px;
  }
  .box_allocation_area .allocation_item.col-two .msg_status_item_left,
  .box_allocation_area .allocation_item.col-two .msg_status_item_right {
    width: 50%;
  }
  .box_allocation_area .box_allocation_action {
    margin: 10px auto;
  }
  .box_allocation_area .box_allocation_action .btn {
    min-width: 200px;
    width: fit-content;
    margin: auto;
  }

  .box_sorting {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    max-width: 370px;
    margin: auto;
  }
  .box_sorting .btn-sorting {
    position: relative;
    border: 1px solid #C4A85A;
    padding: 6px 30px;
    background-color: #fff;
    border-radius: 2rem;
    cursor: pointer;
  }
  .box_sorting .btn-sorting .icon_sorting {
    background: url('../../img/kimigift/icon_sorting.svg?1740102524') no-repeat;
    background-size: contain;
    padding-left: 30px;
  }
  .box_sorting .btn-sorting .icon_sorting p {
    font-size: 14px;
    font-weight: bold;
  }
  .box_sorting .btn-sorting.ec {
    padding: 0px 10px;
    border: 1px solid #C4A85A;
  }
  .box_sorting .btn-sorting.ec .icon_sorting {
    padding: 10px 20px 10px 40px;
    background-size: 29px auto;
    background-position: 15px;
  }
  .box_sorting .btn-sorting.ec .icon_sorting p {
    padding-left: 20px;
  }
  .box_sorting .cnt_sorting p .sorting_all {
    font-size: 12px;
    font-weight: 700;
  }
  .box_sorting .cnt_sorting p .sorting {
    font-size: 20px;
    font-weight: 700;
    padding-left: 5px;
  }
  .box_sorting.ec {
    padding: 20px 0 10px 0;
    max-width: 500px;
  }

  .box_sorting_result {
    max-width: 370px;
    margin: auto;
  }
  .box_sorting_result.ec {
    max-width: 500px;
    margin-bottom: 25px;
  }
  .box_sorting_result ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .box_sorting_result ul li {
    margin-right: 0.3rem;
  }
  .box_sorting_result ul li:last-child {
    margin-right: 0;
  }
  .box_sorting_result .sorting_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0 12px;
    align-items: center;
    margin: 0.2rem auto;
    background-color: #fff;
    border: 1px solid #888;
    border-radius: 2rem;
    min-width: 45px;
    text-align: center;
    height: 25px;
    cursor: pointer;
  }
  .box_sorting_result .sorting_item p {
    font-size: 10px;
    font-weight: 700;
    color: #888;
  }
  .box_sorting_result .sorting_item .icon_close_w {
    background: url('../../img/kimigift/icon_close.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.groom {
    background-color: #C0CEE6;
    border: 1px solid #C0CEE6;
  }
  .box_sorting_result .sorting_item.groom p {
    color: #fff;
  }
  .box_sorting_result .sorting_item.groom .icon_close_w {
    background: url('../../img/kimigift/icon_close_w.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.bride {
    background: #DFB3AE;
    border: 1px solid #DFB3AE;
  }
  .box_sorting_result .sorting_item.bride p {
    color: #fff;
  }
  .box_sorting_result .sorting_item.bride .icon_close_w {
    background: url('../../img/kimigift/icon_close_w.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.send {
    background: #888;
    border: 1px solid #888;
  }
  .box_sorting_result .sorting_item.send p {
    color: #fff;
  }
  .box_sorting_result .sorting_item.send .icon_close_w {
    background: url('../../img/kimigift/icon_close_w.svg?1740102524') no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
  }
  .box_sorting_result .sorting_item.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_sorting_result .sorting_item:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }

  .box_template_area {
    background-color: #fff;
    padding: 0px;
    border-radius: 0.6rem;
    max-width: 370px;
    margin: auto;
    margin-bottom: 30px;
    border: none;
    padding: 5px 5px 5px 5px;
  }
  .box_template_area .template_head {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    padding: 14px;
  }
  .box_template_area .template_head .title {
    margin: auto;
    font-size: 14px;
    text-align: center;
  }
  .box_template_area .template_head .btn-openclose {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 11px;
    right: 15px;
  }
  .box_template_area .template_head.close {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_template_area .btn-template-head {
    cursor: pointer;
  }
  .box_template_area .btn-template-head:hover .btn-toggle:before {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-position: center;
    background-size: 18px 18px;
  }
  .box_template_area .template_item {
    width: auto;
    display: inherit;
    border-radius: 0.4rem;
    padding: 0;
    margin-bottom: 5px;
  }
  .box_template_area .template_item p {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 1;
  }
  .box_template_area .template_item p.icon_check {
    padding-left: 1.5rem;
  }
  .box_template_area .template_item .btn-prev-template {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    font-size: 12px;
    color: #333;
    font-weight: 400;
    background-color: #F4F0E6;
    padding: 5px 20px;
    border-radius: 2rem;
    cursor: pointer;
  }
  .box_template_area .template_item .btn-prev-template:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .box_template_area .template_item .btn_radio {
    height: 100%;
    border: none;
    text-align: inherit;
    background-color: inherit;
    padding: 18px 20px 18px 55px;
    box-sizing: border-box;
    width: 100%;
  }
  .box_template_area .template_item .btn_radio.template_list_name {
    padding: 18px 150px 18px 55px;
  }
  .box_template_area .template_action .btn-add-teplate {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    text-align: center;
    margin: 15px auto 15px auto;
    max-width: 82px;
    height: 22px;
    cursor: pointer;
  }
  .box_template_area .template_action .btn-add-teplate:before {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_plus_a.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 10px 10px;
    width: 22px;
    height: 22px;
    left: 0px;
    top: 0px;
    border: 1px solid #C4A85A;
    border-radius: 2rem;
  }
  .box_template_area .template_action .btn-add-teplate p {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    padding-left: 26px;
  }
  .box_template_area .template_action .btn-add-teplate:hover:before {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-size: 14px 14px;
  }
  .box_template_area .template_action .btn {
    max-width: 240px;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .box_template_area .template_area {
    padding: 0 20px;
  }
  .box_template_area .template_area ul li:last-child {
    margin-bottom: 0px;
  }
  .box_template_area.ec {
    max-width: 500px;
    margin-bottom: 40px;
  }

  .box_message_area {
    max-width: 340px;
    margin: auto;
    margin-bottom: 30px;
  }
  .box_message_area.ec {
    margin-bottom: 80px;
  }
  .box_message_area .box_message_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 0.6rem;
    border: none;
    padding: 10px 15px;
    margin-bottom: 1rem;
  }
  .box_message_area .box_message_item:last-child {
    margin-bottom: 0px;
  }
  .box_message_area .box_message_item .message_head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 15px;
  }
  .box_message_area .box_message_item .message_head.ec {
    margin-bottom: 10px;
  }
  .box_message_area .box_message_item .message_head .icon_check {
    background-color: #fff;
    border-radius: 2rem;
    min-width: 45px;
    text-align: center;
    height: 20px;
    padding: 0 10px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .box_message_area .box_message_item .message_head .icon_check p {
    font-size: 10px;
    padding-left: 14px;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom {
    border: 1px solid #C0CEE6;
    background-image: url('../../img/kimigift/icon_check_w.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #C0CEE6;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom p {
    color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom.none {
    background-image: url('../../img/kimigift/icon_check_groom.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_groom.none p {
    color: #C0CEE6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride {
    border: 1px solid #DFB3AE;
    background-image: url('../../img/kimigift/icon_check_w.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #DFB3AE;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride p {
    color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride.none {
    background-image: url('../../img/kimigift/icon_check_bride.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.allocation_bride.none p {
    color: #DFB3AE;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send {
    padding: 0 14px;
    border: 1px solid #888;
    background-image: url('../../img/kimigift/icon_check_w.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #888;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send p {
    color: #FFF;
    padding-left: 14px;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send.none {
    background-image: url('../../img/kimigift/icon_check_nosend.svg?1740102524');
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 10px 6px;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_head .icon_check.msg_send.none p {
    color: #888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_message_area .box_message_item .message_head .message_head_tags {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
  }
  .box_message_area .box_message_item .message_head .message_head_tags.none {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_message_area .box_message_item .message_product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .box_message_area .box_message_item .message_product .message_product_image {
    position: relative;
    max-width: 100px;
    max-height: 100px;
    overflow: hidden;
  }
  .box_message_area .box_message_item .message_product .message_product_image.round {
    border-radius: 8px;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_base {
    position: absolute;
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background-color: #fff;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_base img {
    width: 100%;
    height: auto;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_upload {
    position: absolute;
    max-width: 100px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_design {
    position: absolute;
    max-width: 100px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_design img {
    width: 100%;
    height: auto;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame.trans {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame.event_none {
    pointer-events: none;
  }
  .box_message_area .box_message_item .message_product .message_product_image .image_frame img {
    width: 100%;
    height: auto;
  }
  .box_message_area .box_message_item .message_product .message_product_image img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    position: relative;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: flow;
    margin: auto;
    text-align: center;
    width: 100%;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image span {
    display: block;
    width: 100%;
    color: #fff;
    position: relative;
    line-height: 1.2;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image span:first-child {
    top: 28px;
  }
  .box_message_area .box_message_item .message_product .message_product_image .check_upload_image span:last-child {
    top: 32px;
  }
  .box_message_area .box_message_item .message_product .message_product_data {
    width: calc(100% - 115px);
  }
  .box_message_area .box_message_item .message_product .message_product_data .product_price .price {
    font-size: 18px;
    font-weight: 400;
  }
  .box_message_area .box_message_item .message_product .message_product_data .product_title {
    margin: 5px auto;
  }
  .box_message_area .box_message_item .message_product .message_product_data .product_title h3 {
    font-size: 12px;
    font-weight: 400;
    margin: 5px auto;
  }
  .box_message_area .box_message_item .message_product .message_product_data .message_to {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px auto 0 auto;
  }
  .box_message_area .box_message_item .message_product .message_product_data .message_to h3 {
    margin: auto;
    display: block;
    width: calc(100% - 28px);
  }
  .box_message_area .box_message_item .message_product .message_product_data .message_to span {
    display: inline-block;
    width: 12px;
    font-size: 10px;
    position: relative;
    top: 2px;
  }
  .box_message_area .box_message_item .message_product_actions {
    display: block;
  }
  .box_message_area .box_message_item .message_product_actions.hide {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action {
    width: calc(50% - 5px);
    min-height: 33px;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 5px 0px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    width: 100%;
    color: #333;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    min-height: 58px;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action p {
    text-align: center;
    margin: auto 0;
    width: 100%;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action .flex_icon {
    display: flex;
    gap: 0;
    justify-content: center;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action .flex_icon .icon-trash {
    display: block;
    width: 14px;
    padding: 0;
    margin: auto 8px auto 0;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.none {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.noactive {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action .btn_product_action.noactive:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action.none {
    display: none;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.flex {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.one {
    display: block;
    margin-bottom: 20px;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.one .message_product_action {
    width: 100%;
  }
  .box_message_area .box_message_item .message_product_actions .message_product_action_inner.one .message_product_action .btn_product_action {
    min-height: 28px;
    padding: 0px;
  }
  .box_message_area .box_message_item .message_action {
    margin: 10px auto;
  }
  .box_message_area .box_message_item .message_action .message_action_inner {
    display: block;
    width: 100%;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn {
    text-align: center;
    min-width: auto;
    width: calc(100% - 25px);
    margin-bottom: 10px;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.bold {
    padding: 13.5px 12px;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.bold p {
    font-size: 16px;
    font-weight: bold;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.btn-message-edit {
    display: none;
  }
  .box_message_area .box_message_item .message_action .message_action_inner .btn.btn-message-save {
    display: block;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.dbl {
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.dbl .btn {
    min-width: calc(50% - 25px);
    text-align: center;
    min-width: auto;
    padding: 0.6rem 0;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.modal {
    margin-top: 12px;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.modal .btn {
    margin-bottom: 10px;
    padding: 13px;
    border-radius: 99px;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.modal .btn p {
    font-size: 14px;
    font-weight: 700;
  }
  .box_message_area .box_message_item .message_action .message_action_inner.ec_act {
    margin: 10px auto 15px auto;
  }
  .box_message_area .box_message_item.close {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_message_area .box_message_item.close .message_product .message_image .check_upload_image {
    display: none;
  }
  .box_message_area .box_message_item.close .message_product .message_image .delete_upload_image {
    display: none;
  }
  .box_message_area .box_message_item.close .message_product_actions {
    display: none;
  }
  .box_message_area .box_message_item.close .message_tmpl_form,
  .box_message_area .box_message_item.close .message_form {
    display: none;
  }
  .box_message_area .box_message_item.close .message_action .message_action_inner .btn-message-edit {
    display: block;
  }
  .box_message_area .box_message_item.close .message_action .message_action_inner .btn-message-save {
    display: none;
  }
  .box_message_area .box_message_item.noactive {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #EEEEEE;
  }
  .box_message_area .box_message_item.noactive .message_form {
    display: none;
  }
  .box_message_area .box_message_item.noactive .message_action .message_action_inner .btn-message-edit {
    display: block;
  }
  .box_message_area .box_message_item.noactive .message_action .message_action_inner .btn-message-save {
    display: none;
  }
  .box_message_area .box_message_item.activepc, .box_message_area .box_message_item.active {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_message_area .box_message_item.activepc .message_product .message_product_data, .box_message_area .box_message_item.active .message_product .message_product_data {
    position: relative;
    top: -15px;
  }
  .box_message_area .box_message_item.activepc .message_product .message_product_data .message_to, .box_message_area .box_message_item.active .message_product .message_product_data .message_to {
    display: none;
  }
  .box_message_area .box_message_item.activepc .message_product_actions, .box_message_area .box_message_item.active .message_product_actions {
    display: block;
  }
  .box_message_area .box_message_item.activepc .message_action .message_action_inner .btn-message-edit, .box_message_area .box_message_item.active .message_action .message_action_inner .btn-message-edit {
    display: none;
  }
  .box_message_area .box_message_item.activepc .message_action .message_action_inner .btn-message-save, .box_message_area .box_message_item.active .message_action .message_action_inner .btn-message-save {
    display: block;
  }
  .box_message_area .box_message_item.activepc {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_message_area .box_message_item.activepc .message_tmpl_form {
    display: block;
  }
  .box_message_area .box_message_item.activepc .message_product .message_image .check_upload_image {
    display: block;
  }
  .box_message_area.pclist {
    max-width: 1200px;
  }
  .box_message_area.pclist .box_messages {
    display: grid;
    grid-template-columns: repeat(auto-fit, 350px);
    justify-content: center;
    grid-gap: 0rem 1rem;
  }
  .box_message_area.pclist .box_message_item {
    min-width: 316px;
    height: fit-content;
  }

  .message_tmpl_form,
  .message_form {
    margin-bottom: 20px;
  }
  .message_tmpl_form.hide,
  .message_form.hide {
    display: none;
  }
  .message_tmpl_form .message_product_actions,
  .message_form .message_product_actions {
    display: block;
  }
  .message_tmpl_form .message_product_actions.template,
  .message_form .message_product_actions.template {
    max-width: 250px;
    margin: auto;
  }
  .message_tmpl_form .message_product_actions.hide,
  .message_form .message_product_actions.hide {
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action,
  .message_form .message_product_actions .message_product_action {
    width: calc(50% - 5px);
    min-height: 33px;
  }
  .message_tmpl_form .message_product_actions .message_product_action.none,
  .message_form .message_product_actions .message_product_action.none {
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action,
  .message_form .message_product_actions .message_product_action .btn_product_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 5px 0px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    background-color: #FAF9F5;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    width: 100%;
    color: #333;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    min-height: 58px;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action p,
  .message_form .message_product_actions .message_product_action .btn_product_action p {
    text-align: center;
    margin: auto 0;
    width: 100%;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action .flex_icon,
  .message_form .message_product_actions .message_product_action .btn_product_action .flex_icon {
    display: flex;
    gap: 0;
    justify-content: center;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action .flex_icon .icon-trash,
  .message_form .message_product_actions .message_product_action .btn_product_action .flex_icon .icon-trash {
    display: block;
    width: 14px;
    padding: 0;
    margin: auto 8px auto 0;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action:hover,
  .message_form .message_product_actions .message_product_action .btn_product_action:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.hide,
  .message_form .message_product_actions .message_product_action .btn_product_action.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.none,
  .message_form .message_product_actions .message_product_action .btn_product_action.none {
    display: none;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.noactive,
  .message_form .message_product_actions .message_product_action .btn_product_action.noactive {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
  }
  .message_tmpl_form .message_product_actions .message_product_action .btn_product_action.noactive:hover,
  .message_form .message_product_actions .message_product_action .btn_product_action.noactive:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.flex,
  .message_form .message_product_actions .message_product_action_inner.flex {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.one,
  .message_form .message_product_actions .message_product_action_inner.one {
    display: block;
    margin-bottom: 10px;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.one .message_product_action,
  .message_form .message_product_actions .message_product_action_inner.one .message_product_action {
    width: 100%;
  }
  .message_tmpl_form .message_product_actions .message_product_action_inner.one .message_product_action .btn_product_action,
  .message_form .message_product_actions .message_product_action_inner.one .message_product_action .btn_product_action {
    min-height: 28px;
    padding: 0px;
  }
  .message_tmpl_form .form_item,
  .message_form .form_item {
    margin-bottom: 5px;
  }
  .message_tmpl_form .form_item.msgfrmflex,
  .message_form .form_item.msgfrmflex {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec,
  .message_form .form_item.form_msg_tmpl_list.ec {
    background: #FAF9F5;
    padding: 0.4rem 0.5rem;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    margin-top: 15px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl {
    width: 100%;
    color: #C4A85A;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl.center,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .form_lbl.center {
    text-align: center;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .btn-toggle,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head .btn-toggle {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #C4A85A;
    width: 22px;
    height: 22px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle {
    cursor: pointer;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover .form_lbl,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover .form_lbl {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover .btn-toggle:before,
  .message_form .form_item.form_msg_tmpl_list.ec .form_msg_tmpl_head.btn-msg-tmpl-toggle:hover .btn-toggle:before {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-position: center;
    background-size: 14px 14px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area {
    width: calc(100% - 10px);
    margin: auto;
    margin-top: 15px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area {
    width: 100%;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl {
    border: none;
    padding: 6px 10px 6px 50px;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio {
    width: auto;
    text-align: inherit;
    position: relative;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:before,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:before {
    border: none;
    border-radius: 0px;
    background-color: unset;
    width: 15px;
    height: 15px;
    left: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:after,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl.btn_radio:after {
    background-color: unset;
    opacity: 1;
    z-index: 1;
    border: 1px solid #C4A85A;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    transform: none;
    border-radius: 5px;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl:hover:after,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area label.btn_load_msg_tmpl:hover:after {
    border: 2px solid #EE8084;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area input.input_radio_hidden:checked + label.btn_radio:after,
  .message_form .form_item.form_msg_tmpl_list.ec .form_radios_area .form_radio_area input.input_radio_hidden:checked + label.btn_radio:after {
    border: 2px solid #EE8084;
  }
  .message_tmpl_form .form_item.form_msg_tmpl_list.hide,
  .message_form .form_item.form_msg_tmpl_list.hide {
    display: none;
  }
  .message_tmpl_form .form_item .form_lbl,
  .message_form .form_item .form_lbl {
    font-size: 12px;
  }
  .message_tmpl_form .form_item .form_lbl.side,
  .message_form .form_item .form_lbl.side {
    font-size: 16px;
    font-weight: 700;
    max-width: 60px;
    position: relative;
    top: 10px;
  }
  .message_tmpl_form .form_item .form_lbl.side strong,
  .message_form .form_item .form_lbl.side strong {
    font-weight: 700;
  }
  .message_tmpl_form .form_item .form_input,
  .message_form .form_item .form_input {
    border: 1px solid #C4A85A;
    border-radius: 8px;
    padding: 14px 14px;
    width: calc(100% - 60px);
    font-size: 16px;
    color: #333;
    background-color: #fff;
  }
  .message_tmpl_form .form_item .form_input.msg_to,
  .message_form .form_item .form_input.msg_to {
    width: calc(100% - 64px);
    margin-bottom: 6px;
    min-height: 24px;
  }
  .message_tmpl_form .form_item .form_input.msg_from,
  .message_form .form_item .form_input.msg_from {
    margin-bottom: 6px;
    box-sizing: border-box;
    width: calc(100% - 56px);
    max-height: 53px;
    min-height: 53px;
  }
  .message_tmpl_form .form_item .form_input.modal,
  .message_form .form_item .form_input.modal {
    padding: 7px 14px;
    border-radius: 5px;
  }
  .message_tmpl_form .form_item .form_input.bold,
  .message_form .form_item .form_input.bold {
    font-weight: 700;
  }
  .message_tmpl_form .form_item .form_textarea,
  .message_form .form_item .form_textarea {
    border: 1px solid #E0CC99;
    border-radius: 10px;
    min-height: 180px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.1rem;
    color: #333;
    display: block;
    border: none;
    outline: none;
    margin: auto;
    min-height: 221px;
    field-sizing: content;
    resize: none;
    overflow-wrap: anywhere;
    min-width: 267px;
    max-width: 267px;
    box-sizing: border-box;
    padding: 20px 0px;
    position: relative;
    background-color: inherit;
  }
  .message_tmpl_form .form_item .form_textarea.input_main_msg,
  .message_form .form_item .form_textarea.input_main_msg {
    display: block;
    margin: auto;
    min-width: 236px;
    max-width: 236px;
    min-height: 221px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    color: #333;
  }
  .message_tmpl_form .form_item .form_textarea:after,
  .message_form .form_item .form_textarea:after {
    content: '';
    position: absolute;
    border: 1px solid #FAF9F5;
    border-radius: 5px;
    background-color: #fff;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  .message_tmpl_form .form_item .form_textarea:hover:after,
  .message_form .form_item .form_textarea:hover:after {
    content: '';
    position: absolute;
    border: 2px solid #EE8084;
    z-index: 0;
  }
  .message_tmpl_form .form_item .form_textarea_inner,
  .message_form .form_item .form_textarea_inner {
    border: 1px solid #C4A85A;
    border-radius: 10px;
    padding: 4px 0px;
    box-sizing: border-box;
    margin: 15px auto;
    background-color: #fff;
  }
  .message_tmpl_form .form_item .form_textarea_inner.hover,
  .message_form .form_item .form_textarea_inner.hover {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area,
  .message_form .form_item .form_radios_area {
    display: flex;
    margin: 2px auto 10px auto;
    gap: 4px;
    width: 100%;
    flex-wrap: wrap;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area,
  .message_form .form_item .form_radios_area .form_radio_area {
    width: calc(33.33333% - 3px);
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area.wauto,
  .message_form .form_item .form_radios_area .form_radio_area.wauto {
    width: auto;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label,
  .message_form .form_item .form_radios_area .form_radio_area label {
    position: relative;
    cursor: pointer;
    border: 1px solid #E0CC99;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    width: auto;
    display: block;
    background-color: #fff;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label.btn_load_msg_tmpl,
  .message_form .form_item .form_radios_area .form_radio_area label.btn_load_msg_tmpl {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:before, .message_tmpl_form .form_item .form_radios_area .form_radio_area label:after,
  .message_form .form_item .form_radios_area .form_radio_area label:before,
  .message_form .form_item .form_radios_area .form_radio_area label:after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:before,
  .message_form .form_item .form_radios_area .form_radio_area label:before {
    background-color: #fff;
    border: 1px solid #C4A85A;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: 8px;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:after,
  .message_form .form_item .form_radios_area .form_radio_area label:after {
    background-color: #EE8084;
    border-radius: 50%;
    opacity: 0;
    width: 8.33px;
    height: 8.33px;
    left: 12.5px;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area label:hover,
  .message_form .form_item .form_radios_area .form_radio_area label:hover {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area input:checked + label,
  .message_form .form_item .form_radios_area .form_radio_area input:checked + label {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area input:checked + label::before,
  .message_form .form_item .form_radios_area .form_radio_area input:checked + label::before {
    border: 1px solid #EE8084;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area input:checked + label::after,
  .message_form .form_item .form_radios_area .form_radio_area input:checked + label::after {
    opacity: 1;
  }
  .message_tmpl_form .form_item .form_radios_area .form_radio_area .form_radio,
  .message_form .form_item .form_radios_area .form_radio_area .form_radio {
    position: absolute;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
  }
  .message_tmpl_form .form_item .form_msg_tmpl_action,
  .message_form .form_item .form_msg_tmpl_action {
    margin: 15px auto;
  }
  .message_tmpl_form .form_item.lblflt .form_lbl,
  .message_form .form_item.lblflt .form_lbl {
    max-width: inherit;
    top: 0px;
    margin-bottom: 2px;
    font-size: 12px;
  }
  .message_tmpl_form .form_item.lblflt .form_input,
  .message_form .form_item.lblflt .form_input {
    width: calc(100% - 28px);
  }
  .message_tmpl_form .form_item.lblflt .error-msg,
  .message_form .form_item.lblflt .error-msg {
    width: 100%;
  }

  .navi_title {
    margin: 50px auto 30px auto;
    text-align: center;
  }
  .navi_title.bg_txt_menu {
    background: url('../../img/kimigift_ec/bg_txt_menu.svg?1740102524') no-repeat;
    background-size: 252px auto;
    width: 252px;
    height: 49px;
    margin: 50px auto 15px auto;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .navi_title.bg_txt_menu.ec {
    background: none;
  }
  .navi_title.bg_txt_menu.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_menu.svg?1740102524') no-repeat;
    text-indent: 300%;
    overflow: hidden;
    background-size: auto 28px;
    background-position: center;
    height: 28px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_menu.ec span {
    font-size: 12px;
  }
  .navi_title.bg_txt_howtouse {
    background: url('../../img/kimigift/bg_txt_howtouse.svg?1740102524') no-repeat;
    background-size: contain;
    width: 329px;
    height: auto;
    padding-top: 18px;
  }
  .navi_title.bg_txt_howtouse.ec {
    background: none;
  }
  .navi_title.bg_txt_howtouse.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_howtouse.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 233px auto;
    background-position: center;
    height: 28px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_howtouse.ec span {
    font-size: 12px;
  }
  .navi_title.bg_txt_qanda {
    background: url('../../img/kimigift/bg_txt_qanda.svg?1740102524') no-repeat;
    background-size: contain;
    width: 230px;
    height: auto;
    padding-top: 18px;
  }
  .navi_title.bg_txt_qanda.ec {
    background: none;
  }
  .navi_title.bg_txt_qanda.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_qanda.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 98px auto;
    background-position: center;
    height: 28px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_qanda.ec span {
    font-size: 12px;
  }
  .navi_title.bg_txt_privacy {
    background: url('../../img/kimigift/bg_txt_privacy.svg?1740102524') no-repeat;
    background-size: 235px auto;
    background-position: center;
    width: 235px;
    height: 92px;
    margin: 50px auto 20px auto;
  }
  .navi_title.bg_txt_privacy.ec {
    width: 280px;
    background: none;
  }
  .navi_title.bg_txt_privacy.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_privacy.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 280px auto;
    background-position: center;
    height: 24px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_privacy.ec span {
    font-size: 12px;
  }
  .navi_title.bg_txt_contact {
    background: url('../../img/kimigift/bg_txt_contact.svg?1740102524') no-repeat;
    width: 274px;
    height: 100px;
    padding-top: 15px;
  }
  .navi_title.bg_txt_contact.ec {
    width: 280px;
    background: none;
  }
  .navi_title.bg_txt_contact.ec h3 {
    background: url('../../img/kimigift_ec/bg_txt_contact.svg?1740102524') no-repeat;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    background-size: auto 20px;
    background-position: center;
    height: 20px;
    padding-top: 0px;
    margin-bottom: 6px;
  }
  .navi_title.bg_txt_contact.ec span {
    font-size: 12px;
  }
  .navi_title.withmodal {
    margin: 0px auto 40px auto;
  }
  .navi_title.navi_fixed {
    margin-top: 85px;
  }
  .navi_title h3 {
    font-size: 20px;
    color: #EE8084;
    padding-top: 26px;
  }
  .navi_title h3.pa50 {
    padding-top: 50px;
  }
  .navi_title h3.big32 {
    font-size: 32px;
  }
  .navi_title h3.mb10 {
    margin-bottom: 10px;
  }
  .navi_title span {
    font-size: 14px;
  }

  .band-step {
    background: url('../../img/kimigift_ec/icon_bang_g.svg?1740102524') no-repeat;
    background-position: center;
    width: 30px;
    height: 78px;
    position: absolute;
    top: -6px;
    left: 26px;
    color: #fff;
    writing-mode: vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }

  .circle-step {
    position: relative;
    background-color: #FFF9E0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    z-index: 1;
  }

  .start_navi {
    margin-bottom: 20px;
  }
  .start_navi ul {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 25px;
  }
  .start_navi ul li {
    width: 350px;
    margin-bottom: 10px;
  }
  .start_navi ul li:last-child {
    margin-bottom: 0px;
  }
  .start_navi ul li .start_navi_item {
    position: relative;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 0.4rem;
    border: 1px solid #FAF9F5;
    min-height: 198px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
  }
  .start_navi ul li .start_navi_item .step {
    background: url('../../img/kimigift/icon_bang_g.svg?1740102524') no-repeat;
    background-position: center;
    width: 30px;
    height: 78px;
    position: absolute;
    top: -6px;
    left: 18px;
    color: #fff;
    writing-mode: vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }
  .start_navi ul li .start_navi_item .icon_sorting {
    background: url('../../img/kimigift/icon_menu_sorting.svg?1740102524') no-repeat;
    background-position: center 15px;
    background-size: 88px auto;
    width: 130px;
    height: 130px;
    padding: 0px;
  }
  .start_navi ul li .start_navi_item .icon_input_message {
    background: url('../../img/kimigift_ec/icon_menu_input_message.svg?1740102524') no-repeat;
    background-position: center 25px;
    background-size: 87px auto;
    width: 130px;
    height: 130px;
    padding: 0;
  }
  .start_navi ul li .start_navi_item .icon_send_message {
    background: url('../../img/kimigift/icon_menu_send_message.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 78px auto;
    width: 130px;
    height: 130px;
    padding: 0;
  }
  .start_navi ul li .start_navi_item .start_navi_title {
    color: #333;
    font-size: 14px;
    min-width: auto;
  }
  .start_navi ul li .start_navi_item .start_navi_title span {
    display: block;
    font-size: 16px;
  }
  .start_navi ul li .start_navi_item .start_navi_title strong {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
  }
  .start_navi.header_navi ul {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
  }
  .start_navi.header_navi ul li {
    width: 33%;
    min-width: 400px;
    margin: auto auto 10px auto;
  }
  .start_navi.header_navi ul li:last-child {
    margin: auto auto 10px auto;
  }
  .start_navi.header_navi ul li .start_navi_item {
    position: relative;
    background-color: #fff;
    border: 1px solid #C4A85A;
    border-radius: 8px;
    min-height: 120px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 5%;
    gap: 0px;
    min-height: 198px;
  }
  .start_navi.header_navi ul li .start_navi_item .step {
    height: auto;
    writing-mode: inherit;
    position: relative;
    background: none;
    color: #333;
    top: 0;
    left: 0px;
    font-weight: 700;
  }
  .start_navi.header_navi ul li .start_navi_item .icon_sorting {
    background: url('../../img/kimigift/icon_menu_sorting.svg?1740102524') no-repeat;
    background-position: center 15px;
    background-size: 88px auto;
    width: 130px;
    height: 130px;
    padding: 0px;
  }
  .start_navi.header_navi ul li .start_navi_item .icon_input_message {
    background: url('../../img/kimigift_ec/icon_menu_input_message.svg?1740102524') no-repeat;
    background-position: center 25px;
    background-size: 87px auto;
    width: 130px;
    height: 130px;
    padding: 0;
  }
  .start_navi.header_navi ul li .start_navi_item .icon_send_message {
    background: url('../../img/kimigift/icon_menu_send_message.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 78px auto;
    width: 130px;
    height: 130px;
    padding: 0;
  }
  .start_navi.header_navi ul li .start_navi_item .start_navi_title {
    color: #333;
    font-size: 14px;
    min-width: auto;
  }

  .box_start_navi {
    width: 92%;
    margin: auto;
  }
  .box_start_navi.wfull {
    width: 100%;
  }

  .box_main_navi.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 75px;
    z-index: 2;
  }
  .box_main_navi.mt30 {
    margin-top: 30px;
  }

  .box_about_navi {
    margin: auto;
    width: calc(100% - 40px);
    max-width: 500px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    min-height: 67px;
  }
  .box_about_navi.mt30 {
    margin-top: 30px;
  }

  .btn_checkbox_action_area,
  .btn_radio_action_area {
    position: relative;
    width: 50%;
  }
  .btn_checkbox_action_area .input_checkbox_hidden,
  .btn_checkbox_action_area .input_radio_hidden,
  .btn_radio_action_area .input_checkbox_hidden,
  .btn_radio_action_area .input_radio_hidden {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    top: 10px;
    left: 10px;
  }
  .btn_checkbox_action_area .btn_checkbox,
  .btn_checkbox_action_area .btn_radio,
  .btn_radio_action_area .btn_checkbox,
  .btn_radio_action_area .btn_radio {
    display: block;
    margin: 1px auto;
    padding: 18px 20px;
    width: auto;
    text-align: center;
    padding-left: 3.4rem;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    position: relative;
  }
  .btn_checkbox_action_area .btn_checkbox:before,
  .btn_checkbox_action_area .btn_radio:before,
  .btn_radio_action_area .btn_checkbox:before,
  .btn_radio_action_area .btn_radio:before {
    content: '';
    position: absolute;
    background: url('../../img/kimigift_ec/icon_check.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 18px 13px;
    width: 18px;
    height: 13px;
    padding: 18px;
    left: 5px;
    top: 6px;
    z-index: 1;
  }
  .btn_checkbox_action_area .btn_checkbox:after,
  .btn_checkbox_action_area .btn_radio:after,
  .btn_radio_action_area .btn_checkbox:after,
  .btn_radio_action_area .btn_radio:after {
    content: '';
    position: absolute;
    border: 1px solid #C4A85A;
    border-radius: 5px;
    background-color: #fff;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  .btn_checkbox_action_area .btn_checkbox p,
  .btn_checkbox_action_area .btn_radio p,
  .btn_radio_action_area .btn_checkbox p,
  .btn_radio_action_area .btn_radio p {
    position: relative;
    z-index: 1;
  }
  .btn_checkbox_action_area .btn_checkbox:hover:after,
  .btn_checkbox_action_area .btn_radio:hover:after,
  .btn_radio_action_area .btn_checkbox:hover:after,
  .btn_radio_action_area .btn_radio:hover:after {
    content: '';
    position: absolute;
    border: 2px solid #EE8084;
    z-index: 0;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting,
  .btn_checkbox_action_area .btn_radio.choice_sorting,
  .btn_radio_action_area .btn_checkbox.choice_sorting,
  .btn_radio_action_area .btn_radio.choice_sorting {
    height: 24px;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting:before,
  .btn_checkbox_action_area .btn_radio.choice_sorting:before,
  .btn_radio_action_area .btn_checkbox.choice_sorting:before,
  .btn_radio_action_area .btn_radio.choice_sorting:before {
    left: 10px;
    top: 8px;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting p,
  .btn_checkbox_action_area .btn_radio.choice_sorting p,
  .btn_radio_action_area .btn_checkbox.choice_sorting p,
  .btn_radio_action_area .btn_radio.choice_sorting p {
    display: inline-block;
    position: relative;
    text-align: left;
    z-index: 1;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting p span,
  .btn_checkbox_action_area .btn_radio.choice_sorting p span,
  .btn_radio_action_area .btn_checkbox.choice_sorting p span,
  .btn_radio_action_area .btn_radio.choice_sorting p span {
    display: block;
  }
  .btn_checkbox_action_area .btn_checkbox.choice_sorting p.line2,
  .btn_checkbox_action_area .btn_radio.choice_sorting p.line2,
  .btn_radio_action_area .btn_checkbox.choice_sorting p.line2,
  .btn_radio_action_area .btn_radio.choice_sorting p.line2 {
    position: relative;
    top: -10px;
  }
  .btn_checkbox_action_area .btn_checkbox.ec,
  .btn_radio_action_area .btn_checkbox.ec {
    padding: 10px 20px;
    padding-left: 3.4rem;
  }
  .btn_checkbox_action_area .btn_checkbox.ec:before,
  .btn_radio_action_area .btn_checkbox.ec:before {
    padding: 10px 8%;
  }
  .btn_checkbox_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:before,
  .btn_checkbox_action_area input.input_radio_hidden:checked + label.btn_radio:before,
  .btn_radio_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:before,
  .btn_radio_action_area input.input_radio_hidden:checked + label.btn_radio:before {
    background: url('../../img/kimigift_ec/icon_check_on.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 18px 13px;
  }
  .btn_checkbox_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:after,
  .btn_checkbox_action_area input.input_radio_hidden:checked + label.btn_radio:after,
  .btn_radio_action_area input.input_checkbox_hidden:checked + label.btn_checkbox:after,
  .btn_radio_action_area input.input_radio_hidden:checked + label.btn_radio:after {
    content: '';
    position: absolute;
    border: 2px solid #EE8084;
    background-color: #fff;
    z-index: 0;
  }
  .btn_checkbox_action_area input.input_radio_hidden:checked + .btn_filter_price,
  .btn_radio_action_area input.input_radio_hidden:checked + .btn_filter_price {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid #EE8084 !important;
    width: 24px !important;
    height: 24px !important;
  }

  .box_area,
  .box_area_bgw {
    max-width: 1100px;
    margin: 20px auto;
    padding: 30px;
    border-radius: 2rem;
  }
  .box_area.br10,
  .box_area_bgw.br10 {
    border-radius: 10px;
  }
  .box_area.mt10mb20,
  .box_area_bgw.mt10mb20 {
    margin: 10px auto 20px auto;
  }
  .box_area.nosearch,
  .box_area_bgw.nosearch {
    margin-top: 35px;
  }
  .box_area .box_area_content .about_title,
  .box_area_bgw .box_area_content .about_title {
    margin: auto;
  }
  .box_area .box_area_content .about_title.icon_txt_kimigift,
  .box_area_bgw .box_area_content .about_title.icon_txt_kimigift {
    background: url('../../img/kimigift/icon_txt_kimigift.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    width: 283px;
    height: 50px;
    display: block;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 50px;
  }
  .box_area .box_area_content h2,
  .box_area_bgw .box_area_content h2 {
    color: #C4A85A;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    margin: 30px;
  }
  .box_area .box_area_content h2 span,
  .box_area_bgw .box_area_content h2 span {
    display: block;
  }
  .box_area .box_area_content h3,
  .box_area_bgw .box_area_content h3 {
    font-size: 16px;
    margin: 20px auto 10px auto;
    padding: 0;
  }
  .box_area .box_area_content h3.bold span,
  .box_area_bgw .box_area_content h3.bold span {
    font-weight: 700;
  }
  .box_area .box_area_content .box_detail,
  .box_area_bgw .box_area_content .box_detail {
    font-size: 14px;
    margin: 40px auto;
  }
  .box_area .box_area_content .box_detail.txt_center,
  .box_area_bgw .box_area_content .box_detail.txt_center {
    text-align: center;
  }
  .box_area .box_area_content .box_detail.witht,
  .box_area_bgw .box_area_content .box_detail.witht {
    margin: 10px auto 40px auto;
  }
  .box_area .box_area_content .box_detail p,
  .box_area_bgw .box_area_content .box_detail p {
    font-size: 12px;
    color: #333333;
  }
  .box_area .box_area_content .box_detail p.txt-sec,
  .box_area_bgw .box_area_content .box_detail p.txt-sec {
    margin-bottom: 18px;
  }
  .box_area .box_area_content .box_detail p br,
  .box_area_bgw .box_area_content .box_detail p br {
    display: block;
    content: "";
    height: 11px;
  }
  .box_area .box_area_content .box_detail p br.h0,
  .box_area_bgw .box_area_content .box_detail p br.h0 {
    height: 0px;
  }
  .box_area .box_area_content .box_detail span.block,
  .box_area_bgw .box_area_content .box_detail span.block {
    display: block;
  }
  .box_area .sec_about_area .sec_about_area_inner,
  .box_area_bgw .sec_about_area .sec_about_area_inner {
    width: calc(100% - 172px);
    margin: auto;
  }
  .box_area .sec_about_area .sec_about_area_inner.ltr-line,
  .box_area_bgw .sec_about_area .sec_about_area_inner.ltr-line {
    background-color: #fff;
    background-image: linear-gradient(180deg, #f4f0e6 1px, rgba(0, 0, 0, 0) 1px);
    background-size: 100% 4.6em;
    line-height: 2em;
    padding-bottom: 1px;
  }
  .box_area .sec_about_area .icon_about_logo,
  .box_area_bgw .sec_about_area .icon_about_logo {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    padding-top: 70px;
  }
  .box_area .sec_about_area .icon_about_logo img,
  .box_area_bgw .sec_about_area .icon_about_logo img {
    max-width: 280px;
    height: auto;
  }
  .box_area .sec_about_area .icon_whats_logo,
  .box_area_bgw .sec_about_area .icon_whats_logo {
    position: relative;
    left: -8px;
    margin: 90px auto 20px auto;
  }
  .box_area .sec_about_area .box_about_detail,
  .box_area_bgw .sec_about_area .box_about_detail {
    font-size: 18px;
    line-height: 2;
    color: #333;
    padding: 0 0 50px 0;
    margin: 35px auto;
  }
  .box_area .sec_about_area .box_about_detail p,
  .box_area_bgw .sec_about_area .box_about_detail p {
    width: calc(100% - 30px);
    margin: auto;
  }
  .box_area .sec_about_area .box_about_detail .u_about_line,
  .box_area_bgw .sec_about_area .box_about_detail .u_about_line {
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .box_area.p0,
  .box_area_bgw.p0 {
    padding: 0;
  }
  .box_area.m0,
  .box_area_bgw.m0 {
    margin: auto;
  }
  .box_area.w690,
  .box_area_bgw.w690 {
    max-width: 690px;
    border-radius: 12px;
  }
  .box_area.w500,
  .box_area_bgw.w500 {
    max-width: 500px;
    border-radius: 10px;
  }
  .box_area.bcolor2,
  .box_area_bgw.bcolor2 {
    border: 2px solid #F4F0E6;
  }
  .box_area.ftr_ltr,
  .box_area_bgw.ftr_ltr {
    position: relative;
    border-left: 2px solid #F4F0E6;
    border-right: 2px solid #F4F0E6;
    border-bottom: 0;
    margin-bottom: 520px;
    padding-bottom: 50px;
  }
  .box_area .box_area_content_side,
  .box_area_bgw .box_area_content_side {
    display: none;
  }
  .box_area.wfull,
  .box_area_bgw.wfull {
    max-width: inherit;
    margin: 20px auto 100px auto;
    display: flex;
  }
  .box_area.pcw1100,
  .box_area_bgw.pcw1100 {
    max-width: 1100px;
    overflow: hidden;
    width: 92%;
  }
  .box_area.pcwfull,
  .box_area_bgw.pcwfull {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    display: block;
    border-radius: 0;
  }

  .box_area_ltr {
    background: url('../../img/kimigift/bg_ltr_base.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    width: 98%;
    max-width: 850px;
    height: 864px;
    margin: auto;
    position: absolute;
    bottom: -340px;
    right: -50px;
    left: -50px;
    z-index: -1;
  }
  .box_area_ltr.btm {
    background: none;
    z-index: inherit;
  }
  .box_area_ltr .box_area_ltr_l {
    background: url('../../img/kimigift/bg_ltr_base_l.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    max-width: 351px;
    width: 40%;
    height: 538px;
    bottom: 0;
  }
  .box_area_ltr .box_area_ltr_r {
    background: url('../../img/kimigift/bg_ltr_base_r.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 0;
    max-width: 351px;
    width: 40%;
    height: 538px;
    bottom: 0;
  }
  .box_area_ltr .box_area_ltr_b {
    background: url('../../img/kimigift/bg_ltr_base_b.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    max-width: 852px;
    height: 354px;
    bottom: 0;
  }
  .box_area_ltr .box_area_ltr_action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
  }

  .box_area_bgw {
    background-color: #fff;
  }

  .box_footer_action {
    margin: 50px auto;
  }

  .box_fix_footer_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 1rem;
    z-index: 2;
  }
  .box_fix_footer_action.eventnone {
    pointer-events: none;
  }
  .box_fix_footer_action.eventnone .btn {
    pointer-events: auto;
  }
  .box_fix_footer_action.hide {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    bottom: -5rem;
  }

  .box_howto_text {
    margin: 10px auto 50px auto;
  }
  .box_howto_text .howto_text_area {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #FAF9F5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    width: 328px;
    margin: auto;
    border-radius: 2rem;
  }
  .box_howto_text .howto_text_area p {
    font-size: 14px;
    color: #333;
  }
  .box_howto_text a {
    display: block;
    width: fit-content;
    margin: auto;
  }

  .box_qanda ul li {
    margin-bottom: 20px;
  }
  .box_qanda .qanda_item {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: calc(100% - 40px);
    background-color: #fff;
    padding: 20px;
    border-radius: 0.8em;
    cursor: pointer;
  }
  .box_qanda .qanda_item .qanda_head {
    position: relative;
  }
  .box_qanda .qanda_item .qanda_head .btn-toggle {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    top: -3px;
    right: 0px;
  }
  .box_qanda .qanda_item .qanda_head_inner {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #FAF9F5;
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_left p {
    font-size: 20px;
    color: #FAF9F5;
    font-weight: 700;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_left.ec p {
    color: #C4A85A;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_main {
    padding-right: 35px;
  }
  .box_qanda .qanda_item .qanda_head_inner .qanda_answer_main h4 {
    font-size: 18px;
    font-weight: 700;
  }
  .box_qanda .qanda_item .qanda_head_inner.ec {
    border-bottom: 1px solid #C4A85A;
  }
  .box_qanda .qanda_item .qanda_content {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 10px 0px;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_left p {
    font-size: 20px;
    color: #FFF9E0;
    font-weight: 700;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_left.ec p {
    color: #EE8084;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main {
    padding-right: 35px;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main p {
    font-size: 14px;
    font-weight: 400;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main .uline {
    border-bottom: 1px solid #333333;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main .red {
    color: #D60000;
  }
  .box_qanda .qanda_item .qanda_content .qanda_answer_main .red.uline {
    border-bottom: 1px solid #D60000;
  }
  .box_qanda .qanda_item.close {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .box_qanda .qanda_item.close .qanda_head .btn-toggle {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    top: -3px;
  }
  .box_qanda .qanda_item.close .qanda_head_inner {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-bottom: 0px;
    padding: 0;
    margin-bottom: 0;
  }
  .box_qanda .qanda_item.close .qanda_content {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .box_qanda .qanda_item.closed .qanda_content {
    display: none;
  }
  .box_qanda .qanda_item:hover .qanda_head .btn-toggle:before {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    content: '';
    background-position: center;
    background-size: 18px 18px;
  }

  .box_head_step_area {
    background-color: #fff;
  }
  .box_head_step_area .step_area {
    display: flex;
    max-width: 1000px;
    margin: auto auto 30px auto;
    padding: 20px 0;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
  }
  .box_head_step_area .step_status_area .step_status_head {
    text-align: center;
  }
  .box_head_step_area .step_status_area .step_status_head p {
    font-size: 12px;
    color: #90A28C;
    font-weight: 700;
  }
  .box_head_step_area .step_status_area .step_status_circle {
    width: 78px;
    height: 78px;
    text-align: center;
    position: relative;
  }
  .box_head_step_area .step_status_area .step_status_circle .step.top {
    font-size: 28px;
    color: #90A28C;
    position: relative;
    top: 14px;
    left: -4px;
    opacity: 1 !important;
  }
  .box_head_step_area .step_status_area .step_status_circle .step.bottom {
    font-size: 20px;
    color: #888;
    position: relative;
    top: 34px;
    right: -4px;
  }
  .box_head_step_area .step_status_title_area h2 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
  }
  .box_head_step_area .step_status_title_area p {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    line-height: 1.6;
    max-width: 290px;
  }
  .box_head_step_area .step_percent_area .percent {
    position: relative;
  }
  .box_head_step_area .step_percent_area .percent svg {
    position: relative;
    width: 78px;
    height: 78px;
    transform: rotate(-90deg);
  }
  .box_head_step_area .step_percent_area .percent svg circle {
    position: relative;
    fill: none;
    stroke-width: 2;
    stroke: #888;
    stroke-dasharray: 440;
    stroke-dashoffset: 0;
    stroke-linecap: round;
  }
  .box_head_step_area .step_percent_area .percent svg circle.base {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_head_step_area .step_percent_area .percent svg circle.line {
    stroke-width: 4;
    stroke-dashoffset: 0;
    stroke: #90A28C;
    stroke-dasharray: 0 440;
    animation-delay: 600ms;
  }
  .box_head_step_area .step_percent_area.status3_1 .percent svg circle.line {
    animation: circleAnimOneAllThree 1.5s forwards;
    animation-delay: 800ms;
  }
  .box_head_step_area .step_percent_area.status3_2 .percent svg circle.line {
    animation: circleAnimTwoAllThree 1.8s forwards;
    animation-delay: 800ms;
  }
  .box_head_step_area .step_percent_area.status3_3 .percent svg circle.line {
    animation: circleAnimThreeAllThree 3.0s forwards;
    animation-delay: 800ms;
  }
  .box_head_step_area .step_percent_area .percent_number {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title {
    display: flex;
    justify-content: center;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title span {
    font-size: 20px;
    font-weight: 600;
    color: #888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title span.percent_slash {
    background: url('../../img/kimigift/icon_percent_slash.svg?1740102524') no-repeat;
    background-position: center;
    background-size: contain;
    width: 27px;
    height: 27px;
    display: block;
    text-indent: 300%;
    overflow: hidden;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title .pecent_top {
    font-size: 28px;
    font-weight: 700;
    color: #90A28C;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: relative;
    top: -8px;
    left: 6px;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title .percent_bottom {
    position: relative;
    bottom: -10px;
    right: 6px;
  }
  .box_head_step_area .step_percent_area .percent_number .percent_title strong {
    font-size: 28px;
    font-weight: 700;
    color: #90A28C;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .box_head_step_area.ec {
    background-color: #fff;
    margin: auto;
    padding-bottom: 20px;
  }
  .box_head_step_area.ec .step_area {
    display: block;
    width: 100%;
    margin: auto auto 15px auto;
    padding: 1px 0;
  }
  .box_head_step_area.ec .step_area .step_status_title_area h2 {
    text-align: center;
    width: 100%;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .box_head_step_area.ec .step_area .step_status_title_area p {
    text-align: center;
    width: 100%;
    margin: auto;
    max-width: inherit;
    font-size: 12px;
  }

  @keyframes circleAnimOneAllThree {
    0% {
      stroke-dasharray: 0 440;
    }
    99.9%,
  to {
      stroke-dasharray: 76 440;
    }
  }
  @keyframes circleAnimTwoAllThree {
    0% {
      stroke-dasharray: 0 440;
    }
    99.9%,
  to {
      stroke-dasharray: 152 440;
    }
  }
  @keyframes circleAnimThreeAllThree {
    0% {
      stroke-dasharray: 0 440;
    }
    99.9%,
  to {
      stroke-dasharray: 440 440;
    }
  }
  /* modal
  ------------------------------ */
  .modal_header_navi {
    display: none;
    position: fixed;
    z-index: 10;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 3s ease-in-out;
    -moz-transition: 3s ease-in-out;
    -o-transition: 3s ease-in-out;
    transition: 3s ease-in-out;
  }
  .modal_header_navi.open {
    display: block;
  }
  .modal_header_navi .modal_header_navi_menu {
    background-color: #fff;
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
  }
  .modal_header_navi .modal_header_navi_menu.noscroll {
    overflow-y: visible;
    padding-right: 15px;
  }
  .modal_header_navi .footer_navi {
    margin: 30px auto 50px auto;
  }
  .modal_header_navi .footer_navi p {
    background: url('../../img/kimigift/icon_circle_close.svg?1740102524') no-repeat;
    background-position: center;
    background-size: auto;
    text-indent: 300%;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin: auto;
    border: 1px solid #333;
    padding: 0px;
    border-radius: 2rem;
  }
  .modal_header_navi .btn_modal_content_close {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: fit-content;
    min-width: 142px;
    margin: auto;
    border: 1px solid #333;
    padding: 5px 0px;
    border-radius: 40px;
    cursor: pointer;
  }
  .modal_header_navi .btn_modal_content_close .icon-close {
    width: 40px;
    margin: 0;
  }
  .modal_header_navi .btn_modal_content_close p {
    padding-left: 16px;
    font-size: 12px;
  }
  .modal_header_navi .btn_modal_content_close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .modal_header_navi .btn_modal_content_close.cancel p {
    padding-left: 6px;
  }

  /* msg preview
  ------------------------------ */
  .box_message_preview {
    max-width: 390px;
    margin: auto;
    padding: 0;
  }
  .box_message_preview.gift {
    padding: 20px 0 60px 0;
    min-height: calc(100vh - 80px);
  }
  .box_message_preview.form {
    max-width: 390px;
  }
  .box_message_preview.form .box_message_preview_scroll {
    max-width: 320px;
    margin: auto;
    width: -webkit-fill-available;
  }
  .box_message_preview.bgw {
    background-color: #fff;
  }
  .box_message_preview.flex-h {
    display: flex;
    align-items: center;
  }
  .box_message_preview .box_message_preview_inner {
    padding: 20px 0px;
    margin: auto;
  }
  .box_message_preview .box_message_preview_inner.modal-form {
    padding: 20px 20px;
  }
  .box_message_preview .message_preview_head {
    position: relative;
    width: 207px;
    height: 40px;
    margin: auto;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .box_message_preview .message_preview_head h2 {
    background: url('../../img/kimigift/icon_txt_giftforyou.svg?1740102524') no-repeat;
    background-position: center;
    background-size: 163px 36px;
    text-indent: 100%;
    white-space: nowrap;
    width: 163px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
  }
  .box_message_preview .message_preview_head.txt_giftforyou {
    overflow: visible;
  }
  .box_message_preview .message_to h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .box_message_preview .message_to h3 span {
    font-size: 14px;
    font-weight: 700;
    padding-right: 10px;
  }
  .box_message_preview .message_to h3 span.to_name {
    font-size: 18px;
    font-weight: 400;
    padding-right: 0px;
  }
  .box_message_preview .message_image {
    position: relative;
    overflow: hidden;
    max-width: 250px;
    min-height: 250px;
    margin: 10px auto;
  }
  .box_message_preview .message_image.round {
    border-radius: 8px;
  }
  .box_message_preview .message_image.hide {
    display: none;
  }
  .box_message_preview .message_image .image_base {
    position: absolute;
    position: relative;
    width: 250px;
    height: 250px;
    overflow: hidden;
    background-color: #fff;
  }
  .box_message_preview .message_image .image_base img {
    width: 100%;
    height: auto;
  }
  .box_message_preview .message_image .image_base.hide {
    display: none;
  }
  .box_message_preview .message_image .image_upload {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_preview .message_image .image_design {
    position: absolute;
    max-width: 250px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    top: 0;
    left: 0;
  }
  .box_message_preview .message_image .image_design img {
    width: 100%;
    height: auto;
  }
  .box_message_preview .message_image .image_frame {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    width: 250px;
    height: 250px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .box_message_preview .message_image .image_frame.trans {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .box_message_preview .message_image .image_frame.event_none {
    pointer-events: none;
  }
  .box_message_preview .message_image .image_frame img {
    width: 100%;
    height: auto;
  }
  .box_message_preview .message_image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    position: relative;
  }
  .box_message_preview .message_image.modal {
    margin: 15px auto;
  }
  .box_message_preview .message_image.modal .check_upload_image_cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    width: 250px;
    height: 250px;
    overflow: hidden;
  }
  .box_message_preview .message_image.modal .check_upload_image_cover.round {
    border-radius: 8px;
  }
  .box_message_preview .message_image.modal .check_upload_image {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .box_message_preview .message_image.modal .check_upload_image:before {
    content: '';
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .box_message_preview .message_image.modal .check_upload_image .check_upload_image_title {
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    padding: 14px 0px;
    border-radius: 99px;
    width: 170px;
    margin: auto;
    text-align: center;
  }
  .box_message_preview .message_image.modal .check_upload_image .check_upload_image_title span {
    display: inline;
    font-size: 14px;
  }
  .box_message_preview .message_image.modal .delete_upload_image {
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
  }
  .box_message_preview .message_image.modal .delete_upload_image.hide {
    display: none;
  }
  .box_message_preview .message_image.modal .delete_upload_image .btn_delete_upload_image {
    color: #fff;
    margin: auto;
    text-align: center;
    padding: 5px 20px;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
  }
  .box_message_preview .message_image.modal .delete_upload_image .btn_delete_upload_image:hover {
    background-color: #888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .box_message_preview .message_text_area {
    max-width: 370px;
    width: 340px;
    margin: auto;
    margin-top: 15px;
    padding-bottom: 20px;
  }
  .box_message_preview .message_text_area.ltr-line {
    position: relative;
    z-index: 0;
  }
  .box_message_preview .message_text_area.ltr-line:before {
    content: '';
    background-color: #fff;
    background-image: linear-gradient(180deg, #e5e5e5 1px, rgba(0, 0, 0, 0) 1px);
    background-size: 100% 2.8822em;
    line-height: 2em;
    padding-bottom: 1px;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  .box_message_preview .message_text_area.hide {
    opacity: 0;
    padding: 0;
  }
  .box_message_preview .message_main {
    margin: auto;
    width: 100%;
    letter-spacing: 0.08rem;
    padding: 0px;
    max-width: 290px;
    width: 290px;
    font-size: 18px;
    line-height: 2.23566;
  }
  .box_message_preview .message_main.m_left {
    text-align: left;
  }
  .box_message_preview .message_main.m_center {
    text-align: center;
  }
  .box_message_preview .message_main.m_right {
    text-align: right;
  }
  .box_message_preview .message_from {
    max-width: 320px;
    margin: auto;
  }
  .box_message_preview .message_from h3 {
    font-size: 15px;
    line-height: 2.34;
    margin: 0px auto;
  }
  .box_message_preview .message_from h3 span {
    font-size: 12px;
    font-weight: 700;
    padding-right: 10px;
  }
  .box_message_preview .message_from h3 span.from_name {
    font-size: 15px;
    font-weight: 400;
    padding-right: 0px;
  }
  .box_message_preview .message_action .message_action_inner.modal {
    margin-top: 12px;
  }
  .box_message_preview .message_action .message_action_inner.modal .btn {
    margin-bottom: 10px;
    padding: 13px;
    border-radius: 99px;
  }
  .box_message_preview .message_action .message_action_inner.modal .btn p {
    font-size: 14px;
    font-weight: 700;
  }
  .box_message_preview .message_action .message_action_inner.modal .btn:last-child {
    margin-bottom: 0px;
  }
  .box_message_preview .message_preview_action {
    max-width: 300px;
    margin: 15px auto 20px auto;
  }
  .box_message_preview .message_preview_action .btn-get-gift {
    font-size: 16px;
  }
  .box_message_preview .message_preview_action .message_preview_action_caution_msg {
    margin: 16px auto 0px auto;
    font-size: 12px;
    color: #333;
    text-align: center;
  }
  .box_message_preview .message_preview_number_area {
    max-width: 300px;
    margin: 30px auto auto auto;
    background-color: #FAF9F5;
    border-radius: 8px;
  }
  .box_message_preview .message_preview_number_area.with-caumsg {
    margin: 20px auto auto auto;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_inner {
    padding: 15px;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
    align-items: baseline;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_lbl {
    background-color: #fff;
    min-width: 55px;
    border-radius: 50px;
    margin-right: 15px;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_lbl p {
    padding: 1px 12px;
    font-size: 10px;
    color: #333;
  }
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_id p,
  .box_message_preview .message_preview_number_area .message_preview_number_item .preview_passwd p {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
  }
  .box_message_preview .message_preview_number_area .message_preview_caution p {
    position: relative;
    font-size: 12px;
    color: #888;
    width: fit-content;
  }
  .box_message_preview .message_preview_number_area .message_preview_caution p.icon_q {
    padding: 3px 0 3px 24px;
  }
  .box_message_preview .message_preview_number_area .message_preview_caution p.icon_q:before {
    content: '';
    background: url('../../img/kimigift/icon_q_gray.svg?1740102524') no-repeat;
    background-size: 16px;
    background-position: center left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .box_message_preview .m_left {
    text-align: left;
  }
  .box_message_preview .m_center {
    text-align: center;
  }
  .box_message_preview .m_right {
    text-align: right;
  }

  .box_message_preview_fix_action {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    z-index: 1;
  }
  .box_message_preview_fix_action.bottom {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    top: auto;
    bottom: 30px;
  }
  .box_message_preview_fix_action.hide-bottom {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    top: auto;
    bottom: -100px;
  }
  .box_message_preview_fix_action .preview_fix_action {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 320px;
    margin: auto;
  }
  .box_message_preview_fix_action .preview_fix_action .btn {
    max-width: 140px;
    padding: 0.6rem 0;
    min-width: 140px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-line-share {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: -100px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-line-share.show {
    bottom: 0px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-copy-id {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    bottom: -100px;
  }
  .box_message_preview_fix_action .preview_fix_action .btn-copy-id.show {
    bottom: 0px;
  }

  /* footer
  ------------------------------ */
  footer {
    background-color: #FAF9F5;
  }
  footer.ec {
    background-color: #C4A85A;
  }
  footer .footer__logo {
    text-align: center;
    margin: 20px auto auto auto;
    padding: 0 0 100px 0;
  }
  footer .footer__logo a {
    display: block;
    width: fit-content;
    margin: auto;
  }
  footer .footer__logo a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  footer .footer__logo img {
    max-width: 100px;
  }
  footer .footer__logo img.svg {
    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(255%) contrast(255%);
  }

  .footer__navi, .start_footer_navi {
    max-width: 600px;
    width: 80%;
    margin: auto;
  }
  .footer__navi ul, .start_footer_navi ul {
    padding: 50px 0 30px 0;
  }
  .footer__navi ul li, .start_footer_navi ul li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .footer__navi ul li:first-child, .start_footer_navi ul li:first-child {
    border-top: 1px solid #fff;
  }
  .footer__navi ul li a, .start_footer_navi ul li a {
    color: #fff;
    text-decoration: none;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    padding: 16px 25px;
  }
  .footer__navi ul li a:hover, .start_footer_navi ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }
  .footer__navi ul li a span, .start_footer_navi ul li a span {
    font-size: 10px;
  }
  .footer__navi ul li a span.f-inter, .start_footer_navi ul li a span.f-inter {
    font-size: 14px;
    padding-right: 20px;
  }
  .footer__navi.bottom_menu ul, .start_footer_navi.bottom_menu ul {
    padding: 0;
  }
  .footer__navi.bottom_menu ul li, .start_footer_navi.bottom_menu ul li {
    border-bottom: 1px solid #E0CC99;
  }
  .footer__navi.bottom_menu ul li:first-child, .start_footer_navi.bottom_menu ul li:first-child {
    border-top: 0px;
  }
  .footer__navi.bottom_menu ul li a, .start_footer_navi.bottom_menu ul li a {
    color: #FAF9F5;
    padding: 16px 0;
  }
  .footer__navi.bottom_menu ul li .footer_navi_item, .start_footer_navi.bottom_menu ul li .footer_navi_item {
    color: #333333;
    display: contents;
  }
  .footer__navi.bottom_menu ul li .footer_navi_item span, .start_footer_navi.bottom_menu ul li .footer_navi_item span {
    font-size: 12px;
  }
  .footer__navi.bottom_menu ul li .footer_navi_item span.f-inter, .start_footer_navi.bottom_menu ul li .footer_navi_item span.f-inter {
    font-size: 18px;
    font-weight: 600;
    color: #C4A85A;
  }

  .footer__navi ul li a span {
    font-size: 12px;
  }
  .footer__navi ul li a span.f-inter {
    font-size: 14px;
  }

  /* handwrite_animation
  ------------------------------ */
  .handw {
    width: 100%;
    height: auto;
  }
  .handw .handw_text {
    fill: #333;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  .handw #handw_text {
    mask: url(#handw_mask);
  }
  .handw .handw_mask_line {
    fill: none;
    stroke: #fff;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 4000px;
  }
  .handw.go .handw_text {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .handw.go .handw_mask_line {
    animation: handw_giftforyou 12s linear;
  }

  @keyframes handw_giftforyou {
    0% {
      stroke-dashoffset: 4000px;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  /* error
  ------------------------------ */
  form input[type=email].error,
  form input[type=number].error,
  form input[type=password].error,
  form input[type=tel].error,
  form input[type=text].error,
  form select.error {
    border: 1px solid #D60000 !important;
    color: #D60000 !important;
  }

  form textarea.error {
    color: #D60000 !important;
  }

  form input.input_cnt.error {
    background: #D600001A !important;
  }

  .form_textarea_inner:has(textarea.error) {
    border: 1px solid #D60000 !important;
    color: #D60000 !important;
  }

  .validate-error-message {
    background-color: #fff;
    padding: 1.2rem 2rem;
    text-align: left;
    margin: 1rem auto 1rem;
    border: 2px solid #D60000;
    max-width: 320px;
    border-radius: 7px;
    color: #D60000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: left;
  }
  .validate-error-message .error-message {
    color: #D60000;
    font-weight: bold;
    margin: 0 auto 0.6rem auto;
  }
  .validate-error-message ul li p {
    padding: 0.1rem 0;
    color: #D60000;
    font-size: 14px;
  }
  .validate-error-message.statuserror {
    padding: 1.5rem 2rem;
  }
  .validate-error-message.statuserror .validate-error-items p {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
  }
  .validate-error-message.hide {
    display: none;
  }

  .error-msg {
    color: #D60000;
    display: block;
    font-size: 14px;
    margin-top: 4px;
    text-align: left;
    width: 100%;
  }
  .error-msg.error-msg_msg_to {
    width: calc(100% - 30px);
    margin-top: 0;
    margin-left: auto;
  }
  .error-msg.error-msg_msg_to:last-child {
    margin-bottom: 15px;
  }
  .error-msg.error-msg_msg_from {
    width: calc(100% - 54px);
    margin-top: 0;
    margin-left: auto;
  }
  .error-msg.error-msg_msg_from:last-child {
    margin-bottom: 15px;
  }
  .error-msg.error-msg_msg_main {
    margin-top: 0;
    margin-left: auto;
  }
  .error-msg.error-msg_msg_main:last-child {
    margin-bottom: 15px;
  }
}