#main.userContentsMain {
	padding: 3.125rem 0 0;
}

#main.userContentsMain > .mainTTL {
	display: block;
	width: 100%;
	max-width: 94.6666%;
	margin: 0 auto;
  margin-bottom: 1.875rem;
  padding: 0 1.25rem;
  padding-bottom: 1.5625rem;
  border-bottom: 1px solid var(--color-border-primary);
}

#main.userContentsMain .userContentsMain__inner {
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

#main.userContentsMain #userContentsSection {
	/* padding: 1.875rem 0.625rem 4.375rem; */
	padding: 0 0.625rem 4.375rem;
}

/**************************************
#mypageNav
**************************************/

#mypageNav {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
	background-color: var(--color-bg-primary);
	padding: 2.5rem 0 4.375rem;
}

#mypageNav .mypageNav__inner {
	width: 100%;
	max-width: 94.6666%;
	margin: 0 auto;
}

.mypageNav__menu + .mypageNav__menu {
  margin-top: 2.5rem;
}

.mypageNav__menu > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	gap: 0.3125rem;
}

.mypageNav__menu > ul > li {
	-webkit-flex-basis: 49.2957%;
	    -ms-flex-preferred-size: 49.2957%;
	        flex-basis: 49.2957%;
}

.mypageNav__menu > ul > li > a {
  width: 100%;
  padding: 0.625rem 0.3125rem 1.25rem;
	background-color: #FFFFFF;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
	text-align: center;
}

.mypageNav__menu > ul > li > a > svg {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto;
}

.mypageNav__menu svg path {
  fill: #111111;
}

.mypageNav__menu svg #bg {
  fill: #FFFFFF;
}

.mypageNav__menu > ul > li.myPageTop svg path {
  fill: #FFFFFF;
  stroke: #111;
  stroke-width: 1.5pt;
}

.mypageNav__menu > ul > li.creditCardList svg rect {
  fill: #FFFFFF;
}

.mypageNav__menu > ul > li.active > a {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #FFFFFF;
}

.mypageNav__menu > ul > li.active svg #bg {
  fill: var(--color-primary);
}

.mypageNav__menu > ul > li.active svg path {
  fill: #FFFFFF;
}

.mypageNav__menu > ul > li.active.orderHistoryList ellipse {
  fill: #FFFFFF;
}

.mypageNav__menu > ul > li.active.myPageTop svg path {
  fill: var(--color-primary);
  stroke: #FFFFFF;
  stroke-width: 1.5pt;
}

.mypageNav__menu > ul > li.active.creditCardList svg rect {
  fill: var(--color-primary);
}

.mypageNav__logout {
  /* margin-top: 1.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: right;
  line-height: 1.5;
  text-decoration: underline; */
	display: none;
}

/**************************************
.userWithDrawalInput
**************************************/

.userWithDrawalInput .ledeBox {
  padding: 1.875rem 1.5625rem;
  border: 1px solid #111111;
}

.userBottomBtnArea {
  margin-top: 4.375rem;
}

.userBottomBtnArea > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}

.userBottomBtnArea > ul > li {
  -webkit-flex-basis: 15rem;
      -ms-flex-preferred-size: 15rem;
          flex-basis: 15rem;
  height: 3.125rem;
}

.userBtnCancel:empty,
.userBtnConfirm:empty {
  display: none;
}

.userBtnConfirm > a,
.userBtnConfirm > input {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #111111;
  border: 1px solid #111111;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  line-height: 1.5;
  cursor: pointer;
}

.userBtnCancel > a,
.userBtnCancel > input {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #111111;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--color-font-primary);
  line-height: 1.5;
  cursor: pointer;
}

.maypageInner > .ledeBox {
  margin-bottom: 1.875rem;
}

.maypageInnerTTL {
	margin-bottom: 1.25rem;
  padding: 0.625rem 0.9375rem;
  background-color: var(--color-bg-secondary);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--color-font-primary);
}

#userContentsSection .noItem:empty{
  display: none;
}

#userContentsSection .noItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 20vh;
  margin: 2.5rem auto 0;
  padding: 0 4rem;
  border: 1px solid var(--color-border-primary);
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.5;
}


/**************************************
orderSetting
**************************************/
#userContentsSection .orderSettingBox {
	display: block;
	width: 100%;
}


