.hq-page{background:var(--cream2);padding:104px 0 56px}.hq-page *{box-sizing:border-box}.hq-bc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:14px 0 16px;font-size:11.5px;color:var(--muted);letter-spacing:.02em}.hq-bc a{color:inherit;text-decoration:none}.hq-bc a:hover{text-decoration:underline}.hq-bc span[aria-current]{color:var(--ink)}.hq{display:flex;flex-direction:column;gap:18px}.hq-photo{position:relative;overflow:hidden;background:var(--dark);aspect-ratio:4/3}.hq-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85;display:block}.hq-photo__cap{position:absolute;left:18px;bottom:18px;right:18px;display:flex;flex-direction:column;gap:6px;color:#fff}.hq-photo__en{font-family:var(--serif);font-size:11px;letter-spacing:.3em;color:var(--gold-l);font-weight:500}.hq-photo__big{font-family:var(--serif);font-size:34px;line-height:1;font-weight:500;margin:0;display:block;color:inherit;letter-spacing:normal}.hq[data-screen=question] .hq-photo,.hq[data-screen=result] .hq-photo{display:none}.hq-panel{display:flex;flex-direction:column;gap:16px}.hq-noscript{font-size:13px;line-height:1.9;color:var(--body2)}.hq-noscript a{color:var(--ink)}.hq-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.95;color:var(--body2)}.hq-note a{color:var(--ink)}.hq-note h2,.hq-note h3{font-size:14px;font-weight:500;color:var(--ink);margin:18px 0 8px}.hq-note p{margin:0 0 10px}.hq-en{font-family:var(--serif);font-size:11px;letter-spacing:.3em;color:var(--gold-d);font-weight:500}.hq-ttl{margin:0;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:.02em}.hq-lead{margin:0;font-size:13px;line-height:1.9;color:var(--body2)}.hq-meta{margin:0;display:flex;gap:10px;font-size:11.5px;color:var(--muted);letter-spacing:.04em}.hq-cta{margin-top:4px}.hq-btn{display:block;width:100%;text-align:center;background:var(--ink);color:#fff;border:0;cursor:pointer;font-family:var(--jp);font-size:14px;font-weight:500;letter-spacing:.08em;padding:16px 20px;text-decoration:none;transition:background .2s;-webkit-appearance:none;appearance:none}@media(hover:hover){.hq-btn:hover{background:#000;color:#fff}}.hq-qbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.hq-qnum{font-family:var(--serif);font-size:13px;letter-spacing:.2em;color:var(--muted)}.hq-backlink{background:none;border:0;padding:0;cursor:pointer;font-family:var(--jp);font-size:11.5px;color:var(--muted);text-decoration:underline}.hq-backlink:hover{color:var(--ink)}.hq-bar{height:2px;background:var(--line);position:relative;overflow:hidden}.hq-bar__in{position:absolute;left:0;top:0;bottom:0;background:var(--gold);transition:width .35s ease}.hq-q{margin:6px 0 0;font-size:20px;font-weight:500;line-height:1.5;letter-spacing:.01em}.hq-qnote{margin:0;font-size:11.5px;line-height:1.8;color:var(--muted)}.hq-opts{display:grid;grid-template-columns:1fr;gap:8px}.hq-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--line);padding:15px 16px;cursor:pointer;color:var(--ink);font-family:var(--jp);font-size:13.5px;line-height:1.6;transition:border-color .2s,background .2s;-webkit-appearance:none;appearance:none}.hq-opt:hover{border-color:var(--ink)}.hq-opt__ar{font-family:var(--serif);font-size:16px;color:var(--muted);flex:none}.hq-res{background:var(--paper);padding:24px 20px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.hq-res__body{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.hq-res__img{display:block;width:150px;aspect-ratio:4/5;overflow:hidden;background:var(--cream2,#f6f3ec);flex:none}.hq-res__img img{width:100%;height:100%;object-fit:contain;display:block}.hq-res__txt{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.hq-res__ttl{margin:0;font-size:20px;font-weight:500;line-height:1.5}.hq-res__desc{margin:0;font-size:12.5px;line-height:1.85;color:var(--body2);text-align:left}.hq-res .hq-btn,.hq-res .hq-btn:link,.hq-res .hq-btn:visited{color:#fff}@media(hover:hover){.hq-res .hq-btn:hover{color:#fff;background:#000}}.hq-res__tag{display:inline-block;margin-left:8px;vertical-align:middle;font-family:var(--jp);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--ink);background:var(--cream2,#f6f3ec);border:1px solid var(--line);padding:3px 8px;white-space:nowrap}.hq-res__xl{align-self:flex-start}.hq-why{margin:0;font-size:12px;line-height:1.9;color:var(--body2);text-align:left;border-left:2px solid var(--gold);padding:2px 0 2px 12px}.hq-sec{display:flex;flex-direction:column;gap:10px}.hq-sec__ttl{margin:0;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.04em}.hq-prods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hq-pc{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}.hq-pc__img{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--cream2,#f6f3ec)}.hq-pc__img img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .25s}.hq-pc:hover .hq-pc__img img{opacity:.92}.hq-pc__name{font-size:12px;line-height:1.5}.hq-pc__price{font-size:12px;font-weight:500}.hq-prods .hq-pc:nth-child(n+3){display:none}.hq-rel{display:flex;gap:8px}.hq-rel__card{flex:1;background:var(--paper);border:1px solid var(--line);padding:12px 14px;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit;transition:border-color .2s}.hq-rel__card:hover{border-color:var(--ink)}.hq-rel__name{font-size:12.5px;font-weight:500;line-height:1.5}.hq-rel__txt{font-size:11px;color:var(--muted);line-height:1.6}.hq-share__row{display:flex;flex-wrap:wrap;gap:8px}.hq-share__btn{display:inline-flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);cursor:pointer;font-family:var(--jp);font-size:12px;letter-spacing:.04em;color:var(--ink);padding:11px 16px;text-decoration:none;transition:border-color .2s;-webkit-appearance:none;appearance:none}@media(hover:hover){.hq-share__btn:hover{border-color:var(--ink)}}.hq-share__msg{margin:0;font-size:11.5px;color:var(--muted)}.hq-disc{margin:0;font-size:11.5px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.hq-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;flex-wrap:wrap}.hq-textlink{background:none;border:0;padding:0;cursor:pointer;font-family:var(--jp);font-size:12px;color:var(--muted);text-decoration:underline}.hq-textlink:hover{color:var(--ink)}@media(min-width:900px){.hq-page{padding:120px 0 72px}.hq-bc{padding:20px 0 22px;font-size:12px}.hq{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.hq-photo{aspect-ratio:auto;min-height:620px}.hq[data-screen=question] .hq-photo,.hq[data-screen=result] .hq-photo{display:block}.hq[data-screen=result] .hq-photo{align-self:start}.hq-photo__cap{left:36px;bottom:36px;right:36px;gap:10px}.hq-photo__en{font-size:12px}.hq-photo__big{font-size:64px}.hq-panel{background:var(--paper);padding:56px 64px;gap:22px;justify-content:center}.hq-ttl{font-size:34px;line-height:1.4}.hq-lead{font-size:14.5px;line-height:1.95}.hq-meta{font-size:12.5px}.hq-btn{display:inline-block;width:auto;align-self:flex-start;padding:17px 40px;font-size:14.5px}.hq-qnum{font-size:14px}.hq-backlink{font-size:12.5px}.hq-q{font-size:28px;line-height:1.45;margin-top:8px}.hq-qnote{font-size:12.5px}.hq-opts{grid-template-columns:1fr 1fr;gap:10px}.hq-opt{padding:18px;font-size:14px}.hq-res{background:none;padding:0;align-items:flex-start;text-align:left;gap:22px}.hq-res__body{flex-direction:row;align-items:flex-start;gap:24px}.hq-res__img{width:160px}.hq-res__txt{align-items:flex-start}.hq-res__ttl{font-size:26px;line-height:1.4}.hq-res__desc{font-size:13.5px;line-height:1.9}.hq-res .hq-btn{padding:13px 26px;font-size:13px}.hq-sec{border-top:1px solid var(--line);padding-top:20px;gap:12px}.hq-sec__ttl{font-size:12.5px}.hq-prods{grid-template-columns:repeat(4,1fr);gap:12px}.hq-prods .hq-pc:nth-child(n+3){display:flex}.hq-pc__price{font-size:12.5px}.hq-rel{gap:10px}.hq-rel__card{padding:14px 16px}.hq-rel__name{font-size:13.5px}.hq-rel__txt{font-size:11.5px}.hq-foot{justify-content:flex-start;gap:24px;font-size:12.5px}.hq-textlink{font-size:12.5px}.hq-res__tag{font-size:11.5px}.hq-why{font-size:12.5px}.hq-share__btn{font-size:12.5px;padding:12px 18px}.hq-disc{font-size:12px;padding-top:20px}}@media(prefers-reduced-motion:reduce){.hq-bar__in{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/hat-quiz.css.map */