@charset "UTF-8";
/* ------------ 下層　カスタム ------------ */
/* ----------------- top mixin ----------------- */
/* ------------------- common ------------------- */
.for-pc {
  display: block !important;
}
@media screen and (max-width:768px) {
  .for-pc {
    display: none !important;
  }
}

.for-sp {
  display: block !important;
}
@media screen and (min-width:769px) {
  .for-sp {
    display: none !important;
  }
}

.display-none {
  display: none !important;
}

@media screen and (max-width:768px) {
  .changeBtn {
    margin: 0 0 0 auto;
  }
}

.nameFull {
  width: 100%;
}

.no-pdlr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ------------------- Individual ------------------- */
/*.cartIcon{
  display: block;
  min-height: 36px;
}
.cartIcon:before{
    position: relative;
    top: 0px;
    display: inline-block; 
    width: 18px;
    height: 16px;
    margin: 0 5px 0 0;
    content: '';
    background: url('../img/common/icon_cart_w.png') no-repeat center center;
    background-size: cover;
}*/
.listProduct #lineup ul li .text {
  padding-bottom: 20px;
}
.listProduct #lineup ul li .text h3 span:nth-child(2) {
  font-weight: normal;
}
.listProduct #lineup ul li .text .btnAddFavorite {
  margin-top: 15px;
}
.listProduct #lineup ul li .text .btnAddFavorite, .listProduct #lineup ul li .text .btnLinkDetail {
  position: relative;
  left: initial;
  bottom: initial;
}
@media screen and (max-width:768px) {
  .listProduct #lineup ul li .text .btnAddFavorite, .listProduct #lineup ul li .text .btnLinkDetail {
    margin-top: 4vw;
  }
}
.listProduct #lineup .btn-wrap .btn.btn-mid.btn-inverse, .listProduct #lineup .product-item .btn.btn-mid.btn-inverse {
  width: 100%;
}
.listProduct #lineup .btn-wrap .btn.btn-mid.btn-inverse:before, .listProduct #lineup .product-item .btn.btn-mid.btn-inverse:before {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 18px;
  height: 16px;
  margin: 0 5px 0 0;
  content: "";
  background: url("../img/common/icon_cart_w.svg") no-repeat center center;
  background-size: cover;
}

#product .inner .text .detailFavorite a:before {
  top: 0px;
  width: 15px;
  height: 15px;
  background: url(../img/common/icon_favorite.svg) no-repeat center center;
  background-size: cover;
}

.favStatus img {
  width: 16px;
  height: 15px;
}
.favStatusText {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
.favStatusText.fav_add:before {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0;
  content: "";
  background: url(../img/common/icon_favorite.svg) no-repeat center center !important;
  background-size: cover;
}
.favStatusText.fav_added:before {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0;
  content: "";
  background: url(../img/common/icon_favorite_added.svg) no-repeat center center !important;
  background-size: cover;
}

#dvCartSelect .ibcart {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width:768px) {
  #dvCartSelect .ibcart {
    gap: 0;
  }
}
#dvCartSelect .ibcart a {
  margin-bottom: 0;
}
#dvCartSelect .ibcart a img {
  float: none;
  margin-left: 0;
  margin: 0 auto;
}
#dvCartSelect .ibcart__image {
  width: 100px;
}
#dvCartSelect .ibcart__info {
  flex: 1;
}
@media screen and (max-width:768px) {
  #dvCartSelect .ibcart__info {
    margin-left: 16px;
  }
}
#dvCartSelect .ibcart__info-ic img {
  height: 16px;
  width: auto;
  display: inline-block;
}
#dvCartSelect .ibcart__info-name {
  margin-bottom: 2px;
}
#dvCartSelect .ibcart__info-price {
  font-size: 12px;
}
#dvCartSelect .ibcart__info .fixedPurchase {
  font-size: 12px;
}
#dvCartSelect .ibcart__info .remark {
  margin-top: 4px;
  font-size: 12px;
}

.product-sup {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 16px;
}
@media screen and (max-width:768px) {
  .product-sup {
    font-size: 3.2vw;
    margin-bottom: 4.2666666667vw;
  }
}

