@charset "Shift-JIS";

.modalWrap {
  position: fixed;
  z-index: 200000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalWrap2 {
  z-index: 200100;
}

.modalWrap3 {
  z-index: 200200;
}

.modalWrap * {
	font-family: 'Noto Sans JP', 'Meiryo', 'Verdana', 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif !important;
}

.modalWrap--double .modalWrap__wrap {
  max-width: 860px;
}
.modalWrap__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.modalWrap__background_noclose {
  cursor: auto;
}
.modalWrap__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 800px;
  width: 100%;
  background: #fff;
  transform: translate(-50%, -50%);
}

.modalContent {
  display: flex;
  flex-direction: column;
  max-height: min(75vh, 784px);
}
.modalContent__head {
  display: flex;
  padding: 32px;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--Line-gray, #dbdbdb);
}
@media screen and (max-width: 699px) {
  .modalContent__head {
    padding: 24px 16px;
  }
}
.modalContent__headContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  flex: 1;
  flex-wrap: wrap;
}
.modalContent__title {
  color: var(--text-black, #333);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1.5;
}
.modalContent__title::before, .modalContent__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__title::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__title::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .modalContent__title {
    font-size: 16px;
    letter-spacing: 0.64px;
  }
}

.modalContent__textLink {
  display: inline-block;
  white-space: break-spaces;
}
.modalContent__textLink span {
  color: #0070C0;
  line-height: 1.5;
}
.modalContent__textLink span::before, .modalContent__textLink span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__textLink span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__textLink span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__textLink[target=_blank], .modalContent__textLink--blank {
  position: relative;
  padding-right: calc(1em + 4px);
}
.modalContent__textLink[target=_blank]::before, .modalContent__textLink--blank::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1em;
  height: 1em;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  background-image: url(/cms/common/images/k041_me_250115_icon_window.svg);
}

.modalContent__packTag {
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  min-width: 82px;
  height: 20px;
  color: var(--White, #fff);
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.44px;
}
.modalContent__packTag--orange {
  background: #ff3f3f;
}
.modalContent__packTag--blue {
  background: #547af7;
}
.modalContent__packTag--pink {
  background: #e82aa4;
}
.modalContent__packTag--greenYellow {
  background: #53c43d;
}
.modalContent__packTag span {
  line-height: 1.5;
}
.modalContent__packTag span::before, .modalContent__packTag span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__packTag span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__packTag span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}

