/* Keyboard sound guide — centered editorial chapters, authentic product photography. */
body.gbds-v2-keyboard-sound-page{background:#fff;overflow-x:clip}
body.gbds-v2-keyboard-sound-page :where(.container,.content,.content-in){width:100%;max-width:none;margin:0;padding:0;background:#fff}
body.gbds-v2-keyboard-sound-page .content-in{display:block}
body.gbds-v2-keyboard-sound-page :where(.main,#main,.article,.entry-content){width:100%;max-width:none;margin:0;padding:0!important;border:0;background:transparent!important;box-shadow:none}
body.gbds-v2-keyboard-sound-page :where(#header-container,.article-header,.date-tags,.eye-catch-wrap,#toc,.toc,#sidebar,.ad-area,.sns-share,.sns-follow,.article-footer,.under-entry-content,.pager-post-navi,.related-entry-heading,.related-list,.breadcrumb,.author-info,.mobile-footer-menu-buttons,.go-to-top){display:none!important}
.gbds-v2-keyboard-sound-shell{--ks-ink:#111416;--ks-muted:#5d6569;--ks-accent:#087f73;--ks-line:#d9dedd;--ks-side:max(24px,calc((100vw - 1260px)/2));width:100%;max-width:none;margin:0!important;background:#fff;color:var(--ks-ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.9;overflow:clip}
.gbds-v2-keyboard-sound-shell *{box-sizing:border-box;min-width:0}
.gbds-v2-keyboard-sound-shell :is(h1,h2,h3,h4){margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:inherit;line-height:1.35;font-weight:750;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:normal}
.gbds-v2-keyboard-sound-shell :is(h1,h2,h3,h4)::before,.gbds-v2-keyboard-sound-shell :is(h1,h2,h3,h4)::after{display:none!important}
.gbds-v2-keyboard-sound-shell p,.gbds-v2-keyboard-sound-shell figure,.gbds-v2-keyboard-sound-shell dl{margin:0;padding:0}
.gbds-v2-keyboard-sound-shell p{word-break:auto-phrase;overflow-wrap:anywhere}
.gbds-v2-keyboard-sound-shell a{color:var(--ks-accent);text-underline-offset:5px}
.gbds-v2-keyboard-sound-shell a:hover{text-decoration:underline}
.gbds-v2-keyboard-sound-shell button{font:inherit;cursor:pointer}
.gbds-v2-keyboard-sound-shell :is(a,button,summary):focus-visible{outline:3px solid var(--ks-accent);outline-offset:5px}
.gbds-v2-keyboard-sound-shell [hidden]{display:none!important}
.gbds-v2-keyboard-sound-shell img{display:block;max-width:100%;height:auto;border-radius:0;box-shadow:none}
.gbds-v2-keyboard-sound-shell :is(section,header)[id]{scroll-margin-top:92px}
.ks-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px var(--ks-side);background:rgba(255,255,255,.94);border-bottom:1px solid var(--ks-line);backdrop-filter:blur(18px);font-size:12px;line-height:1.5}
.ks-nav .ks-brand{font-size:17px;font-weight:750;letter-spacing:-.025em;color:#151819;text-decoration:none;white-space:nowrap}
.ks-brand small{font-size:10px;font-weight:550;letter-spacing:.1em;color:#727a7e;margin-left:15px}
.ks-nav>div{display:flex;gap:26px;white-space:nowrap}
.ks-nav>div a{color:#4b5356;text-decoration:none;font-weight:650}
.gbds-v2-keyboard-sound-shell .ks-nav a:hover{text-decoration:none}
.ks-hero{min-height:calc(88svh - 62px);display:grid;place-items:center;text-align:center;padding:100px 24px 130px}
.gbds-v2-keyboard-sound-shell .ks-hero h1{font-size:clamp(48px,6.9vw,114px);line-height:1.3;letter-spacing:-.055em}
.ks-hero h1 span{display:block;white-space:nowrap}
.ks-hero h1 span:first-child{color:var(--ks-accent)}
.ks-section{padding:112px var(--ks-side)}
.ks-intro{padding-top:24px}
.ks-soft{background:#f5f5f3}
.ks-dark{background:#0b0d0e;--ks-ink:#f3f3f2;--ks-muted:#abb0b3;--ks-accent:#c8a4ff;--ks-line:#303438;color:var(--ks-ink)}
.ks-prose{width:min(100%,780px);margin:0 auto;font-size:17px;color:var(--ks-muted)}
.gbds-v2-keyboard-sound-shell .ks-prose p+p{margin-top:24px}
.ks-prose strong{color:var(--ks-ink);font-weight:680}
.gbds-v2-keyboard-sound-shell .ks-kicker{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ks-accent);line-height:1.65}
.gbds-v2-keyboard-sound-shell .ks-lead{font-size:clamp(20px,2.4vw,30px);font-weight:600;line-height:1.8;color:var(--ks-ink);letter-spacing:-.025em}
.gbds-v2-keyboard-sound-shell .ks-note{font-size:12px;line-height:1.9}
.ks-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin:40px 0 64px;font-size:14px}
.ks-actions .ks-button{display:inline-flex;gap:28px;background:#121516;border:1px solid #121516;color:white;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:650;transition:transform .25s}
.ks-actions .ks-button:hover{transform:translateY(-2px)}
.ks-landscape{overflow:hidden}
.ks-landscape img{width:100%;aspect-ratio:3/2;object-fit:cover}
.gbds-v2-keyboard-sound-shell figcaption{font-size:12px;line-height:1.8;color:var(--ks-muted);padding-top:14px}
.ks-heading{text-align:center;max-width:1080px;margin:0 auto 64px}
.gbds-v2-keyboard-sound-shell .ks-heading h2{font-size:clamp(36px,5vw,76px);margin-top:25px!important;line-height:1.36}
.ks-heading h2 span{display:block;width:fit-content;max-width:100%;margin-inline:auto;white-space:nowrap}
.ks-heading h2 span:last-child{color:var(--ks-accent)}
.ks-heading p:last-child:not(.ks-kicker){max-width:700px;margin:27px auto 0;font-size:18px;line-height:1.9;color:var(--ks-muted)}
.ks-sound-pair{display:grid;grid-template-columns:1fr 1fr;max-width:1080px;margin:0 auto 72px}
.ks-sound-pair>div{padding:30px 55px;text-align:center}
.ks-sound-pair>div+div{border-left:1px solid var(--ks-line)}
.ks-big-word{display:block;color:#ffa95c;font-size:clamp(66px,9vw,130px);font-weight:750;letter-spacing:-.065em;line-height:1.4;margin-bottom:25px}
.ks-sound-pair>div+div .ks-big-word{color:#c7a4ff}
.gbds-v2-keyboard-sound-shell .ks-sound-pair h3{font-size:23px;margin-bottom:16px!important}
.ks-sound-pair p{text-align:left;font-size:16px;color:var(--ks-muted)}
.ks-structure{max-width:1100px;margin:0 auto!important}
.ks-structure img{width:100%;background:#000}
.ks-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:54px}
.ks-count{display:block;color:var(--ks-accent);font-size:13px;font-weight:700;margin-bottom:16px}
.gbds-v2-keyboard-sound-shell :is(.ks-explain-grid,.ks-decision,.ks-checklist,.ks-inset) h3{font-size:24px;margin-bottom:18px!important}
.ks-explain-grid p,.ks-decision p{font-size:15px;color:var(--ks-muted)}
.ks-inset{padding-top:45px;border-top:1px solid var(--ks-line);margin-top:64px}
.ks-filter{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 25px;max-width:1100px}
.ks-filter button{background:transparent;border:1px solid #ccd1cf;color:#525a5e;border-radius:999px;padding:11px 17px;font-size:13px;font-weight:650;line-height:1.6;transition:background .2s,color .2s}
.ks-filter small{font-size:10px;margin-left:6px}
.ks-filter button[aria-pressed=true]{background:#141718;color:#fff;border-color:#141718}
.gbds-v2-keyboard-sound-shell .ks-result{text-align:center;font-size:12px;color:var(--ks-muted);min-height:2em}
.ks-products{margin-top:50px}
.ks-product{padding:74px 0;border-top:1px solid var(--ks-line)}
.ks-product:last-child{padding-bottom:0}
.ks-product>header{text-align:center;margin-bottom:44px}
.gbds-v2-keyboard-sound-shell .ks-product h3{font-size:clamp(28px,3.2vw,47px);letter-spacing:-.03em;margin-top:12px!important}
.ks-product h3 span{display:block;white-space:nowrap}
.gbds-v2-keyboard-sound-shell .ks-product-lead{margin-top:14px;font-size:17px;color:#586164}
.ks-product-body{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.ks-product-body figure{display:grid;place-items:center;min-height:280px;background:#fff;padding:28px}
.ks-product-body figure img{width:100%;height:310px;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
@media(hover:hover){.ks-product-body figure:hover img{transform:scale(1.035)}}
.ks-product-body>div p{font-size:15px;color:var(--ks-muted);line-height:1.95}
.gbds-v2-keyboard-sound-shell .ks-product-body>div p+p{margin-top:18px}
.ks-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--ks-line);padding-top:19px!important;margin-top:24px!important;font-size:12px}
.ks-spec dt{color:#747b7e;font-size:10px;margin:0 0 5px;font-weight:500}
.ks-spec dd{margin:0;line-height:1.7;font-weight:650;word-break:auto-phrase}
.ks-product-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13px;font-weight:600}
.ks-photo-detail{margin-top:32px;border-top:1px solid var(--ks-line);padding-top:20px;font-size:13px}
.ks-photo-detail summary{cursor:pointer;color:var(--ks-accent);font-weight:650}
.ks-photo-detail>div{display:grid;grid-template-columns:minmax(0,400px) minmax(0,500px);gap:30px;align-items:center;justify-content:center;margin-top:25px}
.ks-photo-detail p{font-size:15px;color:var(--ks-muted)}
.ks-product-story{max-width:780px;margin:48px auto 0;color:var(--ks-muted);font-size:17px;line-height:2}
.gbds-v2-keyboard-sound-shell .ks-product-story h4{color:var(--ks-ink);font-size:clamp(23px,2.4vw,31px);text-align:center;margin:0 0 27px!important;line-height:1.6}
.ks-product-story h4 span,.ks-switch-guide h3 span{display:block;white-space:nowrap}
.gbds-v2-keyboard-sound-shell .ks-product-story p+p{margin-top:23px}
.ks-product-story strong{color:var(--ks-ink);font-weight:680}
.gbds-v2-keyboard-sound-shell .ks-recommendation{margin-top:29px;padding:23px 0;border-block:1px solid var(--ks-line);font-size:16px}
.ks-recommendation>strong{display:block;color:var(--ks-accent);margin-bottom:10px;font-size:13px;letter-spacing:.04em}
.gbds-v2-keyboard-sound-shell .ks-review-sources{font-size:12px;line-height:1.9;margin-top:22px;color:#667074}
.ks-source-note{margin-top:22px;font-size:12px;line-height:1.8;color:var(--ks-muted)}
.ks-source-note summary{cursor:pointer;width:fit-content;margin-inline:auto;padding:7px 0;color:var(--ks-muted)}
.gbds-v2-keyboard-sound-shell .ks-source-note .ks-review-sources{margin-top:12px;padding:16px 0;border-block:1px solid var(--ks-line)}
.ks-story-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;margin-top:27px;font-size:14px;font-weight:650}
/* Article 227: a single Amazon destination in each purchase row, in the article's teal palette. */
.gbds-v2-keyboard-sound-shell :is(.ks-product-links,.ks-story-actions){align-items:center}
.gbds-v2-keyboard-sound-shell :is(.ks-product-links,.ks-story-actions)>a:not([href^="https://amzn.to/"]){display:none}
.gbds-v2-keyboard-sound-shell :is(.ks-product-links,.ks-story-actions)>a[href^="https://amzn.to/"]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:200px;max-width:100%;min-height:64px;padding:12px 22px;border:1px solid #a5cbc2;border-radius:8px;background:#e6f2ef;color:#365f58;font-size:11px;font-weight:500;line-height:1.6;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background-color .18s ease,border-color .18s ease}
.gbds-v2-keyboard-sound-shell :is(.ks-product-links,.ks-story-actions)>a[href^="https://amzn.to/"]::before{content:"Amazonで見る";color:#076b60;font-size:16px;font-weight:700;line-height:1.5;letter-spacing:.01em}
@media(hover:hover){.gbds-v2-keyboard-sound-shell :is(.ks-product-links,.ks-story-actions)>a[href^="https://amzn.to/"]:hover{background:#d4e9e3;border-color:#75ab9f;text-decoration:none}}
@media(max-width:700px){.gbds-v2-keyboard-sound-shell :is(.ks-product-links,.ks-story-actions)>a[href^="https://amzn.to/"]{width:100%;min-width:0}.gbds-v2-keyboard-sound-shell .ks-product-links{justify-content:center;row-gap:16px}}
.ks-story-photo{width:min(100%,970px);margin:38px auto!important}
.ks-story-photo img{width:100%;max-height:510px;object-fit:contain}
.ks-switch-guide h3{text-align:center}
.ks-terms{margin:30px 0!important}
.ks-terms>div{border-top:1px solid var(--ks-line);padding:23px 0}
.ks-terms dt{font-weight:680;color:var(--ks-ink);font-size:18px;margin-bottom:8px}
.ks-terms dd{margin:0;font-size:16px;line-height:1.95}
@media(max-width:700px){.ks-product-story{font-size:15px;margin-top:34px}.gbds-v2-keyboard-sound-shell .ks-product-story h4{font-size:clamp(19px,5.2vw,24px)}.gbds-v2-keyboard-sound-shell .ks-recommendation{font-size:15px}.ks-story-actions{font-size:12px;gap:14px 22px}.ks-terms dd{font-size:15px}.gbds-v2-keyboard-sound-shell .ks-switch-guide h3{font-size:clamp(20px,5.9vw,24px)}}
.gbds-v2-keyboard-sound-shell .ks-product-caution{font-size:12px;border-left:2px solid #88918e;padding-left:14px}
.ks-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-bottom:64px}
.ks-checklist>div>span{display:block;font-size:45px;line-height:1.5;color:#ffa95c;margin-bottom:20px;letter-spacing:-.05em;font-weight:700}
.ks-checklist p{font-size:16px;color:var(--ks-muted)}
.ks-decision{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px;max-width:1080px;margin:0 auto}
.ks-decision>div{border-top:1px solid var(--ks-line);padding-top:28px}
.ks-faq{max-width:870px;margin:auto}
.ks-faq details{border-top:1px solid var(--ks-line);padding:25px 0}
.ks-faq details:last-child{border-bottom:1px solid var(--ks-line)}
.ks-faq summary{cursor:pointer;font-size:17px;font-weight:650;padding-right:20px;line-height:1.9;word-break:auto-phrase}
.ks-faq details p{margin-top:20px;font-size:15px;color:var(--ks-muted)}
.ks-related{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1080px;margin:auto}
.ks-related a{color:var(--ks-ink);text-decoration:none}
.ks-related img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#f5f5f5}
.ks-related span{display:block;margin:24px 0 6px;font-size:12px;color:var(--ks-accent)}
.ks-related strong{font-size:20px;font-weight:650}
.ks-sources{padding:36px var(--ks-side) 65px;border-top:1px solid var(--ks-line);font-size:12px;color:var(--ks-muted)}
.ks-sources details{max-width:880px;margin:auto}
.ks-sources summary{cursor:pointer;font-weight:650}
.ks-sources p,.ks-sources ul{margin-top:18px!important}
.ks-sources ul{padding-left:20px;columns:2;column-gap:40px}
.ks-sources li{break-inside:avoid;margin-bottom:6px}
@media(max-width:1000px){.ks-product-body{gap:35px}.ks-product-body figure{padding:20px}.ks-product-body figure img{height:260px}.ks-sound-pair>div{padding-inline:30px}.ks-explain-grid{gap:26px}.ks-checklist{gap:28px}.ks-spec{grid-template-columns:1fr 1fr}.ks-section{padding-block:86px}.ks-intro{padding-top:20px}}
@media(max-width:700px){.ks-brand small{display:none}.ks-nav{padding:14px 20px;gap:12px}.ks-nav .ks-brand{font-size:14px}.ks-nav>div{gap:14px;font-size:10px}.ks-hero{min-height:74svh;padding:90px 20px}.gbds-v2-keyboard-sound-shell .ks-hero h1{font-size:clamp(28px,8.5vw,52px)}.ks-section{padding:72px 24px}.ks-intro{padding-top:10px}.gbds-v2-keyboard-sound-shell .ks-heading h2{font-size:clamp(28px,7.6vw,44px);line-height:1.45}.ks-heading{margin-bottom:40px}.ks-heading p:last-child:not(.ks-kicker){font-size:15px;margin-top:22px}.ks-prose{font-size:15px}.gbds-v2-keyboard-sound-shell .ks-lead{font-size:20px}.ks-actions{gap:20px;font-size:12px;flex-wrap:wrap;margin-bottom:40px}.ks-sound-pair{grid-template-columns:1fr;margin-bottom:40px}.ks-sound-pair>div{padding:28px 5px}.ks-sound-pair>div+div{border-left:0;border-top:1px solid var(--ks-line)}.ks-big-word{font-size:88px}.ks-explain-grid,.ks-checklist,.ks-decision{grid-template-columns:1fr;gap:30px}.ks-explain-grid>div+div{border-top:1px solid var(--ks-line);padding-top:25px}.ks-inset{margin-top:40px;padding-top:32px}.ks-product{padding:45px 0}.ks-product>header{margin-bottom:27px}.gbds-v2-keyboard-sound-shell .ks-product h3{font-size:clamp(23px,6.7vw,35px)}.gbds-v2-keyboard-sound-shell .ks-product-lead{font-size:15px}.ks-product-body{grid-template-columns:1fr;gap:28px}.ks-product-body figure{min-height:0;padding:24px}.ks-product-body figure img{height:220px}.ks-spec{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ks-spec dd{font-size:11px}.ks-filter{gap:7px}.ks-filter button{font-size:11px;padding:9px 12px}.ks-filter small{display:none}.ks-related{grid-template-columns:1fr;gap:35px}.ks-related strong{font-size:18px}.ks-faq summary{font-size:15px}.ks-sources ul{columns:1}.ks-checklist>div>span{font-size:35px;margin-bottom:10px}.ks-landscape{margin-inline:-24px!important}.ks-landscape figcaption{padding-inline:24px}.ks-structure{margin-inline:-10px!important}}
@media(prefers-reduced-motion:reduce){.gbds-v2-keyboard-sound-shell *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:700px){.ks-photo-detail>div{grid-template-columns:1fr}}