@media screen and (max-width:768px) {
  #lineup ul li .text h3, .lineup ul li .text h3 {
    margin: 2.1333333333vw 0 4.2666666667vw;
  }
}

@media screen and (max-width:768px) {
  #product .inner .text h1 {
    margin: 3.2vw 0 6.4vw;
  }
}

#product .inner .text .detailNumberWarp .detailNumberWarp__number {
  text-align: center;
  display: block;
  padding-top: 8px;
}
@media screen and (max-width:768px) {
  #product .inner .text .detailNumberWarp .detailNumberWarp__number {
    padding-top: 2.1333333333vw;
  }
}
#product .inner .text .detailNumberWarp .detailNumberWarp__number dt, #product .inner .text .detailNumberWarp .detailNumberWarp__number dd {
  text-align: center;
}

.modal-content .item {
  line-height: 1.6;
}

.modal-footer .modal-footer__inner {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  width: 100%;
}
@media screen and (max-width:768px) {
  .modal-footer .modal-footer__inner {
    display: block;
  }
}
.modal-footer .modal-desc-wrap {
  flex: 1;
}
.modal-footer .modal-desc__text {
  line-height: 1.6;
}
.modal-footer .modal-desc__attention {
  color: #f00;
  line-height: 1.6;
  margin: 4px 0 0;
}
@media screen and (max-width:768px) {
  .modal-footer .modal-desc__attention {
    margin: 1.0666666667vw 0 0;
  }
}
.modal-footer .btn-modal-wrap {
  text-align: right;
}
@media screen and (max-width:768px) {
  .modal-footer .btn-modal-wrap {
    text-align: center;
  }
}
.modal-footer .btn-modal__close {
  margin-top: 16px;
  display: inline-block;
  padding: 8px 16px;
  background-color: #cacaca;
  color: #333;
  border: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width:768px) {
  .modal-footer .btn-modal__close {
    margin-top: 4.2666666667vw;
    padding: 2.1333333333vw 4.2666666667vw;
  }
}

.shipping_address .orderBox div.userProduct dd strong {
  font-size: inherit;
  color: inherit;
}

@media screen and (min-width:769px) {
  .lblOrderCombineAlertWrap {
    width: 780px;
    margin: 0 auto;
  }
}
@media screen and (max-width:768px) {
  .lblOrderCombineAlertWrap {
    padding: 0 3vw 3vw;
  }
}

#dvUserBox .dvFixedPurchase_changeBtn_Wrap {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px 20px;
}
@media screen and (max-width:768px) {
  #dvUserBox .dvFixedPurchase_changeBtn_Wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#dvUserBox #dvOrderHistoryDetail .btn,
#dvUserBox #dvFixedPurchaseDetail .btn {
  font-size: 14px;
  width: 170px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvOrderHistoryDetail .btn,
  #dvUserBox #dvFixedPurchaseDetail .btn {
    font-size: 3.2vw;
    min-height: 9.3333333333vw;
    width: 40vw;
  }
}

#dvUserBox #dvOrderHistoryDetail .dvUserBtnBox .btn-single,
#dvUserBox #dvOrderHistoryDetail .dvUserBtnBox .btn-small,
#dvUserBox #dvFixedPurchaseDetail .dvUserBtnBox .btn-single,
#dvUserBox #dvFixedPurchaseDetail .dvUserBtnBox .btn-small {
  display: flex;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvOrderHistoryDetail .dvUserBtnBox .btn-single,
  #dvUserBox #dvOrderHistoryDetail .dvUserBtnBox .btn-small,
  #dvUserBox #dvFixedPurchaseDetail .dvUserBtnBox .btn-single,
  #dvUserBox #dvFixedPurchaseDetail .dvUserBtnBox .btn-small {
    width: calc((100% - 15px) / 2) !important;
  }
}

@media screen and (max-width:768px) {
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .product_quantity_group {
    justify-content: flex-end;
  }
}

#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .product_quantity {
  text-align: center;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .product_quantity {
    flex: 0;
    width: 21.3333333333vw !important;
  }
}

