.soda-shade,.soda-shade *{box-sizing:border-box}.soda-shade{max-width:920px;margin:auto;color:#25392f;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;font-size:17px;line-height:1.8;container-type:inline-size}.soda-shade h2,.soda-shade h3,.soda-shade h4{color:#25392f;font-family:inherit;line-height:1.5;font-weight:600}.soda-shade h2{font-size:28px;margin:0 0 16px}.soda-shade h3{font-size:23px;margin:0 0 12px}.soda-shade h4{font-size:18px;margin:0 0 8px}.soda-shade p{margin:0 0 15px;color:#58665b;line-break:strict;word-break:normal;text-wrap:pretty}.soda-shade .phrase{display:inline-block;white-space:nowrap;max-width:100%}.soda-shade img{display:block;width:100%;height:auto}.soda-shade figure{margin:0}.soda-shade figcaption{font-size:12px;line-height:1.6;color:#738073;margin-top:8px}.soda-shade .intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.soda-shade .intro .copy{order:2}.soda-shade .intro figure{order:1}.soda-shade .tag{font-size:12px;display:inline-block;background:#edf2e8;padding:4px 10px;margin-bottom:14px;color:#48634e}.soda-shade .photo{aspect-ratio:1.15;overflow:hidden;position:relative;border-radius:9px;background:#f4f5f0}.soda-shade .photo img{width:100%;height:100%;object-fit:cover}.soda-shade .roof-photo img{object-position:50% 67%;transform:scale(1.065)}.soda-shade .roof-black img{object-position:50% 66%;transform:scale(1.065)}.soda-shade .front-parking img{object-position:50% 43%;transform:scale(1.075)}.soda-shade .front-install img{object-position:50% 50%}.soda-shade .front-storage img{object-position:50% 66%;transform:scale(1.075)}.soda-shade .folding{aspect-ratio:1.5}.soda-shade .folding img{object-position:50% 100%}.soda-shade .front-outside{aspect-ratio:1.9;container-type:inline-size}.soda-shade .front-outside img{position:absolute;max-width:none;width:100%;height:auto;top:-34cqw;left:0}.soda-shade .jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px}.soda-shade .jump a{display:flex;justify-content:center;align-items:center;min-height:46px;padding:7px 4px;text-decoration:none;color:#36513d;font-size:14px;line-height:1.4;border:1px solid #d8e1d3;background:#f8faf5;border-radius:5px}.soda-shade a:focus-visible,.soda-shade summary:focus-visible{outline:2px solid #527b5d;outline-offset:3px}.soda-shade section{border-top:1px solid #e1e7dc;margin-top:32px;padding-top:28px;scroll-margin-top:22px}.soda-shade .sub{font-size:15px;color:#71806f}.soda-shade .model-grid{align-items:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.soda-shade .model{border:1px solid #dfe6d8;border-radius:8px;padding:18px 16px;background:#f8faf5;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.soda-shade .model h4{font-size:20px;margin-bottom:2px}.soda-shade .generation{font-size:12px;color:#73816f;margin-bottom:15px}.soda-shade .key{display:block;font-size:12px;color:#7a8576;margin-bottom:4px}.soda-shade .colors{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.soda-shade .color{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.5}.soda-shade .color::before{content:"";width:11px;height:11px;border-radius:50%;background:#c6c9c6;border:1px solid #aeb7af}.soda-shade .color.black::before{background:#2e3230;border-color:#2e3230}.soda-shade .model .types{font-size:14px;margin:0 0 16px}.soda-shade .variant-links{margin-top:auto;width:100%;border-top:1px solid #dde5d7;padding-top:8px}.soda-shade .variant-links summary{font-size:13px;min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;gap:8px}.soda-shade summary::-webkit-details-marker{display:none}.soda-shade .variant-links summary::after{content:"開く";font-size:11px;color:#778272;white-space:nowrap}.soda-shade .variant-links[open] summary::after{content:"閉じる"}.soda-shade .variant-links a{display:flex;align-items:center;min-height:46px;font-size:13px;line-height:1.55;color:#34543f;text-decoration:none;border-top:1px solid #e1e7dd;padding:8px 0}.soda-shade .small-note{font-size:13px;line-height:1.7;margin:13px 0 0;color:#75806f}.soda-shade .two{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.soda-shade .method{border:1px solid #dfe6d8;border-radius:8px;padding:20px;background:#fafbf7}.soda-shade .method p{font-size:16px;margin:0}.soda-shade .method .for{display:block;font-size:12px;color:#70816d;margin-bottom:7px}.soda-shade .extra-photo{margin-top:18px;border-top:1px solid #e2e8dc;border-bottom:1px solid #e2e8dc}.soda-shade .extra-photo summary{list-style:none;font-size:15px;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}.soda-shade .extra-photo summary::after{content:"写真を見る";font-size:12px;color:#74816e;white-space:nowrap}.soda-shade .extra-photo[open] summary::after{content:"閉じる"}.soda-shade .extra-photo figure{padding:4px 0 18px}.soda-shade .split{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center}.soda-shade .callout{font-size:14px;border-left:3px solid #81957a;background:#f2f5ed;padding:12px 15px;color:#53694e;line-height:1.75;margin-top:20px}.soda-shade .steps{margin:0;padding-left:1.4em;color:#58665b}.soda-shade .steps li{padding:4px 0}.soda-shade .fit-line{font-size:16px;line-height:1.8;display:flex;flex-wrap:wrap;gap:7px 14px;margin-bottom:12px}.soda-shade .fit-line span{white-space:nowrap}.soda-shade .contact{min-height:44px;display:inline-flex;align-items:center;border:1px solid #cfdbc9;border-radius:5px;padding:7px 14px;color:#3d5b41;text-decoration:none;font-size:15px}.soda-shade .fine{font-size:13px;margin:13px 0;color:#798373}.soda-shade .final-notes{margin-top:20px}.soda-shade .final-notes summary{cursor:pointer;min-height:44px;font-size:14px;color:#60715b}.soda-shade .final-notes p{font-size:14px;line-height:1.8}.soda-shade .plain-points{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 20px;color:#71816e;font-size:13px}.soda-shade .plain-points span{white-space:nowrap}
@container(max-width:640px){.soda-shade .intro{grid-template-columns:1fr;gap:20px}.soda-shade .intro .copy{order:1}.soda-shade .intro figure{order:2}.soda-shade h2{font-size:25px}.soda-shade h3{font-size:22px}.soda-shade .model-grid{grid-template-columns:1fr;gap:10px}.soda-shade .model{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:15px}.soda-shade .model h4,.soda-shade .model .generation{grid-column:1}.soda-shade .model .generation{margin-bottom:9px}.soda-shade .model .model-options{grid-row:1/4;grid-column:2}.soda-shade .model .variant-links{grid-column:1/-1}.soda-shade .model .types{margin-bottom:9px}.soda-shade .colors{margin-bottom:8px}.soda-shade .two{grid-template-columns:1fr;gap:12px}.soda-shade .method{padding:17px}.soda-shade .split{grid-template-columns:1fr;gap:20px}.soda-shade .jump{gap:6px;margin-top:22px}.soda-shade .jump a{font-size:13px}.soda-shade section{margin-top:27px;padding-top:24px}.soda-shade .photo{aspect-ratio:1.15}.soda-shade .folding{aspect-ratio:1.5}.soda-shade .front-outside{aspect-ratio:1.9}}
@media(max-width:350px){.soda-shade .phrase{white-space:normal}.soda-shade .model{grid-template-columns:1fr 1.1fr;column-gap:8px}.soda-shade .model h4{font-size:18px}}

.soda-shade-section{padding-top:var(--soda-detail-top);padding-bottom:var(--soda-detail-bottom)}.soda-shade-top-summary{font-size:15px;line-height:1.8;color:#64745f;margin:12px 0}.soda-shade-top-link{display:inline-flex;align-items:center;min-height:44px;color:#3b5d40;font-size:14px;text-underline-offset:4px}.soda-shade-review-title{font-family:inherit;word-break:normal;overflow-wrap:normal;text-wrap:pretty}