@charset "UTF-8";
/* guide-ui/shipping-table.css */
body.zga-native-info .journal-cont table.souryo {
  --zga-shipping-rate-width: 120px;
  width: 100% !important;
  max-width: 960px !important;
  height: auto !important;
  margin: 16px 0 24px;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #cbdde8;
  background: #fff !important;
  color: #153e61 !important;
}
body.zga-native-info .journal-cont table.souryo col:nth-child(3),
body.zga-native-info .journal-cont table.souryo tr > :nth-child(3) {
  width: auto !important;
}
body.zga-native-info .journal-cont table.souryo col:nth-child(1),
body.zga-native-info .journal-cont table.souryo col:nth-child(2),
body.zga-native-info .journal-cont table.souryo tr > :nth-child(1),
body.zga-native-info .journal-cont table.souryo tr > :nth-child(2) {
  width: var(--zga-shipping-rate-width) !important;
  text-align: right;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
body.zga-native-info .journal-cont table.souryo th,
body.zga-native-info .journal-cont table.souryo td {
  box-sizing: border-box;
  height: auto;
  padding: 11px 16px;
  border: 1px solid #d6e3ec;
  background: #fff !important;
  color: #153e61 !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  vertical-align: middle;
}
body.zga-native-info .journal-cont table.souryo th,
body.zga-native-info .journal-cont table.souryo tr:first-child > td {
  background: #f1f8fc !important;
  font-weight: 600;
}
body.zga-native-info .journal-cont table.souryo tr > :nth-child(3) {
  text-align: left;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.zga-native-info .journal-cont table.souryo tr:not(:first-child) > td:nth-child(1),
body.zga-native-info .journal-cont table.souryo tr:not(:first-child) > td:nth-child(2) {
  font-weight: 500;
}
@media (max-width: 640px) {
  body.zga-native-info .journal-cont table.souryo {
    --zga-shipping-rate-width: 84px;
    margin-top: 12px;
    margin-bottom: 20px;
  }
  body.zga-native-info .journal-cont table.souryo th,
  body.zga-native-info .journal-cont table.souryo td {
    padding: 10px 8px;
    font-size: 13px;
  }
}

/* information-pages/information-pages.css */
html[data-zga-information-page="privacy"] .zga-native-guide-disclosure,
html[data-zga-information-page="privacy"] .zga-native-ad-disclosure,
html[data-zga-information-page="privacy"] .zga-native-sidebar-menu,
html[data-zga-information-page="privacy"] #footer-inner > .zga-native-footer-guide {
  display: none !important;
}
html[data-zga-information-page="business"] tr[data-zga-empty-business-row="1"][hidden] {
  display: none !important;
}
@media (max-width: 640px) {
  body:is(.zga-native-info,.zga-native-guide) #bread-crumb ol {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  body:is(.zga-native-info,.zga-native-guide) #gnav > nav > ul {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 8px;
    overflow: visible;
  }
}
@media (max-width: 1000px) {
  html[data-zga-information-page] #shopGuide_wrap table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
  }
  html[data-zga-information-page] #shopGuide_wrap table :is(th,td) {
    box-sizing: border-box;
    width: auto !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    font-size: 14px;
  }
  html[data-zga-information-page="business"] #shopGuide_wrap table th {
    width: 30% !important;
  }
}
@media (max-width: 1000px) {
  html[data-zga-information-page] #shopGuide_wrap table {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html[data-zga-information-page] #shopGuide_wrap h1 {
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.5 !important;
  }
  html[data-zga-information-page] #shopGuide_wrap .chart > h2 {
    margin-left: 0;
    margin-right: 0;
  }
}

