.post{grid-template-columns:200px minmax(0,760px) minmax(0,1fr);gap:56px;max-width:1280px;margin:48px auto 0;padding:0 24px;display:grid}html{scroll-behavior:smooth}.body h2,.body h3{scroll-margin-top:32px}.toc{scrollbar-width:none;align-self:start;max-height:calc(100vh - 96px);margin-left:-28px;font-size:12px;line-height:1.5;position:sticky;top:48px;overflow-y:auto}.toc p{color:var(--sub);letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:700}.toc ol{border-left:1px solid var(--line);padding:0;list-style:none}.toc a{color:var(--sub);-webkit-line-clamp:2;border-left:1px solid #0000;-webkit-box-orient:vertical;margin-left:-1px;padding:7.5px 0 7.5px 12px;display:-webkit-box;overflow:hidden}.toc a:hover{color:var(--text)}.toc .h3 a{padding:4.5px 0 4.5px 24px;font-size:11px}.toc .h2+.h3 a{padding-top:3px}.toc .h2:not(:first-child) a{margin-top:9px}.toc a.on{color:var(--text);border-left-color:var(--text);font-weight:700}.toc-sp{font-family:var(--sans);border:1px solid #0003;border-radius:12px;margin:0 0 40px;display:none}.toc-sp summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;list-style:none;display:flex}.toc-sp summary::-webkit-details-marker{display:none}.toc-sp summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)translateY(-3px)}.toc-sp[open] summary:after{transform:rotate(-135deg)translateY(-3px)}.toc-sp ol{margin:0;padding:0 18px 14px;font-size:14px;line-height:1.5;list-style:none}.toc-sp li{border-top:1px solid var(--line)}.toc-sp a{color:var(--text);padding:10px 0;display:block}.toc-sp .h3 a{color:var(--sub);padding-left:16px;font-size:13px}@media (width<=1180px){.post{grid-template-columns:200px minmax(0,760px)}.toc{display:none}.toc-sp{display:block}}.post .meta{color:var(--sub);margin:0 0 12px;font-size:13px}.post .meta u{color:var(--text)}.post .meta .ad{white-space:nowrap;margin-left:6px}.post .meta .ad:before{content:"・"}.post h1{letter-spacing:-1.6px;margin:0 0 20px;font-size:46px;font-weight:700;line-height:1.2}.byline{align-items:center;gap:12px;display:flex}.byline img{object-fit:cover;border-radius:50%;width:44px;height:44px}.byline small{color:var(--sub);font-size:12px}.hero{border:1px solid var(--line);background:var(--soft);border-radius:12px;margin:40px 0 48px;overflow:hidden}.hero img{width:100%}.body{font-family:var(--sans);margin-top:40px;font-size:17px;line-height:1.9}.hero+.body,.toc-sp+.body{margin-top:0}.body>*{max-width:700px}.body>.box,.body>.product,.body>.tablewrap,.body>.chat,.body>:has(img.wide):not(blockquote,.box,ul,ol),.body>img.wide,.body>.gallery{max-width:none}.body img.wide{width:100%;display:block}.body img.wide.tall{width:auto;max-width:100%;max-height:min(600px,75vh)}.body>.pair{max-width:none}.body .pair{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-top:42px;display:grid}.body .pair figure{margin:0}.body .pair img.wide.tall{width:100%;max-height:none}.body a:has(>img.wide){display:block}.body a:has(>img.wide)+a:has(>img.wide),.body img.wide+img.wide{margin-top:24px}.body p{margin-top:1.65em}.body a{color:#000;text-underline-offset:3px;text-decoration:underline}.body strong,.body b{font-weight:700}.body mark{color:inherit;background:linear-gradient(#0000 60%,#d4f58a 60%)}.body h2,.body h3,.body h4{font-family:var(--sans);letter-spacing:-.6px;line-height:1.35}.body h2{margin:3.3em 0 .2em;font-size:30px}.body h3{margin:2.7em 0 0;font-size:22px}.body h4{letter-spacing:-.3px;margin:2.4em 0 0;font-size:18px}.body p.note{color:var(--sub);margin-top:1em;font-size:.85em}.body img.asp-img{width:auto;max-width:100%;height:auto;display:block;border-radius:0!important}.body .product>img.asp-img{width:100px}.body img.avatar{vertical-align:middle;border-radius:50%;width:36px;height:36px;margin-right:10px;display:inline-block}.body h4.check:before{content:"✓";color:var(--sub);margin-right:8px}.body ul,.body ol{margin-top:1.5em;padding-left:1.3em}.body li+li{margin-top:.3em}.body figure{margin:42px 0 0}.body figure img,.body>p img{border-radius:10px;height:auto}.body img[width]{height:auto}.body figcaption{font-family:var(--sans);color:var(--sub);text-align:center;margin-top:8px;font-size:12px}.body blockquote:not(.twitter-tweet){color:var(--sub);border-left:3px solid #0003;margin:42px 0 0;padding:4px 0 4px 20px;font-size:.92em}.body cite{margin-top:8px;font-size:12px;font-style:normal;display:block}.body hr{border:0;border-top:1px solid var(--line);margin:72px 0}.body audio{width:100%;margin-top:16px}.body dl{margin-top:1.5em}.body dt{font-weight:700;font-family:var(--sans)}.body dd{margin:0 0 .6em}.body .embed{aspect-ratio:16/9;margin-top:42px;position:relative}.body .embed iframe{border:0;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.body .gallery{gap:42px;margin-top:42px;display:grid}.body .gallery figure{margin:0}.body .btn{color:#fff;font-family:var(--sans);background:#111;border-radius:8px;margin-top:30px;padding:10px 22px;font-size:14px;text-decoration:none;display:inline-block}.box{font-family:var(--sans);border:1px solid #0003;border-radius:12px;margin-top:48px;padding:20px 24px;font-size:15px;line-height:1.7}.box .label{color:var(--text);margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.5}.box ul{gap:4px;margin-top:0;padding-left:1.1em;display:grid}.box li+li,.box>:first-child{margin-top:0}.chat{font-family:var(--sans);align-items:flex-start;gap:12px;margin-top:42px;font-size:15px;display:flex}.chat.right{flex-direction:row-reverse}.chat img{object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px}.chat .bubble{background:#d9d9d9;border-radius:4px 14px 14px;max-width:80%;padding:10px 16px;line-height:1.6}.chat.right .bubble{border-radius:14px 4px 14px 14px}.chat.right b{text-align:right}.chat .bubble p{margin:0}.chat .bubble p+p{margin-top:.5em}.chat b{color:var(--sub);font-size:11px;font-weight:500;display:block}.steps{counter-reset:step;margin-top:36px;list-style:none;padding:0!important}.steps>li{counter-increment:step;border-left:1px solid var(--line);margin-left:14px;padding:0 0 36px 44px;position:relative}.steps>li+li{margin-top:0}.steps>li:before{content:counter(step);color:#fff;width:30px;height:30px;font:700 13px/30px var(--sans);text-align:center;background:#111;border-radius:50%;position:absolute;top:0;left:-15px}.steps .step-title{font-family:var(--sans);margin:2px 0 0;font-size:17px;font-weight:700}.tablewrap{margin-top:36px;overflow-x:auto}.body table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:14px;line-height:1.6}.body th,.body td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 12px 12px 0}.body th{color:var(--sub);font-weight:500}.body tr:first-child td{border-top:1px solid var(--line)}.body .tablewrap td img,.body .tablewrap th img{object-fit:contain;width:100%;height:200px;max-height:none;margin:0 auto;display:block;border-radius:0!important}.body>.linkcard{max-width:none}.body .linkcard{color:var(--text);font-family:var(--sans);border:1px solid #0003;border-radius:12px;align-items:center;gap:24px;margin-top:42px;padding:16px;text-decoration:none;display:flex}.linkcard .lc-img{aspect-ratio:16/10;background:var(--soft);border-radius:8px;flex:none;width:50%;overflow:hidden}.linkcard .lc-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s;border-radius:0!important}.linkcard:hover .lc-img img{transform:scale(1.03)}.linkcard .lc-body{gap:10px;display:grid}.linkcard .lc-title{font-size:16px;font-weight:700;line-height:1.5}.linkcard .lc-meta{color:var(--sub);font-size:12px}.body>.catch{text-align:center;max-width:none;margin-top:80px;font-size:15px;font-weight:700}.body>.catch+*{margin-top:8px}.body>.catch+p:has(>.btn){text-align:center}.body>.catch+p>.btn,.body>.catch .btn{margin-top:0}.product{border:1px solid var(--line);font-family:var(--sans);background:#fff;border-radius:12px;align-items:center;gap:24px;margin-top:80px;padding:20px;display:flex}.body>.product+*{margin-top:80px}.product>img{flex:none;width:100px;border-radius:0!important}.product .pname{margin:0;font-size:15px;font-weight:700;line-height:1.5}.product .pname a{color:var(--text);text-decoration:none}.product .pbrand{color:var(--sub);margin:2px 0 0;font-size:12px}.shops{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.body .shops a{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;padding:6px 14px;font-size:13px;line-height:1.5;text-decoration:none}.body .shops .amz{color:#fff;background:#111;border-color:#111}@media (width<=768px){.post{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px;padding:0 20px}.post h1{letter-spacing:-.8px;font-size:28px;line-height:1.3}.hero{border:0;border-radius:0;margin:24px -20px 32px}.body{font-size:16px;line-height:1.9}.body h2{font-size:23px}.body h3{font-size:19px}.body h4{font-size:16px}.box{padding:16px 18px;font-size:14px}.box .label{font-size:15px}.product{flex-direction:column;align-items:flex-start;gap:12px}.body>figure:has(>img.wide:not(.tall)),.body>figure:has(>a>img.wide:not(.tall)){margin-inline:-20px}.body>figure>img.wide:not(.tall),.body>figure>a>img.wide:not(.tall){border-radius:0}.body>figure figcaption{padding-inline:20px}.body img.wide.tall{max-height:70vh}.body .pair{grid-template-columns:1fr;gap:42px}.body .pair img.wide.tall{width:auto;max-height:70vh}.body .linkcard{gap:14px;padding:12px}.linkcard .lc-img{width:42%}.linkcard .lc-title{font-size:14px}.linkcard .lc-body{gap:6px}.body table{min-width:520px;font-size:13px}.body .tablewrap td img,.body .tablewrap th img{height:150px}}.body table.quick{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;font-size:15px;line-height:1.5;overflow:hidden}.body table.quick th,.body table.quick td{text-align:left;vertical-align:middle;background:0 0;border:0;border-bottom:1px solid #e6e6e6;padding:12px 16px}.body table.quick th{white-space:nowrap;width:8em;color:var(--sub);vertical-align:top;border-right:1px solid #e6e6e6;font-size:13px;font-weight:700}.body table.quick td{font-weight:700}.body table.quick td.go{white-space:nowrap;text-align:right;width:1%;font-weight:400}.body table.quick td.go a{color:var(--sub);font-size:12px;text-decoration:underline}.body table.quick td.go a:after{content:" ›"}.body table.quick tr:last-child td,.body table.quick tbody tr:last-child th{border-bottom:0}@media (width<=640px){.body table.quick{min-width:0;font-size:14px}.body table.quick th{white-space:normal;width:auto;min-width:4.5em;padding:10px}.body table.quick td{padding:10px}}