/* Japan Selections: scoped stylesheet. Edit this asset, not CMS content. */
.footer .payment-footer {
  font-size: 13px;
  line-height: 1.55;
}
.footer .payment-footer,
.footer .payment-footer .payment-footer-currencies,
.footer .payment-footer .payment-footer-currency,
.footer .payment-footer .payment-footer-label,
.footer .payment-footer .payment-footer-method {
  color: hsla(0, 0%, 100%, 0.9);
}
.footer .payment-footer-group + .payment-footer-group {
  margin-top: 22px;
}
.footer .payment-footer-label {
  display: block;
  margin-bottom: 8px;
  padding-left: 9px;
  border-left: 2px solid #b08d57;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.01em;
}
.footer .payment-footer-methods {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}
.footer .payment-footer-method {
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
}
.footer .payment-footer-method:not(:last-child):after {
  content: " · ";
  white-space: pre;
}
.footer .payment-footer-currencies {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
}
.footer .payment-footer-currency {
  display: inline;
  white-space: nowrap;
}
.footer .payment-footer-currency:not(:last-child):after {
  content: " · ";
}
@media (max-width: 767px) {
  .footer .payment-footer-group + .payment-footer-group {
    margin-top: 20px;
  }
}
.content-page .jsl-campaign,
.content-page .jspg-v3-root,
.content-page .svp-wrap,
.jsl-article .jsl-body {
  font-size: 14px;
  line-height: 1.8;
}
.content-page h2.jspg-v3-block-title,
.content-page h2.svp-section-title {
  font-family: inherit;
}
.page_login .new_customer,
.page_login .page-login {
  color: #2b2a28;
  font-size: 14px;
  line-height: 1.8;
}
.page_login .form-control {
  border: 1px solid #dcd7cd;
  border-radius: 5px;
  box-shadow: none;
  min-height: 44px;
}
.page_login .page-login .btn.btn-primary {
  background: #b08d57;
  color: #fff;
  border-color: #b08d57;
  border-radius: 5px;
  min-height: 44px;
}
.page_login .page-login .btn.btn-primary:focus,
.page_login .page-login .btn.btn-primary:hover {
  background: #8a6b3f;
  border-color: #8a6b3f;
}
.page_login .page-login .form-control:focus {
  border-color: #8a6b3f;
  outline: 2px solid #b08d57;
  outline-offset: 2px;
}
.js-empty-state {
  padding: 28px;
  background: #f7f5f0;
  border: 1px solid #ece8df;
  border-radius: 8px;
  line-height: 1.8;
}
.js-empty-state a {
  color: #8a6b3f;
  text-decoration: underline;
}
.footer .js-threads-icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
  vertical-align: middle;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid #8a6b3f;
  outline-offset: 3px;
}
.b2b-wrap .b2b-hero {
  min-height: 340px;
}
.b2b-wrap .b2b-hero-image {
  height: 340px;
}
@media (max-width: 767px) {
  .b2b-wrap .b2b-hero {
    min-height: 350px;
  }
  .b2b-wrap .b2b-hero-image {
    height: 350px;
  }
  .jsl-article h1.jsl-title {
    font-size: 24px;
  }
  .js-empty-state {
    padding: 22px;
  }
}

.js-search-result { padding: 22px; margin-bottom: 24px; border: 1px solid #e8e3da; border-radius: 8px; min-height: 260px; background: #fff; }
.js-search-result h2 { font-size: 20px; line-height: 1.4; margin: 0 0 14px; }
.js-search-result p { margin-bottom: 16px; }
.js-search-result > a { font-weight: 600; color: #8a6b3f; }
@media(max-width:767px) { .js-search-result { min-height: 0; } }

.jsl-social .js-threads-icon{width:18px;height:18px;fill:currentColor;vertical-align:middle}

/* SNS use the site's warm brown; their recognizable icons remain unchanged. */
footer.footer .social_footer .follow_option li a.js-sns-link{background:#b08d57;border-color:#b08d57;color:#fff}
footer.footer .social_footer .follow_option li a.js-sns-link:hover,footer.footer .social_footer .follow_option li a.js-sns-link:focus-visible{background:#8a6b3f;border-color:#8a6b3f;color:#fff}
.footer .payment-footer-method:not(:last-child):after,.footer .payment-footer-currency:not(:last-child):after{color:#b08d57}
.jsl-contact .jsl-social a,.jsl-supplier .jsl-social a{background:#b08d57;color:#fff}
.jsl-social a:hover,.jsl-social a:focus-visible{background:#8a6b3f;color:#fff}
/* Shared CTA buttons: services, policies, About and news. */
html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 46px;
  padding: 10px 22px !important;
  border: 1px solid #b08d57 !important;
  border-radius: 30px !important;
  background: #fff !important;
  color: #b08d57 !important;
  font-family: inherit;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  box-shadow: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled):hover,
html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled):focus-visible {
  background: #b08d57 !important;
  color: #fff !important;
  border-color: #b08d57 !important;
}
html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled):focus-visible {
  outline: 2px solid #b08d57;
  outline-offset: 3px;
}
html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled) :is(i,svg,span) { color: inherit !important; }
html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled) :is(i,svg) { flex-shrink: 0; }
html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled) span { min-width: 0; overflow-wrap: anywhere; }
html body :is(.svp-cta-links, .jsl-contact-list, .jspg-v3-contact-list, .js-payment-contacts) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
@media (prefers-reduced-motion: reduce) {
  html body :is(a.svp-cta-btn, a.b2b-hero-cta, a.jsl-contact-pill, a.jspg-v3-contact-link, a.js-payment-pill, .jsl-cta a):not([aria-disabled="true"]):not(.svp-btn-disabled) { transition: none !important; }
}
.js-sns-link i{color:inherit}
/* Contact consent: keep native checkbox visible despite legacy theme rules. */
html body .jsl-consent input[type="checkbox"] {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  flex: 0 0 20px;
  accent-color: #8a6b3f;
  cursor: pointer;
}
html body .jsl-consent input[type="checkbox"]:focus-visible {
  outline: 2px solid #8a6b3f;
  outline-offset: 3px;
}
html body .jsl-consent > span { min-width: 0; }