.ginza-stl{--ginza-heading-font: var(--heading-font-family, "Commissioner", sans-serif);--ginza-body-font: var(--base-font-family, "Zen Maru Gothic", sans-serif);--ginza-pad-x: 20px;display:block;padding:var(--ginza-pt-m) 0 var(--ginza-pb-m);background:var(--ginza-bg);color:var(--ginza-fg);font-family:var(--ginza-body-font);font-weight:400}.ginza-stl :is(p,li,a,em,blockquote){font-family:inherit!important;font-weight:inherit!important;font-style:inherit!important}.ginza-stl :is(strong,b){font-family:inherit!important;font-weight:700!important}.ginza-stl :where(h2,h3,p,ul,fieldset,legend){margin:0}.ginza-stl :where(ul){padding:0;list-style:none}.ginza-stl :where(fieldset){min-width:0;padding:0;border:0}.ginza-stl :where(button){font:inherit;color:inherit}.ginza-stl :focus-visible{outline:2px solid var(--ginza-fg);outline-offset:2px}.ginza-stl__inner{max-width:var(--page-container-width, 1600px);margin-inline:auto}.ginza-stl__warning{margin:0 var(--ginza-pad-x) 16px;padding:12px 14px;border:1px dashed var(--ginza-accent);color:var(--ginza-accent);font-size:13px}.ginza-stl__head{padding-inline:var(--ginza-pad-x)}.ginza-stl__eyebrow{margin-bottom:12px;color:var(--ginza-accent);font-family:var(--ginza-heading-font);font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.ginza-stl .ginza-stl__heading{color:inherit;font-family:var(--ginza-heading-font);font-size:clamp(31px,1.8vw + 22px,48px);font-weight:300;font-style:normal;line-height:1.12;letter-spacing:0;text-transform:none}.ginza-stl__tabs{display:flex;gap:8px;margin:20px calc(var(--ginza-pad-x) * -1) 0;padding-inline:var(--ginza-pad-x);overflow-x:auto;scrollbar-width:none}.ginza-stl__tabs::-webkit-scrollbar{display:none}.ginza-stl__tab{flex:none;min-height:44px;margin:0;padding:0 20px;border:1px solid var(--ginza-line);border-radius:0;background:transparent;font-family:var(--ginza-heading-font);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.ginza-stl__tab-label{display:none}.ginza-stl__tab[aria-selected=true]{border-color:var(--ginza-fg);background:var(--ginza-fg);color:var(--ginza-bg)}.ginza-stl__panel{margin-top:20px}.ginza-stl__panel[hidden]{display:none}.ginza-stl__frame{position:relative;aspect-ratio:var(--ginza-ar-m, var(--ginza-ar, .85));background:var(--ginza-image-bg)}.ginza-stl__frame picture{display:contents}.ginza-stl__img{display:block;width:100%;height:100%;object-fit:contain}.ginza-stl__placeholder{fill:#23232340}.ginza-stl__caption{padding:10px var(--ginza-pad-x) 0;color:var(--ginza-fg-2);font-size:12px;line-height:1.5}.ginza-stl__hotspot{position:absolute;top:var(--y);left:var(--x);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%)}.ginza-stl__frame.has-mobile-image .ginza-stl__hotspot{top:var(--y-m);left:var(--x-m)}.ginza-stl__hotspot-num{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ginza-hs-bg);box-shadow:0 2px 10px #0000002e;color:var(--ginza-hs-fg);font-family:var(--ginza-heading-font);font-size:13px;font-weight:500;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ginza-stl__hotspot:hover .ginza-stl__hotspot-num{transform:scale(1.08)}.ginza-stl__hotspot[aria-pressed=true] .ginza-stl__hotspot-num{background:var(--ginza-hs-active);color:#fff}.ginza-stl--hs-dot .ginza-stl__hotspot-num{width:18px;height:18px;border:4px solid var(--ginza-hs-bg);background:var(--ginza-hs-fg);font-size:0}.ginza-stl--hs-dot .ginza-stl__hotspot[aria-pressed=true] .ginza-stl__hotspot-num{background:var(--ginza-hs-active)}.ginza-stl--hs-plus .ginza-stl__hotspot-num{font-size:0}.ginza-stl--hs-plus .ginza-stl__hotspot-num:after{content:"";width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center / 12px 1.4px no-repeat,linear-gradient(currentColor,currentColor) center / 1.4px 12px no-repeat}@media(prefers-reduced-motion:no-preference){.ginza-stl--pulse .ginza-stl__hotspot:not([aria-pressed=true]) .ginza-stl__hotspot-num:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--ginza-hs-bg);border-radius:50%;animation:ginza-stl-pulse 2.2s ease-out infinite}}@keyframes ginza-stl-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.ginza-stl__tip{display:none}.ginza-stl__shop{padding:20px var(--ginza-pad-x) 0}.ginza-stl__meta{display:none;margin-bottom:14px;color:var(--ginza-fg-2);font-family:var(--ginza-heading-font);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.ginza-stl__item{display:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "sizes add" "msg msg";gap:14px 8px;padding:14px;background:var(--ginza-active-bg)}.ginza-stl__item.is-active{display:grid}.ginza-stl__item.is-empty{display:block;padding:0;background:none}.ginza-stl__item-head{grid-area:head;display:flex;gap:14px;align-items:flex-start;width:100%;margin:0;padding:0;border:0;background:none;text-align:start;cursor:pointer}.ginza-stl__thumb{position:relative;flex:none;width:116px;aspect-ratio:4 / 5;overflow:hidden;background:var(--ginza-line)}.ginza-stl__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.ginza-stl__num{position:absolute;top:6px;left:6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--ginza-fg);font-family:var(--ginza-heading-font);font-size:11px;font-weight:500}.ginza-stl__item.is-active .ginza-stl__num{background:var(--ginza-hs-active);color:#fff}.ginza-stl__info{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:4px}.ginza-stl__vendor{color:var(--ginza-fg-2);font-family:var(--ginza-heading-font);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.ginza-stl__title{font-family:var(--ginza-heading-font);font-size:17px;font-weight:400;line-height:1.3}.ginza-stl__price{font-family:var(--ginza-heading-font);font-size:15px;font-weight:500}.ginza-stl__compare{margin-inline-start:6px;color:var(--ginza-fg-2);font-weight:400}.ginza-stl__sold-out{color:var(--ginza-fg-2);font-weight:400}.ginza-stl__of{margin-top:4px;color:var(--ginza-fg-2);font-size:13px}.ginza-stl__sizes{grid-area:sizes}.ginza-stl__fieldset--hidden{display:none}.ginza-stl__legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ginza-stl__size-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.ginza-stl__size-input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.ginza-stl__size{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border:1px solid var(--ginza-line);background:#fff;font-family:var(--ginza-heading-font);font-size:13px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.ginza-stl__size:hover{border-color:var(--ginza-fg)}.ginza-stl__size-input:checked+.ginza-stl__size{border-color:var(--ginza-fg);background:var(--ginza-fg);color:var(--ginza-bg)}.ginza-stl__size-input:disabled+.ginza-stl__size{color:var(--ginza-fg-2);text-decoration:line-through;opacity:.6;cursor:not-allowed}.ginza-stl__size-input:focus-visible+.ginza-stl__size{outline:2px solid var(--ginza-fg);outline-offset:2px}.ginza-stl__add{grid-area:add;position:relative;display:flex;align-items:center;justify-content:center;align-self:start;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--ginza-fg);border-radius:0;background:var(--ginza-fg);color:var(--ginza-bg);cursor:pointer;transition:background-color .2s ease,color .2s ease}.ginza-stl__add:hover:not(:disabled){border-color:var(--ginza-accent);background:var(--ginza-accent)}.ginza-stl__add:disabled{opacity:.35;cursor:not-allowed}.ginza-stl__spinner{display:none;width:16px;height:16px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ginza-stl-spin .8s linear infinite}.is-loading .ginza-stl__spinner{display:block}.is-loading>:not(.ginza-stl__spinner){display:none}.is-loading{cursor:progress}@keyframes ginza-stl-spin{to{transform:rotate(360deg)}}.ginza-stl__item-msg{grid-area:msg;color:var(--ginza-accent);font-size:13px;line-height:1.4}.ginza-stl__item-msg:empty{display:none}.ginza-stl__thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;scrollbar-width:none}.ginza-stl__thumbs::-webkit-scrollbar{display:none}.ginza-stl__thumb-btn{position:relative;flex:1 1 0;min-width:48px;max-width:64px;aspect-ratio:1;margin:0;padding:0;overflow:hidden;border:2px solid transparent;background:var(--ginza-line);cursor:pointer}.ginza-stl__thumb-btn.is-active{border-color:var(--ginza-hs-active)}.ginza-stl__thumb-btn .ginza-stl__num{top:4px;left:4px;width:18px;height:18px;font-size:10px}.ginza-stl__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:24px}.ginza-stl__total-label{font-family:var(--ginza-heading-font);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.ginza-stl__total-value{font-family:var(--ginza-heading-font);font-size:22px;font-weight:400;text-align:end}.ginza-stl__total-value .ginza-stl__compare{margin-inline:0 8px;font-size:15px}.ginza-stl__compare[hidden]{display:none}.ginza-stl__add-all{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:52px;margin:14px 0 0;padding:0 24px;border:0;border-radius:0;background:var(--ginza-fg);color:var(--ginza-bg);font-family:var(--ginza-heading-font);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background-color .25s ease}.ginza-stl__add-all:hover{background:var(--ginza-accent)}.ginza-stl__all-msg{margin-top:10px;font-size:14px;line-height:1.4}.ginza-stl__all-msg:empty{display:none}.ginza-stl__all-msg.is-error{color:var(--ginza-accent)}.ginza-stl__note{margin-top:12px;color:var(--ginza-fg-2);font-size:13px;line-height:1.5}.ginza-stl__note--desktop{display:none}@media(min-width:768px){.ginza-stl{--ginza-pad-x: 40px;padding:var(--ginza-pt) 0 var(--ginza-pb)}.ginza-stl__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}.ginza-stl__tabs{gap:28px;margin:0;padding:0}.ginza-stl__tab{min-height:44px;padding:0 0 6px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ginza-fg-2)}.ginza-stl__tab:hover{color:var(--ginza-fg)}.ginza-stl__tab[aria-selected=true]{border-color:var(--ginza-fg);background:none;color:var(--ginza-fg)}.ginza-stl__tab-label{display:inline}.ginza-stl__panel{margin-top:36px;padding-inline:var(--ginza-pad-x)}.ginza-stl__frame{width:min(100%,calc(72vh * var(--ginza-ar, .85)));margin-inline:auto;aspect-ratio:var(--ginza-ar, .85)}.ginza-stl__caption{text-align:center}.ginza-stl__frame.has-mobile-image .ginza-stl__hotspot{top:var(--y);left:var(--x)}.ginza-stl__caption{padding-inline:0}.ginza-stl__tip{position:absolute;top:var(--y);left:calc(var(--x) + 26px);z-index:3;flex-direction:column;gap:4px;width:230px;padding:14px 16px;background:#fff;box-shadow:0 8px 24px #23232324;transform:translateY(-50%);pointer-events:none}.ginza-stl__tip--left{right:calc(100% - var(--x) + 26px);left:auto}.ginza-stl__tip.is-active{display:flex}.ginza-stl__tip-title{font-family:var(--ginza-heading-font);font-size:15px;line-height:1.3}.ginza-stl__tip-price{font-family:var(--ginza-heading-font);font-size:14px;font-weight:500}.ginza-stl__shop{padding:32px 0 0}.ginza-stl__meta{display:block}.ginza-stl__items{border-top:1px solid var(--ginza-line)}.ginza-stl__item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head add" "sizes sizes" "msg msg";gap:0 16px;padding:12px;border-bottom:1px solid var(--ginza-line);background:none;transition:background-color .2s ease}.ginza-stl__item.is-active{background:var(--ginza-active-bg)}.ginza-stl__item.is-sold-out .ginza-stl__item-head{opacity:.55}.ginza-stl__thumb{width:76px}.ginza-stl__info{padding-top:10px}.ginza-stl__title{font-size:16px}.ginza-stl__of{display:none}.ginza-stl__add{align-self:center;border-color:var(--ginza-fg);background:#fff;color:var(--ginza-fg)}.ginza-stl__add:hover:not(:disabled){color:#fff}.ginza-stl__sizes{display:none}.ginza-stl__item.is-active .ginza-stl__sizes{display:block;padding:14px 0 4px 90px}.ginza-stl__item.is-active .ginza-stl__fieldset{display:flex;align-items:center;gap:14px}.ginza-stl__item.is-active .ginza-stl__fieldset--hidden{display:none}.ginza-stl__legend{position:static;float:left;width:auto;height:auto;margin-inline-end:14px;overflow:visible;clip:auto;color:var(--ginza-fg-2);font-size:13px;line-height:40px}.ginza-stl__size-list{display:flex;flex-wrap:wrap;gap:6px}.ginza-stl__size{min-width:40px;min-height:40px}.ginza-stl__item-msg{padding:8px 0 2px 90px}.ginza-stl__thumbs,.ginza-stl__note--mobile{display:none}.ginza-stl__note--desktop{display:block}}@media(min-width:1000px){.ginza-stl{--ginza-pad-x: 60px}.ginza-stl__panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:start;margin-top:44px}.ginza-stl__frame{width:auto}.ginza-stl__caption{text-align:start}.ginza-stl__shop{padding-top:0}}@media(min-width:1000px){.ginza-stl__frame .ginza-stl__img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:var(--ginza-fx, 50%) var(--ginza-fy, 50%)}}@media(min-width:1000px){.ginza-stl--fit-match .ginza-stl__panel{align-items:stretch}.ginza-stl--fit-match .ginza-stl__media{display:flex;flex-direction:column}.ginza-stl--fit-match .ginza-stl__frame{flex:1 1 auto;width:100%;margin-inline:0;min-height:var(--ginza-min-h, 480px);aspect-ratio:auto}.ginza-stl--fit-match .ginza-stl__img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:var(--ginza-fx, 50%) var(--ginza-fy, 50%)}.ginza-stl--fit-match .ginza-stl__shop{align-self:start}.ginza-stl--fit-match .ginza-stl__hotspot,.ginza-stl--fit-match .ginza-stl__frame.has-mobile-image .ginza-stl__hotspot{top:var(--hy, var(--y));left:var(--hx, var(--x))}.ginza-stl--fit-match .ginza-stl__tip{top:var(--hy, var(--y));left:calc(var(--hx, var(--x)) + 26px)}.ginza-stl--fit-match .ginza-stl__tip--left{right:calc(100% - var(--hx, var(--x)) + 26px);left:auto}.ginza-stl--fit-match .ginza-stl__hotspot[hidden],.ginza-stl--fit-match .ginza-stl__tip[hidden]{display:none}}@media(prefers-reduced-motion){.ginza-stl *,.ginza-stl *:before,.ginza-stl *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ginza-shop-the-look.css.map */