.hs{--bg:#f7f7f6;--card:#fff;--fg:#1d1f1e;--mute:#5c605e;--soft:#8a8f8c;--line:#dcdedd;--fill:#eef0ef;--ph:#d9dcda;--pri:#1f7a58;--pri-d:#15573f;--pri-soft:#e8f3ee;--note:#fffbe8;--note-line:#c9b45a}.hs,.hs *{box-sizing:border-box}.hs{color:var(--fg);font-size:16px;line-height:1.7}.hs a{color:var(--pri-d)}.hs .w{max-width:1120px;margin:0 auto;padding-inline:24px}.hs .ib{display:inline-block}.hs .crumb{font-size:13px;color:var(--mute);padding-block:14px 0}.hs .crumb a{color:var(--mute)}.hs h1{font-size:30px;line-height:1.35;margin:10px 0 8px;text-wrap:balance}.hs h2{font-size:22px;line-height:1.4;margin:0 0 14px;text-wrap:balance}.hs h3{font-size:17px;margin:0 0 6px}.hs .lead{font-size:17px;color:var(--mute);margin:0 0 6px;max-width:44em}.hs section{padding-block:28px;border-top:1px solid var(--line)}.hs .b{font:inherit;font-size:15px;font-weight:600;border-radius:10px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;width:auto}.hs .b.pri{background:var(--pri);color:#fff;border:1px solid var(--pri)}.hs .b.pri:hover{background:var(--pri-d)}.hs .pill{font:inherit;font-size:14px;border:1px solid var(--line);background:#fff;color:var(--fg);border-radius:999px;padding:5px 14px;cursor:pointer}.hs .pill[aria-pressed=true]{background:var(--pri-soft);border-color:var(--pri);color:var(--pri-d);font-weight:700}.hs .pill[aria-pressed=true]:before{content:"✓ "}.hs .ph{position:relative;background:var(--ph);aspect-ratio:3/4;border-radius:10px;overflow:hidden;max-width:100%}.hs .ph img{width:100%;height:100%;object-fit:cover;display:block}.hs .ph.missing img{display:none}.hs .ph.missing:after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--mute);font-size:14px;border:2px dashed #b9bdbb;border-radius:10px;white-space:pre-line}.hs .faq details{border-bottom:1px solid var(--line);padding-block:10px}.hs .faq summary{font-weight:600;cursor:pointer}.hs .faq p{margin:6px 0 0;color:var(--mute)}.hs .hero{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:36px;align-items:start;margin-top:8px}.hs .gal{position:relative}.hs .gal .ph{border-radius:14px}.hs .gal .nav{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.hs .gal .nav button{font:inherit;font-size:14px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 14px;cursor:pointer}.hs .dots{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--mute)}.hs .dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--soft);display:inline-block}.hs .dots i.on{background:var(--fg);border-color:var(--fg)}.hs .cap{font-size:14px;color:var(--mute);margin-top:4px}.hs .tabs{display:flex;gap:6px;margin-bottom:10px}.hs .tell{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.hs .tell ol{margin:6px 0 12px;padding-left:1.4em}.hs .tell li{margin:4px 0}.hs .like{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px;align-items:start}.hs .thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.hs .thumb{font:inherit;background:none;border:2px solid transparent;border-radius:12px;padding:3px;cursor:pointer;text-align:center}.hs .thumb .ph{border-radius:9px}.hs .thumb>span{display:block;font-size:13px;margin-top:4px;color:var(--fg)}.hs .thumb[aria-pressed=true]{border-color:var(--pri)}.hs .thumb[aria-pressed=true]>span{color:var(--pri-d);font-weight:700}.hs .thumb[aria-pressed=true]>span:before{content:"✓ "}.hs .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hs .box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.hs .box ul{margin:6px 0 0;padding:0;list-style:none}.hs .box li{padding:4px 0 4px 1.6em;text-indent:-1.6em}.hs .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}.hs .steps div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.hs .steps div:before{counter-increment:s;content:"步驟 " counter(s);display:block;font-size:13px;color:var(--mute);margin-bottom:2px}.hs .row{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:16px;overflow-x:auto;padding-bottom:8px}.hs .row a{color:var(--fg);text-decoration:none;font-size:15px}.hs .row a .ph{margin-bottom:6px}@media(max-width:900px){.hs .hero,.hs .like,.hs .two,.hs .steps{grid-template-columns:minmax(0,1fr)}.hs .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.hs h1{font-size:24px}}.hs .vtabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.hs .badge{display:inline-block;font-size:13px;font-weight:700;color:var(--pri-d);background:var(--pri-soft);border:1px solid var(--pri);border-radius:999px;padding:2px 12px;margin:0 0 4px}@media(max-width:900px){.hs .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}.hs .wl{font-size:14px;color:var(--mute)}.hs .wt3{margin:0;display:flex;flex-direction:column;gap:2px;padding:0 4px}.hs .wt3 div{display:flex;gap:8px;font-size:13px;color:var(--mute);line-height:1.5}.hs .wt3 dt{flex:none;width:2.5em;font-weight:700}.hs .wt3m dt{width:5em}.hs .wt3 dd{margin:0}.hs .topcard{margin-left:auto;font-size:14px;font-weight:600;color:var(--pri-d);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:#fff;white-space:nowrap}.hs .topcard:hover{border-color:var(--pri)}.hs .badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.hs .badges .badge{margin:0}.hs .loctell{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:12px}.hs .loctell li{margin:6px 0}.hs .loctell .lc{font-weight:700;font-size:16px}.hs .loctell .zh{display:block;font-size:14px;color:var(--mute)}.hs .diff{background:var(--pri-soft);border-radius:12px;padding:12px 16px;margin-top:12px}.hs .pro{font-size:14px;margin-top:10px}.hs .pro dt{font-weight:700;display:inline}.hs .pro dd{display:inline;margin:0 0 0 4px;color:var(--mute)}.hs .pro div{margin:2px 0}.hs .m{max-width:520px;margin:0 auto;padding-inline:16px}.hs .m h1{font-size:24px}@media(max-width:600px){.hs .w{padding-inline:16px}}@media(max-width:600px){.hs main.w>h1{font-size:22px}.hs .pill,.hs .b,.hs .gal .nav button{min-height:44px}.hs .faq summary{padding-block:10px;min-height:44px}.hs a.badge,.hs .topcard{min-height:44px;display:inline-flex;align-items:center}}.hs :lang(ja){word-break:auto-phrase}.hs .ib.xl{display:inline}.hs .nw{white-space:nowrap}@media(max-width:600px){.hs .ib.lg{display:inline}}.hs p,.hs li,.hs small,.hs summary,.hs h3{text-wrap:pretty}.hs{--ink2:#454947}@media(max-width:900px){.hs .s2-d{display:none!important}}@media(min-width:901px){.hs .s2-m{display:none!important}}.hs{font-size:1rem}.hs .topcard{font-size:.875rem}.hs .crumb{font-size:.8125rem}.hs h1{font-size:1.875rem}.hs h2{font-size:1.375rem}.hs h3{font-size:1.0625rem}@media(max-width:900px){.hs h1{font-size:1.5rem}}.hs .b{font-size:.9375rem}.hs .pill{font-size:.875rem}.hs .badge{font-size:.8125rem}.hs .dots{font-size:.875rem}.hs .row a{font-size:.9375rem}.hs .steps div:before{font-size:.8125rem}.hs .pro{font-size:.875rem}.hs .loctell .lc{font-size:1rem}.hs .loctell .zh{font-size:.875rem}.hs .ph.missing:after{font-size:.875rem}.hs .lead{font-size:1.0625rem;color:var(--ink2)}.hs #galCap{font-size:.9375rem;color:var(--ink2)}.hs .thumb>span{font-size:.9375rem;line-height:1.4}.hs .thumb>span .ib{max-width:100%}.hs .like>div:last-child{container-type:inline-size}@container (max-width:19em){.hs .thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}.hs .wt3 div{font-size:.9375rem;color:var(--ink2)}.hs .vtabs .pill{font-size:.9375rem}.hs .hhead h1{margin-bottom:4px}.hs .rankline{align-items:center;gap:0;margin:0 0 8px;font-size:.875rem;line-height:1.5}.hs .rankline .badge{background:none;border:0;border-radius:0;padding:0;margin:0;font-size:.875rem;font-weight:600;color:var(--pri-d);text-decoration:underline;text-underline-offset:2px}.hs .rankline>.badge+.badge:before,.hs .rankline>.mbadge:before{content:"・";display:inline-block;color:var(--mute);font-weight:400;text-decoration:none}.hs .rankline>.mbadge{display:inline-flex;align-items:center;flex-wrap:wrap}.hs .rankline .mbadge summary{padding:0;font-size:.875rem}.hs .rankline .mbadge .badges{flex-basis:100%;gap:2px 12px;margin-top:2px}.hs .fpick{margin:14px 0 0;container-type:inline-size}.hs .fpick>.wl{font-size:1rem;font-weight:700;color:var(--fg);margin-bottom:6px}.hs .fpick>.wl small{font-size:.875rem;font-weight:400;color:var(--mute)}.hs .fbtns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hs .fbtns.n5,.hs .fbtns.n6{grid-template-columns:repeat(3,minmax(0,1fr))}@container (max-width:18em){.hs .fbtns,.hs .fbtns.n5,.hs .fbtns.n6{grid-template-columns:repeat(2,minmax(0,1fr))}}.hs .fbtn b .ib{max-width:100%}.hs .fbtn{font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:6px 4px;border-radius:10px;cursor:pointer;text-align:center;line-height:1.3;color:var(--fg)}.hs .fbtn b{font-size:.9375rem}.hs .fbtn small{font-size:.9375rem;color:var(--ink2)}.hs .fbtn.ok{background:var(--pri-soft);border:1.5px solid var(--pri)}.hs .fbtn.ok b{color:var(--pri-d)}.hs .fbtn.adj{background:#fff;border:1.5px dashed var(--soft)}.hs .fbtn.no{background:repeating-linear-gradient(135deg,#fff 0 6px,var(--fill) 6px 12px);border:1px solid var(--soft)}.hs .fbtn:hover{border-color:var(--pri-d)}.hs .fbtn[aria-pressed=true]{background:var(--fg);border:2px solid var(--fg)}.hs .fbtn[aria-pressed=true] b,.hs .fbtn[aria-pressed=true] small{color:#fff}.hs .fres{margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.9375rem;line-height:1.6}.hs .fres .frh{display:block;font-size:1rem}.hs .fres p{margin:2px 0 0}.hs .fres small{display:block;font-size:.9375rem;line-height:1.5;color:var(--ink2);margin-top:4px}.hs .fres .fres-hint{margin:0;font-size:.9375rem;color:var(--ink2)}.hs .fres:has(.fres-hint){border:0;background:none;padding:2px 2px 0}.hs .fres .fgo{font:inherit;font-size:.9375rem;font-weight:600;color:var(--pri-d);background:none;border:0;padding:0;margin-top:4px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left}.hs .fres .fno{display:block;font-size:.9375rem;color:var(--ink2);margin-top:4px}.hs .wrows{margin:10px 0 0}.hs .wrow>summary,.hs div.wrow{display:flex;gap:10px;align-items:baseline;padding:4px 0;font-size:.9375rem;line-height:1.5}.hs .wrow>summary{list-style:none;cursor:pointer}.hs .wrow>summary::-webkit-details-marker{display:none}.hs .wrow .wk{flex:none;width:4.6em;font-size:.9375rem;color:var(--ink2)}.hs .wrow .wv2{flex:1;min-width:0;font-weight:700}.hs .wrow .wmore{display:inline-block;margin-left:.3em;font-weight:600;color:var(--pri-d);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.hs .wrow .wm-o,.hs .wrow[open] .wm-c{display:none}.hs .wrow[open] .wm-o{display:inline}.hs .wrow p{margin:0 0 6px calc(4.6em + 10px);font-size:.9375rem;color:var(--ink2)}.hs .savebox{margin:14px 0 16px}.hs .savebox .b{min-height:48px;justify-content:center;font-size:1rem}.hs .savehint{margin:8px 0 0;font-size:1rem;color:var(--fg);line-height:1.6}.hs .tell details.pro{border-top:1px solid var(--line);margin-top:4px;padding-top:2px}.hs .tell details.pro summary{font-size:.9375rem;font-weight:700;color:var(--pri-d);cursor:pointer;list-style:none;padding:6px 0}.hs .tell details.pro summary::-webkit-details-marker{display:none}.hs .tell details.pro summary:after{content:" ▾"}.hs .tell details.pro[open] summary:after{content:" ▴"}.hs .hbody .wt3{margin-top:10px}.hs .folds{padding-block:4px}.hs .fold{border-bottom:1px solid var(--line)}.hs .fold:last-child{border-bottom:0}.hs .fold>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 0;list-style:none;cursor:pointer}.hs .fold>summary::-webkit-details-marker{display:none}.hs .fold>summary h2{flex:1;margin:0;font-size:1.125rem}.hs .fold>summary:after{content:"";flex:none;width:10px;height:10px;margin:0 6px 4px 0;border-right:2.5px solid var(--pri-d);border-bottom:2.5px solid var(--pri-d);transform:rotate(45deg)}.hs .fold[open]>summary:after{margin:4px 6px 0 0;transform:rotate(-135deg)}.hs .fold .fbd{padding:2px 0 18px}.hs .gth{margin-top:8px}.hs .gth-h{font-size:.875rem;font-weight:700;margin-bottom:4px}.hs .gth-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:start}.hs .gth .thumb{padding:2px;border-radius:8px}.hs .gth .thumb .ph{aspect-ratio:1/1;border-radius:6px}.hs .gth .thumb .ph img{object-position:50% 20%}.hs .gth .thumb>span{font-size:.75rem;line-height:1.35;margin-top:2px}@media(min-width:901px){.hs .hero #galBox .ph{width:min(100%,calc((100vh - 400px)*.75));margin-inline:auto}.hs .savebox .b{padding-inline:28px}}@media(max-width:900px){.hs .savebox .b{display:flex;width:100%}}@media(max-width:600px){.hs .fres .fgo,.hs .wrow>summary{min-height:44px}.hs .wrow>summary{align-items:center}.hs .tell details.pro summary{min-height:44px;display:flex;align-items:center}}.hs .s2-era{margin:4px 0 0;font-size:.9375rem;line-height:1.5;color:var(--ink2)}.hs .s2-cut{background:var(--fill);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 12px}.hs .s2-cut h3{margin:0 0 4px;font-size:1rem}.hs .s2-cut ul{margin:0;padding-left:1.2em;font-size:.9375rem;line-height:1.6}.hs .s2-cut li{margin:3px 0}.hs .s2-base{margin:12px 0 0;font-size:.9375rem;line-height:1.5}.hs .s2-base a{font-weight:600;color:var(--pri-d);text-decoration:underline;text-underline-offset:2px}.hs .s2-base small{display:block;margin-top:2px;font-size:.9375rem;color:var(--ink2)}@media(max-width:600px){.hs .s2-base{margin-top:2px}.hs .s2-base a{display:inline-block;padding-block:11px}.hs .s2-base small{margin-top:-6px}}.hs .faq details>p{font-size:1rem;color:var(--ink2)}.hs{text-wrap:pretty}.hs .aka{color:var(--mute)}.hs .aka{font-size:.875rem;margin:0;line-height:1.6}.hs .aka .sep{color:var(--soft)}.hs .aka .sep.dun{color:inherit}.hs[data-js] .aka .akw:not([data-open]) .ako,.hs .aka .akw[data-open] .akc,.hs .aka .akw[data-open] .akmw{display:none}.hs .mbadge{font-size:.8125rem}.hs .mbadge[open]{flex-basis:100%}.hs .mbadge summary{cursor:pointer;color:var(--pri-d);text-decoration:underline;list-style:none;padding:2px 4px}.hs .mbadge summary::-webkit-details-marker{display:none}.hs .mbadge summary:after{content:" ▸"}.hs .mbadge[open] summary:after{content:" ▾"}.hs .mbadge .badges{margin-top:6px}.hs [lang=ko]{word-break:keep-all;overflow-wrap:anywhere}.hs .hero{grid-template-areas:"gal head" "gal body";grid-template-rows:auto 1fr;column-gap:36px;row-gap:0}.hs .hero>.gal{grid-area:gal}.hs .hero>.hhead{grid-area:head}.hs .hero>.hbody{grid-area:body}.hs #galTabs{flex-wrap:wrap}.hs #galBox{position:relative;touch-action:pan-y}.hs .gtag{position:absolute;left:10px;top:10px;z-index:1;font-size:.9375rem;font-weight:700;line-height:1.5;background:#fff;color:var(--fg);border:1px solid var(--fg);border-radius:999px;padding:1px 10px;max-width:calc(100% - 20px)}.hs .tell .who{display:block;font-size:.9375rem;font-weight:700;color:var(--ink2);line-height:1.5}.hs .b.out{background:#fff;color:var(--pri-d);border:1.5px solid var(--pri)}.hs .b.out:hover{background:var(--pri-soft)}.hs .akbtn{font:inherit;font-size:.875rem;background:none;border:0;padding:0 2px;color:var(--pri-d);text-decoration:underline;cursor:pointer}.hs .addbar{display:none}.hs .loctell .pro{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}.hs .pro dl{margin:4px 0 0}.hs .like-intro{margin:0 0 12px;max-width:46em}.hs .like-intro small{display:block;font-size:.9375rem;color:var(--ink2);margin-top:4px}.hs .lbig{position:relative}.hs .tuned{display:inline-block;font-style:normal;font-size:.78125rem;font-weight:700;color:var(--pri-d);background:#fff;border:1px solid var(--pri);border-radius:999px;padding:1px 9px}.hs .lbig .tuned{position:absolute;left:10px;top:10px;z-index:1}.hs .thumb .tuned{margin-top:3px}.hs .ltip{background:var(--pri-soft);border:1px solid var(--pri);border-radius:10px;padding:10px 14px;margin-top:10px;font-size:.9375rem;line-height:1.6}.hs .ltip .tuned{margin:0 0 4px}.hs .ltip b{color:var(--pri-d)}.hs #galTabs .pill[data-fit=△][aria-pressed=true]:before{content:"△ "}.hs #galTabs .pill[data-fit=✕][aria-pressed=true]:before{content:"✕ "}.hs .loctell .ltag{display:inline-block;font-size:.75rem;font-weight:700;line-height:1.6;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:0 8px;margin-right:6px;vertical-align:2px}.hs .thumb[data-fit=△][aria-pressed=true]>span:before{content:"△ "}.hs .thumb[data-fit=✕][aria-pressed=true]>span:before{content:"✕ "}@media(min-width:901px){.hs .hero .gal{position:sticky;top:16px}.hs .steps.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.hs .steps.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.hs .row.wrap{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible}}@media(min-width:601px)and (max-width:900px){.hs .steps.c4,.hs .steps.c2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hs .hero{grid-template-areas:"head" "gal" "body";grid-template-rows:auto}.hs .hero>.gal{margin:4px 0 16px}.hs .gal .ph{max-height:56vh;width:min(100%,42vh);margin-inline:auto}.hs .addbar.on{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:8;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 10px #0000000f;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.hs .addbar .b{flex:1;justify-content:center;min-height:48px}}@media(max-width:600px){.hs .tabs .pill,.hs .vtabs .pill,.hs .b,.hs .badges .badge,.hs .mbadge summary,.hs .row a,.hs .akbtn{min-height:44px}.hs .badges .badge,.hs .mbadge summary{display:inline-flex;align-items:center}.hs .faq summary{padding-block:10px}.hs #galTabs .pill{padding-inline:11px}}.hs .hero{padding:0}.hs h1{max-width:none}.hs h3{line-height:inherit}.hs h2.h3,.hs .tell>h2{font-size:1.0625rem;line-height:inherit;margin:0 0 6px;text-wrap:pretty}.hs .s2-cut>h2{font-size:1rem;line-height:inherit;margin:0 0 4px}.hs:not([data-js]) [data-js-only]{display:none!important}.hs[data-js] [data-nojs-only]{display:none!important}.hs .hs-top{display:flex;justify-content:flex-end;padding-top:12px}.hs .fstill{list-style:none;margin:6px 0 0;padding:0;font-size:.9375rem;line-height:1.6}.hs .fstill li{padding:8px 0;border-top:1px solid var(--line)}.hs .fstill li:last-child{border-bottom:1px solid var(--line)}.hs .fstill b{display:block;color:var(--fg)}.hs .fstill li>span{display:block;color:var(--ink2)}.hs .fquiz{margin:8px 0 0;font-size:.9375rem}.hs .fquiz a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.hs .gal-still{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.hs .gal-still figure,.hs .like-still figure{margin:0}.hs .like-still{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.hs .like-still .ltip{margin-top:6px}.hs .s2-base+.s2-local{margin-top:4px}.hs .cfgo{margin:6px 0 0;font-size:.9375rem}.hs .cfgo a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}@media(max-width:900px){body.hs-hasbar .site-footer{padding-bottom:96px}}.hs .rankline>.badge+.badge:before,.hs .rankline>.mbadge:before{content:none}.hs .rankline .rk{display:inline-flex;align-items:center}.hs .rankline .rsep{color:var(--mute);font-weight:400}