.idc{display:flex;flex-direction:column;gap:2px;color:var(--ink);text-decoration:none;min-width:0}.idc .im{position:relative;display:block;aspect-ratio:1;border-radius:var(--r-m);background:#fff}.idc .im img{position:absolute;left:14%;top:14%;width:72%;height:72%;object-fit:contain;mix-blend-mode:multiply}.idc b{margin-top:6px;font-size:14px;font-weight:500;line-height:1.3}.idc>span:last-child{font-size:12px;color:var(--ink3)}.idc:hover b{text-decoration:underline;text-underline-offset:3px}.iamore{margin:12px 0 0}.iarep{margin-top:14px}.amap .amapd{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:16px 0 4px;padding-bottom:2px;-webkit-overflow-scrolling:touch}.amap .amapd::-webkit-scrollbar{display:none}.amap .amapb{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:0;max-width:240px;padding:6px 12px 6px 6px;border:1.5px solid var(--line,#E4E5E2);border-radius:14px;background:var(--bg,#fff);color:var(--ink,#1B1D1F);text-align:left;cursor:pointer;font:inherit}.amap .amapb.on{border-color:var(--ink,#1B1D1F)}.amap .amapb:focus-visible{outline:2px solid var(--ink,#1B1D1F);outline-offset:2px}.amap .amapi{flex:none;width:44px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}.amap .amapi img{width:40px;height:40px;object-fit:contain}.amap .amapt{display:grid;min-width:0;line-height:1.25}.amap .amapt b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amap .amapt small{font-size:12px;color:var(--ink2,#5A5F63)}.amap .amapfit{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--ink,#1B1D1F)}.amap .amapl{margin-top:22px;display:grid;gap:8px}.amap .amaplh{margin:0;font:600 12px/1.3 var(--f-ui,system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2,#5A5F63)}.amap .amapl .cap2{margin:0}.amap .amapw{overflow-x:auto;max-width:100%}.amap .amapt2{width:100%;border-collapse:collapse;font-size:14px;line-height:1.35}.amap .amapt2 th,.amap .amapt2 td{text-align:left;padding:8px 8px 8px 0;border-bottom:1px solid var(--line,#E4E5E2);vertical-align:top}.amap .amapt2 thead th{font-size:12px;font-weight:600;color:var(--ink2,#5A5F63)}.amap .amapt2 tbody th{font-weight:600}.amap .amapt2 td{color:var(--ink2,#5A5F63)}.amap .amapt2 tbody tr{cursor:pointer}.amap .amapt2 tbody tr.on th,.amap .amapt2 tbody tr.on td{color:var(--ink,#1B1D1F);background:var(--pill,#F1F1EE)}.amap .iamore{display:flex;flex-wrap:wrap;gap:8px 20px}.jpd-art{position:relative;aspect-ratio:var(--ar,1);width:min(100%,calc(56vh * var(--ar,1)));width:min(100%,calc(56svh * var(--ar,1)));margin:0 auto;border-radius:var(--r-xl);background:#fff}.jpd-art img{position:absolute;left:11%;top:11%;width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply;view-transition-name:jp-hero}.jpd-like{order:1;flex:none;min-width:58px;height:52px;padding:0 8px;border:0;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;color:var(--ink);cursor:pointer;transition:background .2s}.jpd-like:hover{background:var(--pill)}.jpd-like img{width:21px;height:21px}.jpd-like small{display:block;font:400 12px/1.2 var(--f-text);letter-spacing:0;text-transform:lowercase}.jpd-like small:first-letter{text-transform:uppercase}.jpd-desc{max-width:62ch;font-size:15px;line-height:1.6;color:var(--ink2)}.jpd-desc>*+*{margin-top:12px}.jpd-desc a{color:var(--ink);text-underline-offset:3px}.jpw-steps .im{position:relative;aspect-ratio:4/5;border-radius:var(--r-l);overflow:hidden;background:var(--pill)}.jpw-steps img{width:100%;height:100%;object-fit:cover}.jpw-steps{list-style:none;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--g) * -1);padding:0 var(--g);scroll-padding-inline:var(--g)}.jpw-steps::-webkit-scrollbar{display:none}.jpw-steps li{flex:none;width:42%;scroll-snap-align:start}.jpw-steps .im{border-radius:var(--r-m)}.jpw-steps .n{position:absolute;left:10px;top:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffffe6;font:500 12px/1 var(--f-text);color:var(--ink)}.jpw-steps li.on .n{background:var(--ink);color:#fff}.jpw-steps b{display:block;margin-top:8px;font:500 14px/1.3 var(--f-text)}.jpw-steps span:not(.n){display:block;font-size:12px;line-height:1.45;color:var(--ink3)}.jpw-box{margin:24px 0 0}.jpw-box img{width:100%;border-radius:var(--r-xl);background:var(--pill)}.jpw-box figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink3)}.jpw-guides{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.jpw-guides a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--pill);font:400 14px/1 var(--f-text);color:var(--ink);text-decoration:none;transition:background .2s}.jpw-guides a:hover{background:var(--pill2)}.jpk-g{flex:none;width:86%;margin:0;aspect-ratio:4/5;border-radius:var(--r-xl);overflow:hidden;background:var(--pill);scroll-snap-align:start}.jpk-g img{width:100%;height:100%;object-fit:cover}@media(min-width:900px){.jpd-art{width:min(100%,calc((100vh - var(--hh) - 210px) * var(--ar,1)))}.jpd-art img{left:13%;top:13%;width:74%;height:74%}.jpd-like{order:2;flex-direction:row;gap:6px;height:48px;padding:0 18px;background:var(--pill)}.jpd-like:hover{background:var(--pill2)}.jpd-like img{width:20px;height:20px}.jpd-like small{font-size:14px}.jpw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible;margin:0;padding:0}.jpw-steps li{width:auto}.jpw-box{max-width:620px}.jpk-g{width:auto}.jpk-g:first-child{grid-column:1/-1;aspect-ratio:var(--ar,.8)}.jpk-g:last-child:nth-child(2n){grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.jpd-art img{view-transition-name:none}}.jps-body{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.jps-d{position:absolute;left:50%;top:50%;width:var(--bw);height:var(--bh);transform:translate(-50%,-50%) rotate(var(--ang));pointer-events:none;mix-blend-mode:multiply;opacity:.9}.jps-d img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.1)}.pscale .pls{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px calc(var(--g) * -1) 14px;padding:0 var(--g)}.pscale .pls::-webkit-scrollbar{display:none}.pscale .pls .chip{flex:none}.pscale .pls .chip.on{background:var(--ink);color:#fff}.stage{position:relative;height:380px;border-radius:var(--r-l);background:#f7f8f9;overflow:hidden}.b3still{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.b3box{position:relative;height:100%;aspect-ratio:8/9}.b3box .jps-body{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.b3box .jps-d{position:absolute;left:50%;top:50%;width:var(--bw);height:var(--bh);transform:translate(-50%,-50%) rotate(var(--ang));pointer-events:none;mix-blend-mode:multiply;opacity:.9}.b3box .jps-d img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.1)}.stage.on3d .b3still{display:none}.stage.s3 canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.stage.s3 canvas:active{cursor:grabbing}.b3spots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.b3s{all:unset;position:absolute;left:-14px;top:-14px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;pointer-events:none;opacity:0;transition:opacity .24s}.b3s.vis{opacity:1;pointer-events:auto}.b3s i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--ink),0 1px 3px #1b1d1f40}.b3s.sel i{background:var(--ink)}.b3s:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1.5px var(--ink);animation:b3p 2.4s cubic-bezier(.2,.8,.2,1) infinite;opacity:0}.b3lbl{position:absolute;left:0;top:0;margin:-24px 0 0 -40px;width:80px;text-align:center;font-size:12px;font-weight:500;color:var(--ink2);pointer-events:none}.b3lbl[hidden],.bml[hidden],.bmh[hidden],.bmz[hidden]{display:none}.bml{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--ink3);transition:opacity .3s}.bml i{display:block;width:96px;height:4px;border-radius:2px;background:linear-gradient(90deg,#f0f2f5,#9ea7b2)}.bml em{display:flex;justify-content:space-between;width:96px;font-style:normal;font-size:11px}.bml a{color:inherit;text-decoration:underline;text-underline-offset:2px}.bml.off,.bmh.off{opacity:0;pointer-events:none}.bmh{position:absolute;right:12px;top:12px;margin:0;font-size:13px;color:var(--ink2);transition:opacity .3s}.bmz{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;right:10px;top:10px;height:34px;padding:0 14px;border-radius:999px;background:#fffffff0;box-shadow:0 1px 2px #1b1d1f14,0 0 0 1px var(--pill2);font-size:13px;display:inline-flex;align-items:center}.b3m{position:absolute;left:12px;bottom:10px;margin:0;font-size:12px;color:var(--ink3);transition:opacity .3s}.b3m.off{opacity:0}.szri{width:100%;accent-color:var(--ink)}.pcmp{margin:12px 0 0;font-size:15px;line-height:1.45}.pcmp:empty{display:none}.pinfo{margin-top:16px}.pinfo .pn{font-size:15px}.pinfo .pn b{font-weight:500}.pinfo .pn span{color:var(--ink3)}.prng{height:8px;border-radius:4px;background:var(--pill);position:relative;margin-top:10px}.prng i{position:absolute;top:0;bottom:0;border-radius:4px;background:var(--ink);transition:left .42s var(--ease),width .42s var(--ease)}.paxis{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--ink3)}.pwarn{margin:14px 0 0;padding:14px 16px;border-radius:var(--r-l);background:var(--pill);font-size:14px;line-height:1.5}.pwarn[hidden]{display:none}@media(min-width:900px){.pscale .pls{flex-wrap:wrap;margin:16px 0 0;padding:0;overflow:visible}.stage{height:min(520px,calc(100vh - var(--hh) - 160px))}}@media(prefers-reduced-motion:reduce){.b3s:after{animation:none}}.jpd-desc.clamp{max-height:8em;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}.dmore{font-size:14px;margin:6px 0 10px}.pscale .stage.on3d .b3still{display:none}.pscale .stage.nogl canvas.b3{display:none}.jpk-g img{width:100%;height:100%;object-fit:cover;display:block}.gdots{display:flex;justify-content:center;gap:5px;margin:14px 0 0}.gdots i{width:6px;height:6px;border-radius:3px;background:var(--pill2);transition:width .3s var(--ease),background .3s}.gdots i.on{width:18px;background:var(--ink)}.dmore{margin:2px 0 22px}@keyframes b3p{0%{transform:scale(1);opacity:.55}80%,to{transform:scale(3);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/jp-p2-old-article.css.map */