.office{max-width:var(--wrap);margin-inline:auto}.of-sec{margin:64px 0}.of-band{margin:96px 0}.of-sec .sec-head p a,.of-band .sec-head p a{font-weight:800}.of-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:34px 40px;margin:26px 0 20px;display:grid}.of-hero-sheet{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--pop);background:#fff;border-radius:26px;padding:clamp(24px,4vw,40px) clamp(20px,4vw,38px) clamp(22px,3vw,30px);position:relative}.of-hero-sheet .tape{width:110px;top:-13px;left:28px;transform:rotate(-6deg)}.of-rank{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 14px;display:flex}.of-stars{color:var(--amber);letter-spacing:.08em;align-items:baseline;gap:8px;font-size:20px;line-height:1;display:inline-flex}.of-stars b{font-family:var(--display);color:var(--pop-text);letter-spacing:0;font-size:22px;font-weight:400}.of-stars em{font-style:normal;font-family:var(--display);color:var(--pop-text);letter-spacing:0;font-size:14px}.of-stars.sm{font-size:14px}.of-hero h1{margin:0 0 14px;font-size:clamp(26px,4.6vw,46px);line-height:1.25}.of-hero h1 .hl{white-space:nowrap;display:block}.of-heading{font-family:var(--body);color:var(--ink);margin:0 0 4px;font-size:clamp(16px,2.2vw,19px);font-weight:800;line-height:1.55}.of-sub{font-family:var(--hw);color:var(--pop-text);margin:0 0 14px;font-size:15px}.of-lead{margin:0 0 18px;font-size:15.5px;line-height:1.85}.of-stats{flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.of-stats li{border:2px solid var(--ink);min-width:104px;box-shadow:3px 3px 0 var(--lemon);text-align:center;background:#fff;border-radius:14px;flex-direction:column;flex:104px;justify-content:center;align-items:center;padding:8px 12px;line-height:1.3;display:flex}.of-stats li:nth-child(2){box-shadow:3px 3px 0 var(--mint)}.of-stats li:nth-child(3){box-shadow:3px 3px 0 var(--sky)}.of-stats li:nth-child(4){box-shadow:3px 3px 0 var(--pop)}.of-stats small{color:var(--muted);margin-bottom:3px;font-size:11.5px}.of-stats b{font-family:var(--display);color:var(--ink);font-size:17px;font-weight:400}.of-photo{margin-top:14px}.of-photo .ph{border-radius:6px}.of-photo figcaption{justify-content:flex-start}@media (width<=820px){.of-hero{grid-template-columns:1fr;gap:34px}.of-photo{max-width:520px;margin-inline:auto}}.of-a8{text-align:center;margin:8px 0 0}.of-a8-banner{margin:0 0 16px}.of-a8-banner img{border:2px solid var(--ink);border-radius:12px;max-width:100%;height:auto}.of-a8-btn{padding:14px 28px;font-size:16px}.of-a8-note{color:var(--muted);margin-top:10px;font-size:12.5px;display:block}.of-a8-px{opacity:0;width:1px;height:1px;position:absolute}@media (width<=480px){.of-a8-btn{letter-spacing:0;width:100%;padding:14px 12px;font-size:14px;display:flex}}.of-verdict{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;display:grid}.of-vcard{border:2px solid var(--ink);border-radius:18px;padding:20px 22px;position:relative}.of-vcard.good{background:var(--good-bg);box-shadow:5px 5px 0 var(--mint)}.of-vcard.bad{background:var(--paper);box-shadow:5px 5px 0 var(--pop-soft)}.of-vcard h3{align-items:center;gap:6px;margin:0 0 12px;font-size:17px;line-height:1.4;display:flex}.of-vcard .box{margin-right:4px}.of-vcard .x{border:2px solid var(--ink);width:20px;height:20px;color:var(--bad-ink);background:#fff;border-radius:6px;flex:none;place-items:center;margin-right:6px;font-size:12px;font-weight:800;display:inline-grid}.of-vcard ul{margin:0;padding-left:1.3em;font-size:14.5px;line-height:1.75}.of-vcard li{margin:.35em 0}.of-vcard.good li::marker{color:var(--good-ink)}.of-vcard.bad li::marker{color:var(--bad-ink)}.of-vcard p{margin:12px 0 0}.of-tbl-wrap{border:2px solid var(--ink);-webkit-overflow-scrolling:touch;background:#fff;border-radius:14px;padding:2px;overflow-x:auto}.of-table{border-collapse:collapse;width:100%;min-width:min(100%,520px);font-size:14px;line-height:1.7}.of-table caption{caption-side:top;text-align:left;font-family:var(--hw);color:var(--muted);padding:10px 14px 6px;font-size:13px}.of-table th,.of-table td{border-bottom:1px solid var(--paper-line);vertical-align:top;text-align:left;padding:11px 14px}.of-table th[scope=row]{background:var(--lemon-soft);width:9em;min-width:7em;font-family:var(--body);color:var(--ink);white-space:nowrap;border-right:2px solid var(--paper-line);font-weight:800}.of-table tr:nth-child(2n) td{background:#fff1de73}.of-table tr:last-child th,.of-table tr:last-child td{border-bottom:0}.of-table td.strong{color:var(--pop-text);font-weight:800}@media (width<=480px){.of-table th[scope=row]{white-space:normal;width:7.5em;min-width:7.5em;font-size:13px;line-height:1.5}.of-table th,.of-table td{padding:10px}}.of-stores{margin:22px 0 0}.of-stores h3,.of-point h3,.of-rating h3{margin:0 0 10px;font-size:17px}.of-stores ul{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.of-stores li{border:2px dashed var(--paper-line);background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;font-size:13.5px;display:flex}.of-stores b{color:var(--ink);font-size:14px}.of-stores b:before{content:"";background:var(--mint);border:1.5px solid var(--ink);vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.of-point{background:var(--lemon-soft);border:2px dashed var(--amber);border-radius:14px;margin:22px 0 0;padding:16px 18px}.of-point h3:before{content:"💡 "}.of-point p{margin:0;font-size:14px;line-height:1.8}.of-rating{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--lemon-soft);background:#fff;border-radius:14px;margin:22px 0 0;padding:16px 18px}.of-rating-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.of-rating-row:last-child{margin-bottom:0}.of-rating-row .lbl{width:96px;min-width:96px;font-size:13.5px;font-weight:800}.of-rating-row .bar{background:var(--paper-2);border:1.5px solid var(--ink);border-radius:999px;flex:1;height:16px;display:block;overflow:hidden}.of-rating-row .fill{background:linear-gradient(90deg,var(--pop),var(--coral));border-radius:999px;height:100%;display:block}.of-rating-row .num{text-align:right;min-width:2.2em;color:var(--pop-text);font-size:13.5px;font-weight:800}@media (width<=480px){.of-rating-row .lbl{width:80px;min-width:80px;font-size:12.5px}}.of-honne{align-items:flex-start;gap:16px;margin:0 0 26px;display:flex}.of-honne .avatar{flex:none;width:72px;height:72px}.of-honne-body{border:2.5px solid var(--ink);min-width:0;box-shadow:5px 5px 0 var(--pop-soft);background:#fff;border-radius:4px 20px 20px;flex:1;padding:16px 20px;position:relative}.of-honne-body:before{content:"";border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:#fff;width:12px;height:12px;position:absolute;top:22px;left:-14px;transform:rotate(45deg)}.of-honne-label{font-family:var(--hw);color:var(--pop-text);margin:0 0 6px;font-size:14px}.of-honne-body p{margin:0 0 .8em;font-size:15px;line-height:1.85}.of-honne-body p:last-child{margin:0}.of-honne-main{font-weight:800}.of-honne.compact{margin:22px 0 0}.of-honne.compact .avatar{width:56px;height:56px}.of-honne.compact .of-honne-body p{font-size:14.5px}@media (width<=480px){.of-honne{flex-direction:column;gap:10px}.of-honne .avatar{width:56px;height:56px}.of-honne-body{border-radius:20px}.of-honne-body:before{top:-10px;left:22px;transform:rotate(135deg)}}.of-gb{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;display:grid}.of-gbcard{border:2px solid;border-radius:16px;padding:18px 20px}.of-gbcard.good{background:var(--good-bg);border-color:var(--good-line)}.of-gbcard.bad{background:var(--bad-bg);border-color:var(--bad-line)}.of-gbcard h3{margin:0 0 10px;font-size:16px}.of-gbcard.good h3:before{content:"◎ ";color:var(--good-ink)}.of-gbcard.bad h3:before{content:"△ ";color:var(--bad-ink)}.of-gbcard ul{margin:0;padding-left:1.3em;font-size:14px;line-height:1.75}.of-gbcard li{margin:.3em 0}.of-gbcard.good li::marker{color:var(--good-ink)}.of-gbcard.bad li::marker{color:var(--bad-ink)}.of-rscore{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:-8px 0 18px;display:flex}.of-rscore small{color:var(--muted);font-size:12.5px}.of-reviews{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;display:grid}.of-reviews h3{margin:0 0 10px;font-size:16px}.of-reviews h3.good:before{content:"😊 "}.of-reviews h3.bad:before{content:"🤔 "}.of-quotes{gap:10px;margin:0;padding:0;list-style:none;display:grid}.of-quotes li{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--mint-soft);background:#fff;border-radius:14px;padding:12px 16px 12px 18px;font-size:14px;line-height:1.75;position:relative}.of-quotes.bad li{box-shadow:3px 3px 0 var(--bad-line)}.of-quotes .from{font-family:var(--hw);color:var(--pop-text);margin-bottom:2px;font-size:12.5px;display:block}.of-quotes q{quotes:"「" "」"}.of-flow{counter-reset:flow;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.of-flow li{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--mint);transition:transform .8s var(--spring);background:#fff;border-radius:18px;padding:26px 18px 18px;position:relative}.js .page:not(.is-in) .of-flow li{transform:translateY(30px)rotate(-2deg)}.of-flow li:nth-child(2){transition-delay:80ms}.of-flow li:nth-child(3){transition-delay:.16s}.of-flow li:nth-child(4){transition-delay:.24s}.of-flow .n{background:var(--pop);width:36px;height:36px;color:var(--ink);font-family:var(--display);border:2.5px solid var(--ink);border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:-16px;left:14px;transform:rotate(-8deg)}.of-flow h3{margin:0 0 8px;font-size:17px;line-height:1.4}.of-flow p{margin:0;font-size:14px;line-height:1.75}.of-final .sheet{text-align:center}.of-final .sec-head{text-align:center;flex-direction:column;justify-content:center;align-items:center}.of-final .sec-head h2{justify-content:center}.of-final .sec-head p{max-width:40em}.of-others{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.of-ocard{border:2px solid var(--ink);height:100%;box-shadow:5px 5px 0 var(--lemon-soft);color:var(--ink);transition:transform .4s var(--spring);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:18px 18px 16px;text-decoration:none;display:flex}.of-others li:nth-child(2) .of-ocard{box-shadow:5px 5px 0 var(--mint-soft)}.of-others li:nth-child(3) .of-ocard{box-shadow:5px 5px 0 var(--sky-soft)}.of-others li:nth-child(4) .of-ocard{box-shadow:5px 5px 0 var(--pop-soft)}.of-ocard:hover{color:var(--ink);transform:translateY(-5px)rotate(-.8deg)}.of-ocard .rk{font-family:var(--display);background:var(--lemon);border:1.5px solid var(--ink);border-radius:999px;align-self:flex-start;padding:5px 10px;font-size:12px}.of-ocard b{font-family:var(--display);font-size:19px;font-weight:400;line-height:1.3}.of-ocard .sub{color:var(--muted);flex:1;font-size:13px;line-height:1.6}.of-ocard .of-stars{margin-top:4px}#related .post-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}@media (prefers-reduced-motion:reduce){.js .page:not(.is-in) .of-flow li,.of-flow li,.of-ocard,.of-ocard:hover{transform:none}}