
.skhb-compare,.skhb-compare *{box-sizing:border-box}
/* Isolate comparison labels from the shop description marker styling. */
section.skhb-compare span{background:none}
.skhb-compare{clear:both;max-width:760px;margin:32px 0;color:#373732;font-family:inherit;text-align:left;line-height:1.7}
.skhb-compare h2{margin:0 0 18px;padding:0;border:0;background:none;color:inherit;font-size:18px;font-weight:500;letter-spacing:.04em;line-height:1.6}
.skhb-compare table{display:table;width:100%;margin:0;border-collapse:collapse;table-layout:fixed;border:0;background:transparent;font-size:13px;color:inherit}
.skhb-compare th,.skhb-compare td{display:table-cell;padding:10px 12px;border:0;border-bottom:1px solid #e5e5e0;background:transparent;text-align:left;vertical-align:middle;font-weight:400;line-height:1.6;overflow-wrap:normal}
.skhb-compare thead th{padding-top:0;padding-bottom:15px;border-bottom:1px solid #acaca2;vertical-align:top}
.skhb-compare .skhb-label{width:54px;padding-left:0;color:#77776d;font-size:11px}
.skhb-compare .skhb-width{font-size:18px;font-weight:500;white-space:nowrap}
.skhb-compare .skhb-sub{display:block;margin-top:4px;color:#74746c;font-size:11px;line-height:1.6}
.skhb-compare .skhb-current{display:block;margin-top:6px;font-size:10px;color:#766147;letter-spacing:.02em}
.skhb-compare .skhb-range{white-space:nowrap;font-variant-numeric:tabular-nums}
.skhb-compare .skhb-unit{font-size:10px;margin-left:2px;color:#77776d}
.skhb-compare tfoot td{padding-top:14px;border:0;vertical-align:top}
.skhb-compare .skhb-link{display:inline-block;padding:5px 0;color:#373732;text-decoration:underline;text-underline-offset:5px;font-size:12px;background:none}
.skhb-compare .skhb-note{margin:16px 0 0;font-size:11px;color:#74746c;line-height:1.8}
.skhb-compare .skhb-guide{display:inline-block;margin-top:8px;padding:6px 0;font-size:11px;color:#57574e;text-decoration:underline;text-underline-offset:4px}
.skhb-compare a:focus-visible{outline:2px solid #8a785c;outline-offset:4px}
@media(max-width:480px){.skhb-compare{margin:24px 0}.skhb-compare h2{font-size:17px;margin-bottom:16px}.skhb-compare th,.skhb-compare td{padding:9px 6px;font-size:12px}.skhb-compare .skhb-label{width:34px;padding-left:0;font-size:10px}.skhb-compare .skhb-width{font-size:16px}.skhb-compare .skhb-sub{font-size:10px}.skhb-compare .skhb-link{font-size:11px}}

.skhb-compare{max-width:720px;margin:32px 0;color:#343731}
.skhb-compare .hb-kicker{font-size:10px;letter-spacing:.18em;color:#82765e;margin:0 0 8px}
.skhb-compare .hb-intro h2{font-size:23px;letter-spacing:.02em;margin:0 0 8px;font-weight:500}
.skhb-compare .hb-intro>p:last-child{font-size:13px;color:#72766c;margin:0}
.skhb-compare .hb-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:26px;border-top:1px solid #dedfd7;border-bottom:1px solid #dedfd7}
.skhb-compare .hb-option{padding:22px 24px 24px;min-width:0}
.skhb-compare .hb-option+ .hb-option{border-left:1px solid #dedfd7}
.skhb-compare .hb-here,.skhb-compare .hb-other{font-size:10px;display:inline-block;line-height:20px;color:#7a7c73}
.skhb-compare .hb-here{color:#52604b;font-weight:600}
.skhb-compare .hb-here:before{content:'●';font-size:7px;margin-right:6px}
.skhb-compare .hb-drawing{height:83px;display:flex;align-items:center;justify-content:center}
.skhb-compare .hb-belt{width:100%;max-width:180px;background:#b59771;border-radius:3px;display:flex;justify-content:flex-end;align-items:center;gap:11px;padding-right:20px;box-shadow:inset 0 2px 0 #ffffff40,inset 0 -2px 0 #00000010}
.skhb-compare .hb-belt-16{height:25.6px}.skhb-compare .hb-belt-25{height:40px}
.skhb-compare .hb-belt i{width:4px;height:4px;border-radius:50%;background:#735e44}
.skhb-compare .hb-option h3{padding:0;margin:0;background:none;border:0;font-size:29px;line-height:1.3;font-weight:500;color:inherit}
.skhb-compare .hb-option h3 small{font-size:13px;margin-left:4px}
.skhb-compare .hb-category{font-size:12px;color:#73766c;margin:7px 0 18px}
.skhb-compare .hb-neck{margin:0 0 22px}.skhb-compare .hb-neck>span{display:block;font-size:10px;color:#7a7c73;margin-bottom:3px}
.skhb-compare .hb-neck strong{font-size:18px;font-weight:500;white-space:nowrap}.skhb-compare .hb-neck small{font-size:11px;margin-left:3px}
.skhb-compare .hb-go,.skhb-compare .hb-stay{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;padding:9px 12px;line-height:1.6}
.skhb-compare .hb-go{border:1px solid #8b9381;color:#3e4e37;text-decoration:none;border-radius:3px;background:white}
.skhb-compare .hb-go:hover{background:#f4f6f0}.skhb-compare .hb-stay{color:#85877e;padding-left:0}
.skhb-compare .hb-caption{font-size:10px;color:#85877f;margin:10px 0 20px}
.skhb-compare .hb-fit{font-size:12px;line-height:1.8;margin:0 0 18px;color:#62675c}
.skhb-compare .hb-details{border-top:1px solid #dedfd7;border-bottom:1px solid #dedfd7;padding:0}
.skhb-compare .hb-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:13px;color:#373e32}
.skhb-compare .hb-details summary::-webkit-details-marker{display:none}
.skhb-compare .hb-details summary span{font-size:18px;font-weight:400}.skhb-compare .hb-details[open] summary span{transform:rotate(45deg)}
.skhb-compare .hb-details table{margin-bottom:12px}.skhb-compare .hb-details .skhb-note{margin-bottom:18px}
.skhb-compare summary:focus-visible{outline:2px solid #8a785c;outline-offset:3px}
@media(max-width:480px){.skhb-compare .hb-intro h2{font-size:20px}.skhb-compare .hb-option{padding:16px 12px 18px}.skhb-compare .hb-option:first-child{padding-left:0}.skhb-compare .hb-option:last-child{padding-right:0}.skhb-compare .hb-drawing{height:78px}.skhb-compare .hb-neck strong{font-size:16px}.skhb-compare .hb-go,.skhb-compare .hb-stay{font-size:11px;padding:8px}.skhb-compare .hb-stay{padding-left:0}.skhb-compare .hb-belt{max-width:135px}}