#userContentsSection .orderSettingBox>.defaultOrderSetting {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	width: 100%;
  padding: 1.25rem;
  border: 1px solid var(--color-border-primary);
	font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: left;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting+.defaultOrderSetting {
	margin-top: 1.25rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting>.mypageSubTTL {
  margin-bottom: 1.25rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--color-border-primary);
  font-size: 0.8125rem;
  text-align: left;
  letter-spacing: 0.08em;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .defaultOrderSetting__innerTTL {
	width: 100%;
	display: block;
  margin-bottom: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl,
#userContentsSection .orderSettingBox>.defaultOrderSetting tr {
	display: block;
	font-size: 1.3rem;
	line-height: 1.6;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl>dt,
#userContentsSection .orderSettingBox>.defaultOrderSetting tr:nth-of-type(1) td {
  display: block;
  width: 100%;
  font-size: 0.8125rem;
  text-align: left;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .orderSettingInput table,
#userContentsSection .orderSettingBox>.defaultOrderSetting .orderSettingInput tbody{
	width: 100%;
	display: block;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .orderSettingInput tr:nth-of-type(1) td {
	padding-bottom: 0;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl>dd,
#userContentsSection .orderSettingBox>.defaultOrderSetting tr:nth-of-type(2) td {
  display: block;
  width: 100%;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: left;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl>dd.creditCardInfo>dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl>dd.creditCardInfo>dl+dl {
	margin-top: 0.5rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl>dd.creditCardInfo>dl>dt {
	width: 8rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl>dd.creditCardInfo>dl>dd {
	width: calc(100% - 8rem);
	padding-left: 1rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting dl>dd.creditCardInfo>dl>dd::before {
	content: '：';
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .orderSettingInput {
	display: block;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .orderSettingInput select {
  width: 100%;
	height: 2.8125rem;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
  padding: 0 0.9375rem;
	background: url(../Contents/ImagesPkg/common/icon_arrow_under.svg) calc(100% - 0.4rem) center no-repeat var(--color-bg-primary);
	background-size: 1.25rem auto;
	border: 1px solid var(--color-border-primary);
	border-radius: 5px;
	vertical-align: middle;
	/* line-height: calc(4.5rem - 2px); */
	font-size: 0.875rem;
	letter-spacing: 0.04rem;
	text-align: left;
	outline: none;
	cursor: pointer;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .orderSettingInput+.orderSettingInput {
	margin-top: 1rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .orderSettingInput>dl {
	display: block;
	font-size: 1.4rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingDetail {
  display: block;
  margin-top: 0.9375rem;
  padding-top: 0.9375rem;
  border-top: 1px solid var(--color-border-primary);
  font-size: 0.8125rem;
  text-align: left;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting tr.settingDetail {
	margin-top: 0;
	border-top: 0;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingDetail>dl {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-align-items: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingDetail>dl+dl {
	margin-top: 0.5rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingDetail>dl>dt {
	width: 7rem;
	font-weight: 700;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingDetail>dl>dd {
	width: calc(100% - 7rem);
	padding-left: 1rem;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingErrMsgBox {
  display: block;
  margin-top: 0.9375rem;
  font-size: 0.8125rem;
  text-align: left;
}

#userContentsSection .orderSettingBox>.defaultOrderSetting tr.settingDetail .settingErrMsgBox {
  padding-top: 0.9375rem;
  border-top: 1px solid var(--color-border-primary);
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingDetail+.settingErrMsgBox {
  padding-top: 0.9375rem;
  border-top: 1px solid var(--color-border-primary);
}

#userContentsSection .orderSettingBox>.defaultOrderSetting .settingErrMsgBox a {
	text-decoration: underline;
}

/**************************************
#myPageCouponBox
**************************************/
#myPageCouponBox {}


#myPageCouponBox .couponList {
	display: block;
	width: 100%;
  margin-bottom: 4.375rem;
}

#myPageCouponBox .couponList>dl {
	display: block;
	width: 100%;
}

#myPageCouponBox .couponList>dl+dl {
	margin-top: 1.875rem;
}

#myPageCouponBox .couponList>dl>dt {
  display: block;
  padding: 1.25rem;
  background-color: var(--color-bg-secondary);
  font-size: 0.9375rem;
  letter-spacing: 0.15em;
  font-weight: 700;
}

#myPageCouponBox .couponList>dl>dd {
  padding: 0.625rem;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
}

#myPageCouponBox .couponList>dl>dd:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border-primary);
}

.pagination__wrapper {
  margin-top: 4.375rem;
}

.pagination__wrapper [data-parts="count"] {
  display: none;
}

#myPageCouponBox .couponListGrid {
  display: grid;
  grid-template-columns: 8.125rem 1fr;
}

/**************************************
#myPageFavorite
**************************************/

.favoriteList .favoriteList__wrap {
  display: grid;
  grid-template-columns: repeat(2, 45.0704%);
  grid-gap: 2.1875rem 2.5rem;
  gap: 2.1875rem 2.5rem;
}

.favoriteList .favoriteList__item .text {
  margin-top: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.favoriteList .favoriteList__deleteAddCart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.625rem;
  margin-top: 0.625rem;
}

.favoriteList .favorite-delete a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  border: 1px solid var(--color-border-primary);
  border-radius: 4px;
}

.favoriteList .favorite-delete a img {
  width: 1.875rem;
}

/**************************************
userProductArrivalMailList
**************************************/
.userProductArrivalMailList .userProductArrivalMailList__cartTableHead {
  display: none;
}

.userProductArrivalMailList .userProductArrivalMailList__list {
  padding: 1.25rem 0.9375rem 1.5625rem;
  border: 1px solid #111111;
}

.userProductArrivalMailList .userProductArrivalMailList__list .namePrice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 0.9375rem;
  margin-bottom: 1.5625rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-border-primary);
}

.userProductArrivalMailList .userProductArrivalMailList__list .namePrice figure {
  -webkit-flex-basis: 23.0769%;
      -ms-flex-preferred-size: 23.0769%;
          flex-basis: 23.0769%;
}

.userProductArrivalMailList .userProductArrivalMailList__list .namePrice .name {
  -webkit-flex-basis: 70.7692%;
      -ms-flex-preferred-size: 70.7692%;
          flex-basis: 70.7692%;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.userProductArrivalMailList .userProductArrivalMailList__list .mailaddress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.userProductArrivalMailList .userProductArrivalMailList__list .mailaddress > div {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.userProductArrivalMailList .userProductArrivalMailList__list .mailaddress__type {
  display: inline-block;
  margin-bottom: 0.625rem;
  padding: 2px;
  border-top: 1px solid var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

.userProductArrivalMailList .userProductArrivalMailList__list .mailaddress__registered {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.userProductArrivalMailList .userProductArrivalMailList__list .namePrice img {
  width: 100%;
  display: block;
  border: 1px solid var(--color-border-primary);
}

.userProductArrivalMailList .userProductArrivalMailList__list .quantityOperation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem 1.5625rem;
  margin-top: 1.25rem;
}

.userProductArrivalMailList .userProductArrivalMailList__list .quantity {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.userProductArrivalMailList .userProductArrivalMailList__list .operation {
  -webkit-flex-basis: 2.8125rem;
      -ms-flex-preferred-size: 2.8125rem;
          flex-basis: 2.8125rem;
  margin-left: auto;
}

.userProductArrivalMailList .userProductArrivalMailList__list .operation a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  border: 1px solid var(--color-border-primary);
  border-radius: 4px;
}

.userProductArrivalMailList .userProductArrivalMailList__list .operation a img {
  width: 1.875rem;
}

.userProductArrivalMailList .userProductArrivalMailList__list .quantitySelect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.userProductArrivalMailList .userProductArrivalMailList__list .quantitySelect dd {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.userProductArrivalMailList .userProductArrivalMailList__list .quantitySelect .yearSelect {
  -webkit-flex-basis: 3.75rem;
      -ms-flex-preferred-size: 3.75rem;
          flex-basis: 3.75rem;
  padding: 0.8125rem 0.75rem;
}

.userProductArrivalMailList .userProductArrivalMailList__list .quantitySelect .monthSelect {
  -webkit-flex-basis: 3.75rem;
      -ms-flex-preferred-size: 3.75rem;
          flex-basis: 3.75rem;
}

.userProductArrivalMailList .quantitySelect__title,
.userProductArrivalMailList .mailaddress__title {
  -webkit-flex-basis: 7rem;
      -ms-flex-preferred-size: 7rem;
          flex-basis: 7rem;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

/**************************************
SocialLogin
**************************************/
.mypageSocialLogin .mypageSocialLogin__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 0;
  border-top: 1px solid var(--color-border-primary);
  border-bottom: 1px solid var(--color-border-primary);
}

.mypageSocialLogin .mypageSocialLogin__ttl {
  -webkit-flex-basis: 18.1818%;
      -ms-flex-preferred-size: 18.1818%;
          flex-basis: 18.1818%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.mypageSocialLogin .mypageSocialLogin__list-inner {
  -webkit-flex-basis: 76.7045%;
      -ms-flex-preferred-size: 76.7045%;
          flex-basis: 76.7045%;
}

.mypageSocialLogin .mypageSocialLogin__list-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 0.9375rem;
}

.mypageSocialLogin .mypageSocialLogin__list-status + .mypageSocialLogin__list-status {
  margin-top: 0.625rem;
}

.mypageSocialLogin .mypageSocialLogin__list-status-desc {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.mypageSocialLogin .mypageSocialLogin__list-status-disc {
  margin-top: 5px;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: var(--color-font-tertiary);
}

.mypageSocialLogin .mypageSocialLogin__list-status-btn {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%
}

/**************************************
CreditCard & ShippingList
**************************************/
.listAdd {
  margin-bottom: 2.5rem;
}

.listAdd > .btnCartNext {
  max-width: 15.625rem;
  margin: 0 auto;
}

.listAdd__wrap {
  display: block;
}

.listAdd__wrap .listAdd__item {
  width: 100%;
  padding: 1.25rem 1.5625rem;
  border: 1px solid var(--color-border-primary);
}

.listAdd__wrap .listAdd__item + .listAdd__item {
  margin-top: 1.875rem;
}

.listAdd__wrap .listAdd__title {
  margin-bottom: 1.25rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--color-border-primary);
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.listAdd__wrap .listAdd__detail {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.listAdd__wrap .listAdd__detail > dl{
  display: grid;
  grid-template-columns: 5.625rem 1fr;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.listAdd__wrap .listAdd__detail > * + * {
  margin-top: 5px;
}

.listAdd__wrap .listAdd__operation {
  margin-top: 1.25rem;
}

.listAdd__wrap .listAdd__operation > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
}

.listAdd__wrap .listAdd__operation > ul > li {
  -webkit-flex-basis: 47.5409%;
      -ms-flex-preferred-size: 47.5409%;
          flex-basis: 47.5409%;
}

.listAdd__wrap .listAdd__operation > ul > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2.5rem;
  padding: 0;
  position: relative;
}

.listAdd__wrap .listAdd__operation > ul > li > a > svg {
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 5px;
  left: 0.625rem;
  z-index: 1;
}

.listAdd__wrap .btnCartBack a {
  border: 1px solid #111111;
  border-radius: 4px;
  text-decoration: none;
  color: var(--color-font-primary);
}

.listAdd__wrap .btnCartBack rect {
  fill: #FFFFFF;
}

.listAdd__wrap .btnCartBack path {
  fill: #111111;
}


.listAdd__wrap .btnCartNext rect {
  fill: #111111;
}

.listAdd__wrap .btnCartNext path {
  fill: #FFFFFF;
}

.listAdd > .btnCartNext {
  max-width: 15rem;
  margin: 0 auto;
}

.listAddFormSection .formTable > dl:not(.hide-dt) + dl:not(.hide-dt) {
  margin-top: 0.9375rem;
}

.listAddFormSection .formTable > dl > dt {
  -webkit-flex-basis: 30%;
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
}

.listAddFormSection .formTable .inputArea.intervalDays select {
  padding: 0 2.5rem 0 0.9375rem;
}

/**************************************
OrderHistoryList
**************************************/
.historyListBox li + li {
  margin-top: 2rem;
}

.historyListTable {
  padding: 0.625rem 0.625rem 1.875rem;
  border: 1px solid #111111;
}

.historyListTable .historyListTable__status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.historyListTable .historyListTable__statusImage {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.historyListTable .historyListTable__statusDetail {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 1.25rem;
  background-color: var(--color-bg-primary);
}

.historyListTable .historyListTable__statusDetail dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* gap: 0 0.625rem; */
}

.historyListTable .historyListTable__statusDetail dl + dl {
  margin-top: 0.625rem;
}

.historyListTable .historyListTable__statusDetail dl dt {
  -webkit-flex-basis: 33.3333%;
      -ms-flex-preferred-size: 33.3333%;
          flex-basis: 33.3333%;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--color-font-tertiary);
}

.historyListTable .historyListTable__statusDetail dl dd {
  -webkit-flex-basis: 63.3333%;
      -ms-flex-preferred-size: 63.3333%;
          flex-basis: 63.3333%;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: var(--color-font-primary);
}

.historyListTable .historyListTable__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-border-primary);
}

.historyListTable .historyListTable__itemDetail {
  -webkit-flex-basis: 61.3636%;
      -ms-flex-preferred-size: 61.3636%;
          flex-basis: 61.3636%;
  padding: 0 5px;
}

.historyListTable .historyListTable__itemDetail li + li {
  margin-top: 1.25rem;
}

.historyListTable .historyListTable__itemDetail li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.historyListTable .historyListTable__itemDetail li figure {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 22.3880%;
      -ms-flex-preferred-size: 22.3880%;
          flex-basis: 22.3880%;
  border: 1px solid var(--color-border-primary);
}

.historyListTable .historyListTable__itemDetail li figure img {
  width: 100%;
}

.historyListTable .historyListTable__itemDetail li .name {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 68.6567%;
      -ms-flex-preferred-size: 68.6567%;
          flex-basis: 68.6567%;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.historyListTable .historyListTable__itemDetailLink {
  -webkit-flex-basis: 59.7014%;
      -ms-flex-preferred-size: 59.7014%;
          flex-basis: 59.7014%;
  margin-top: 1.875rem;
}

.historyListTable .historyListTable__itemDetailLink > a {
  height: 3.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1.5625rem;
  border-radius: 4px;
  background-color: #111111;
  border: 1px solid #111111;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

/**************************************
OrderHistoryDetail
**************************************/

#orderHistoryDetail .maypageInnerTTL {
  margin-bottom: 0;
}

#orderHistoryDetail .formTable > dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.9375rem 0.625rem;
}

#orderHistoryDetail .formTable > dl:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border-primary);
}

#orderHistoryDetail .formTable > dl + dl {
  margin-top: 0;
}

#orderHistoryDetail .formTable > dl > dt {
  -webkit-flex-basis: 36.6197%;
      -ms-flex-preferred-size: 36.6197%;
          flex-basis: 36.6197%;
  padding: 0;
}

#orderHistoryDetail .formTable > dl > dd {
  -webkit-flex-basis: 59.1549%;
      -ms-flex-preferred-size: 59.1549%;
          flex-basis: 59.1549%;
  padding: 0;
}

#orderHistoryDetail .formTable + .formTable {
  margin-top: 0;
}

#orderHistoryDetail .formTable + .formTable > dl:first-of-type {
  border-top: 1px solid var(--color-border-primary);
}

#orderHistoryDetail .receipt-info__download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#orderHistoryDetail .receipt-info__download > a {
  height: 3.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.9375rem;
  padding-right: 2.5rem;
  background: url("../Contents/ImagesPkg/common/icon-arrow-right-white.svg") calc(100% - 1.25rem) no-repeat #111111;
  background-size: 8px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
}

#orderHistoryDetail .receipt-info__download > a[disabled="disabled"] {
  display: none;
}

