@charset "utf-8";
/* CSS Document */

.page-checkout-box .box-left{width: 48%;float: left;}
.page-checkout-box .box-right{width: 50%;float: right;background: #f8f8f8;padding: 40px;}
.page-checkout-box .checkout-title{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.page-checkout-box input.input-1411,.page-checkout-box .pickup .cilck-show .input-country,.page-checkout-box textarea.input-1413{height: 50px;height: 50px;border: 1px solid #ddd;padding: 0 20px;overflow: hidden;border-radius: 6px;width: 100%;font-size: 15px;}
.page-checkout-box .product-comparison-label{float: left;margin-top: 15px;}
.page-checkout-box .all-input-hook{margin-right: 8px;}
.page-checkout-box .question{gap: 20px;}
.page-checkout-box .question .icon{width: 24px;height: 24px;cursor: pointer;position: relative;}
.page-checkout-box .question .icon p{font-size: 14px;line-height: 16px;margin: 0;padding: 10px;border-radius: 5px;background: #a6c939;color: #fff;position: absolute;left: -140px;bottom: 30px;width: 310px;z-index: 9;display: none;}
.page-checkout-box .question .icon:hover p{display: block;}
.page-checkout-box .pickup{margin-top: 20px;}

.hover-box-1351 .cilck{cursor:pointer;}
.hover-box-1351 .cilck.active{}
.hover-box-1351 .cilck-show{display:none;}
.hover-box-1351 .cilck-show.active{display:block;}
.page-checkout-box .box-1353{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-bottom: 20px;}
.page-checkout-box .box-1353 .cilck{display: flex;gap: 10px;border: 1px solid #ddd;padding: 20px;border-radius: 6px;align-items: center;}
.page-checkout-box .box-1353 .cilck h4{font-weight: 500;width: calc(100% - 24px);line-height: 18px;}
.page-checkout-box .hover-box-1351 .cilck.active{background: #a6c939;color: #fff;border-color: #a6c939;}

.page-checkout-box .cilck-show .box-1409{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.page-checkout-box .cilck-show .box-1410 .field{font-weight: 500;margin-bottom: 5px;}
.page-checkout-box .cilck-show .box-1410 .field span{color: #e20000;}
.page-checkout-box .cilck-show .box-1412{display: flex;flex-direction: column;gap: 20px;}
.page-checkout-box .cilck-show .input-country{cursor: pointer;} 
.page-checkout-box .cilck-show select.input-country {
  font-size: 15px;
  padding: 8px 30px 8px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 12px 8px;
  appearance: none;
  -webkit-appearance: none;
}
.page-checkout-box .cilck-show textarea.input-1413{height: 180px;padding: 20px;resize: none;display: block;}

.box-billing-checkbox .box-billing-address {display: none;margin-top: 10px;}
.box-billing-checkbox .all-input-hook:checked ~ .box-billing-address {display: none;}
.box-billing-checkbox .all-input-hook:not(:checked) ~ .box-billing-address {display: block;}

.page-checkout-box .input-1414{height: 50px;line-height: 50px;text-align: center;padding: 0 30px;background: #000;color: #fff!important;border-radius: 500px;font-size: 18px;font-weight: 500;width: 100%;text-align: center;margin: 20px 0 10px;display: block;}
.page-checkout-box .input-1414::before {background: #a6c939;color: #fff!important;}
.page-checkout-box .box-1415 a{border-bottom: 1px solid #000;padding-bottom: 3px;}

.page-checkout-box .cilck-show .box-store{display: flex;flex-direction: column;gap: 10px;}
.page-checkout-box .cilck-show .store-option{border: 1px solid #ddd;padding: 20px;overflow: hidden;border-radius: 8px;width: 100%;cursor: pointer;}
.page-checkout-box .cilck-show .box-store .store-info{width: calc(100% - 30px);}
.page-checkout-box .cilck-show .box-store .store-info dd{font-weight: 600;}
.page-checkout-box .cilck-show .box-store .store-info dt{font-size: 16px;}
.page-checkout-box .cilck-show .box-store .notice{background: #F1F7EB;border-radius: 6px;padding: 10px 15px;color: #a6c939;display: inline-block;line-height: 16px;font-size: 14px;font-weight: 500;margin-bottom: 20px;}
.page-checkout-box .cilck-show .box-store .notice .word{width: calc(100% - 30px);}



.radio-color {
 appearance: none;
 -webkit-appearance: none;
 width: 16px;
 height: 16px;
 border: 2px solid #ccc;
 border-radius: 50%;
 outline: none;
 cursor: pointer;
 position: relative;
 vertical-align: middle;
}

.radio-color:checked {
 border-color: #a6c939;
}

.radio-color:checked::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #a6c939;
}

.checkout-product-list .pro-info{border-bottom: 1px solid #d8d8d8;padding: 10px 0;width: 100%;display: flow-root;}
.checkout-product-list .pro-info .box-1025{display: flex;align-items: center;gap: 20px;}
.checkout-product-list .box-1016,.checkout-product-list .box-1018,.checkout-product-list .box-1029{width: 140px;}
.checkout-product-list .box-1016{/*background: #fff;border-radius: 10px;*/}
.checkout-product-list .box-1017{width: calc(100% - 280px);}
.checkout-product-list .box-1018 .price-0521{margin: 0;text-align: right;line-height: 20px;}
.checkout-product-list .box-1018 .price-0521 span{margin-right: 0;}
.checkout-product-list .box-1017 .title{font-weight: 500;line-height: 20px;margin-bottom: 5px;}
.checkout-product-list .box-1017 .title span{color: #999;}
.checkout-product-list .box-1017 .parameter{font-size: 15px;color: #666;line-height: 20px;}
.checkout-product-list .page-checkout-coupon .box-1019{margin: 30px 0;display: flow-root;}
.checkout-product-list .page-checkout-coupon .anwende,.checkout-product-list .page-checkout-coupon .coupon{height: 45px;line-height: 45px;padding: 0 20px;overflow: hidden;font-size: 15px;background: #fff;float: left;margin-top: 5px;}
.checkout-product-list .page-checkout-coupon .anwende{font-weight: 500;border-radius: 500px;background: #000;color: #fff;}
.checkout-product-list .page-checkout-coupon .anwende::before {background: #a6c939;}
.checkout-product-list .page-checkout-coupon .coupon{max-width: 300px;border: 1px solid #ddd;border-radius: 6px;width: 100%;margin-right: 15px;}

.checkout-product-list .page-checkout-bill .box-1020{border-bottom: 1px solid #d8d8d8;padding: 15px 0;width: 100%;gap: 20px;}
.checkout-product-list .page-checkout-bill .box-1021{font-weight: 600;}
.checkout-product-list .page-checkout-bill .box-1022{text-align: right;}
.checkout-product-list .page-checkout-bill .box-1023{font-size: 20px;font-weight: 600;color: #a6c939;line-height: 24px;}
.checkout-product-list .page-checkout-bill .box-1024{font-size: 15px;}
.checkout-product-list .pro-info .box-1027{background: #e20000;border-radius: 4px;color: #fff;height: 18px;line-height: 18px;padding: 0 4px;font-weight: 500;font-size: 13px;display: inline-block;float: right;}
.checkout-product-list .pro-info .box-1028{font-weight: 500;position: relative;width: fit-content;float: right;}
.checkout-product-list .pro-info .box-1028::after{position: absolute;top: 44%;left: 0;width: 100%;background: #000;content: '';width: 100%;height: 2px;}




.page-checkout-box-empty{display: flex;flex-direction: column;align-items: center;}
.page-checkout-box-empty .txt{font-size: 20px;max-width: 1100px;margin: 0 auto;text-align: center;}
.page-checkout-box-empty .link{display: inline-block;border-radius: 5px;border: 2px solid #727272;padding: 0 30px;height: 50px;line-height: 48px;font-weight: 500;margin-top: 30px;width: fit-content;}
.page-checkout-box-empty .link::before {background: #a6c939;}
.page-checkout-box-empty .link:hover{color: #fff!important;}
.page-checkout-box-empty .link:hover{border-color: #a6c939;}



.page-checkout-box-success{display: flex;display: flex;flex-direction: column;gap: 20px;}
.page-checkout-box-success .box{display: inline-flex;align-items: center;gap: 15px;background: #F1F7EB;border-radius: 10px;padding: 20px;color: #a6c939;}
.page-checkout-box-success .box2{color: #e20000;background: rgba(235,171,172,0.4);}
.page-checkout-box-success h2{font-size: 19px;font-weight: 500;width: calc(100% - 28px);line-height: 26px;}
.page-checkout-box-success .box svg{width: 28px;height: 28px;}



@media (max-width: 1200px){

}
@media (max-width: 1024px){
  .page-checkout-box .box-right,.page-checkout-box .box-left{width: 100%;}
  .page-checkout-box .box-right{margin-top: 30px;}
}
@media (max-width: 768px) {
  .page-checkout-box-success h2{font-size: 17px;line-height: 24px;}
  .page-checkout-box-empty .txt{font-size: 18px;line-height: 24px;}

  .page-checkout-box .box-1353{grid-template-columns: repeat(1, 1fr);gap: 10px;}
  .page-checkout-box-success .box{padding: 14px;gap: 8px;}
  .page-checkout-box-success{gap: 15px;}

  .page-checkout-box .cilck-show .box-1409{gap: 10px;grid-template-columns: repeat(1, 1fr);}
  .page-checkout-box .cilck-show .box-1412{gap: 15px;}
  .page-checkout-box .cilck-show .box-store .store-info dt{line-height: 20px;margin-top: 10px;}
  .page-checkout-box .cilck-show .box-store .store-info dd{line-height: 24px;}

  .checkout-product-list .pro-info .box-1025{display: flow-root;}
  .page-checkout-box .box-right{padding: 20px;}
  .checkout-product-list .box-1016, .checkout-product-list .box-1018, .checkout-product-list .box-1029,.checkout-product-list .box-1017{width: 100%;}
  .checkout-product-list .box-1016{width: 38%;float: left;}
  .checkout-product-list .box-1017,.checkout-product-list .box-1018,.checkout-product-list .box-1029{width: 60%;float: right;}
  .checkout-product-list .box-1018,.checkout-product-list .box-1029{margin-top: 5px;}
  .checkout-product-list .box-1018 .price-0521{text-align: left;}
  .checkout-product-list .box-1018 .price-0521 span{font-size: 14px;}
  .checkout-product-list .box-1026{display: flex;flex-direction: column;align-items: flex-start;}
  .checkout-product-list .box-1025{margin-top: 20px;}

  .checkout-product-list .page-checkout-coupon .box-1019{flex-direction: column;}
  .checkout-product-list .page-checkout-coupon .box-1019{gap: 10px;}

  .page-checkout-box .box-1353 .cilck{padding-top: 10px;padding-bottom: 10px;}
}



/* cart20240128 */
.page-cart-box .box-right{float: left;background: #fff;width: 65%;padding: 0;}
.page-cart-box .box-left{float: right;background: #f8f8f8;padding: 40px;width: 32%;}
.page-cart-box .cart-1742{width: 130px;}
.page-cart-box .cart-1742 button.delete{width: 20px;height: 20px;float: right;}
.page-cart-box .box-1018{}
.page-cart-box  .box-1017{width: calc(100% - 410px);}
.page-cart-box .checkout-product-list .page-checkout-bill .box-1058{font-size: 16px;line-height: 20px;}

@media (max-width: 1024px){
    .page-cart-box .box-right,.page-cart-box .box-left{float: left;width: 100%;}
    .page-cart-box .checkout-product-list .page-checkout-bill .box-1058{font-size: 15px;}
    .page-cart-box .box-left{margin-top: 30px;}
}
@media (max-width: 768px){
    .page-cart-box .box-1017{width: 60%;}
    .page-cart-box .cart-1742{margin: 10px 0 5px 2%;display: inline-flex;}
    .checkout-product-list .pro-info .cart-1743{display: none;}
    .page-cart-box .box-left{padding: 20px;}
}

#ppc-button-ppcp-gateway{display:none !important;}