/* category-sidebar/category-sidebar.css */
/* Remove retired bitmap links before the sidebar can be expanded. */
img:is([src*="sidenewmem.jpg"],[src*="sidetwitter.jpg"],[src*="shopserve_bana_zerog_offical.jpg"]),
a:has(> img:is([src*="sidenewmem.jpg"],[src*="sidetwitter.jpg"],[src*="shopserve_bana_zerog_offical.jpg"])) {
  display: none !important;
}
body.zga-native-page #sub-column .zga-native-sidebar-content .category #sps-itemListAllCategory {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  min-width: 0;
}
body.zga-native-page #sub-column .zga-native-sidebar-content #sps-itemListAllCategory > section > nav > ul {
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  height: 100%;
}
body.zga-native-page #sub-column .zga-native-sidebar-content #sps-itemListAllCategory > section {
  min-width: 0;
  margin: 0;
}
body.zga-native-page #sub-column .zga-native-sidebar-content #sps-itemListAllCategory > :is(h2,h3) {
  grid-column: 1 / -1;
}
body.zga-native-page #sub-column .zga-native-sidebar-content .category a {
  min-height: 48px;
  font-size: 14px;
}
body.zga-native-page #sub-column .zga-native-sidebar-content .category a:focus-visible {
  outline: 3px solid #087cbd;
  outline-offset: 2px;
}
@media(max-width:1000px) {
  body.zga-native-page #sub-column .zga-native-sidebar-content .category #sps-itemListAllCategory {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}
@media(max-width:640px) {
  body.zga-native-page #sub-column .zga-native-sidebar-content .category #sps-itemListAllCategory {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

/* pickup-affordance/pickup-affordance.css */
body.zga-native-renewal-home #zga-native-top .zga-native-pickup {
  background: #fff !important;
}
/* Keep the anchor's box unchanged: native autoplay measures its width/offset. */
body.zga-native-renewal-home #zga-native-top .zga-native-pickup > .zga-native-banner-strip[data-zga-pickup-affordance="1"] {
  --zga-pickup-reflection-height: clamp(26px, 3vw, 48px);
  --zga-pickup-edge-fade: clamp(24px, 3.8vw, 56px);
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - var(--zga-pickup-edge-fade)), transparent 100%);
  mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - var(--zga-pickup-edge-fade)), transparent 100%);
  padding-top: 12px !important;
  padding-bottom: calc(var(--zga-pickup-reflection-height) + 18px) !important;
}
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner[data-zga-pickup-emphasis] {
  --zga-pickup-reflection-left: 6%;
  --zga-pickup-reflection-width: 88%;
  --zga-pickup-reflection-top: 94%;
  position: relative;
  background: transparent !important;
  border-color: transparent !important;
  overflow: visible !important;
}
/* Empty pseudo content is decoration only; the original link remains the target. */
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner[data-zga-pickup-emphasis]::after {
  content: "";
  position: absolute;
  top: calc(var(--zga-pickup-reflection-top) + 5px);
  left: var(--zga-pickup-reflection-left);
  width: var(--zga-pickup-reflection-width);
  height: var(--zga-pickup-reflection-height);
  box-sizing: border-box;
  border: 1px solid #526f83;
  border-radius: inherit;
  background-color: #fff;
  background-origin: border-box;
  background-clip: border-box;
  background-image: var(--zga-pickup-reflection-image, none);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  transform: scaleY(-1);
  transform-origin: center;
  -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 100%);
  mask-image: linear-gradient(to top, #000 0%, transparent 100%);
  opacity: .2;
  pointer-events: none;
  user-select: none;
  transition: top 220ms ease, left 220ms ease, width 220ms ease, height 220ms ease;
}
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner[data-zga-pickup-emphasis="center"],
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner:focus-within {
  --zga-pickup-reflection-left: 0%;
  --zga-pickup-reflection-width: 100%;
  --zga-pickup-reflection-top: 100%;
}
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner[data-zga-pickup-emphasis] > img {
  border-radius: inherit;
  transform: scale(.88);
  transform-origin: center;
  box-shadow: 0 2px 7px rgba(21,62,97,.12);
  transition: transform 220ms ease, box-shadow 220ms ease;
}
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner[data-zga-pickup-emphasis="center"] > img,
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner:focus-within > img {
  transform: scale(1);
  box-shadow: 0 3px 9px rgba(21,62,97,.16);
}
#zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner:focus-visible {
  outline: 3px solid #147ba7 !important;
  outline-offset: -3px;
}
@media (hover: hover) and (pointer: fine) {
  #zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner:hover {
    --zga-pickup-reflection-left: 0%;
    --zga-pickup-reflection-width: 100%;
    --zga-pickup-reflection-top: 100%;
  }
  #zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner:hover > img {
    transform: scale(1);
    box-shadow: 0 3px 9px rgba(21,62,97,.16);
  }
}
@media (prefers-reduced-motion: reduce) {
  #zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner[data-zga-pickup-emphasis] > img,
  #zga-native-top .zga-native-banner-strip[data-zga-pickup-affordance="1"] > a.zga-native-banner[data-zga-pickup-emphasis]::after {
    transition: none;
  }
}

body.zga-native-renewal-home #zga-native-top .zga-native-pickup > .zga-native-banner-strip[data-zga-pickup-affordance="1"]:is(:focus-visible,:has(a:focus-visible)) {
  -webkit-mask-image: none;
  mask-image: none;
}

/* character-slider/character-slider.css */
#zga-native-character-track[data-zga-character-auto="1"] {
  position: relative;
}
#zga-native-character-track[data-zga-character-auto="1"][data-zga-character-state="moving"] {
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}
#zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character {
  position: relative;
  z-index: 0;
}
#zga-native-character-track[data-zga-character-auto="1"] .zga-native-character-portrait {
  transform: none;
  transform-origin: center center;
  transition: transform 220ms ease;
}
#zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character > strong,
#zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character > small {
  transition: transform 220ms ease;
}
@media (min-width:641px) and (hover:hover) and (pointer:fine) {
  #zga-native-character-track[data-zga-character-auto="1"] {
    padding: calc(var(--zga-character-zoom-reserve, 36px) + 10px) 26px calc(var(--zga-character-zoom-reserve, 36px) + 14px) !important;
    scroll-padding-inline: 26px;
  }
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:hover,
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:focus-visible {
    z-index: 2;
  }
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:hover .zga-native-character-portrait,
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:focus-visible .zga-native-character-portrait {
    transform: translateX(var(--zga-character-zoom-offset-x, 0px)) scale(2);
  }
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:hover > strong,
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:hover > small,
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:focus-visible > strong,
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:focus-visible > small {
    transform: translateY(var(--zga-character-zoom-reserve, 36px));
  }
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character:focus-visible .zga-native-character-portrait {
    outline: 3px solid #147ba7;
    outline-offset: 3px;
  }
}
@media (prefers-reduced-motion:reduce) {
  #zga-native-character-track[data-zga-character-auto="1"] .zga-native-character-portrait,
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character > strong,
  #zga-native-character-track[data-zga-character-auto="1"] > a.zga-native-character > small {
    transition: none !important;
  }
}

/* search-suggestions/search-suggestions.css */
/* Empty focus must not expose the native all-category list, even before JS runs. */
#header-inner #searchbox form:has(input[name="Search"]:placeholder-shown) :is(.zga-native-search-suggestions,.zga-pc-search-results),
#header-inner #searchbox form[data-zga-search-empty="1"] :is(.zga-native-search-suggestions,.zga-pc-search-results),
#header-inner #searchbox form[data-zga-search-empty] :is(.zga-native-search-suggestions,.zga-pc-search-results)[data-zga-search-suppressed="1"],
#header-inner #searchbox form[data-zga-search-empty] :is(.zga-native-search-suggestions,.zga-pc-search-results)[hidden] {
  display: none !important;
}