.c-hquiz{background:var(--c-cream);color:var(--c-ink);padding:64px 0}.c-hquiz [hidden]{display:none!important}@media(min-width:960px){.c-hquiz{padding:96px 0}}.c-hquiz__inner{max-width:1040px;margin:0 auto;padding:0 20px}@media(min-width:750px){.c-hquiz__inner{padding:0 40px}}.c-hquiz__frame{position:relative;display:grid;gap:28px;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);padding:32px 0}@media(min-width:960px){.c-hquiz__frame{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:56px;align-items:start;padding:48px 0}}.c-hquiz__intro{display:grid;gap:14px;align-content:start}.c-hquiz__eyebrow{color:var(--c-terracotta-deep);font-family:var(--font-jp-sans, "Noto Sans JP", system-ui, sans-serif);font-size:12px;font-weight:500;letter-spacing:.08em}.c-hquiz__heading{max-width:12em;margin:0;color:var(--c-ink);font-family:var(--font-jp-serif, "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif);font-size:28px;font-weight:500;letter-spacing:.04em;line-height:1.42;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}@media(min-width:960px){.c-hquiz__heading{font-size:36px}}.c-hquiz__lede,.c-hquiz__noscript{max-width:34em;margin:0;color:var(--c-ink-2);font-family:var(--font-jp-sans, "Noto Sans JP", "Hiragino Sans", "YuGothic", system-ui, sans-serif);font-size:14px;line-height:1.85;letter-spacing:.02em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.c-hquiz__phrase{display:inline-block;white-space:nowrap}.c-hquiz__start,.c-hquiz__back,.c-hquiz__restart,.c-hquiz__option,.c-hquiz__cta{min-height:48px;border-radius:var(--r-sm, 8px);font-family:var(--font-jp-sans, "Noto Sans JP", system-ui, sans-serif);font-size:14px;font-weight:500;line-height:1.45;letter-spacing:0;cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.c-hquiz__start{width:fit-content;margin-top:8px;border:1px solid var(--c-ink);background:var(--c-ink);color:var(--c-paper);padding:12px 22px}.c-hquiz__start:hover,.c-hquiz__start:focus-visible{background:var(--c-terracotta-deep);border-color:var(--c-terracotta-deep)}.c-hquiz__panel{min-width:0}@media(min-width:960px){.c-hquiz__panel{grid-column:2;grid-row:1}.c-hquiz__result{grid-column:1 / -1;grid-row:1}}.c-hquiz__progress{display:flex;align-items:center;gap:12px;margin-bottom:22px}.c-hquiz__progress-label{flex:0 0 auto;color:var(--c-ink-3);font-family:var(--font-en-sans, "Jost", "Inter", system-ui, sans-serif);font-size:11px;font-weight:500;letter-spacing:.18em}.c-hquiz__progress-track{position:relative;flex:1 1 auto;height:1px;background:var(--c-line);overflow:hidden}.c-hquiz__progress-fill{display:block;width:33.333%;height:100%;background:var(--c-terracotta-deep);transition:width var(--t-base)}.c-hquiz__question-title{margin:0 0 20px;color:var(--c-ink);font-family:var(--font-jp-serif, "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif);font-size:22px;font-weight:500;letter-spacing:.04em;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.c-hquiz__options{display:grid;gap:10px}@media(min-width:640px){.c-hquiz__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.c-hquiz__option{width:100%;border:1px solid var(--c-line);background:#ffffff9e;color:var(--c-ink);padding:12px 14px;text-align:left;word-break:keep-all;overflow-wrap:anywhere}.c-hquiz__option:hover,.c-hquiz__option:focus-visible,.c-hquiz__option[aria-pressed=true]{border-color:var(--c-terracotta-deep);background:var(--c-paper)}.c-hquiz__option:focus-visible,.c-hquiz__start:focus-visible,.c-hquiz__back:focus-visible,.c-hquiz__restart:focus-visible,.c-hquiz__cta:focus-visible{outline:2px solid var(--c-terracotta-deep);outline-offset:3px}.c-hquiz__controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.c-hquiz__back,.c-hquiz__restart{border:1px solid var(--c-line);background:transparent;color:var(--c-ink-2);padding:10px 16px}.c-hquiz__back:hover,.c-hquiz__restart:hover{border-color:var(--c-terracotta-deep);color:var(--c-ink)}.c-hquiz__result{min-width:0;width:100%;max-width:760px;margin:0 auto}.c-hquiz__result-head{max-width:36em;margin:0 auto 22px;text-align:center}.c-hquiz__result-kicker{margin:0 0 8px;color:var(--c-terracotta-deep);font-family:var(--font-jp-sans, "Noto Sans JP", system-ui, sans-serif);font-size:12px;font-weight:500;letter-spacing:.08em}.c-hquiz__result-title{margin:0;color:var(--c-ink);font-family:var(--font-jp-serif, "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif);font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.04em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}@media(min-width:750px){.c-hquiz__result-title{font-size:28px}}.c-hquiz__result-grid{display:grid;gap:12px;align-items:start}.c-hquiz__result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.c-hquiz__result-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start;min-width:0;border:1px solid var(--c-line);border-radius:var(--r-sm, 8px);background:#ffffffad;padding:14px}.c-hquiz__result-card--primary{grid-template-columns:104px minmax(0,1fr);border-color:var(--c-terracotta-deep);background:var(--c-paper);padding:16px}.c-hquiz__result-card--secondary{grid-template-columns:68px minmax(0,1fr);background:#ffffff75;padding:12px 14px}@media(min-width:750px){.c-hquiz__result-card{gap:18px}.c-hquiz__result-card--primary{grid-template-columns:144px minmax(0,1fr);padding:20px}.c-hquiz__result-card--secondary{grid-template-columns:84px minmax(0,1fr);padding:14px 18px}}.c-hquiz__result-media{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-xs, 4px);background:var(--c-cream-2);overflow:hidden}.c-hquiz__result-card--primary .c-hquiz__result-media{border-radius:var(--r-sm, 8px)}.c-hquiz__result-card--secondary .c-hquiz__result-media{border-radius:var(--r-xs, 4px)}.c-hquiz__result-media img{width:100%;height:100%;object-fit:cover;display:block}.c-hquiz__result-body{min-width:0}.c-hquiz__rank{margin:0 0 5px;color:var(--c-ink-3);font-family:var(--font-jp-sans, "Noto Sans JP", system-ui, sans-serif);font-size:12px;font-weight:500;letter-spacing:.06em}.c-hquiz__product-title{display:grid;gap:2px;margin:0;word-break:keep-all;overflow-wrap:anywhere}.c-hquiz__product-name-jp{color:var(--c-ink);font-family:var(--font-jp-serif, "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif);font-size:19px;font-weight:500;line-height:1.35;letter-spacing:.03em}.c-hquiz__product-name-en{color:var(--c-ink-3);font-family:var(--font-en-sans, "Jost", "Inter", system-ui, sans-serif);font-size:12px;font-weight:500;line-height:1.35;letter-spacing:.08em}.c-hquiz__result-card--primary .c-hquiz__product-name-jp{font-size:23px}.c-hquiz__result-card--primary .c-hquiz__product-name-en{font-size:13px}.c-hquiz__result-card--secondary .c-hquiz__product-name-jp{font-size:17px}.c-hquiz__result-card--secondary .c-hquiz__product-name-en{font-size:11.5px}.c-hquiz__product-price{margin:6px 0 0;color:var(--c-ink-2);font-family:var(--font-en-sans, "Jost", "Inter", system-ui, sans-serif);font-size:13px;letter-spacing:.04em}.c-hquiz__product-copy{margin:8px 0 12px;color:var(--c-ink-2);font-family:var(--font-jp-sans, "Noto Sans JP", system-ui, sans-serif);font-size:13.5px;line-height:1.8;letter-spacing:0;line-break:strict;word-break:normal;overflow-wrap:break-word}.c-hquiz__result-card--secondary .c-hquiz__product-copy{margin-bottom:10px;font-size:13px;line-height:1.75}.c-hquiz__cta{display:inline-flex;align-items:center;justify-content:center;min-width:0;width:fit-content;border:1px solid var(--c-ink);background:var(--c-ink);color:var(--c-paper);padding:10px 18px;text-decoration:none;white-space:nowrap}.c-hquiz__cta:hover{background:var(--c-terracotta-deep);border-color:var(--c-terracotta-deep);color:var(--c-paper)}.c-hquiz__result-card--secondary .c-hquiz__cta{min-height:44px;border-color:var(--c-line);background:transparent;color:var(--c-ink);padding:8px 14px;font-size:13.5px}.c-hquiz__result-card--secondary .c-hquiz__cta:hover{border-color:var(--c-terracotta-deep);background:var(--c-paper);color:var(--c-ink)}.c-hquiz__cta[aria-disabled=true]{border-color:var(--c-line);background:var(--c-line-2);color:var(--c-ink-3);pointer-events:none}.c-hquiz__noscript{grid-column:1 / -1;border:1px solid var(--c-line);border-radius:var(--r-sm, 8px);padding:16px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-hitoyasumi-quiz-cplus.css.map */