:root{--paper: #ffffff;--ink: #16191d;--muted: #5e6772;--line: #d8dee5;--grid: #e9eff5;--orange: #e44d0b;--orange-dark: #bc3c07;--blue: #1769c2;--blue-soft: #e8f2ff;--amber: #946200;--amber-soft: #fff3cc;--red: #b42318;--red-soft: #ffe3e1;--focus: #0b6ef3;--page: 1360px;--text: 760px;font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);line-height:1.75}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}button,input,summary{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 72%,white);outline-offset:3px}.skip-link{position:fixed;z-index:20;left:16px;top:12px;transform:translateY(-160%);background:var(--ink);color:#fff;padding:10px 14px}.skip-link:focus{transform:translateY(0)}.site-header{min-height:64px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 max(32px,calc((100vw - var(--page)) / 2));background:#fffffff5}.site-brand{font-size:1.42rem;font-weight:800;text-decoration:none;letter-spacing:-.035em;white-space:nowrap}.site-nav{display:flex;gap:52px;align-items:center;font-weight:700}.site-nav a{padding:20px 0 17px;text-decoration:none;border-bottom:3px solid transparent}.site-nav a:hover,.site-nav a[aria-current=page]{border-bottom-color:var(--orange)}.mobile-menu{display:none}main{min-height:70vh}.tool-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);border-bottom:1px solid var(--line)}.tool-copy,.measurement-board{padding:clamp(34px,3vw,46px) max(32px,calc((100vw - var(--page)) / 2))}.tool-copy{padding-right:clamp(36px,5vw,68px)}.measurement-board{padding-left:clamp(36px,5vw,68px);border-left:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.tool-copy h1{max-width:680px;margin:0;font-size:clamp(2rem,3.3vw,2.95rem);line-height:1.16;letter-spacing:-.055em}.tool-lead{max-width:660px;margin:20px 0 30px;color:#343b44;font-size:clamp(1rem,1.4vw,1.2rem)}.fit-form{max-width:620px;border:1px solid var(--line);border-top:3px solid var(--orange);padding:10px 26px 24px;background:#fff}.dimension-field{display:grid;grid-template-columns:minmax(126px,1fr) minmax(150px,210px) 46px;align-items:center;gap:16px;min-height:68px;border-bottom:1px solid var(--line)}.dimension-field label{font-weight:750}.dimension-field input{width:100%;min-width:0;min-height:48px;border:1px solid #bdc6cf;border-radius:5px;padding:8px 14px;background:#fbfcfd;color:var(--ink);font-size:1.08rem}.fit-submit{width:100%;min-height:54px;border:0;margin-top:20px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}.fit-submit:hover{background:var(--orange-dark)}.form-note,.form-error{margin:12px 0 0;color:var(--muted);font-size:.88rem}.form-error{color:var(--red);font-weight:700}.measurement-board h2{margin:0 0 18px;font-size:1.25rem}.measurement-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.measurement-point{display:flex;align-items:center;gap:12px;min-width:0;font-weight:700;line-height:1.45}.measurement-point svg{width:52px;height:52px;flex:0 0 auto;fill:none;stroke:var(--ink);stroke-width:1.6}.counter-diagram{display:block;width:100%;max-width:720px;max-height:300px;margin:0 auto;color:var(--blue)}.counter-diagram .object{fill:#fff;stroke:var(--ink);stroke-width:2}.counter-diagram .measure{fill:none;stroke:currentColor;stroke-width:2}.diagram-note{margin:10px 0 0;color:var(--muted);font-size:.86rem}.results-section{max-width:var(--page);margin:0 auto;padding:34px 24px 64px}.section-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.section-heading-row h2{margin:0;font-size:clamp(1.7rem,2.5vw,2.4rem);letter-spacing:-.035em}.section-heading-row p{margin:0;color:var(--muted)}.result-table-wrap{margin-top:16px;overflow-x:auto;border-top:1px solid var(--ink)}.fit-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0 0;background:var(--line);border:1px solid var(--line)}.fit-legend div{background:#fff;padding:14px 16px}.fit-legend dt{font-weight:800}.fit-legend dd{margin:5px 0 0;color:var(--muted);font-size:.86rem}.result-table{width:100%;border-collapse:collapse;min-width:980px}.result-table th{text-align:left;color:#333b44;font-size:.86rem;padding:12px 14px;border-bottom:1px solid var(--line)}.result-table td{vertical-align:top;padding:16px 14px;border-bottom:1px solid var(--line)}.product-name{display:inline-block;font-weight:800}.product-meta{margin-top:4px;color:var(--muted);font-size:.86rem}.margin-value{color:var(--blue);font-weight:800;white-space:nowrap}.margin-value.is-short{color:var(--red)}.manual-checks{margin:0;padding-left:1.2em;font-size:.9rem}.fit-status{display:inline-block;min-width:134px;padding:8px 10px;border-radius:5px;text-align:center;font-weight:800;white-space:nowrap}.fit-status--candidate{color:var(--blue);background:var(--blue-soft)}.fit-status--more{color:var(--amber);background:var(--amber-soft)}.fit-status--shortage{color:var(--red);background:var(--red-soft)}.fit-disclaimer{display:flex;gap:12px;align-items:flex-start;margin:22px 0 0;border:1px solid var(--line);padding:14px 18px;color:var(--muted)}.fit-disclaimer svg{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8}.next-links{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:20px;font-weight:700}.site-footer{border-top:1px solid var(--ink);padding:34px max(24px,calc((100vw - var(--page)) / 2))}.site-footer p{margin:5px 0 14px;color:var(--muted)}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap}.site-footer small{display:block;margin-top:18px;color:var(--muted)}.article-page{max-width:var(--text);margin:0 auto;padding:48px 24px 80px}.breadcrumbs{margin:0 0 28px;color:var(--muted);font-size:.9rem}.breadcrumbs a{color:var(--orange-dark)}.article-page h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.25;letter-spacing:-.045em}.article-lead{margin:20px 0 34px;font-size:1.08rem;color:#343b44}.article-figure{margin:34px 0 44px;padding:24px 0;border-block:1px solid var(--line)}.article-figure svg{display:block;width:100%;height:auto;max-height:440px}.article-figure figcaption{margin-top:12px;color:var(--muted);font-size:.86rem}.dimension-guide{margin:28px 0 44px;padding:26px;border:1px solid var(--line);border-top:4px solid var(--orange);background:#fbfcfd}.dimension-guide__title{margin:0 0 18px;font-size:1.2rem}.dimension-guide__drawing{overflow:hidden;border:1px solid #dfe5eb;background:#fff}.dimension-guide__drawing svg{display:block;width:100%;height:auto}.dimension-guide__fade{fill:url(#dimension-guide-bottom-fade)}.dimension-guide__extension-lines{fill:none;stroke:#1a2027b8;stroke-dasharray:12 10;stroke-width:4}.dimension-guide__measure{fill:none;stroke-linecap:round;stroke-width:8}.dimension-guide__measure--width{stroke:var(--orange-dark)}.dimension-guide__measure--depth{stroke:var(--blue)}.dimension-guide__measure--height{stroke:#287a55}.dimension-guide__label rect{fill:#fff;stroke-width:2}.dimension-guide__label text{font-size:48px;font-weight:800}.dimension-guide__label--width rect,.dimension-guide__label--width text{stroke:var(--orange-dark);fill:#fff}.dimension-guide__label--width text{fill:var(--orange-dark);stroke:none}.dimension-guide__label--depth rect,.dimension-guide__label--depth text{stroke:var(--blue);fill:#fff}.dimension-guide__label--depth text{fill:var(--blue);stroke:none}.dimension-guide__label--height rect,.dimension-guide__label--height text{stroke:#287a55;fill:#fff}.dimension-guide__label--height text{fill:#287a55;stroke:none}.dimension-guide__object-label rect{fill:#fffffff0;stroke:#16191db3;stroke-width:3}.dimension-guide__object-label path{fill:none;stroke:#16191dc7;stroke-width:4}.dimension-guide__object-label text{fill:var(--ink);font-size:42px;font-weight:800}.dimension-guide__definitions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0 0;border:1px solid var(--line);background:var(--line)}.dimension-guide__definitions div{background:#fff;padding:14px 16px}.dimension-guide__definitions dt{display:flex;align-items:center;gap:8px;font-weight:800}.dimension-guide__definitions dd{margin:6px 0 0;color:#3f4852;font-size:.88rem}.dimension-guide__key{width:26px;height:3px;border-radius:999px}.dimension-guide__key--width{background:var(--orange-dark)}.dimension-guide__key--depth{background:var(--blue)}.dimension-guide__key--height{background:#287a55}.dimension-guide figcaption{margin-top:14px;color:var(--muted);font-size:.88rem}.article-section{padding:30px 0;border-top:1px solid var(--line)}.article-section h2{margin:0 0 14px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.4}.article-section ul{padding-left:1.35em}.mini-diagram{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:36px}.mini-diagram svg{width:100%;max-height:160px}.mini-diagram .measurement-illustration{padding:8px;border:1px solid #dfe5eb;background:#fff}.measurement-sheet{margin:28px 0;padding:24px;background:#f5f9fd}.measurement-sheet h2{margin-top:0}.measurement-sheet dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.measurement-sheet div{border-bottom:2px solid var(--orange);padding-bottom:18px}.measurement-sheet dt{font-weight:800}.measurement-sheet dd{margin:12px 0 0;min-height:28px;color:var(--muted)}.tool-link{display:inline-flex;align-items:center;gap:10px;margin:14px 0 34px;color:var(--blue);font-size:1.18rem;font-weight:800}.source-list{border-top:1px solid var(--line);padding-top:24px}.source-list h2{font-size:1.25rem}.source-list li+li{margin-top:8px}.comparison-list{margin-top:34px;border-top:1px solid var(--ink)}.comparison-item{display:grid;grid-template-columns:minmax(320px,1.45fr) minmax(150px,.65fr) minmax(210px,.9fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.comparison-product{min-width:0}.comparison-product--with-image{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start}.comparison-product__image-link{display:block;border:1px solid var(--line);background:#fff;text-decoration:none}.comparison-product__image-link:hover{border-color:var(--orange-dark)}.comparison-product__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.comparison-product__copy{min-width:0}.comparison-item h3{margin:0 0 6px;font-size:1.1rem}.comparison-item p{margin:0}.comparison-item ul{margin:0;padding-left:1.2em;font-size:.9rem}.official-link{display:inline-block;margin-top:8px;color:var(--blue);font-weight:700}.advertising-notice{display:flex;gap:12px;align-items:flex-start;margin:0 0 34px;border:1px solid var(--line);border-left:4px solid var(--orange);padding:14px 18px;color:#343b44;font-size:.92rem}.advertising-notice strong{flex:0 0 auto;color:var(--orange-dark)}.product-affiliate-link{text-decoration-color:var(--orange);text-decoration-thickness:2px}.affiliate-button{display:inline-flex;align-items:center;gap:8px;margin-top:12px;border:1px solid var(--orange-dark);border-radius:5px;padding:9px 12px;color:var(--orange-dark);font-weight:800;text-decoration:none}.affiliate-button:hover{background:#fff4ed}.ad-label{border:1px solid currentColor;border-radius:3px;padding:1px 5px;font-size:.7rem;line-height:1.4}.option-rail{border-block:1px solid var(--ink);margin:34px 0}.option-row{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}.option-row:last-child{border-bottom:0}.option-row h2{margin:0;font-size:1.25rem}.option-row p{margin:0}@media(max-width:960px){.site-header{padding-inline:24px}.site-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-weight:750;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}.mobile-menu nav{position:absolute;z-index:5;top:calc(100% + 8px);right:0;width:min(260px,calc(100vw - 32px));border:1px solid var(--line);background:#fff;box-shadow:0 16px 40px #1c283424}.mobile-menu nav a{display:block;padding:13px 16px;text-decoration:none;border-bottom:1px solid var(--line)}.mobile-menu nav a:last-child{border-bottom:0}.tool-intro{grid-template-columns:1fr}.tool-copy,.measurement-board{padding:38px 24px}.measurement-board{border-left:0;border-top:1px solid var(--line)}.result-table-wrap{overflow:visible}.fit-legend{grid-template-columns:1fr}.result-table,.result-table tbody,.result-table tr,.result-table td{display:block;width:100%;min-width:0}.result-table thead{display:none}.result-table tr{position:relative;padding:18px 148px 18px 0;border-bottom:1px solid var(--line)}.result-table td{border:0;padding:4px 0}.result-table td:nth-child(2),.result-table td:nth-child(3),.result-table td:nth-child(4){display:inline-block;width:auto;margin-right:14px;font-size:.88rem}.result-table td:nth-child(5){margin-top:6px}.result-table td:last-child{position:absolute;right:0;top:20px;width:136px}}@media(max-width:640px){.site-header{min-height:72px;padding-inline:16px}.site-brand{font-size:1.25rem}.tool-copy,.measurement-board{padding-inline:16px}.tool-copy h1{font-size:2.05rem}.fit-form{padding-inline:18px}.dimension-field{grid-template-columns:minmax(104px,.9fr) minmax(118px,1fr) 36px;gap:8px}.measurement-points{gap:10px}.measurement-point{flex-direction:column;align-items:flex-start;font-size:.83rem}.measurement-point svg{width:46px;height:46px}.results-section{padding-inline:16px}.section-heading-row{display:block}.section-heading-row p{margin-top:8px}.result-table tr{padding-right:0;padding-bottom:20px}.result-table td:last-child{position:static;width:auto;margin-top:8px}.fit-status{min-width:0}.article-page{padding:36px 18px 64px}.mini-diagram,.option-row{grid-template-columns:1fr;gap:14px}.measurement-sheet dl{grid-template-columns:1fr}.dimension-guide{margin-inline:-2px;padding:16px}.dimension-guide__definitions{grid-template-columns:1fr}.comparison-item{grid-template-columns:1fr;gap:12px}.comparison-product--with-image{grid-template-columns:96px minmax(0,1fr);gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}