.oc-top-rail,.oc-top-cats,.oc-top-quick{margin-block:2.8rem}.oc-top-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem;margin-bottom:1.2rem}.oc-top-head__en{font-family:var(--oc-ui-font, sans-serif);font-size:1.1rem;letter-spacing:.2em;color:var(--oc-muted, #6e6e6e)}.oc-top-head__title{margin:0;font-size:2rem;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--oc-ink, #181818)}.oc-top-head__badge{padding:.2rem 1rem;border-radius:1rem;background:var(--oc-red, #e2000f);color:#fff;font-size:1.1rem}.oc-top-head__more{margin-left:auto;font-size:1.2rem;color:var(--oc-muted, #6e6e6e);text-decoration:none}.oc-top-head__more:hover{color:var(--oc-ink, #181818)}.oc-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.2rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.oc-top-grid{grid-template-columns:repeat(var(--oc-cols, 5),minmax(0,1fr))}}.oc-top-grid__item{min-width:0}.oc-top-skel{display:block;aspect-ratio:1 / 1.45;border-radius:.8rem;background:var(--oc-card-bg, #f0f0f0)}[data-oc-top-lazy-wrap][hidden]{display:none}.oc-top-cats__row{display:flex;gap:1.2rem;margin:0;padding:0 0 .6rem;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.oc-top-cats__row::-webkit-scrollbar{display:none}.oc-top-cats__item{flex:0 0 11rem;min-width:0}@media screen and (min-width:990px){.oc-top-cats__row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible}.oc-top-cats__item{flex:none}}.oc-top-cats__link{display:block;color:var(--oc-ink, #181818);font-size:1.3rem;text-align:center;text-decoration:none}.oc-top-cats__img{display:block;aspect-ratio:1;margin-bottom:.6rem;overflow:hidden;border:1px solid var(--oc-line, #e8e8e8);border-radius:.8rem;background:var(--oc-card-bg, #f0f0f0)}.oc-top-cats__img img{display:block;width:100%;height:100%;object-fit:cover}.oc-top-cats__name{display:block;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.oc-top-cats__count{display:block;font-size:1.1rem;color:var(--oc-muted, #6e6e6e)}.oc-top-quick__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.oc-top-quick__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.oc-top-quick__btn{display:block;padding:1.2rem .6rem;border:1px solid var(--oc-line, #e8e8e8);border-radius:.8rem;color:var(--oc-ink, #181818);font-size:1.3rem;font-weight:500;text-align:center;text-decoration:none}.oc-top-quick__btn:hover{border-color:var(--oc-ink, #181818)}.oc-top-quick__btn.is-accent{border-color:#e8b8be;color:var(--oc-red, #e2000f)}.oc-top-quick__num{display:block;margin-top:.3rem;font-size:1.7rem;font-weight:700;letter-spacing:.02em}.oc-top-quick__num i{margin-left:.3rem;font-size:1.05rem;font-style:normal;font-weight:400;color:var(--oc-muted, #6e6e6e)}.oc-top-head__en{font-family:var(--oc-display-font, sans-serif);font-size:1.2rem;letter-spacing:.12em;color:var(--oc-blue, #0077c8)}.oc-top-head__title{font-family:var(--oc-display-font, sans-serif)}.oc-top-rail[data-oc-kind=sale] .oc-top-head__en{color:var(--oc-red, #e2000f)}@media screen and (min-width:750px){.oc-top-head{margin-bottom:2rem}.oc-top-head__title{font-size:2.4rem}}.oc-top-head__more{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px;font-size:1.3rem;font-weight:500;color:var(--oc-blue, #0077c8)}.oc-top-head__more:hover{color:var(--oc-blue, #0077c8);text-decoration:underline;text-underline-offset:4px}.oc-top-head__more:focus-visible,.oc-top-quick__btn:focus-visible,.oc-top-cats__link:focus-visible,.oc-top-rail .oc-card:focus-visible,.oc-top-grid:focus-visible{outline:2px solid var(--oc-blue, #0077c8);outline-offset:3px}.oc-top-cats{position:relative;isolation:isolate;padding-block:1.6rem .8rem;border-radius:12px;background:linear-gradient(110deg,rgba(0,119,200,.045),transparent 75%)}.oc-top-cats__orbit{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:-1;width:160px;height:80px;pointer-events:none}@media screen and (min-width:990px){.oc-top-cats__orbit{inset-block-start:-4px;inset-block-end:auto;inset-inline-end:18rem;width:200px;height:100px}}.oc-top-cats__orbit-line{stroke:var(--oc-blue, #0077c8);stroke-opacity:.14}.oc-top-cats__orbit-dot{fill:var(--oc-red, #e2000f)}.oc-top-quick__num{font-family:var(--oc-display-font, sans-serif)}.oc-top-quick__btn.is-accent{background:#e2000f0a}.oc-top-rail[data-oc-kind=category] .oc-card__media{aspect-ratio:1;outline:1px solid var(--oc-line, #e8e8e8);outline-offset:-1px}.oc-top-rail .oc-card__meta-cat{flex:0 1 auto;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;color:var(--oc-muted, #6e6e6e)}.oc-top-rail .oc-card__meta-brand{flex:1 1 0}.oc-top-rail .oc-card__title{font-size:14px;line-height:1.5;min-block-size:3em}.oc-top-rail .oc-card__price{flex-wrap:wrap;gap:2px 8px}.oc-top-rail .oc-card__price-now{font-size:16px;font-weight:700}@media screen and (max-width:749px){.oc-top-rail .oc-top-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:43%;gap:1.2rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--oc-muted-2, #767676) transparent;padding-block:3px 10px}.oc-top-rail .oc-top-grid__item{scroll-snap-align:start}.oc-top-quick__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.oc-top-quick__grid>li{grid-column:span 2}.oc-top-quick__grid>li:nth-child(4),.oc-top-quick__grid>li:nth-child(5){grid-column:span 3}.oc-top-quick__btn{display:grid;align-content:center;gap:4px;min-height:64px;padding:8px;line-height:1.4}.oc-top-quick__num{margin-top:0;font-size:1.5rem;line-height:1.3}.oc-top-quick__num i{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.oc-top-cats__row{scroll-snap-type:x proximity;scrollbar-width:thin}.oc-top-cats__row::-webkit-scrollbar{display:block;height:4px}.oc-top-cats__item{flex-basis:10.4rem;scroll-snap-align:start}.oc-top-cats__orbit{width:160px;height:80px}#MainContent:has(.oc-top-cats) .oc-shops__list{grid-auto-columns:44%;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin}#MainContent:has(.oc-top-cats) .oc-shops__list::-webkit-scrollbar{display:block;height:4px}#MainContent:has(.oc-top-cats) .oc-shops-card__name{font-size:14px;padding:12px}}@media screen and (max-width:749px){.oc-top-rail>.oc-top-head{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;align-items:center;gap:2px 8px}.oc-top-rail>.oc-top-head>.oc-top-head__en{grid-column:1;grid-row:1;line-height:1.2}.oc-top-rail>.oc-top-head>.oc-top-head__title{grid-column:1;grid-row:2;min-width:0}.oc-top-rail>.oc-top-head>.oc-top-head__more{grid-column:2;grid-row:1 / 3;align-self:center;margin-left:0;white-space:nowrap}}@media screen and (max-width:374px){.oc-top-rail .oc-top-grid{grid-auto-columns:max(15.5rem,43%)}}@media screen and (min-width:750px)and (max-width:989px){.oc-top-rail .oc-top-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.oc-top-cats__orbit-line{stroke-opacity:.22}@media screen and (min-width:990px){.oc-top-cats__orbit{inset-block-start:8px;inset-block-end:auto;inset-inline-end:18rem;width:120px;height:68px}.oc-top-cats{margin-bottom:1.6rem}.oc-top-quick{margin-top:1.6rem}}@media screen and (max-width:989px){.oc-top-cats__orbit{display:none}}#MainContent:has(.oc-top-cats) .oc-shops-card{border-radius:12px;box-shadow:0 1px 4px #0f172a0f}.oc-top-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:2rem .8rem}.oc-top-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}.oc-top-cats.oc-top-cats--in-hero{margin-block:0;padding-block:0;border-radius:0;background:none}.oc-top-hero__intro{margin-bottom:.4rem}.oc-top-hero__title{margin:0;font-family:var(--oc-display-font, sans-serif);font-size:2.2rem;font-weight:700;line-height:1.3;letter-spacing:.02em;color:var(--oc-ink, #181818);text-wrap:balance}.oc-top-hero__sub{display:none;margin:.4rem 0 0;font-size:1.5rem;font-weight:500;line-height:1.6;color:var(--oc-body, #454545)}.oc-top-hero__bg{display:none}@media screen and (min-width:750px){.oc-top-hero{padding-block:2.8rem 1.2rem}.oc-top-hero__intro{margin-bottom:1.6rem}.oc-top-hero__title{font-size:2.6rem}.oc-top-hero__sub{display:block}}@media screen and (min-width:990px){.oc-top-hero{padding-block:3.2rem 1.6rem}.oc-top-hero__title{font-size:3.4rem;line-height:1.25}.oc-top-hero__bg{display:block;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 40%,transparent 72%);mask-image:linear-gradient(to bottom,#000 0%,#000 40%,transparent 72%)}}.oc-top-cats__img{aspect-ratio:5 / 6}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-oc-top.css.map */