.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:var(--fs-12-5);font-weight:500;letter-spacing:var(--ls-08)}.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:var(--fs-28);font-weight:500;letter-spacing:var(--ls-04);line-height:1.42;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}@media(min-width:960px){.c-hquiz__heading{font-size:var(--fs-36)}}.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:var(--fs-14-5);line-height:1.85;letter-spacing:var(--ls-02);word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.c-hquiz__phrase{display:inline-block;white-space:nowrap}.c-hquiz__first-time{display:grid;gap:var(--sp-4);align-content:start;min-width:0;border-top:1px solid var(--c-line);padding-top:var(--sp-5)}.c-choice-guide__intro .c-hquiz__first-time{margin-top:var(--sp-5)}.c-hquiz__first-time-head{display:grid;gap:var(--sp-2)}.c-hquiz__first-time-eyebrow{margin:0;color:var(--c-terracotta-deep);font-family:var(--font-jp-sans, "Noto Sans JP", system-ui, sans-serif);font-size:var(--text-caption);font-weight:500;letter-spacing:var(--ls-08)}.c-hquiz__first-time-heading{margin:0;color:var(--c-ink);font-family:var(--font-jp-serif, "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif);font-size:var(--text-h3);font-weight:500;letter-spacing:var(--ls-04);line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}.c-hquiz__first-time-lede{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:var(--text-body-sm);line-height:1.75;letter-spacing:var(--ls-02);text-align:left;text-wrap:pretty}.c-hquiz__first-time-grid{display:grid;gap:var(--sp-3)}.c-hquiz__first-time-card{display:grid;grid-template-columns:var(--sp-20) minmax(0,1fr);gap:var(--sp-3);align-items:center;min-width:0;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-paper);padding:var(--sp-3)}.c-hquiz__first-time-media{display:block;width:100%;aspect-ratio:1;border-radius:var(--r-xs);background:var(--c-cream-2);overflow:hidden}.c-hquiz__first-time-media img{display:block;width:100%;height:100%;object-fit:cover}.c-hquiz__first-time-copy{min-width:0}.c-hquiz__first-time-copy h4{margin:0;color:var(--c-ink);font-family:var(--font-jp-serif, "Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif);font-size:var(--text-catch);font-weight:500;letter-spacing:var(--ls-02);line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}.c-hquiz__first-time-link{display:inline-flex;margin-top:var(--sp-2);border-bottom:1px solid var(--c-terracotta-deep);color:var(--c-terracotta-deep);font-family:var(--font-jp-sans, "Noto Sans JP", system-ui, sans-serif);font-size:var(--text-button);font-weight:500;letter-spacing:var(--ls-02);line-height:1.5;text-decoration:none}.c-hquiz__first-time-link:hover{color:var(--c-ink);border-color:var(--c-ink)}@media(min-width:960px){.c-hquiz__first-time{grid-column:2;grid-row:1;border-top:0;padding-top:0}.c-hquiz__first-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.c-hquiz__first-time-card{grid-template-columns:minmax(0,1fr);align-content:start}}.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:var(--fs-14-5);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:var(--fs-11-5);font-weight:500;letter-spacing:var(--ls-14)}.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:var(--fs-21);font-weight:500;letter-spacing:var(--ls-04);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,.c-hquiz__first-time-media:focus-visible,.c-hquiz__first-time-link: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:var(--fs-12-5);font-weight:500;letter-spacing:var(--ls-08)}.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:var(--fs-24);font-weight:500;line-height:1.5;letter-spacing:var(--ls-04);word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}@media(min-width:750px){.c-hquiz__result-title{font-size:var(--fs-28)}}.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:var(--fs-12-5);font-weight:500;letter-spacing:var(--ls-04)}.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:var(--fs-18);font-weight:500;line-height:1.35;letter-spacing:var(--ls-02)}.c-hquiz__product-name-en{color:var(--c-ink-3);font-family:var(--font-en-sans, "Jost", "Inter", system-ui, sans-serif);font-size:var(--fs-12-5);font-weight:500;line-height:1.35;letter-spacing:var(--ls-08)}.c-hquiz__result-card--primary .c-hquiz__product-name-jp{font-size:var(--fs-24)}.c-hquiz__result-card--primary .c-hquiz__product-name-en{font-size:var(--fs-13-5)}.c-hquiz__result-card--secondary .c-hquiz__product-name-jp{font-size:var(--fs-18)}.c-hquiz__result-card--secondary .c-hquiz__product-name-en{font-size:var(--fs-11-5)}.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:var(--fs-13-5);letter-spacing:var(--ls-04)}.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:var(--fs-13-5);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:var(--fs-13-5);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:var(--fs-13-5)}.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/31/assets/section-hitoyasumi-quiz-cplus.css.map */