.kl{--uw:min(calc(100vw / 1440), 1.6px);--pw:calc(30 * var(--uw));--klw:calc(682 * var(--uw));padding-block:calc(64 * var(--uw)) calc(40 * var(--uw));line-height:normal;position:relative;overflow-x:clip}.kl-h1{font-size:calc(90 * var(--uw));letter-spacing:-.025em;color:var(--color-ink);white-space:nowrap;font-weight:600;line-height:.96}.kl-h1>span{display:block}.kl-sub{width:calc(400 * var(--uw));margin:calc(40 * var(--uw)) 0 0 calc(560 * var(--uw));font-size:calc(15 * var(--uw));line-height:calc(18.5 * var(--uw));letter-spacing:-.005em;text-transform:uppercase;font-weight:500}.kl-body{margin-top:calc(80 * var(--uw));position:relative}.kl-listwrap{position:relative}.kl-side{z-index:-1;top:0;bottom:0;left:calc(-1 * var(--pw));width:calc(700 * var(--uw));pointer-events:none;position:absolute}.klg{top:calc(max(16px, (100svh - .88 * var(--klw)) / 2) - .06 * var(--klw));width:var(--klw);aspect-ratio:1;margin:calc(-121 * var(--uw)) 0 0 calc(-201 * var(--uw));position:sticky;-webkit-mask-image:linear-gradient(#0000 4%,#000 24% 50%,#00000059 72%,#0000 94%);mask-image:linear-gradient(#0000 4%,#000 24% 50%,#00000059 72%,#0000 94%)}.kl-main{width:calc(780 * var(--uw));margin-left:calc(560 * var(--uw))}.kl-ctrl{justify-content:space-between;align-items:flex-end;gap:calc(20 * var(--uw));display:flex}.kl-tabs{gap:calc(8 * var(--uw));padding:calc(10 * var(--uw));border-radius:calc(14 * var(--uw));box-shadow:0 calc(6 * var(--uw)) calc(18 * var(--uw)) #3069e412;background:linear-gradient(135deg,#fff 0%,#f2f6ff 60%,#eaf1ff 100%);border:1px solid #fffffff2;flex:none;display:inline-flex;position:relative}.kl-tabs button{z-index:1;height:calc(34 * var(--uw));min-width:calc(100 * var(--uw));padding:0 calc(10 * var(--uw));border-radius:calc(8 * var(--uw));font-size:calc(12.5 * var(--uw));color:#5b606b;cursor:pointer;font-weight:500;transition:color .3s;position:relative}.kl-tabs button:hover{color:var(--color-ink)}.kl-tabs button[aria-pressed=true]{color:var(--color-brand)}.kl-thumb{z-index:0;border:1px solid var(--color-brand);border-radius:calc(8 * var(--uw));pointer-events:none;background:#fff;position:absolute;top:0;left:0}.kl-thumb-on{transition:transform .45s var(--ease-soft), width .45s var(--ease-soft)}.kl-find{width:calc(50% + 39 * var(--uw));flex-direction:column;align-items:flex-end;display:flex}.kl-meta{margin:0 0 calc(10 * var(--uw));font-size:calc(12 * var(--uw));line-height:calc(15 * var(--uw));color:var(--color-ink);font-weight:500}.kl-meta b{color:var(--color-brand);font-variant-numeric:tabular-nums}.kl-srow{align-items:center;gap:10px;width:100%;display:flex}.kl-sic{width:calc(42 * var(--uw));height:calc(42 * var(--uw));border-radius:calc(9 * var(--uw));color:var(--color-brand);background:#ffffffb3;border:1px solid #c9d9f6;flex:none;place-items:center;transition:border-color .25s,background .25s;display:grid}.kl-sic svg{width:calc(16 * var(--uw));height:calc(16 * var(--uw))}.kl-srow:focus-within .kl-sic{border-color:var(--color-brand);background:#fff}.kl-search{min-width:0;height:calc(42 * var(--uw));padding:0 calc(13 * var(--uw));border-radius:calc(9 * var(--uw));background:#f4f8ffe6;border:1px solid #c9d9f6;flex:1 1 0;align-items:center;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative}.kl-search:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 calc(3 * var(--uw)) #3069e41f;background:#fff}.kl-search input{min-width:0;height:100%;font:inherit;font-size:calc(14 * var(--uw));color:var(--color-ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-weight:400}.kl-search input::placeholder{color:#9aa6bd}.kl-search input::-webkit-search-cancel-button{display:none}.kl-x{width:calc(24 * var(--uw));height:calc(24 * var(--uw));color:var(--color-brand);cursor:pointer;background:#edf5ff;border:1px solid #c5ddff;border-radius:50%;flex:none;place-items:center;display:none}.kl-x svg{width:calc(10 * var(--uw));height:calc(10 * var(--uw))}.kl-search.has .kl-x{display:grid}.kl-line{background:#d5e3fb;height:1px;display:block}.kl-line-top{margin-top:calc(24 * var(--uw))}.kl-grid{column-gap:calc(22 * var(--uw));row-gap:calc(18 * var(--uw));margin:calc(24 * var(--uw)) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.kl-grid>li{min-width:0}.kl-c{width:100%;height:calc(62 * var(--uw));padding:0 calc(10 * var(--uw)) 0 calc(14 * var(--uw));border-radius:calc(14 * var(--uw));box-shadow:0 calc(6 * var(--uw)) calc(18 * var(--uw)) #3069e412;color:var(--color-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fff 0%,#f2f6ff 60%,#eaf1ff 100%);border:1px solid #fffffff2;outline:none;align-items:center;transition:background .3s,box-shadow .35s,border-color .3s;display:flex;position:relative}.kl-c:focus-visible{box-shadow:0 0 0 2px var(--color-brand)}.kl-c.on{box-shadow:0 calc(8 * var(--uw)) calc(22 * var(--uw)) #3069e41a}.kl-c.sel,.kl-c.sel.on{box-shadow:0 calc(8 * var(--uw)) calc(22 * var(--uw)) #3069e41a;background:#fff;border-color:#c5ddff}.kc-flag{width:calc(22 * var(--uw));height:calc(15 * var(--uw));border-radius:calc(2 * var(--uw));flex:none;display:block;overflow:hidden;box-shadow:0 0 0 1px #0000000f}.kc-flag img{object-fit:cover;width:100%;height:100%;display:block}.kc-txt{align-items:center;gap:calc(8 * var(--uw));min-width:0;margin-left:calc(10 * var(--uw));flex:auto;display:flex}.kc-name{width:calc(66 * var(--uw));overflow-wrap:anywhere;-webkit-line-clamp:2;font-size:calc(12.5 * var(--uw));letter-spacing:-.01em;-webkit-box-orient:vertical;flex:none;font-weight:500;line-height:1.1;display:-webkit-box;overflow:hidden}.kl-c mark{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-brand);text-decoration-color:var(--color-brand);text-underline-offset:3px;background:0 0;text-decoration-thickness:2px}.kc-ip{height:calc(26 * var(--uw));padding:0 calc(6 * var(--uw));border-radius:calc(7 * var(--uw));font-size:calc(10 * var(--uw));font-variant-numeric:tabular-nums;color:var(--color-brand);white-space:nowrap;background:#fff9;border:1px solid #c5ddff;flex:none;align-items:center;font-weight:500;display:inline-flex}.kc-act{align-items:center;gap:calc(6 * var(--uw));margin-left:calc(8 * var(--uw));flex:none;display:flex}.kc-add{width:calc(22 * var(--uw));height:calc(22 * var(--uw));border-radius:calc(6 * var(--uw));color:var(--color-brand);cursor:pointer;background:#ffffffb3;border:1px solid #c5ddff;flex:none;place-items:center;padding:0;transition:background .3s,color .3s,border-color .3s;display:grid}.kc-add:hover{background:var(--color-brand);color:#fff;border-color:#0000}.kc-add svg,.kc-b svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;fill:none}.kc-add svg{width:calc(10 * var(--uw));height:calc(10 * var(--uw))}.kc-qty{height:calc(28 * var(--uw));padding:0 calc(2 * var(--uw));border-radius:calc(7 * var(--uw));background:#fff;border:1px solid #c5ddff;align-items:center;display:flex}.kc-b{width:calc(16 * var(--uw));height:calc(16 * var(--uw));border-radius:calc(5 * var(--uw));color:var(--color-brand);cursor:pointer;background:#fff;border:1px solid #c5ddff;flex:none;place-items:center;padding:0;transition:background .3s,color .3s,border-color .3s;display:grid}.kc-b svg{width:calc(8 * var(--uw));height:calc(8 * var(--uw))}.kc-b:hover:not(:disabled){background:var(--color-brand);color:#fff;border-color:#0000}.kc-b:disabled{opacity:.4;cursor:default}.kc-n{justify-content:center;align-items:baseline;display:flex}.kc-n input{width:calc(31 * var(--uw));text-align:center;font:inherit;font-size:calc(11.5 * var(--uw));font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-ink);background:0 0;border:0;outline:0;padding:0;font-weight:500}.kc-go{width:calc(90 * var(--uw));height:calc(36 * var(--uw));padding:0 calc(10 * var(--uw));font-size:calc(12.5 * var(--uw));letter-spacing:-.01em;border-radius:5px;flex:none}.kl-empty{margin-top:calc(20 * var(--uw));padding:calc(40 * var(--uw)) 0;text-align:center}.kl-empty b{font-size:calc(22 * var(--uw));letter-spacing:-.02em;color:var(--color-ink);font-weight:600;display:block}.kl-empty p{margin-top:calc(10 * var(--uw));font-size:calc(14 * var(--uw))}.kl-empty a{margin-top:calc(20 * var(--uw))}.kl-stop{margin-top:calc(40 * var(--uw))}.kl-more{justify-content:space-between;align-items:flex-end;gap:calc(30 * var(--uw));margin-top:calc(34 * var(--uw));display:flex}.kl-more-h{font-size:calc(40 * var(--uw));letter-spacing:-.025em;color:var(--color-ink);margin:0;font-weight:600;line-height:1.05}.kl-more-x{margin:calc(20 * var(--uw)) 0 0;font-size:calc(15 * var(--uw));line-height:calc(18.5 * var(--uw));letter-spacing:-.005em;font-weight:500}.kl-more .more{margin-bottom:calc(2 * var(--uw))}@media (max-width:1099px){.kl{--pw:24px;--klw:80vw;padding-block:48px 20px}.kl-h1{font-size:clamp(44px,8.4vw,80px)}.kl-sub{width:auto;max-width:440px;margin:28px 0 0 calc(30vw - var(--pw));font-size:14px;line-height:1.3}.kl-body{margin-top:56px}.kl-side{width:70vw}.klg{opacity:.7;margin:-120px 0 0 -30vw}.kl-main{width:auto;margin-left:0}.kl-ctrl{gap:16px}.kl-tabs{border-radius:14px;gap:8px;padding:10px;box-shadow:0 6px 18px #3069e412}.kl-tabs button{border-radius:8px;min-width:0;height:40px;padding:0 14px;font-size:14px}.kl-thumb{border-radius:8px}.kl-find{flex:1;width:auto;max-width:380px}.kl-meta{margin-bottom:8px;font-size:12px;line-height:15px}.kl-sic{border-radius:9px;width:42px;height:42px}.kl-sic svg{width:16px;height:16px}.kl-search{border-radius:9px;height:42px;padding:0 13px}.kl-search:focus-within{box-shadow:0 0 0 3px #3069e41f}.kl-search input{font-size:15px}.kl-x{width:24px;height:24px}.kl-x svg{width:10px;height:10px}.kl-line-top{margin-top:20px}.kl-grid{gap:12px;margin-top:20px}.kl-c{border-radius:14px;height:64px;padding:0 12px 0 14px}.kc-flag{width:24px;height:16px}.kc-txt{gap:10px;margin-left:10px}.kc-name{width:66px;font-size:13px}.kc-ip{border-radius:7px;height:26px;padding:0 8px;font-size:11px}.kc-act{gap:8px}.kc-add{width:26px;height:26px}.kc-add svg{width:10px;height:10px}.kc-qty{border-radius:7px;height:30px;padding:0 4px}.kc-b{width:18px;height:18px}.kc-b svg{width:8px;height:8px}.kc-n input{width:34px;font-size:12.5px}.kc-go{width:104px;height:36px;padding:0 10px;font-size:13px}.kl-empty b{font-size:22px}.kl-empty p{font-size:15px}.kl-stop{margin-top:32px}.kl-more{margin-top:28px}.kl-more-h{font-size:clamp(26px,5.6vw,36px)}.kl-more-x{margin-top:14px;font-size:15px;line-height:1.3}}@media (min-width:640px) and (max-width:899px){.kl-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:639px){.kl{--pw:16px;padding-block:40px 10px}.kl-h1{font-size:10.4vw;line-height:1}.kl-h1>span:last-child{white-space:normal}.kl-sub{max-width:none;margin:24px 0 0;font-size:13px}.kl-body{margin-top:40px}.kl-side{display:none}.kl-ctrl{flex-direction:column;align-items:stretch;gap:14px}.kl-tabs{gap:2px;padding:4px;display:flex}.kl-tabs button{letter-spacing:-.01em;flex:1 1 0;height:34px;padding:0 4px;font-size:13px}.kl-find{flex:none;align-items:stretch;width:100%;max-width:none}.kl-meta{order:2;margin:10px 0 0}.kl-sic{width:40px;height:40px}.kl-search{height:40px}.kl-grid{grid-template-columns:minmax(0,1fr);row-gap:10px;margin-top:16px}.kl-c{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"flag txt""act act";row-gap:10px;height:auto;padding:12px;display:grid}.kc-flag{grid-area:flag}.kc-txt{grid-area:txt;justify-content:space-between;gap:8px;margin-left:10px}.kc-name{-webkit-line-clamp:1;flex:1;width:auto;min-width:0;font-size:14px}.kc-act{grid-area:act;justify-content:space-between;width:100%;margin-left:0}.kc-add{background:#def5ff;border-radius:5px}.kc-n input{width:40px;font-size:13.5px}.kc-go{flex:none;width:136px;height:40px;font-size:14px}.kl-stop{margin-top:28px}.kl-more{flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px}.kl-more-h{font-size:7.4vw}.kl-more-x{margin-top:12px;font-size:13px}}.kl-unavailable{margin-top:calc(40 * var(--uw));padding-bottom:calc(40 * var(--uw))}.kl-unavailable b{font-size:calc(22 * var(--uw));letter-spacing:-.02em;font-weight:600;display:block}.kl-unavailable p{margin:calc(10 * var(--uw)) 0 calc(20 * var(--uw));font-size:calc(14 * var(--uw))}@media (max-width:1099px){.kl-unavailable b{font-size:22px}.kl-unavailable p{font-size:15px}}.kl-showmore{display:none}@media (max-width:639px){.kl-grid:not(.kl-all)>li:nth-child(n+16){display:none}.kl-showmore{width:100%;margin-top:16px;font-size:14px;display:inline-flex}}