/* Presentation only. Names, field types, prices, validation and form actions stay server-owned. */
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) {
  --ep-account-ink: #343b41;
  --ep-account-muted: #74817d;
  --ep-account-line: #e2e4e5;
  --ep-account-soft: #f6f7f8;
  --ep-account-accent: #354f54;
  --ep-account-error: #b22626;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-layoutRole__main {
  color: var(--ep-account-ink);
  line-height: 1.7;
  overflow-wrap: anywhere;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-pageHeader h1) {
  font-size: 29px;
  line-height: 1.35;
  font-weight: 700;
  color: #3b404d;
  letter-spacing: 0;
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 8px;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs {
  border-top: 0;
  margin: 25px 0;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs > dl {
  border-bottom: 1px solid #edf1ef;
  padding: 12px 0;
  margin: 0;
  gap: 12px;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs :is(dt, dd) {
  min-width: 0;
  padding: 0;
  margin-bottom: 0;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs dt {
  color: var(--ep-account-ink);
  font-size: 12px;
  font-weight: 700;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-required {
  display: inline-block;
  padding: 2px 5px;
  margin-left: 6px;
  background: #fff1f2;
  color: #bd4652;
  border: 0;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1.5;
  vertical-align: middle;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) :is(.ec-borderedDefs, .ec-login__input, .ec-orderConfirm) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border: 1px solid #cdd9d5;
  border-radius: 3px;
  padding: 10px 12px;
  background-color: #fff;
  color: #2d3b3a;
  min-height: 42px;
  box-shadow: none;
  max-width: 100%;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) :is(.ec-borderedDefs, .ec-login__input, .ec-orderConfirm) :is(input, select, textarea):focus-visible {
  outline: 2px solid #357fa7;
  outline-offset: 2px;
  border-color: #357fa7;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .error :is(input, select, textarea) {
  border-color: var(--ep-account-error);
  background-color: #fff8f8;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-errorMessage {
  color: var(--ep-account-error);
  line-height: 1.6;
  margin: 6px 0;
  font-weight: 600;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-blockBtn--action, .ec-blockBtn--primary, .ec-blockBtn--cancel) {
  border-radius: 5px;
  height: auto;
  min-height: 46px;
  padding: 12px 16px;
  line-height: 1.55;
  white-space: normal;
  font-size: 12px;
  font-weight: 700;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-inlineBtn, .ec-inlineBtn--action, .ep-changeBtn) {
  border-radius: 4px;
  line-height: 1.5;
  min-height: 38px;
  padding: 8px 13px;
  height: auto;
  max-width: 100%;
  white-space: normal;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-rectHeading, .ec-historyListHeader) {
  background: var(--ep-account-soft);
  border-radius: 5px;
  border: 1px solid var(--ep-account-line);
  color: var(--ep-account-ink);
  padding: 13px 16px;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-rectHeading h2 {
  color: var(--ep-account-ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) :is(.ec-orderRole__detail, .ec-orderRole__summary, .ec-imageGrid__content, .ec-grid3__cell2, .ec-grid3__cell) { min-width: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-orderRole__summary { align-self: flex-start; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-totalBox {
  border: 1px solid var(--ep-account-line);
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 2px 5px #19343c08;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-totalBox :is(.ec-totalBox__paymentTotal, .ec-totalBox__total) {
  border-top: 1px solid var(--ep-account-line);
  margin-top: 12px;
  padding-top: 12px;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-totalBox__price { font-weight: 700; font-size: 24px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-totalBox__spec { gap: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-totalBox__spec dd { margin-left: auto; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-imageGrid__content > p:first-child { font-weight: 700; line-height: 1.6; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-imageGrid__img img { width: 100%; height: auto; object-fit: contain; border: 1px solid #e4e8e9; border-radius: 4px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) :is(.ec-login, .ec-guest) { border: 1px solid var(--ep-account-line); border-radius: 6px; background: #fff; padding: 24px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-login__link { margin: 10px 0; line-height: 1.7; }
:is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-navlistRole__navlist { gap: 8px; flex-wrap: wrap; margin: 0 0 16px; }
:is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-navlistRole__item { border: 1px solid var(--ep-account-line); border-radius: 5px; flex: 1 1 140px; margin: 0; background: #fff; }
:is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-navlistRole__item a { display: block; padding: 11px 14px; font-size: 13px; text-align: center; height: auto; min-height: 44px; color: var(--ep-account-ink); }
:is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-navlistRole__item.active { border-color: #5c8c94; background: #edf5f5; }
:is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-navlistRole__item.active a { color: #294e55; font-weight: 700; }
:is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-welcomeMsg { padding: 12px 16px; background: var(--ep-account-soft); border-radius: 4px; margin-bottom: 24px; line-height: 1.8; }
:is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-historyRole { border: 1px solid var(--ep-account-line); border-radius: 6px; padding: 18px; margin: 0 0 20px; }
:is(body#page_mypage_mitsumori, body#page_mypage_mitsumori_detail) .ec-orderRole { display: block; }
.ep-ready-table-scroll { overflow-x: auto; max-width: 100%; border: 1px solid #e2e4e5; border-radius: 5px; margin-bottom: 20px; scrollbar-color: #879a9f #eef2f3; }
.ep-ready-table-scroll:focus-visible { outline: 2px solid #357fa7; outline-offset: 2px; }
.ep-ready-table-scroll table { min-width: 620px; width: 100%; margin: 0; }
.ep-ready-table-scroll th { font-size: 13px; background: #f6f7f8; white-space: nowrap; }
.ep-ready-table-scroll :is(th, td) { vertical-align: top; padding: 12px; }
.ep-ready-table-scroll td:first-child { min-width: 160px; max-width: 360px; }
.ep-ready-table-hint { color: #74817d; margin: 8px 0; font-size: 12px; }
.ep-ready-table-hint[hidden] { display: none; }
.ep-ready-contact-help { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 20px 0; }
.ep-ready-contact-help > div { border: 1px solid #e2e4e5; border-radius: 5px; padding: 16px; background: #f6f7f8; }
.ep-ready-contact-help h2 { margin: 0 0 7px; font-size: 15px; font-weight: 700; }
.ep-ready-contact-help p { font-size: 13px; line-height: 1.7; margin: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs { margin: 12px 0; padding: 10px 12px; background: #f5f7f8; border: 1px solid #e2e4e5; border-left: 3px solid #88a5ac; border-radius: 4px; font-size: 13px; line-height: 1.65; font-weight: normal; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__title { display: flex; align-items: center; gap: 8px; min-height: 36px; margin: 0; font-weight: 700; cursor: pointer; list-style: none; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__title::-webkit-details-marker { display: none; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__title::marker { content: ''; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__title:focus-visible { outline: 2px solid #357fa7; outline-offset: 2px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs[open] > .cart-specs__title { margin-bottom: 6px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__toggle { display: block; flex: 0 0 12px; fill: none; stroke: #58666a; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs[open] .cart-specs__toggle { transform: rotate(180deg); }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__list { margin: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__row { display: grid; grid-template-columns: minmax(6em, 35%) minmax(0, 1fr); gap: 2px 10px; padding: 4px 0; border-bottom: 1px solid #e2e8ea; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__row:last-child { border-bottom: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__row :is(dt, dd) { min-width: 0; margin: 0; overflow-wrap: anywhere; white-space: normal; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__row dt { font-weight: 400; color: #58666a; }
.ep-ready-auth { border: 1px solid #e2e4e5; border-radius: 5px; padding: 20px; margin: 0 0 24px; }
.ep-ready-auth h2 { margin: 0 0 6px; font-size: 17px; font-weight: 700; }
.ep-ready-auth-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; }
.ep-ready-auth-links a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid #cdd9d5; border-radius: 4px; min-height: 44px; padding: 10px 14px; background: #fff; color: #343b41; font-weight: 700; font-size: 14px; }
.ep-ready-auth-links svg { width: 20px; height: 20px; flex: 0 0 20px; }
.ep-ready-auth-yahoo { color: #e60012; font-size: 20px; font-weight: 800; }
@media (min-width: 768px) {
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs > dl { display: grid; grid-template-columns: 145px minmax(0, 1fr); }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs > dl > :is(dt, dd) { width: auto; }
}
@media (max-width: 767px) {
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs > dl { display: block; padding: 15px 0; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs dt { margin-bottom: 8px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) :is(.ec-borderedDefs, .ec-login__input, .ec-orderConfirm, .ep-dateRows) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 16px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) :is(.ec-login, .ec-guest) { padding: 18px 14px; margin-bottom: 18px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-orderRole__summary { width: 100%; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-totalBox { padding: 16px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-imageGrid__img { width: 82px; padding-right: 12px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-imageGrid__content { font-size: 13px; }
  :is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-navlistRole__item { flex: 1 1 44%; }
  :is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-navlistRole__item a { padding: 10px 8px; }
  :is(:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-historyRole { padding: 12px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs { padding: 8px; font-size: 12px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__row { display: block; padding: 5px 0; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__row dt { font-size: 11px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body#page_ep_reorder) .cart-specs__row dd { font-weight: 600; }
  .ep-ready-contact-help { grid-template-columns: 1fr; gap: 10px; }
  .ep-ready-auth { padding: 15px; }
  .ep-ready-auth-links { display: grid; grid-template-columns: 1fr; }
}
@media print {
  .ep-ready-table-hint { display: none; }
  .ep-ready-table-scroll { overflow: visible; border: 0; }
  .ep-ready-table-scroll table { min-width: 0; font-size: 11px; }
}

/* Final v65 cascade, index.html (later .site palette) + remaining-pages.css.
   The route maps below distinguish the sample's teal continuation, red account
   actions and white secondary buttons. All native form contracts stay intact. */
.ep-ready-login-field { display: grid; grid-template-columns: 145px minmax(0,1fr); gap: 12px; align-items: start; padding: 12px 0; border-bottom: 1px solid #edf1ef; }
.ep-ready-login-field label { font-size: 12px; font-weight: 700; padding-top: 10px; color: #343b41; }
.ep-ready-login-field input { margin-bottom: 0 !important; }
.ep-ready-form-heading { font-size: 18px; line-height: 1.4; font-weight: 700; color: #39434b; border-left: 3px solid #354f54; padding-left: 11px; margin: 25px 0 15px; }
.ep-ready-breadcrumb { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px; padding-top: 31px; margin-bottom: 19px; font-size: 11px; font-weight: 400; line-height: 1.7; color: #6e7d7b; }
.ep-ready-breadcrumb a { color: #6e7d7b; text-decoration: none; }
.ep-ready-breadcrumb a:hover { text-decoration: underline; }
.ep-ready-breadcrumb [aria-current="page"] { color: #2a7781; }
@media (max-width: 767px) {
  .ep-ready-login-field { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .ep-ready-login-field label { padding-top: 0; }
  .ep-ready-breadcrumb { padding-top: 24px; }
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) { --ep-account-red: #dc304b; --ep-account-price: #c33947; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-layoutRole__main { font-family: Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; font-size: 14px; line-height: 1.7; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-pageHeader { margin-bottom: 25px; padding: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-pageHeader h1 { text-align: left; margin-top: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-para-normal,.ec-forgotRole__intro) { font-size: 13px; color: #62706d; line-height: 1.7; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-blockBtn--action,.ec-blockBtn--primary,.ec-blockBtn--cancel,.ec-inlineBtn,.ec-inlineBtn--action,.ep-changeBtn) {
  display: inline-flex; justify-content: center; align-items: center; gap: 6px;
  min-height: 42px; height: auto; padding: 8px 16px; border: 1px solid #cfd5d8; border-radius: 4px;
  background: #fff; color: #354b52; font-size: 13px; font-weight: 700; line-height: 1.7;
  text-decoration: none; box-shadow: none; white-space: normal; max-width: 100%;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-blockBtn--action { background: #354f54; border-color: #354f54; color: #fff; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-inlineBtn--action,.ec-login button[type="submit"]),
body#page_entry button[name="mode"][value="confirm"],
body#page_mypage_history .ec-blockBtn--action,
body#page_mypage_mitsumori_detail .ec-blockBtn--action,
:is(body#page_mypage_change,body#page_mypage_delivery_new,body#page_mypage_delivery_edit) button[type="submit"],
body#page_mypage_delivery .ec-addressRole__actions .ec-inlineBtn {
  background: #dc304b; border-color: #dc304b; color: #fff;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-blockBtn--primary,.ec-blockBtn--cancel,.ec-inlineBtn,.ep-changeBtn):is(:hover,:focus) { background: #fff; border-color: #cfd5d8; color: #354b52; text-decoration: none; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-blockBtn--action:is(:hover,:focus) { background: #354f54; border-color: #354f54; color: #fff; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-inlineBtn--action,.ec-login button[type="submit"]):is(:hover,:focus),
body#page_entry button[name="mode"][value="confirm"]:is(:hover,:focus),
body#page_mypage_history .ec-blockBtn--action:is(:hover,:focus),
body#page_mypage_mitsumori_detail .ec-blockBtn--action:is(:hover,:focus),
:is(body#page_mypage_change,body#page_mypage_delivery_new,body#page_mypage_delivery_edit) button[type="submit"]:is(:hover,:focus),
body#page_mypage_delivery .ec-addressRole__actions .ec-inlineBtn:is(:hover,:focus) { background: #dc304b; border-color: #dc304b; color: #fff; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(button,a,input,select,textarea):focus-visible { outline: 3px solid #1974a8; outline-offset: 2px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) button:disabled { opacity: .6; cursor: not-allowed; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs :is(dt,.ec-label) { font-size: 12px; font-weight: 700; color: #343b41; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs dt { padding-top: 10px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) :is(.ec-borderedDefs,.ec-login__input,.ec-orderConfirm,.ep-dateRows,.ec-orderInput) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) {
  border: 1px solid #cdd9d5; border-radius: 3px; padding: 10px 12px; background: #fff; color: #2d3b3a;
  font-family: inherit; font-size: 14px; line-height: 1.7; max-width: 100%; box-shadow: none;
}
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) :is(.ec-borderedDefs,.ec-login__input) input::placeholder { color: #9aa7a3; opacity: 1; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs :is(.ec-input,.ec-halfInput,.ec-telInput,.ec-zipInput,.ec-select,.ec-birth,.ec-radio) { min-width: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-halfInput { display: flex; flex-wrap: wrap; gap: 10px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-halfInput input { width: calc(50% - 5px); margin: 0; min-width: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-halfInput .ec-errorMessage { flex-basis: 100%; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs dd :is(input,select,textarea) { margin-bottom: 8px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-input input { width: 100%; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-zipInput input { width: min(100%, 240px); }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-zipInputHelp { background: #fff; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-zipInputHelp a, :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-link { color: #2c7580; text-decoration: underline; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-errorMessage { color: #b22626; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .error :is(input,select,textarea) { border-color: #b74750; background: #fff9f9; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-rectHeading { background: transparent; padding: 0 0 8px; margin: 25px 0 13px; border: 0; border-bottom: 1px solid #e2e4e5; border-radius: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-rectHeading :is(h1,h2,h3) { color: #39434b; font-size: 17px; font-weight: 700; line-height: 1.4; margin: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-totalBox { border: 1px solid #e2e4e5; border-radius: 5px; padding: 18px; background: #f6f7f8; color: #414b52; box-shadow: none; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-totalBox__price { color: #c33947; font-size: 20px; font-weight: 700; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-totalBox__paymentTotal { font-size: 13px; color: #343b41; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-totalBox__spec { font-size: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-totalBox__btn :is(a,button) { width: 100%; margin-top: 10px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress { display: flex; gap: 0; margin: 0 0 30px; padding: 0; width: 100%; max-width: none; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress .ec-progress__item { display: flex; align-items: baseline; justify-content: center; flex: 1; gap: 5px; border-bottom: 3px solid #d9e5df; color: #83908c; padding: 4px 3px 10px; font-size: 12px; font-weight: 400; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress .ec-progress__item::after { display: none; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress .ec-progress__number { display: inline; background: transparent; color: inherit; font-size: 12px; width: auto; height: auto; line-height: inherit; margin: 0; border-radius: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress .ec-progress__label { color: inherit; font-size: 12px; font-weight: inherit; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress .is-complete { color: #36545a; border-color: #36545a; font-weight: 700; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress .is-complete :is(.ec-progress__number,.ec-progress__label) { color: inherit; background: transparent; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-RegisterRole__actions,.ec-registerRole__actions) { margin-top: 22px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-RegisterRole__actions,.ec-registerRole__actions) .ec-off4Grid { display: block; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-RegisterRole__actions,.ec-registerRole__actions) .ec-off4Grid__cell { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-start; gap: 10px; width: 100%; margin: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-RegisterRole__actions,.ec-registerRole__actions) :is(.ec-blockBtn--action,.ec-blockBtn--cancel) { width: auto; margin: 0; }
body#page_entry .ec-registerRole__actions:has(button[value="confirm"]) { background: #f6f7f8; border: 1px solid #e2e4e5; border-radius: 5px; padding: 18px; text-align: center; }
body#page_entry .ec-registerRole__actions:has(button[value="confirm"]) .ec-off4Grid__cell { justify-content: center; }
body[id^="page_contact"] .ec-contactRole { max-width: 790px; }
:is(body[id^="page_contact"],body[id^="page_entry"],body#page_shopping_nonmember,:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"])) .ec-off1Grid__cell { width: 100%; margin-left: 0; }
.ep-ready-contact-help { margin: 16px 0 22px; }
.ep-ready-contact-help > div { padding: 14px 16px; background: #f6f7f8; border-color: #e2e4e5; color: #414b52; }
.ep-ready-contact-help h2 { font-size: 14px; }
.ep-ready-contact-help p { font-size: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-login,.ec-guest) { padding: 23px; border: 1px solid #e2e4e5; border-radius: 5px; background: #fff; margin-top: 20px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login__icon { display: none; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login__input { padding: 0; margin: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login__input .ec-input input { width: 100%; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login > .ec-grid2 { display: block; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login > .ec-grid2 > .ec-grid2__cell { width: 100%; padding: 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login__actions button { width: 100%; margin-bottom: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login__link { margin: 10px 0; font-size: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-login .ec-checkbox { font-size: 12px; margin: 13px 0 18px; color: #425c57; }
body#page_mypage_login > .ec-layoutRole .ec-role { max-width: 700px; }
body#page_mypage_login .ec-off2Grid__cell { width: 100%; margin: 0; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__navlist { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0; margin: 0; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__item { border: 0; border-radius: 3px; flex: none; background: transparent; width: auto; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__item a { min-height: 0; height: auto; padding: 11px 12px; text-align: left; font-size: 13px; color: #343b41; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__item.active { background: #edf3f5; border: 0; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__item.active a { color: #36545a; font-weight: 700; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-welcomeMsg { background: transparent; border: 0; padding: 0; margin: 0 0 16px; font-size: 12px; color: #74817d; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole { padding: 0; border: 1px solid #e2e4e5; border-radius: 5px; margin: 18px 0; overflow: hidden; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole__contents { display: block; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole__header, :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole__detail { width: 100%; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyListHeader { padding: 16px 18px; border: 0; border-bottom: 1px solid #e2e4e5; border-radius: 0; background: #f4f6f6; font-size: 12px; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole__detail { padding: 2px 18px 18px; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyListHeader__date { font-size: 12px; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid { margin: 16px 0; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid__img { width: 116px; padding-right: 16px; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid__img img { width: 100px; height: 82px; object-fit: contain; border: 1px solid #e2e4e5; border-radius: 3px; background: #fff; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid__content { font-size: 12px; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid__content > p:first-child { font-size: 16px; line-height: 1.5; color: #343b41; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole__detail .ec-imageGrid__content > :last-child { color: #c33947; font-weight: 700; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-addressList__item { border: 1px solid #e2e4e5; border-radius: 4px; padding: 17px 18px; margin-bottom: 12px; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-addressList__address { font-size: 13px; line-height: 1.7; }
:is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-addressList__change { margin-top: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs { border: 1px solid #e2e4e5; border-radius: 3px; padding: 9px 11px; background: #f9fafa; font-size: 12px; margin: 10px 0; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs__title { font-weight: 800; color: #354f54; min-height: 0; gap: 5px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs__row { grid-template-columns: 94px minmax(0,1fr); gap: 5px 10px; border: 0; padding: 2px 0; line-height: 1.55; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs__row dt { color: #617078; font-weight: 700; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-reportHeading h2,.ec-reportHeading h1) { color: #3c4850; font-size: 18px; font-weight: 700; line-height: 1.5; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-reportDescription { font-size: 12px; color: #6a7b72; line-height: 1.8; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-reportRole { border: 1px solid #e2e4e5; border-radius: 5px; padding: 55px 25px; margin: 25px auto; max-width: 680px; background: #f6f7f8; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-orderRole__line-invite > h3 { color: #067a39 !important; font-size: 18px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ep-card { border-color: #e2e4e5; border-radius: 5px; background: #f6f7f8; padding: 14px 16px; color: #414b52; font-size: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ep-hint { font-size: 12px; color: #74817d; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ep-payChosen .ep-payChosen__name { color: #354f54; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-radio .ep-payCard { border-radius: 4px; border-color: #cbd9d5; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-radio .ep-payCard:has(> input:checked) { border-color: #365f59; background: #edf5f1; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-radio .ep-payCard > label { font-size: 13px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ep-dateRow__label { font-size: 12px; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ep-dateRow .input-group-text { color: #354b52; border-color: #cdd9d5; background: #fff; }
@media (min-width: 768px) {
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-layoutRole__main:has(> .ec-mypageRole > .ec-navlistRole) { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 0 28px; align-items: start; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-layoutRole__main > .ec-mypageRole:has(> .ec-navlistRole) { display: contents; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-layoutRole__main > .ec-mypageRole:has(> .ec-navlistRole) > .ec-pageHeader { grid-column: 1 / -1; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole { grid-column: 1; grid-row: 2 / span 30; padding: 7px; border: 1px solid #e2e4e5; border-radius: 4px; width: auto; margin: 0; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-welcomeMsg, :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-layoutRole__main:has(> .ec-mypageRole > .ec-navlistRole) > :is(.ec-mypageRole,.ec-orderRole) { grid-column: 2; min-width: 0; width: 100%; padding: 0; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-layoutRole__main .ec-orderRole { flex-wrap: wrap; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-layoutRole__main .ec-orderRole__detail { min-width: 0; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole__header { margin: 0; }
}
@media (max-width: 767px) {
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-layoutRole__main { font-size: 13px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-pageHeader h1 { font-size: 23px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs > dl { padding: 12px 0; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs :is(dt,.ec-label) { padding-top: 0; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) :is(.ec-borderedDefs,.ec-login__input,.ec-orderConfirm,.ep-dateRows,.ec-orderInput) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) { font-size: 16px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"]) .ec-borderedDefs .ec-zipInput input { width: 100%; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress .ec-progress__item { gap: 3px; padding-inline: 2px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-progress :is(.ec-progress__number,.ec-progress__label) { font-size: 10px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-login,.ec-guest) { padding: 16px; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole { margin: 0 0 18px; padding: 7px; border: 1px solid #e2e4e5; border-radius: 4px; overflow-x: auto; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__navlist { display: flex; flex-direction: row; width: max-content; min-width: 100%; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__item { flex: none; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-navlistRole__item a { white-space: nowrap; padding: 11px 12px; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyListHeader { padding: 13px; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-historyRole__detail { padding: 0 13px 13px; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid__img { width: 86px; padding-right: 11px; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid__img img { width: 75px; height: 65px; }
  :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]) .ec-imageGrid__content > p:first-child { font-size: 14px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs { padding: 9px 11px; font-size: 12px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs__row { display: grid; grid-template-columns: 94px minmax(0,1fr); }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs__row dt { font-size: 12px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .cart-specs__row dd { font-weight: 400; }
  body#page_entry .ec-registerRole__actions:has(button[value="confirm"]) :is(button,.ec-blockBtn--cancel) { width: 100%; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-reportRole { padding: 38px 18px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-orderRole__line-invite > h3 { font-size: 16px; }
  :is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ep-dateRow { border-color: #edf1ef; border-radius: 3px; }
}

/* Native EC-CUBE role wrappers otherwise reset the sample typography to 16px/#525263. */
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-role,.ec-mypageRole,.ec-customerRole,.ec-contactRole,.ec-registerRole,.ec-forgotRole,.ec-orderRole,.ec-cartCompleteRole,.ec-cartRole) { color: #343b41; font-family: inherit; font-size: 14px; line-height: 1.7; }
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) .ec-borderedDefs dd { line-height: 1.7; }
@media (max-width:767px) {
:is(body[id^="page_shopping"], :is(body[id^="page_mypage"], body[id="page_sbps_credit_list"]), body[id^="page_entry"], body[id^="page_contact"], body[id^="page_forgot"], body[id^="page_payment_link"], body#page_ep_reorder) :is(.ec-role,.ec-mypageRole,.ec-customerRole,.ec-contactRole,.ec-registerRole,.ec-forgotRole,.ec-orderRole,.ec-cartCompleteRole,.ec-cartRole) { font-size: 13px; }
}

body#page_sbps_credit_list .ep-card-information__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
body#page_sbps_credit_list .ec-borderedDefs dd { overflow-wrap:anywhere; }

/* Preserve the native EC-CUBE content width when the sidebar wrapper uses display:contents. */
@media (min-width:768px) {
  :is(body#page_mypage_mitsumori, body#page_sbps_credit_list) .ec-layoutRole__main:has(> .ec-mypageRole > .ec-navlistRole) { width:100%; max-width:1130px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; }
}