/*== FORM ==*/
input:-webkit-autofill{transition:background-color 5000s ease-in-out 0s !important}
.is-invalid .form-control{border-color:red;}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{opacity:.15}
  button:disabled:hover,[type=button]:disabled:hover,[type=reset]:disabled:hover,[type=submit]:disabled:hover{background:#000 !important;color:#fff !important}
fieldset{min-width:0;padding:0;margin:0;border:0}
/* form-control */
.form-control,#payjp_checkout_box input{display:block;width:100%;height:calc(1.5em + 1rem + .2rem) !important;padding:0.55rem .9rem !important;border-radius:0.3rem !important;font-weight:400;line-height:1.5;color:#000 !important;background-color:rgba(var(--wht),.9) !important;background-clip:padding-box;border:.1rem solid #000 !important;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
  #payjp_checkout_box input:hover{background-color:#000 !important;color:#fff !important;}
  .form-control:focus{color:#000;background-color:#fff;border-color:#999;outline:0;box-shadow:0 0 0 0.2rem rgb(0 0 0 / 5%)}
  .form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}
  .form-control::placeholder{color:#6c757d;opacity:1}
  .form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}
input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{appearance:none}
select.form-control:focus::-ms-value{color:#000;background-color:#fff}
.form-control-plaintext{display:block;width:100%;padding:0.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}
.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}
select.form-control[size],select.form-control[multiple],textarea.form-control{height:auto}
/* form-group */
.form-group{margin-bottom:var(--mbSm)}
  .form-group label{color:var(--gray);}
.form-text{display:block;margin-top:0.25rem}
.form-check{position:relative;display:block;padding-left:1.25rem}
.form-check-input{position:absolute;margin-top:0.3rem;margin-left:-1.25rem}
.form-check-input[disabled] ~ .form-check-label,.form-check-input:disabled ~ .form-check-label{color:#6c757d}
.form-check-label{margin-bottom:0}
.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:0.75rem}
.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:0.3125rem;margin-left:0}
/* valid */
.valid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:80%;color:#28a745}
.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,0.9);border-radius:0.25rem}
.was-validated :valid ~ .valid-feedback,.was-validated :valid ~ .valid-tooltip,.is-valid ~ .valid-feedback,.is-valid ~ .valid-tooltip{display:block}
.was-validated .form-control:valid,.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}
.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}
.was-validated .custom-select:valid,.custom-select.is-valid{border-color:#28a745;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}
.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}
.was-validated .form-check-input:valid ~ .form-check-label,.form-check-input.is-valid ~ .form-check-label{color:#28a745}
.was-validated .form-check-input:valid ~ .valid-feedback,.was-validated .form-check-input:valid ~ .valid-tooltip,.form-check-input.is-valid ~ .valid-feedback,.form-check-input.is-valid ~ .valid-tooltip{display:block}
.was-validated .custom-control-input:valid ~ .custom-control-label,.custom-control-input.is-valid ~ .custom-control-label{color:#28a745}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,.custom-control-input.is-valid ~ .custom-control-label::before{border-color:#28a745}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,.custom-control-input.is-valid:checked ~ .custom-control-label::before{border-color:#34ce57;background-color:#34ce57}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,.custom-control-input.is-valid:focus ~ .custom-control-label::before{box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before{border-color:#28a745}
.was-validated .custom-file-input:valid ~ .custom-file-label,.custom-file-input.is-valid ~ .custom-file-label{border-color:#28a745}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,.custom-file-input.is-valid:focus ~ .custom-file-label{border-color:#28a745;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}

.input--filled{position: relative;}
.invalid-feedback{display:none;width:100%;min-width: 30em;color:red;position: absolute;bottom: -1.85rem;left: 0;}
  .invalid-feedback::before{content:"↑";margin-right:.25rem;}
.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:0.25rem 0.5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,0.9);border-radius:0.25rem}
.was-validated :invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-tooltip,.is-invalid ~ .invalid-feedback,.is-invalid ~ .invalid-tooltip{display:block}
.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}
.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}
.was-validated .custom-select:invalid,.custom-select.is-invalid{border-color:#dc3545;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}
.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}
.was-validated .form-check-input:invalid ~ .form-check-label,.form-check-input.is-invalid ~ .form-check-label{color:#dc3545}
.was-validated .form-check-input:invalid ~ .invalid-feedback,.was-validated .form-check-input:invalid ~ .invalid-tooltip,.form-check-input.is-invalid ~ .invalid-feedback,.form-check-input.is-invalid ~ .invalid-tooltip{display:block}
.was-validated .custom-control-input:invalid ~ .custom-control-label,.custom-control-input.is-invalid ~ .custom-control-label{color:#dc3545}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,.custom-control-input.is-invalid ~ .custom-control-label::before{border-color:#dc3545}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,.custom-control-input.is-invalid:checked ~ .custom-control-label::before{border-color:#e4606d;background-color:#e4606d}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,.custom-control-input.is-invalid:focus ~ .custom-control-label::before{box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before{border-color:#dc3545}
.was-validated .custom-file-input:invalid ~ .custom-file-label,.custom-file-input.is-invalid ~ .custom-file-label{border-color:#dc3545}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,.custom-file-input.is-invalid:focus ~ .custom-file-label{border-color:#dc3545;box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}
.form-inline{display:flex;flex-flow:row wrap;align-items:center}
.form-inline .form-check{width:100%}
/* custom control */
.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:2rem}
.custom-control-input,input[id*="pay-"]{position:absolute;z-index:-1;opacity:0}
.custom-control-inline{display:inline-flex;}
.custom-control-label,label[for*="pay-radio"]{position:relative;vertical-align:top}
  .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}
  .custom-control-label::before,.custom-control-label::after,label[for*="pay-radio"]::before,label[for*="pay-radio"]::after{position:absolute;top:0.15em;left:-1.9rem;display:block;width:1.25em;height:1.25em;content:"";border-radius:0.25rem;}
  .custom-control-label::after,label[for*="pay-radio"]::after{background-repeat:no-repeat;background-position:center center;background-size:50% 50%;border: 1px solid #000;}
  .custom-control-label::before,label[for*="pay-radio"]::before{pointer-events:none;content:"";user-select:none;background-color:#dee2e6}
/* custom checked */
.custom-control-input:checked~.custom-control-label::before,input[id*="pay-"]:checked~label[for*="pay-radio"]::after{color:#fff;background-color:#000}
/* custom select */
.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:0.375rem 1.75rem 0.375rem 0.75rem;line-height:1.5;color:#000;vertical-align:middle;background:#fff url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>") no-repeat right .75rem center;background-size:1.2rem 1.5rem;border:1px solid #ced4da;border-radius:0.25rem;appearance:none}
  .custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
/* custom radio */
.custom-radio .custom-control-label::before,.custom-radio .custom-control-label::after,label[for*="pay-radio"]::after{border-radius:50%}
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after,.custom-radio input[id*="pay-"]:checked ~ label[for*="pay-radio"]::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,.custom-radio input[id*="pay-"]:disabled:checked ~ label[for*="pay-radio"]::before{background-color:rgba(0,123,255,0.5)}
:is(.cart,.customers).page-content,.h-content{min-height:calc(100vh - var(--hHeader) - var(--hFooter));}
.nav-top .active a{background:none !important;color:#000 !important;}
  .nav-top .active a:hover{background-color:#000 !important;color:#fff !important;}
.customers dt,.customers dd,option,#payjp_checkout_box input{font-size:var(--fzSm);}
.customers dt,#payjp_checkout_box input{font-family:var(--ffB) !important;}
.field__help{font-size:.8rem;margin-top:.55rem;}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert{position:relative;text-align:center;padding:0.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.25rem}
#payjp_checkout_box input{width:100%;}
.reset-form legend{font-size:1.2rem;margin-bottom:2rem;}
/* modal */
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;opacity:.75;}
  .close:hover{color:#000;text-decoration:none;}
  .close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{opacity:1;}
.modal-open{overflow:hidden;}
    .modal-open .modal{overflow-x:hidden;overflow-y:auto;}
    .modal-dialog{position:relative;width:auto;margin:0.5rem;pointer-events:none;}
    .modal.fade .modal-dialog{transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}
.modal.show .modal-dialog{transform:none;}
.modal.modal-static .modal-dialog{transform:scale(1.02);}
.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem);}
    .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden;}
    .modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0;}
    .modal-dialog-scrollable .modal-body{overflow-y:auto;}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem);}
    .modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:"";}
    .modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%;}
    .modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none;}
    .modal-dialog-centered.modal-dialog-scrollable::before{content:none;}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:0.3rem;outline:0;}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#212222;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop.show{opacity:0.5;}