.modalContent__appealIcon {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 50px;
  height: 35px;
  border-radius: 4px;
  border: 2px solid var(--Kaunet-red, #c91234);
  background: #fff;
  color: var(--Kaunet-red, #c91234);
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.44px;
  line-height: 1.2;
}
.modalContent__appealIcon::before, .modalContent__appealIcon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__appealIcon::before {
  margin-top: calc((1 - 1.2) * 0.6em);
}
.modalContent__appealIcon::after {
  margin-bottom: calc((1 - 1.2) * 0.4em);
}
.modalContent__appealIcon--side {
  width: 97px;
  height: 20px;
  flex-direction: row;
}
.modalContent__appealIcon--side br {
  display: none;
}
.modalContent__appealIcon__tooltip {
  position: absolute;
  visibility: hidden;
  z-index: 10;
  display: inline-flex;
  width: max-content;
  max-width: 205px;
  top: -10px;
  padding: 16px;
  border-radius: 8px;
  background: #fff;
  filter: drop-shadow(2px 0px 3px rgba(0, 0, 0, 0.3));
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.56px;
  left: 50%;
  transform: translate3d(-50%, -100%, 0);
}
.modalContent__appealIcon__tooltip--left {
  left: 0;
  transform: translate3d(0%, -100%, 0);
}
.modalContent__appealIcon__tooltip--left::before {
  left: 25px !important;
}
.modalContent__appealIcon__tooltip--right {
  left: auto;
  right: 0;
  transform: translate3d(0, -100%, 0);
}
.modalContent__appealIcon__tooltip--right::before {
  left: auto !important;
  right: 25px !important;
  transform: translateX(50%) !important;
}
.modalContent__appealIcon__tooltip--visible {
  visibility: visible;
}
.modalContent__appealIcon__tooltip::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  bottom: -5px;
}
.modalContent__appealIcon__tooltip span {
  line-height: 1.5;
  color: var(--text-black, #333) !important;
}
.modalContent__appealIcon__tooltip span::before, .modalContent__appealIcon__tooltip span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__appealIcon__tooltip span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__appealIcon__tooltip span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__appealIcon--gray {
  border: 2px solid var(--Icon-gray, #666);
  color: var(--Icon-gray, #666);
}
.modalContent__appealIcon--pink {
  border: 2px solid #e27091;
  background: #ffeaf1;
  color: #e27091;
}
.modalContent__appealIcon--blue {
  border: 2px solid #217bc1;
  background: #ecf5fe;
  color: #217bc1;
}
.modalContent__appealIcon--green {
  border: 2px solid #407f02;
  color: #407f02;
}
.modalContent__appealIcon--skyblue {
  border: 2px solid #26b7e7;
  color: #26b7e7;
}
.modalContent__appealIcon--skyblue span {
  color: var(--Kaunet-red, #c91234);
}
.modalContent__appealIcon--yellowGreen {
  border: 2px solid #6ca711;
  color: #6ca711;
}
.modalContent__appealIcon--purple {
  border: 2px solid #5e29a7;
  color: #5e29a7;
}
.modalContent__appealIcon--red {
  border: 2px solid var(--Kaunet-red, #c91234);
  color: var(--Kaunet-red, #c91234);
}
.modalContent__appealIcon--darkRed {
  border: 2px solid #8e011c;
  color: #8e011c;
}
.modalContent__appealIcon--orange {
  border: 2px solid #d7641f;
  color: #d7641f;
}
.modalContent__appealIcon--redFull {
  width: 34px;
  color: var(--White, #fff);
  background: var(--Kaunet-red, #c91234);
}

.modalContent__itemTag {
  display: inline-flex;
  align-items: center;
  height: 25px;
  box-sizing: border-box;
  padding: 0 8px;
  border-radius: 20px;
  border: 1px solid var(--Attention-pink, #DB2778);
  background: var(--White, #FFF);
  color: var(--Attention-pink, #DB2778);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.modalContent__itemTag span {
  line-height: 1.5;
}
.modalContent__itemTag span::before, .modalContent__itemTag span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__itemTag span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__itemTag span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__itemTag--purple {
  color: var(--purple, #42057E);
  border: 1px solid #571896;
}
.modalContent__itemTag--fullPink {
  color: var(--white, #FFF);
  border: none;
  border-radius: 20px;
  background: var(--Attention-pink, #DB2778);
}
.modalContent__itemTag--coupon {
  position: relative;
  border: 1px solid var(--Kaunet-red, #C91234);
  color: var(--Kaunet-red, #C91234);
}
.modalContent__itemTag--coupon::before {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 13px;
  height: 7px;
  content: "";
  background-image: url(/cms/common/images/k041_me_250115_icon_ticket.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.modalContent__itemTag--coupon span {
  padding-left: 17px;
}

.modalContent__textField {
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}
.modalContent__textField:has(.modalContent__textField__input:focus), .modalContent__textField:has(.modalContent__textField__input:focus-visible) {
  border: 1px solid #f29600;
}
input[type="text"].modalContent__textField__input {
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 100%;
  padding: 6px 12px;
  border-radius: 5px;
  color: var(--text-black, #111);
  font-size: 12px;
  letter-spacing: 0.48px;
  box-shadow: none;
}
.modalContent__textField__input:focus, .modalContent__textField__input:focus-visible {
  outline: none;
}
@media screen and (max-width: 699px) {
  .modalContent__textField__input {
    color: #333;
  }
}

.modalContent__textarea {
  box-sizing: border-box;
}
.modalContent__textarea__textarea {
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid var(--Line-gray, #dbdbdb);
  background: var(--White, #fff);
  max-width: 100%;
  width: 100%;
  color: var(--text-black, #333);
  font-size: 16px;
  letter-spacing: 0.64px;
  padding: 10px 16px;
}
.modalContent__textarea__textarea:focus, .modalContent__textarea__textarea:focus-visible {
  border: 1px solid #f29600;
  outline: none;
}
@media screen and (max-width: 699px) {
  .modalContent__textarea__textarea {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__textarea__textarea::placeholder {
  color: var(--aaa, var(--aaa, #AAA));
}

.modalContent__annotationText {
  position: relative;
}
.modalContent__annotationText span {
  display: block;
  padding-left: 20px;
  color: #c91234;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.56px;
}
.modalContent__annotationText::before {
  position: absolute;
  top: 0.75em;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url(/kaunet/images/template/k041_me_250115_icon_annotation.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.modalContent__annotationText--nomal span {
  font-weight: 400;
}

.modalContent__annotationBox {
  display: flex;
  padding: 24px;
  flex-direction: column;
  gap: 16px;
  background: var(--Kaunet-red-backgroud, #FDF6F7);
}
.modalContent__annotationBox__text {
  display: flex;
  gap: 8px;
  color: var(--Kaunet-red, #c91234);
  font-size: 16px;
  letter-spacing: 0.64px;
}
.modalContent__annotationBox__text span {
  line-height: 1.5;
}
.modalContent__annotationBox__text span::before, .modalContent__annotationBox__text span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__annotationBox__text span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__annotationBox__text span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}

.modalContent__select {
  width: 229px;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  border: 1px solid #DBDBDB;
  background-color: #FFF;
}

.modalContent__select::before {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url(/cms/common/images/k041_me_250115_icon_arrow_bottom.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  pointer-events: none;
}
.modalContent__select:has(.modalContent__select__select:disabled) {
  border: 1px solid var(--aaa, #AAA);
}

@media screen and (max-width: 699px) {
  .modalContent__select {
    width: 100%;
  }
}
.modalContent__select__select {
  padding: 12px 28px 12px 12px;
  border: none;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  line-height: 1;
  cursor: pointer;
  color: var(--text-black, #111);
  font-size: 12px;
  letter-spacing: 0.48px;
  background-color: #FFF;
}
.modalContent__select__select::before, .modalContent__select__select::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__select__select::before {
  margin-top: calc((1 - 1) * 0.6em);
}
.modalContent__select__select::after {
  margin-bottom: calc((1 - 1) * 0.4em);
}
@media screen and (max-width: 699px) {
  .modalContent__select__select {
    color: #333;
  }
}
.modalContent__select__select:disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: var(--aaa, #AAA);
  opacity: 1;
}
.modalContent__select__select:focus, .modalContent__select__select:focus-visible {
  outline: 1px solid #f29600;
  border: none;
}
.modalContent__select .modalContent__select__select {
  font-size: 16px;
  letter-spacing: 0.64px;
  box-shadow: none;
}
@media screen and (max-width: 699px) {
  .modalContent__select .modalContent__select__select {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__reviewRate {
  display: flex;
  align-items: center;
  gap: 16px;
}
.modalContent__reviewRate--check .modalContent__reviewRate__rateRadio {
  pointer-events: none;
  cursor: default;
}
.modalContent__reviewRate__rate {
  display: flex;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate1:checked) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-1 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate1:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate1:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-1 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate1:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-1 ~ .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate2:checked) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-2 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate2:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate2:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-2 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate2:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-2 ~ .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate3:checked) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-3 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate3:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate3:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-3 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate3:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-3 ~ .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate4:checked) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-4 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate4:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate4:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-4 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate4:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-4 ~ .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate5:checked) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-5 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate5:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate5:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-5 {
  display: block;
}
.modalContent__reviewRate__rate:has(.modalContent__review-rate5:hover) ~ .modalContent__reviewRate__rateTextArea .modalContent__reviewRate__rateText-5 ~ .modalContent__reviewRate__rateText {
  display: none;
}
.modalContent__reviewRate__rateRadio {
  display: block;
  cursor: pointer;
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  background-image: url(/kaunet/images/template/k036_tf_20180927_review_star_off.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewRate__rateRadio {
    width: 20px;
    height: 20px;
  }
}
.modalContent__reviewRate__rateRadio:checked {
  background-image: url(/kaunet/images/template/k036_tf_20180927_review_star_on.png);
  background-color: #ffffff;
}
.modalContent__reviewRate__rateRadio:hover {
  background-image: url(/kaunet/images/template/k036_tf_20180927_review_star_on.png);
}
.modalContent__reviewRate__rateRadio:hover ~ .modalContent__reviewRate__rateRadio {
  background-image: url(/kaunet/images/template/k036_tf_20180927_review_star_off.png);
}
.modalContent__reviewRate__rateRadio:has(~ :checked) {
  background-image: url(/kaunet/images/template/k036_tf_20180927_review_star_on.png);
}
.modalContent__reviewRate__rateRadio:has(~ :hover) {
  background-image: url(/kaunet/images/template/k036_tf_20180927_review_star_on.png);
}
.modalContent__reviewRate__rateTextArea {
  height: fit-content;
}
.modalContent__reviewRate__rateText {
  display: none;
  color: #000;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.56px;
  line-height: 1.5;
}
.modalContent__reviewRate__rateText::before, .modalContent__reviewRate__rateText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__reviewRate__rateText::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__reviewRate__rateText::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}

.modalContent__buttonArea {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 699px) {
  .modalContent__buttonArea {
    flex-wrap: wrap;
  }
}

.modalContent__buttonArea .modalContent__button {
  width: 270px;
}
.modalContent__buttonArea .modalContent__button .sp-d-none::after, .modalContent__buttonArea .modalContent__button .sp-d-none::before {
  content: none;
}

@media screen and (max-width: 699px) {
  .modalContent__buttonArea .modalContent__button {
    width: 100%;
    height: 40px;
    font-size: 14px;
    letter-spacing: 0.56px;
    padding: 0;
    flex: 1;
  }
}
.modalContent__buttonArea .modalContent__button:has(.modalContent__button__icon--cart) {
  gap: 4px;
}
@media screen and (max-width: 699px) {
  .modalContent__buttonArea .modalContent__button:has(.modalContent__button__icon--cart) .modalContent__button__icon--cart {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 699px) {
  .modalContent__buttonArea--reverse .modalContent__button:nth-child(1) {
    order: 20;
  }
  .modalContent__buttonArea--reverse .modalContent__button:nth-child(2) {
    order: 10;
  }
}

.modalContent__button {
  display: inline-block;
  box-sizing: border-box;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid var(--Line-gray, #dbdbdb);
  background: var(--White, #fff);
  color: var(--text-black, #333);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.64px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.modalContent__button:hover {
  opacity: 0.7;
}
.modalContent__button:hover:not(.modalContent__button--red):not(.modalContent__button--orange):not(.modalContent__button--cart) {
  border: #f29600 1px solid !important;
}
.modalContent__button:has(.modalContent__button__icon) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.modalContent__button span:not(.modalContent__button__icon) {
  line-height: 1.5;
}
.modalContent__button span:not(.modalContent__button__icon)::before, .modalContent__button span:not(.modalContent__button__icon)::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__button span:not(.modalContent__button__icon)::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__button span:not(.modalContent__button__icon)::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__button:disabled {
  color: var(--aaa, var(--aaa, #aaa));
  border: 1px solid var(--aaa, #aaa);
  background: var(--Background-gray, #f4f4f4);
  pointer-events: none;
}
.modalContent__button--red {
  background: var(--Kaunet-red, #c91234);
  border: none;
  color: #fff;
}
.modalContent__button--orange {
  background: var(--Sub-orange, #f29600);
  border: none;
  color: #fff;
}
.modalContent__button--gray {
  border: 1px solid var(--Line-gray, #dbdbdb);
  background: var(--Background-gray, #f4f4f4);
}

.modalContent__button__icon {
  display: inline-block;
  min-width: 1em;
  min-height: 1em;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: contain;
}

.modalContent__button__icon--cart {
  background-image: url(/kaunet/images/template/k041_sc_top_icon-cart.svg);
  min-width: initial;
  min-height: initial;
  width: 18px;
  height: 16px;
}

.modalContent__button[disabled] .modalContent__button__icon--cart {
  background-image: url(/kaunet/images/template/k041_sc_top_icon-cart-gray.svg);
}

.modalContent__button--cart {
  display: flex;
  height: 32px;
  padding: 0px 20px 0px 35px !important;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  text-align: center;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  border-radius: 4px;
  background: #c91234 url(/cms/common/images/k041_sc_top_icon-cart.svg) no-repeat 15px 50%/18px;
  white-space: nowrap;
  border: none;
  letter-spacing: 0;
}
.modalContent__button--cart span {
  font-size: 12px !important;
}
@media screen and (min-width: 700px) {
  .modalContent__button--cart {
    transition: all 0.3s ease;
    text-decoration: none;
  }
}
.modalContent__button--cart:hover {
  opacity: 0.7;
  text-decoration: underline;
  cursor: pointer;
}
.modalContent__button--cart:disabled {
  color: var(--aaa, var(--aaa, #aaa)) !important;
  background: var(--Background-gray, #f4f4f4) url(/cms/common/images/k041_sc_top_icon-cart-gray.svg) no-repeat 20px 50%/22px !important;
}

.goodsBoxItem {
  box-sizing: border-box;
  display: flex;
  padding: 16px;
  gap: 24px;
  border: 1px solid var(--Line-gray, #dbdbdb);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 20px;
  }
}
.goodsBoxItem--mark {
  border: 2px solid var(--Sub-orange, #f29600);
}
.goodsBoxItem--gray {
  background: var(--Background-gray, #f4f4f4);
}
.goodsBoxItem__left {
  display: flex;
  gap: 24px;
  flex: 1;
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__left {
    gap: 8px;
    min-width: fit-content;
  }
}
.goodsBoxItem__imageBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  background-color: #ffffff;
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__imageBox {
    width: 70px;
    height: 70px;
  }
}
.goodsBoxItem__imageLink {
  transition: opacity 0.3s ease;
}
.goodsBoxItem__imageLink:hover:not([tabindex="-1"]) {
  opacity: 0.7;
}
.goodsBoxItem__imageLink[tabindex="-1"] {
  pointer-events: none;
}
.goodsBoxItem__image {
  width: 90px;
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__image {
    width: 60px;
    height: auto;
  }
}
.goodsBoxItem__detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__detail {
    flex: 1;
  }
}
.goodsBoxItem__tagArea {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.goodsBoxItem__tagArea:not(:has(*)) {
  display: none;
}
.goodsBoxItem__detailSetText {
  color: var(--text-black, #333);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.64px;
}
.goodsBoxItem__detailSetText::before, .goodsBoxItem__detailSetText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__detailSetText::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__detailSetText::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__detailSetText {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.goodsBoxItem__detailAmountText {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__detailAmountText {
    margin-top: -6px;
  }
}
.goodsBoxItem__detailNum {
  color: var(--text-black, #333);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.64px;
}
.goodsBoxItem__detailNum::before, .goodsBoxItem__detailNum::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__detailNum::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__detailNum::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__detailNum {
    font-size: 12px;
    letter-spacing: 0.48px;
  }
}
.goodsBoxItem__detailAmount {
  display: flex;
  align-items: flex-end;
  color: var(--text-black, #333);
  font-weight: 700;
}
.goodsBoxItem__detailAmountNum {
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 1.5;
}
.goodsBoxItem__detailAmountNum::before, .goodsBoxItem__detailAmountNum::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__detailAmountNum::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__detailAmountNum::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__detailAmountNum {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.goodsBoxItem__detailAmountTax {
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 1.5;
  font-weight: 400;
}
.goodsBoxItem__detailAmountTax::before, .goodsBoxItem__detailAmountTax::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__detailAmountTax::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__detailAmountTax::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__detailAmountTax {
    font-size: 10px;
    letter-spacing: 0.4px;
  }
}
.goodsBoxItem__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 16px;
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__right {
    gap: 8px;
  }
}
.goodsBoxItem__rightTagArea {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.goodsBoxItem__rightDiscount {
  color: var(--Kaunet-red, #c91234);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.48px;
}
.goodsBoxItem__rightDiscount::before, .goodsBoxItem__rightDiscount::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__rightDiscount::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__rightDiscount::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.goodsBoxItem__rightAmount {
  display: flex;
  align-items: flex-end;
  color: var(--Kaunet-red, #c91234);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__rightAmount {
    padding: 8px 0;
  }
}
.goodsBoxItem__rightAmountNum {
  font-size: 20px;
  letter-spacing: 0.8px;
  font-weight: 700;
  line-height: 1.5;
}
.goodsBoxItem__rightAmountNum::before, .goodsBoxItem__rightAmountNum::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__rightAmountNum::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__rightAmountNum::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__rightAmountNum {
    font-size: 16px;
    letter-spacing: 0.64px;
  }
}
.goodsBoxItem__rightAmountTax {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.48px;
  line-height: 1.5;
  margin-bottom: 1px;
}
.goodsBoxItem__rightAmountTax::before, .goodsBoxItem__rightAmountTax::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__rightAmountTax::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__rightAmountTax::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__rightAmountTax {
    font-size: 10px;
    letter-spacing: 0.4px;
  }
}
.goodsBoxItem__rightCartArea {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.goodsBoxItem__rightCartArea .modalContent__select {
  width: 64px;
}
.goodsBoxItem__rightCartArea .modalContent__select:has(.goodsBoxItem__rightCartArea .modalContent__select__input:focus), .goodsBoxItem__rightCartArea .modalContent__select:has(.goodsBoxItem__rightCartArea .modalContent__select__input:focus-visible) {
  border: 1px solid #d8d8d8;
}
.goodsBoxItem__rightCartArea .modalContent__select__select {
  font-size:12px;
}
.goodsBoxItem__rightCartArea .modalContent__select__select:focus, .goodsBoxItem__rightCartArea .modalContent__select__select:focus-visible {
  outline: revert;
}
.goodsBoxItem__rightCartArea .modalContent__textField {
  width: 64px;
}
.goodsBoxItem__rightCartArea .modalContent__textField:has(.goodsBoxItem__rightCartArea .modalContent__textField__input:focus), .goodsBoxItem__rightCartArea .modalContent__textField:has(.goodsBoxItem__rightCartArea .modalContent__textField__input:focus-visible) {
  border: 1px solid #d8d8d8;
}
.goodsBoxItem__rightCartArea .modalContent__textField__input:focus, .goodsBoxItem__rightCartArea .modalContent__textField__input:focus-visible {
  outline: revert;
}
.goodsBoxItem__rightCartArea .modalContent__button--cart {
  height: 100%;
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__rightCartArea .modalContent__button--cart {
    height: 100%;
    padding: 0px 16px !important;
    background: #c91234;
  }
  .goodsBoxItem__rightCartArea .modalContent__button--cart span {
    font-size: 14px !important;
    letter-spacing: 0.56px !important;
  }
}
.goodsBoxItem__detailText {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.64px;
}
.goodsBoxItem__detailText::before, .goodsBoxItem__detailText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.goodsBoxItem__detailText::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.goodsBoxItem__detailText::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.goodsBoxItem__detailText--red {
  color: var(--Kaunet-red, #c91234);
}
@media screen and (max-width: 699px) {
  .goodsBoxItem__detailText {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}

.noticeBox {
	display: flex;
	padding: 32px 0;
	justify-content: center;
	align-items: center;
	gap: 8px;
	background: var(--Background-gray, #f4f4f4);
	color: #000;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.8px;
}
@media screen and (max-width: 699px) {
	.noticeBox {
		padding: 32px;
		gap: 16px;
		font-size: 16px;
		letter-spacing: 0.64px;
	}
}
.noticeBox__icon {
	position: relative;
	width: 24px;
	height: 24px;
}
.noticeBox__icon::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
}
.noticeBox__icon--heart::before {
	background-image: url(/kaunet/images/template/k041_me_250115_icon_heart.svg);
}
.noticeBox__icon--cart {
	height: 21px;
}
.noticeBox__icon--cart::before {
	background-image: url(/kaunet/images/template/k041_sc_top_icon-cart-red.svg);
	height: 21px;
}
.noticeBox__text {
	line-height: 1.5;
}
.noticeBox__text::before, .noticeBox__text::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
}
.noticeBox__text::before {
	margin-top: calc((1 - 1.5) * 0.6em);
}
.noticeBox__text::after {
	margin-bottom: calc((1 - 1.5) * 0.4em);
}

.modalContent__checkbox {
  position: relative;
  display: flex;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  width: fit-content;
}
.modalContent__checkbox__checkbox {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.modalContent__checkbox__checkbox::before {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url(/cms/common/images/k041_me_250115_checkbox_off.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.modalContent__checkbox__checkbox:checked::before {
  background-image: url(/cms/common/images/k041_me_250115_checkbox_on.svg);
}
.modalContent__checkbox span {
  line-height: 1.5;
  margin-left: 8px;
}
.modalContent__checkbox span::before, .modalContent__checkbox span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__checkbox span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__checkbox span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}












.modalContent__reviewStep {
  display: flex;
  align-items: center;
  gap: 44px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewStep {
    gap: 28px;
  }
}
.modalContent__reviewStepText {
  color: var(--Icon-gray, #666);
  font-size: 16px;
  letter-spacing: 0.64px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewStepText {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__reviewStepText span {
  line-height: 1.5;
}
.modalContent__reviewStepText span::before, .modalContent__reviewStepText span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__reviewStepText span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__reviewStepText span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__reviewStepText--current {
  color: var(--Sub-orange, #f29600);
  font-weight: 700;
}
.modalContent__reviewStepText:not(:last-child) {
  position: relative;
}
.modalContent__reviewStepText:not(:last-child)::before {
  position: absolute;
  top: 50%;
  right: -28px;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url(/kaunet/images/template/k041_me_250115_icon_arrow_bottom.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 699px) {
  .modalContent__reviewStepText:not(:last-child)::before {
    right: -20px;
  }
}
.modalContent__closeButton {
  width: 24px;
  height: 24px;
  background-image: url(/kaunet/images/template/k041_me_250115_icon_close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  appearance: none;
  transition: opacity 0.3s ease;
}
.modalContent__closeButton:hover {
  opacity: 0.7;
}
.modalContent__scroll {
  flex: 1;
  overflow: auto;
}
.modalContent__content {
  display: flex;
  padding: 32px;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 699px) {
  .modalContent__content {
    padding: 24px 16px;
  }
}
.modalContent__content--gap16 {
  gap: 16px;
}
.modalContent__content--gap32 {
  gap: 32px;
}
@media screen and (max-width: 699px) {
  .modalContent__content--spGap16 {
    gap: 16px;
  }
}
@media screen and (max-width: 699px) {
  .modalContent__content--spGap24 {
    gap: 24px;
  }
}
.modalContent__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.modalContent__inner--gap16 {
  gap: 16px;
}
.modalContent__inner--gap32 {
  gap: 32px;
}
@media screen and (max-width: 699px) {
  .modalContent__inner--spGap8 {
    gap: 8px;
  }
}
.modalContent__inner--center {
  align-items: center;
}
.modalContent__text {
  color: var(--text-black, #333);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.64px;
}
.modalContent__text::before, .modalContent__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__text::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__text::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .modalContent__text {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__text--bold {
  font-weight: 700;
}

.modalContent__scrollArea {
  height: calc(7em + 34px);
}

.modalContent__scrollArea > div {
  padding: 16px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background: #fff;
  overflow: auto;
  height: 100%;
  color: var(--text-black, #333);
  font-size: 14px;
  letter-spacing: 0.56px;
  line-height: 1.5;
}
.modalContent__scrollArea > div::before, .modalContent__scrollArea > div::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__scrollArea > div::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__scrollArea > div::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .modalContent__scrollArea > div {
    font-size: 12px;
    letter-spacing: 0.48px;
  }
}

.modalContent .list__item {
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 0.9;
}
.modalContent__contentTitle {
  display: flex;
  align-items: center;
  color: var(--text-black, #333);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.64px;
  margin-bottom: 16px;
}
.modalContent__contentTitle span {
  line-height: 1.5;
  padding-left: 8px;
}
.modalContent__contentTitle span::before, .modalContent__contentTitle span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__contentTitle span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__contentTitle span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__contentTitle::before {
  content: "";
  display: block;
  width: 4px;
  height: 20px;
  background: #f29600;
  border-radius: 8px;
  top: 0;
  left: 0;
}
* + .modalContent__contentTitle {
  margin-top: 24px;
}
.modalContent__table {
  border-collapse: collapse;
  border-spacing: 0;
}
.modalContent__goodsImg {
  max-width: 100%;
  height: auto;
}
.modalContent__table thead {
  background: var(--Background-gray, #f4f4f4);
}
.modalContent__table th,
.modalContent__table td {
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  padding: 12px;
  border: 1px solid var(--Line-gray, #dbdbdb);
  font-weight: normal;
}
.modalContent__table th > *,
.modalContent__table td > * {
  margin: 0 auto;
}
@media screen and (max-width: 699px) {
  .modalContent__table td {
    padding: 8px;
  }
}
.modalContent__table--size {
  table-layout: fixed;
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th,
  .modalContent__table--size td {
    padding: 8px 4px;
  }
}
.modalContent__table--size th:nth-child(1),
.modalContent__table--size td:nth-child(1) {
  width: 17.1195652174%;
  min-width: 126px;
  max-width: 126px;
}
.modalContent__table--size th:nth-child(1) .modalContent__appealIconArea + .modalContent__textLink,
.modalContent__table--size td:nth-child(1) .modalContent__appealIconArea + .modalContent__textLink {
  margin-top: 12px;
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th:nth-child(1),
  .modalContent__table--size td:nth-child(1) {
    display: none;
  }
}
.modalContent__table--size th:nth-child(2),
.modalContent__table--size td:nth-child(2) {
  width: 14.1304347826%;
  min-width: 104px;
  max-width: 104px;
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th:nth-child(2),
  .modalContent__table--size td:nth-child(2) {
    width: 18.9504373178%;
    min-width: 65px;
    max-width: 65px;
    padding: 7px;
  }
  .modalContent__table--size th:nth-child(2)::before,
  .modalContent__table--size td:nth-child(2)::before {
    width: calc(100% - 2px);
    border-left: 4px solid var(--Sub-orange, #f29600);
  }
}
.modalContent__table--size th:nth-child(3) > *,
.modalContent__table--size td:nth-child(3) > * {
  min-width: 4em;
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th:nth-child(3) > *,
  .modalContent__table--size td:nth-child(3) > * {
    min-width: 3.5em;
  }
}
.modalContent__table--size th:nth-child(4) > *,
.modalContent__table--size td:nth-child(4) > * {
  min-width: 4em;
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th:nth-child(4) > *,
  .modalContent__table--size td:nth-child(4) > * {
    min-width: 3.5em;
  }
}
.modalContent__table--size th:nth-child(5) > *,
.modalContent__table--size td:nth-child(5) > * {
  min-width: 6.6em;
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th:nth-child(5),
  .modalContent__table--size td:nth-child(5) {
    display: none;
  }
}
.modalContent__table--size th:nth-child(6),
.modalContent__table--size td:nth-child(6) {
  width: 16.847826087%;
  min-width: 124px;
  max-width: 124px;
}
.modalContent__table--size th:nth-child(6)::before,
.modalContent__table--size td:nth-child(6)::before {
  width: calc(100% - 4px);
  border-right: 4px solid var(--Sub-orange, #f29600);
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th:nth-child(6),
  .modalContent__table--size td:nth-child(6) {
    display: none;
  }
}
@media screen and (min-width: 700px) {
  .modalContent__table--size th:nth-child(7),
  .modalContent__table--size td:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 699px) {
  .modalContent__table--size th:nth-child(7) > *,
  .modalContent__table--size td:nth-child(7) > * {
    min-width: 7em;
  }
}
@media screen and (max-width: 699px) {
  .modalContent__table--shippingStatus thead {
    display: none;
  }
}
@media screen and (max-width: 699px) {
  .modalContent__table--shippingStatus tr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--Line-gray, #dbdbdb);
    background: var(--White, #fff);
  }
  .modalContent__table--shippingStatus tr + tr {
    border-top: none;
  }
}
.modalContent__table--shippingStatus td:nth-child(1),
.modalContent__table--shippingStatus th:nth-child(1) {
  width: 51.0869565217%;
}
.modalContent__table--shippingStatus td:nth-child(2),
.modalContent__table--shippingStatus th:nth-child(2) {
  width: 24.4565217391%;
}
.modalContent__table--shippingStatus td:nth-child(3),
.modalContent__table--shippingStatus th:nth-child(3) {
  width: 24.4565217391%;
}
@media screen and (max-width: 699px) {
  .modalContent__table--shippingStatus td,
  .modalContent__table--shippingStatus th {
    display: flex;
    border: none;
    width: 100% !important;
    padding: 0;
    flex-wrap: wrap;
    gap: 10px;
  }
  .modalContent__table--shippingStatus td > *,
  .modalContent__table--shippingStatus th > * {
    margin: 0;
  }
  .modalContent__table--shippingStatus td .modalContent__tableText,
  .modalContent__table--shippingStatus td .modalContent__textLink,
  .modalContent__table--shippingStatus th .modalContent__tableText,
  .modalContent__table--shippingStatus th .modalContent__textLink {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
  .modalContent__table--shippingStatus .modalContent__goodsNm {
    width: 100%;
  }
  .modalContent__table--shippingStatus td:nth-child(2) .modalContent__tableText,
  .modalContent__table--shippingStatus th:nth-child(2) .modalContent__tableText {
    display: flex;
    color: var(--Icon-gray, #666);
  }
}
.modalContent__table--shippingStatus td:nth-child(1) .modalContent__tableText {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.modalContent__tableText {
  display: block;
  color: var(--text-black, #333);
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.56px;
  line-height: 1.5;
}
.modalContent__tableText::before, .modalContent__tableText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__tableText::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__tableText::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .modalContent__tableText {
    font-size: 12px;
    letter-spacing: 0.48px;
  }
}
.modalContent__tableText--red {
  color: var(--Kaunet-red, #c91234);
}
.modalContent__tableText--gray {
  color: var(--Icon-gray, #666);
}
@media screen and (max-width: 699px) {
  .modalContent__tableText--small {
    font-size: 10px;
    letter-spacing: 0.4px;
  }
}
.modalContent__tableText--bold {
  font-weight: 700;
}
.modalContent__tableAmountText {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.modalContent__tableAmountText span {
  display: block;
  color: var(--text-black, #333);
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.56px;
  line-height: 1.5;
}
.modalContent__tableAmountText span::before, .modalContent__tableAmountText span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__tableAmountText span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__tableAmountText span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
@media screen and (max-width: 699px) {
  .modalContent__tableAmountText span {
    font-size: 12px;
    letter-spacing: 0.48px;
  }
}
.modalContent__tableAmountText span:last-child {
  font-size: 12px;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 699px) {
  .modalContent__tableAmountText span:last-child {
    font-size: 10px;
    letter-spacing: 0.4px;
  }
}
.modalContent__tableTr--gray {
  background: var(--Background-gray, #f4f4f4);
}
.modalContent__tableTr--gray .modalContent__tableText {
  color: var(--Icon-gray, #666);
}
.modalContent__tableTr--gray .modalContent__tableText--red {
  color: var(--Kaunet-red, #c91234);
  text-align: left;
}
.modalContent__tableTr--disabled {
  background: var(--Background-gray, #f4f4f4);
}
.modalContent__tableTr--disabled .modalContent__textLink {
  color: var(--Icon-gray, #666);
  pointer-events: none;
}
.modalContent__tableTr--disabled .modalContent__textLink span {
  color: var(--Icon-gray, #666);
}
.modalContent__tableTr--disabled .modalContent__imageLink {
  pointer-events: none;
}
.modalContent__tableTr--disabled .modalContent__tableText {
  color: var(--Icon-gray, #666);
}
.modalContent__tableTr--disabled .modalContent__tableText--red {
  color: var(--Kaunet-red, #c91234);
  text-align: left;
}
.modalContent__tableTr--mark td {
  position: relative;
}
.modalContent__tableTr--mark td::before {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 2px);
  height: calc(100% - 8px);
  content: "";
  border-top: 4px solid var(--Sub-orange, #f29600);
  border-bottom: 4px solid var(--Sub-orange, #f29600);
  pointer-events: none;
}
.modalContent__tableTr--mark td:first-child::before {
  width: calc(100% - 2px);
  border-left: 4px solid var(--Sub-orange, #f29600);
}
.modalContent__tableTr--mark td:last-child::before {
  width: calc(100% - 4px);
  border-right: 4px solid var(--Sub-orange, #f29600);
}
.modalContent__appealIconArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.modalContent__imageLink {
  transition: all 0.3s ease;
}
.modalContent__imageLink:hover {
  opacity: 0.7;
}
.modalContent__amountArea {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
}
.modalContent__amountArea--center {
  align-items: center;
}
.modalContent__amountNum {
  color: var(--Kaunet-red, #c91234);
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.64px;
}
.modalContent__amountNum::before, .modalContent__amountNum::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__amountNum::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__amountNum::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__cartArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
}
.modalContent__cartArea .modalContent__select {
  width: 64px;
  height: 34px;
}
.modalContent__cartArea .modalContent__select:has(.modalContent__cartArea .modalContent__select__input:focus), .modalContent__cartArea .modalContent__select:has(.modalContent__cartArea .modalContent__select__input:focus-visible) {
  border: 1px solid #d8d8d8;
}
.modalContent__cartArea .modalContent__select__select {
  padding: 6px 16px 6px 12px;
  font-size: 12px;
}
.modalContent__cartArea .modalContent__select__select:focus, .modalContent__cartArea .modalContent__select__select:focus-visible {
  outline: revert;
}
.modalContent__cartArea .modalContent__textField {
  width: 64px;
  height: 34px;
}
.modalContent__cartArea .modalContent__textField:has(.modalContent__cartArea .modalContent__textField__input:focus), .modalContent__cartArea .modalContent__textField:has(.modalContent__cartArea .modalContent__textField__input:focus-visible) {
  border: 1px solid #d8d8d8;
}
.modalContent__cartArea .modalContent__textField__input:focus, .modalContent__cartArea .modalContent__textField__input:focus-visible {
  outline: revert;
}
.modalContent__cartArea .modalContent__button {
  width: 100px;
}
.modalContent__goodsItem {
  display: flex;
  padding: 16px 40px 16px 16px;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid var(--Line-gray, #dbdbdb);
}
@media screen and (max-width: 699px) {
  .modalContent__goodsItem + .modalContent__goodsItem:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 699px) {
  .modalContent__goodsItem {
    padding: 10px 0 16px 10px;
  }
}
.modalContent__goodItemImageBox {
  position: relative;
}
.modalContent__goodItemImageLink {
  display: block;
  transition: all 0.3s ease;
}
.modalContent__goodItemImageLink:hover {
  opacity: 0.7;
}
.modalContent__goodItemImageKaukore {
  position: absolute;
  width: 39px;
  height: 28px;
  top: -12px;
  left: -12px;
  z-index: 10;
}
.modalContent__goodItemDetail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 40px;
  flex: 1;
}
@media screen and (max-width: 699px) {
  .modalContent__goodItemDetail {
    flex-direction: column;
    align-items: flex-start;
  }
}
.modalContent__goodItemDetail .modalContent__button {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.56px;
}
@media screen and (max-width: 699px) {
  .modalContent__goodItemDetail .modalContent__button {
    padding: 8px 16px;
  }
}
@media screen and (min-width: 700px) {
  .modalContent__goodItemDetail .modalContent__textLink {
    flex: 1;
  }
}
.modalContent__goodsItemList {
  display: flex;
  gap: 24px;
}
.modalContent__bannerArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
  cursor: pointer;
}
.modalContent__bannerArea:hover img {
  opacity: 0.7;
}
.modalContent__bannerArea img {
  width: auto;
  height: 70px;
  transition: all 0.3s ease;
}
.modalContent__bannerArea span {
  color: var(--Link-blue, #0070c0);
  font-size: 14px;
  line-height: 1.5;
}
.modalContent__bannerArea span::before, .modalContent__bannerArea span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__bannerArea span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__bannerArea span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__checkboxArea {
  margin: 0 auto;
}
.modalContent__checkboxArea .modalContent__checkbox {
  height: fit-content;
  padding: 0;
  align-items: center;
  display: flex;
}
.modalContent__checkboxArea .modalContent__checkbox__checkbox {
  height: fit-content;
  width: fit-content;
}
.modalContent__checkboxArea .modalContent__checkbox__checkbox::before {
  width: 24px;
  height: 24px;
}
.modalContent__receiptForm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modalContent__receiptForm .modalContent__text {
  font-size: 14px;
  letter-spacing: 0.56px;
}
.modalContent__receiptFormItem {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 699px) {
  .modalContent__receiptFormItem {
    flex-direction: column;
    align-items: flex-start;
  }
}
.modalContent__receiptFormItem .modalContent__textField {
  max-width: 460px;
  width: 100%;
  height: 44px;
}
@media screen and (max-width: 699px) {
  .modalContent__receiptFormItem .modalContent__textField {
    max-width: 100%;
    margin-top: -8px;
    height: 42px;
  }
}
.modalContent__receiptFormItem input[type="text"].modalContent__textField__input {
  text-align: left;
  font-size: 16px;
  letter-spacing: 0.64px;
  padding: 0px 16px;
}
@media screen and (max-width: 699px) {
  .modalContent__receiptFormItem input[type="text"].modalContent__textField__input {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__receiptFormItem .modalContent__textField__input::placeholder {
  color: var(--aaa, var(--aaa, #aaa));
}
.modalContent__receiptFormLabel {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.5;
  width: 70px;
}
.modalContent__receiptFormLabel::before, .modalContent__receiptFormLabel::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__receiptFormLabel::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__receiptFormLabel::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__caution {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--Kaunet-red, #c91234);
}
.modalContent__cautionTitle {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.64px;
}
.modalContent__cautionTitle::before, .modalContent__cautionTitle::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__cautionTitle::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__cautionTitle::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__cautionText {
  line-height: 1.5;
  font-size: 14px;
  letter-spacing: 0.56px;
}
.modalContent__cautionText::before, .modalContent__cautionText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__cautionText::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__cautionText::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__reviewForm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewForm {
    gap: 16px;
  }
}
.modalContent__reviewForm--check {
  gap: 32px;
}
.modalContent__reviewForm--check .modalContent__reviewFormItem {
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px 40px;
  align-items: flex-start;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewForm--check .modalContent__reviewFormItem {
    flex-direction: column;
  }
}
.modalContent__reviewForm--check .modalContent__reviewFormItem--review {
  align-items: center;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewForm--check .modalContent__reviewFormItem--review {
    align-items: flex-start;
  }
}
.modalContent__reviewForm--check .modalContent__reviewFormItem .modalContent__text {
  font-size: 14px;
  letter-spacing: 0.56px;
  flex: 1;
}
.modalContent__reviewForm--check .modalContent__reviewFormLabel {
  width: 100px;
}
.modalContent__reviewFormItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormItem {
    gap: 8px;
  }
}
.modalContent__reviewFormItem .modalContent__textarea__textarea {
  min-width: 100%;
  max-width: 100%;
}
.modalContent__reviewFormItem--title .modalContent__textField {
  max-width: 477px;
  height: 44px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormItem--title .modalContent__textField {
    max-width: 100%;
  }
}
.modalContent__reviewFormItem--title input[type="text"].modalContent__textField__input {
  text-align: left;
  padding: 0 16px;
  font-size: 16px;
  letter-spacing: 0.64px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormItem--title input[type="text"].modalContent__textField__input {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__reviewFormItem--title .modalContent__textField__input::placeholder {
  color: var(--aaa, var(--aaa, #aaa));
}
.modalContent__reviewFormItem--nickname .modalContent__textField {
  max-width: 250px;
  height: 44px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormItem--nickname .modalContent__textField {
    max-width: 100%;
  }
}
.modalContent__reviewFormItem--nickname .modalContent__textField .modalContent__textField__input {
  text-align: left;
  font-size: 16px;
  letter-spacing: 0.64px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormItem--nickname .modalContent__textField .modalContent__textField__input {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__reviewFormItem--nickname .modalContent__textField .modalContent__textField__input::placeholder {
  color: var(--aaa, var(--aaa, #aaa));
}
.modalContent__reviewFormItem--terms .modalContent__scrollArea {
  height: calc(7em + 34px);
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormItem--terms .modalContent__scrollArea {
    height: calc(12em + 34px);
  }
}
.modalContent__reviewFormLabel {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.modalContent__reviewFormLabel .tooltip {
  margin-left: -4px;
}
.modalContent__reviewFormLabel .appealIcon {
  margin-left: 8px;
}
.modalContent__reviewFormLabel .modalContent__annotationText {
  margin-left: 8px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormLabel .modalContent__annotationText {
    margin-left: 0px;
    width: 100%;
  }
}
.modalContent__reviewFormLabelText {
  color: var(--text-black, #333);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.64px;
  line-height: 1.5;
}
.modalContent__reviewFormLabelText::before, .modalContent__reviewFormLabelText::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__reviewFormLabelText::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__reviewFormLabelText::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__reviewFormLabelCaution {
  color: var(--Icon-gray, #666);
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 1.5;
  margin-left: -8px;
}
.modalContent__reviewFormLabelCaution::before, .modalContent__reviewFormLabelCaution::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalContent__reviewFormLabelCaution::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalContent__reviewFormLabelCaution::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalContent__reviewFormCol3 {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormCol3 {
    flex-direction: column;
    gap: 16px;
  }
}
.modalContent__reviewFormCol3 .modalContent__reviewFormItem {
  flex: 1;
}
.modalContent__reviewFormCol3 .modalContent__select__select {
  padding: 16px 32px 16px 16px;
  font-size: 16px;
  letter-spacing: 0.64px;
}
@media screen and (max-width: 699px) {
  .modalContent__reviewFormCol3 .modalContent__select__select {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.modalContent__shippingStatusLink {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (min-width: 700px) {
  .modalContent__shippingStatusLink {
    flex-direction: column;
  }
}
@media screen and (max-width: 699px) {
  .modalContent__shippingStatusLink {
    flex-direction: row;
  }
}
.modalContent__shippingStatusLink:hover {
  text-decoration: none !important;
}
.modalContent__shippingStatusLink:hover .modalContent__textLink span {
  text-decoration: underline;
}

@media screen and (max-width: 699px) {
	.disp_pc {
		display: none !important;
	}
}

@media screen and (min-width:700px) {
	.disp_sp {
		display: none !important;
	}
}

.modalRecommendArea {
	display: flex;
	flex-wrap: nowrap;
}

.modalRecommendArea > div {
	flex: 1;
}

.modalBannerArea {
	text-align: center;
}

.modalTooltip {
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(/cms/common/images/k041_me_250115_icon_help_gray.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.modalTooltip__tooltip {
  box-sizing: border-box;
  position: absolute;
  visibility: hidden;
  z-index: 10;
  display: inline-flex;
  width: max-content;
  max-width: 280px;
  top: -10px;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
  filter: drop-shadow(2px 0px 3px rgba(0, 0, 0, 0.3));
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.56px;
  left: 50%;
  transform: translate3d(-50%, -100%, 0);
}
.modalTooltip__tooltip--left {
  left: 0;
  transform: translate3d(0%, -100%, 0);
}
.modalTooltip__tooltip--left::before {
  left: 10px !important;
}
.modalTooltip__tooltip--right {
  left: auto;
  right: 0;
  transform: translate3d(0, -100%, 0);
}
.modalTooltip__tooltip--right::before {
  left: auto !important;
  right: 10px !important;
  transform: translateX(50%) !important;
}
.modalTooltip__tooltip--visible {
  visibility: visible;
}
.modalTooltip__tooltip::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  bottom: -5px;
}
.modalTooltip__tooltip span {
  line-height: 1.5;
  color: var(--text-black, #333) !important;
}
.modalTooltip__tooltip span::before, .modalTooltip__tooltip span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.modalTooltip__tooltip span::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.modalTooltip__tooltip span::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.modalTooltip--right .modalTooltip__tooltip {
  top: 50%;
  transform: translate3d(0, -50%, 0);
  left: calc(100% + 10px);
}
.modalTooltip--right .modalTooltip__tooltip::before {
  top: 50%;
  transform: translateY(-50%);
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  left: -15px;
}

.viewCartBalloon * {
  font-family: 'Noto Sans JP', 'Meiryo', 'Verdana', 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif !important;
}

.viewCartBalloon {
  display: none;
  position: absolute;
  padding: 32px;
  z-index: 300000;
  transition: opacity 0.5s ease-in-out;
  border-radius: 8px;
  background: #fff;
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.16));
}
.viewCartBalloon__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  bottom: -5px;
}
.viewCartBalloon--fadeOut {
  opacity: 0;
}
.viewCartBalloon__text {
  color: var(--text-black, #333);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.5;
  text-wrap: nowrap;
  white-space: nowrap;
}
.viewCartBalloon__text::before, .viewCartBalloon__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.viewCartBalloon__text::before {
  margin-top: calc((1 - 1.5) * 0.6em);
}
.viewCartBalloon__text::after {
  margin-bottom: calc((1 - 1.5) * 0.4em);
}
.viewCartBalloon .modalContent__button {
  margin-top: 16px;
  padding: 12px 24px;
  font-size: 14px;
  letter-spacing: 0.56px;
  text-wrap: nowrap;
  white-space: nowrap;
}


#addCartModal .modalRecommendArea,
#addFavCompModal .modalRecommendArea {
  gap: 24px;
}

#addCartModal .modalRecommendArea .commonCarousel__item__wrapper,
#addFavCompModal .modalRecommendArea .commonCarousel__item__wrapper {
  margin: 0;
}

#addCartModal .modalRecommendArea .commonCarousel__img,
#addFavCompModal .modalRecommendArea .commonCarousel__img {
  max-width: 80px;
}

#addCartModal .modalRecommendArea .commonCarousel__img img,
#addFavCompModal .modalRecommendArea .commonCarousel__img img {
  max-width: 80px;
  min-width: 80px;
}

#addCartModal .modalRecommendArea .commonCarousel__img--icon::before,
#addFavCompModal .modalRecommendArea .commonCarousel__img--icon::before {
  left: -31px;
}

#addCartModal .modalRecommendArea .commonCarousel__name,
#addFavCompModal .modalRecommendArea .commonCarousel__name {
  -webkit-line-clamp: 2;
  height: 2lh;
  min-height: 2.6em;
}

#addCartModal .special__banner__text,
#addFavCompModal .special__banner__text {
  height: auto;
}