hb-fit{display:block;margin:18px 0;font-family:Arial,'Noto Sans JP',sans-serif;color:#242923;font-size:14px;line-height:1.6;letter-spacing:normal}hb-fit *{box-sizing:border-box}hb-fit [hidden]{display:none!important}hb-fit button,hb-fit input,hb-fit select{font:inherit}hb-fit button{cursor:pointer}hb-fit button:focus-visible,hb-fit input:focus-visible,hb-fit select:focus-visible,hb-fit summary:focus-visible{outline:3px solid #536845;outline-offset:3px}.hf-open{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 18px;border:1px solid #aaa99c;background:#f6f6f2;color:#283024}.hf-open span{font-size:21px}.hf-dialog{width:min(1040px,calc(100vw - 36px));max-width:none;max-height:92dvh;margin:auto;padding:0;border:1px solid #dfdfd8;background:#fdfdfb;color:#242923;border-radius:12px;box-shadow:0 25px 90px #0003;overflow:auto}.hf-dialog::backdrop{background:#20241ed0;backdrop-filter:blur(3px)}.hf-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 30px;border-bottom:1px solid #dedfd5;background:#fdfdfb}.hf-head small{font-size:10px;letter-spacing:.16em;color:#69745d}.hf-head h2{font-size:23px;margin:5px 0;font-family:inherit;letter-spacing:.02em;color:inherit}.hf-head button{width:42px;height:42px;flex-shrink:0;border:1px solid #d8d9d1;background:#fff;border-radius:50%;font-size:27px;color:#242923}.hf-layout{display:grid;grid-template-columns:340px 1fr}.hf-inputs{padding:25px 30px;border-right:1px solid #e1e2da}.hf-product{font-weight:600;font-size:15px;margin:0 0 23px}.hf-form label{display:block;font-size:12px;margin-bottom:16px}.hf-form input,.hf-form select{display:block;width:100%;border:1px solid #d4d6cb;border-radius:4px;padding:10px;background:#fff;color:#242923;height:44px;margin-top:5px}.hf-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.hf-submit{width:100%;padding:13px;border:0;border-radius:4px;background:#33432d;color:#fff}.hf-note{font-size:11px;line-height:1.85;color:#73776e;margin:16px 0}.hf-results{padding:22px 20px;background:#f3f4ef}.hf-recommend{font-size:16px;text-align:center;font-weight:600}.hf-sizes{display:flex;justify-content:center;gap:7px;margin-top:15px}.hf-sizes button{min-width:45px;padding:8px 7px;border:1px solid #c6cbbd;background:#fff;color:#343e2e;border-radius:5px;font-size:13px}.hf-sizes button[aria-pressed=true]{background:#33432d;color:#fff}.hf-figure{max-width:480px;margin:auto}.hf-figure svg{width:100%;height:auto;display:block}.hf-figure .svg-label rect{fill:#fff;stroke:#e8e9e1;stroke-width:.6}.hf-figure .svg-label text{font-family:Arial,sans-serif;font-size:13px;fill:#6a7164}.hf-figure .svg-label tspan{font-size:15px;font-weight:600;fill:#273021}.hf-caption{text-align:center;margin:0}.hf-warning{font-size:12px;color:#76531f;background:#fff7e6;padding:10px;border-radius:5px}.hf-table{padding:15px 30px;border-top:1px solid #e0e2d9}.hf-table summary{cursor:pointer;padding:8px 0}.hf-table-scroll{overflow:auto}.hf-table table{border-collapse:collapse;width:100%;font-size:12px;margin:15px 0}.hf-table th,.hf-table td{padding:10px;text-align:center;border-bottom:1px solid #dfe2d7;white-space:nowrap}.hf-table th{font-weight:600;background:#f5f6f0}@media(max-width:700px){.hf-dialog{width:calc(100vw - 16px);max-height:95dvh;border-radius:9px}.hf-head{padding:16px}.hf-head h2{font-size:18px}.hf-layout{grid-template-columns:1fr}.hf-inputs{padding:18px;border-right:0;border-bottom:1px solid #ddd}.hf-product{margin-bottom:15px}.hf-results{padding:18px 7px}.hf-note{margin:10px 0}.hf-table{padding:13px 18px}.hf-figure{max-width:440px}.hf-head button{width:36px;height:36px}}
@media(min-width:701px){.hf-figure{max-width:370px}.hf-head{padding:16px 25px}.hf-results{padding-top:16px}.hf-sizes{margin-top:10px}}