#orderHistoryDetail .receipt-info__download + .errMsg {
  margin-top: 5px;
}

#orderHistoryDetail .historyCartList > ul > li {
  padding: 0.9375rem 0;
  padding-left: 0.625rem;
  border-bottom: 1px solid var(--color-border-primary);
}

#orderHistoryDetail .historyCartList .historyCartList__dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
}

#orderHistoryDetail .historyCartList .historyCartList__dt {
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.5;
}

#orderHistoryDetail .historyCartList .historyCartList__dd {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

#orderHistoryDetail .historyCartList .productPriceCountWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.625rem;
}

#orderHistoryDetail .historyCartList .productPriceCountWrap p {
  font-size: 0.875rem;
  font-family: var(--font-eng);
  font-weight: 500;
  letter-spacing: 0.05em;
}

#orderHistoryDetail .cartUnderResult {
  margin-top: 2.5rem;
}

#orderHistoryDetail .cartUnderResult .subTotalBox {
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

#orderHistoryDetail .orderHistoryDetail__shippingInput {
  border-top: 1px solid var(--color-border-primary);
}

/**************************************
storeReceivingList
**************************************/

.storeReceivingList .storeReceivingList__Box {
  margin-top: 1.875rem;
}

.changeViewBtn {
  margin-bottom: 1.875rem;
}