#dvUserBox #dvFixedPurchaseDetail .spProductModifyErrorMessage {
  color: #f00;
  text-align: left;
  display: block;
  padding: 20px;
}
#dvUserBox #dvFixedPurchaseDetail .spProductModifyErrorMessage:empty {
  display: none;
}

#dvUserBox #dvOrderHistoryDetail .changeBtn_Wrap,
#dvUserBox #dvFixedPurchaseDetail .changeBtn_Wrap {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  padding: 0 20px;
  gap: 5px;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvOrderHistoryDetail .changeBtn_Wrap,
  #dvUserBox #dvFixedPurchaseDetail .changeBtn_Wrap {
    padding: 0 10px;
    margin: 0 0 0 auto;
  }
}
#dvUserBox #dvOrderHistoryDetail .changeBtn_Wrap .btn,
#dvUserBox #dvFixedPurchaseDetail .changeBtn_Wrap .btn {
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvOrderHistoryDetail .changeBtn_Wrap .btn,
  #dvUserBox #dvFixedPurchaseDetail .changeBtn_Wrap .btn {
    font-size: 3.2vw;
  }
  #dvUserBox #dvOrderHistoryDetail .changeBtn_Wrap .btn:not(:first-of-type),
  #dvUserBox #dvFixedPurchaseDetail .changeBtn_Wrap .btn:not(:first-of-type) {
    margin-top: 0;
  }
}

#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .changeBtn_Wrap {
  padding-bottom: 20px;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping .changeBtn_Wrap {
    padding-bottom: 10px;
  }
}

#dvUserBox #dvFixedPurchaseDetail .quantity_btn {
  padding: 0;
  width: 24px !important;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width:768px) {
  #dvUserBox #dvFixedPurchaseDetail .productName select + .select2.select2-container.select2-container--default {
    width: 100% !important;
  }
}

#dvUserBox #dvFixedPurchaseDetail table .paymentStatus_10 {
  font-weight: normal;
}

.bulk-update-container {
  text-align: right;
  position: relative;
  padding-right: 1em;
  top: -3em;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .bulk-update-container {
    top: 0;
    padding-right: 0;
    margin-bottom: 4.2666666667vw;
  }
}
.bulk-update-container .slide-checkbox-wrap input[type=checkbox]:checked ~ label .slide-checkbox-btn::before {
  background-color: #aa823a;
}

.bulk-update-item-checkbox input[type=checkbox] {
  accent-color: #aa823a;
}

@media screen and (max-width:768px) {
  .dvFixedPurchaseList .bulk-update-item {
    width: 20vw !important;
  }
  .dvFixedPurchaseList .bulk-update-item > div {
    text-align: center;
  }
}

@media screen and (max-width:768px) {
  #dvUserBox #bulkUpdateModal .modal-content {
    width: 80%;
  }
}
#dvUserBox #bulkUpdateModal .modal-content h2 {
  font-size: 16px;
  padding-right: 10px !important;
}
@media screen and (max-width:768px) {
  #dvUserBox #bulkUpdateModal .modal-content h2 {
    font-size: 4.2666666667vw;
    padding-right: 2.6666666667vw !important;
  }
}
@media screen and (max-width:768px) {
  #dvUserBox #bulkUpdateModal.modal {
    height: 42.6666666667vw;
  }
}
#dvUserBox #bulkUpdateModal .bulk-update-button {
  display: inline-block;
  background-color: #aa823a;
}
#dvUserBox #bulkUpdateModal .notes {
  padding-bottom: 0;
  text-align: center;
}
@media screen and (max-width:768px) {
  #dvUserBox #bulkUpdateModal .notes {
    font-size: 2.9333333333vw !important;
  }
}

#dvUserFltContents .dvContentsInfo .notes {
  font-size: 16px !important;
  color: #333;
}
@media screen and (max-width:768px) {
  #dvUserFltContents .dvContentsInfo .notes {
    font-size: 3.2vw !important;
  }
}

.layout_r {
  display: flex;
  justify-content: flex-end;
}

input[type=checkbox],
input[type=radio] {
  accent-color: #aa823a;
}

