@charset "UTF-8";

:where(select){
  padding-block: inherit;
  display: inline-block;
  height: fit-content;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url(../Contents/ImagesPkg/common/arrow.svg);
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-position: center right 0.5rem;
}

:where(dd:has(select.year)){
  display: flex;
  align-items: center;
  gap: 4px;
}

.select.year,
.select.month,
.select.date{
  margin-right: 0;
}

.u-text-emphasis{
  color: #CB2222;
}

.btn-submit:hover{
  background-color: #F65A54;
}

.btn-add-adr:hover{
  text-decoration: none;
}

.u-mypage #dvUserMenu ul li a{
  width: 100%;
}

.u-favoritelist .btn-mini-cart{
  background-color: #ED6D68;
}

.u-favoritelist .btn-mini-cart:hover{
  background-color: #F65A54;
}

.u-orderhistorydetail #divCreditCardInputForm{
  margin-block: 15px;
}

.u-orderhistorydetail .creditcard-input-form,
.u-orderhistorydetail [id*="divCreditCardDisp"]{
  margin-block: 20px;
}

.u-orderhistorydetail .dvOrderHistoryInfo #CartList{
  width: auto;
}

.u-orderhistorydetail .shipping-address:has(.shipping-address-change){
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1em;
  align-items: center;
}

.u-orderhistorydetail .shipping-address:has(.shipping-address-change) .shipping-address-text{
  line-height: 1.3;
}

.u-orderhistorydetail .shipping-address-change{
  margin: 0.5em 0 0.5em auto;
  display: flex;
  justify-content: flex-end;
}

.u-orderhistorydetail input[id$="tbShippingName1"],
.u-orderhistorydetail input[id$="tbShippingNameKana1"]{
  width: 35%;
}

.u-orderhistorydetail input[id$="tbShippingName2"],
.u-orderhistorydetail input[id$="tbShippingNameKana2"]{
  width: 45%;
}

.u-orderhistorydetail .btn[disabled],
.u-orderhistorydetail .btn.disabled{
  pointer-events: none;
}

.u-inquiryinput textarea.inquirytext{
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  resize: vertical;
}

.u-userregistinput input[type="checkbox"]{
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  width: 19px;
  height: 19px;
  border: 1px solid #707070;
  border-radius: 0;
  position: relative;
}

.u-userregistinput input[type="checkbox"]:checked::after{
  content: '';
  width: 68.42%;
  height: 68.42%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #E5787B;
}

.u-userregistinput .userextend-item .outline{
  margin-top: 1em;
}

@media (min-width: 768px) {
  .u-userregistinput .userextend-item{
    padding-left: calc(232px + 12px);
  }
}