.changeViewBtn > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.changeViewBtn > ul > li > a,
.changeViewBtn > ul > li > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 11.25rem;
  height: 2.8125rem;
  padding: 0 0.6875rem;
  background-color: #FFFFFF;
  font-size: 0.9375rem;
  font-family: var(--font-eng);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: var(--color-font-primary);
  letter-spacing: 0.05em;
  border: 1px solid #111111;
}

.changeViewBtn > ul > li.active > * {
  background-color: #111111;
  color: #FFFFFF;
}

.changeViewBtn > ul > li:first-child > * {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.changeViewBtn > ul > li:last-child > * {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.btnChange > a {
	width: 6.25rem;
	height: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: auto;
	border: 1px solid #111111;
	background-color: #FFFFFF;
	border-radius: 4px;
	font-size: 0.9375rem;
	font-weight: 400;
	letter-spacing: 0.08em;
}

.extendInput__historyDetail .inputArea select {
  width: 100%;
}

.changeSubmitArea {
  margin-top: 1.25rem;
}

.changeSubmitArea .upDateButtonList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}

.changeSubmitArea .btnPrimary,
.changeSubmitArea .btnFormBack {
  -webkit-flex-basis: 15rem;
      -ms-flex-preferred-size: 15rem;
          flex-basis: 15rem;
  height: 3.125rem;
}

.changeSubmitArea .btnFormBack > a,
.changeSubmitArea .btnFormBack > span,
.changeSubmitArea .btnFormBack > button {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #111111;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--color-font-primary);
  line-height: 1.5;
}

.changeSubmitArea .btnPrimary > a,
.changeSubmitArea .btnPrimary > span,
.changeSubmitArea .btnPrimary > button {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #111111;
  border: 1px solid #111111;
  border-radius: 4px;
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  line-height: 1.5;
}

.formTable .disabledModifyInput .inputArea input {
  background: none;
  border: none;
  pointer-events: none;
  padding: 0;
}

.formTable .disabledModifyInputConfirm {
  display: none;
}

.receipt-info .historyDetail__operation-wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.receipt-info .formTable .inputArea select {
  width: 100%;
  max-width: 10.625rem;
}

.receipt-info .changeSubmitArea {
  margin-bottom: 1.875rem;
}

.receiptFormTable.formTable tbody {
  width: 100%;
  display: block;
}

.receiptFormTable.formTable tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.9375rem 0.625rem;
}