#dvUserBox #dvOrderHistoryDetail .btn, #dvUserBox #dvFixedPurchaseDetail .btn {
  border-radius: 0;
  margin-left: 0;
}

#CartList .cart-payment-container {
  justify-content: space-between;
}
@media screen and (max-width:768px) {
  #CartList .cart-payment-container {
    font-size: 3.2vw;
    display: block;
  }
}
@media screen and (max-width:768px) {
  #CartList .cart-payment-container dt, #CartList .cart-payment-container dd {
    font-size: 3.2vw;
  }
}
@media screen and (max-width:768px) {
  #CartList .cart-payment-container .btn {
    font-size: 3.2vw !important;
  }
}

#CartList .cart-payment-container .payment-actions {
  justify-content: space-between;
  width: auto;
}
@media screen and (max-width:768px) {
  #CartList .cart-payment-container .payment-actions {
    display: block;
    margin-top: 10px;
  }
}

.deferred_payment_txt {
  margin-top: 8px;
}

#dvUserBox #dvOrderHistoryDetail .flex.layout.layout-ttl, #dvUserBox #dvFixedPurchaseDetail .flex.layout.layout-ttl {
  align-items: flex-end;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvOrderHistoryDetail .flex.layout.layout-ttl, #dvUserBox #dvFixedPurchaseDetail .flex.layout.layout-ttl {
    flex-direction: row;
  }
}
#dvUserBox #dvOrderHistoryDetail .flex.layout .flex-end, #dvUserBox #dvFixedPurchaseDetail .flex.layout .flex-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 20px;
}
@media screen and (max-width:768px) {
  #dvUserBox #dvOrderHistoryDetail .flex.layout .flex-end, #dvUserBox #dvFixedPurchaseDetail .flex.layout .flex-end {
    margin-right: 10px;
  }
}
@media screen and (min-width:769px) {
  #dvUserBox #dvOrderHistoryDetail .flex.layout.flex-al-end__pc, #dvUserBox #dvFixedPurchaseDetail .flex.layout.flex-al-end__pc {
    align-items: flex-end;
  }
}

.dvFixedPurchaseDetail input.nameFull {
  width: 100%;
}

input.cardNo1, input.cardNo2, input.cardNo3, input.cardNo4 {
  width: 55px;
}

#dvUserBox .flex.layout .notes.pdl,
#dvUserBox .flex.layout .pdl {
  padding-left: 20px;
}
@media screen and (max-width:768px) {
  #dvUserBox .flex.layout .notes.pdl,
  #dvUserBox .flex.layout .pdl {
    padding-left: 10px;
  }
}
#dvUserBox .flex.layout .desc {
  line-height: 1.4;
  font-size: 14px;
}
@media screen and (max-width:768px) {
  #dvUserBox .flex.layout .desc {
    font-size: 3.2vw;
  }
}

#dvUserBox textarea.inquirytext {
  height: 6em;
  min-height: auto;
}

#dvUserBox #dvFixedPurchaseDetail table td .fixedPurchaseStatus_10 {
  font-weight: normal;
}

#dvUserBox #dvOrderHistoryDetail table th,
#dvUserBox #dvFixedPurchaseDetail table th {
  line-height: 1.4;
}

#dvUserBox #dvOrderHistoryDetail .btn.type02,
#dvUserBox #dvFixedPurchaseDetail .btn.type02 {
  color: #aa823a;
}

#dvUserBox #dvOrderHistoryDetail .btn.btn-inverse,
#dvUserBox #dvFixedPurchaseDetail .btn.btn-inverse {
  border-color: #aa823a;
}

@media screen and (max-width:768px) {
  #dvUserBox #dvFixedPurchaseDetail .number-of-products {
    text-align: right !important;
  }
}

#dvUserBox #dvOrderHistoryDetail .flex.layout.al-flex-start,
#dvUserBox #dvFixedPurchaseDetail .flex.layout.al-flex-start {
  align-items: flex-start;
}

@media screen and (max-width:768px) {
  #divOrderPaymentUpdateButtons {
    margin-top: 20px;
  }
}