.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee2e6;}
.modal-footer{border-top:1px solid #dee2e6;}
    .modal-footer,.modal-header{padding-left:1rem;padding-right:1rem;}
.modal-body{position:relative;flex:1 1 auto;padding:1rem;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}


/*== CART ==*/
.cart .order-form .payments .payment-item input[type=radio] + label,.cart .order-form .payments .payment-item input[type=checkbox] + label{font-weight:700;}
.step-circle{height:2em;width:2em;border-radius:1em;padding-top:3px;text-align:center;background-color:#929292;color:#fff;}
  #main:not(.error) .active .step-circle{background-color:#212222;}
.form-noshi input,.form-noshi select{width: 100%;}
/** 顧客ページ */
.customer-credit-card .card-list__item{display:flex;align-items:center;flex-wrap:wrap;}
.customers .register-form .select-birthday-field > div,.customers .edit-form .select-birthday-field > div{display:flex;margin-right:-.5rem;}
.customers #payjp_checkout_box input[type=button]{background-image:none;}
/** button */
.btn-plus,.btn-minus{background-color:#464646;font-size:1rem;padding:0.3rem;border-radius:2.2rem;width:1.5rem;height:1.5rem;line-height:1.5em;}
.btn-img-icon{width:1.25em;margin-right:.5em;vertical-align:sub;}
.cart .cart-products .cart-item__wrapping .input-wrapping_type,.cart .cart-products .cart-item__wrapping .input-wrapping_text{border:1px solid #707070;}
label{position:relative;}
  label.required::after{position:absolute;content:'*';color:#dc3545;top:-.35em;right:-.5em;font-size:1.75em;}
input.form-control[type=file],.cart .cart-products .cart-item__wrapping input.input-wrapping_type[type=file],.cart .cart-products .cart-item__wrapping input.input-wrapping_text[type=file]{border:0 !important;}
/** elements/side-modal */
.modal .modal-dialog-aside{width:350px;max-width:90%;height:100%;margin:0;transform:translate(0);transition:transform .2s;}
.modal .modal-dialog-aside .modal-content{height:inherit;border:0;border-radius:0;}
.modal .modal-dialog-aside .modal-content .modal-body{overflow-y:auto;}
.modal.fixed-right .modal-dialog-aside{margin-left:auto;transform:translateX(100%);}
.modal.show .modal-dialog-aside{transform:translateX(0);}
/** elements/customers-nav */
.nav-title a:hover{text-decoration:none;}
.nav-title .active-menu::after{font-family:'Font Awesome 5 Pro';content:'\f078';padding-left:0.5rem;font-size:1em;}
.nav-title [aria-expanded="true"] .active-menu::after{content:'\f077';}
.nav-item:hover,.active .nav-item{border-color:#000 !important;}
/* murata custom */
.-shipping-normal .price::before,.-shipping-cold .price::before,.-shipping-frozen .price::before{margin-right:.5em;top:-.2em;padding:.25em .6em .3em;font-size:.75rem !important;border-radius:.2em;line-height:1;position:relative;font-weight:normal;font-family:"Yu Mincho","Hiragino Mincho Pro","Roboto Slab",Garamond,"Times New Roman" !important}
.-shipping-normal .price::before{content:"普通";background:#e0e0e0;}
.-shipping-cold .price::before{content:"冷蔵";background:#c2e2ef;}
.-shipping-frozen .price::before{content:"冷凍";background:#fff;}
#payjp_checkout_box .has-token{border:0 !important;font-weight:bold;color:#000 !important;}
label[for="customer_password"]{position:relative;}
  label[for="customer_password"]::before{font-weight:400;width:9rem;position:absolute;z-index:1;bottom:.5rem;left:6.2rem;text-align:right;content:"※半角英数字8文字以上";font-size:.75rem;}
textarea#memo{min-height:8em;}