.receiptFormTable.formTable tr th {
  -webkit-flex-basis: 36.6197%;
      -ms-flex-preferred-size: 36.6197%;
          flex-basis: 36.6197%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.7;
  color: var(--color-font-primary);
}

.receiptFormTable.formTable tr td {
  -webkit-flex-basis: 59.1549%;
      -ms-flex-preferred-size: 59.1549%;
          flex-basis: 59.1549%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.8125rem;
  line-height: 1.7;
  word-break: break-all;
}


/* Ticket Order */

#orderHistoryDetail .formInnerSection--ticket-order {
  .historyCartList {
    ul {
      & > li {
        &:not(:last-of-type) {
          border-bottom: none;
        }
      }
    }
  }

  .history-detail__ticket-wrapper {
    --row-gap: calc(20 * .0625rem);

    display: grid;
    grid-template-areas: "ticket-qr" "ticket-detail";
    justify-items: center;
  }

  .history-detail__ticket-detail-wrapper {
    grid-area: ticket-detail;

    display: grid;
    grid-template-columns: auto 1fr;
    row-gap: calc(14 * .0625rem);

    width: 100%;
    padding-top: var(--row-gap);
  }

  .history-detail__ticket-text-wrapper {
    display: contents;
    grid-template-columns: subgrid;

    & > * {
      font-size: calc(13 * .0625rem);
      letter-spacing: .08em;
      line-height: 1.5;
    }

    & > dt {
      color: var(--color-primary);
    }

    & > dd {
      & > dd {
        font-family: var(--font-eng);
      }
    }
  }

  .history-detail__ticket-text-wrapper--attention {
    grid-column: 1 / -1;
  }

  .history-detail__ticket-qr-wrapper {
    grid-area: ticket-qr;

    width: 100%;
    padding-bottom: var(--row-gap);
    border-bottom: dotted 1px var(--color-primary);
  }

  .history-detail__qr-image-wrapper {
    display: grid;
    row-gap: calc(20 * .0625rem);

    & > * {
      width: calc(200 * .0625rem);
      aspect-ratio: 1;
      margin-inline: auto;
      border: solid 1px #EEEEEE;

      &:not(.history-detail__qr-image--used) {
        padding: calc(10 * .0625rem);
      }

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