@charset "UTF-8";
/*!
 * 占いメニュー診断 [mizary_menu_navi]
 * すべて .mzn 配下にスコープ。テーマ側のセレクタと衝突させない。
 * 色は下の変数だけで決まる。子テーマ側で上書きする場合もこの6つを触る。
 */
.mzn{--mzn-w:#fff;--mzn-panel:#f5f5f7;--mzn-ink:#1d1d1f;--mzn-sub:#6e6e73;--mzn-line:#d2d2d7;--mzn-accent:#e10080;--mzn-accent-weak:#fff2f8;--mzn-gold:#9a7b3e;--mzn-green:#06c755;--mzn-scroll-offset:80px;--mzn-max-width:none;--mzn-opt-radius:14px;--mzn-font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,sans-serif;width:100%;max-width:var(--mzn-max-width);margin:2.5rem auto;background:var(--mzn-w);color:var(--mzn-ink);font-family:var(--mzn-font);font-size:15px;line-height:1.8;letter-spacing:.01em;text-align:left;-webkit-font-smoothing:antialiased}.mzn *,.mzn *:before,.mzn *:after{box-sizing:border-box}.mzn .mzn-eyebrow{margin:0 0 .5rem;color:var(--mzn-sub);font-size:.75rem;font-weight:600;text-align:center;line-height:1.6}.mzn .mzn-title{margin:0 0 .7rem;padding:0;border:0;background:0 0;color:var(--mzn-ink);font-family:inherit;font-size:1.7rem;font-weight:700;letter-spacing:-.01em;line-height:1.45;text-align:center}.mzn .mzn-title:before,.mzn .mzn-title:after,.mzn .mzn-q:before,.mzn .mzn-q:after,.mzn .mzn-name:before,.mzn .mzn-name:after{content:none;display:none}.mzn .mzn-lede{margin:0 0 1.8rem;color:var(--mzn-sub);font-size:.85rem;line-height:1.8;text-align:center}.mzn .mzn-card{scroll-margin-top:var(--mzn-scroll-offset);padding:2.2rem 2rem;border:1px solid var(--mzn-line);border-radius:18px;background:var(--mzn-w)}.mzn .mzn-step{margin:0 0 .6rem;color:var(--mzn-sub);font-size:.75rem;font-weight:600;text-align:center}.mzn .mzn-q{margin:0 0 1.4rem;padding:0;border:0;background:0 0;color:var(--mzn-ink);font-family:inherit;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.5;text-align:center}.mzn .mzn-opts{display:flex;flex-direction:column;gap:.75rem}.mzn .mzn-opt{display:block !important;width:100% !important;height:auto !important;min-height:64px !important;margin:0 !important;padding:1.05rem 1.4rem !important;border:1px solid var(--mzn-line) !important;border-radius:var(--mzn-opt-radius) !important;background:var(--mzn-w) !important;box-shadow:none !important;color:var(--mzn-ink) !important;font-family:inherit;font-size:inherit !important;font-weight:400;letter-spacing:inherit !important;line-height:inherit !important;text-align:left !important;text-transform:none !important;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .15s ease,background-color .15s ease}.mzn .mzn-opt:hover{border-color:var(--mzn-accent) !important;background:var(--mzn-accent-weak) !important}.mzn .mzn-opt-label{display:block;font-size:.95rem;font-weight:600;line-height:1.6}.mzn .mzn-opt-hint{display:block;margin-top:.15rem;color:var(--mzn-sub);font-size:.78rem;line-height:1.7}.mzn .mzn-nav{display:flex;justify-content:center;margin-top:1.3rem}.mzn .mzn-link{width:auto !important;height:auto !important;min-height:0 !important;padding:.4rem !important;border:0 !important;border-radius:0 !important;background:0 0 !important;box-shadow:none !important;color:var(--mzn-sub) !important;font-family:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer;appearance:none;-webkit-appearance:none}.mzn .mzn-result{border-color:var(--mzn-accent)}.mzn .mzn-result .mzn-eyebrow{margin-bottom:.4rem;color:var(--mzn-accent);font-weight:700}.mzn .mzn-result.is-gold{border-color:var(--mzn-gold)}.mzn .mzn-result.is-gold .mzn-eyebrow{color:var(--mzn-gold)}.mzn .mzn-name{margin:0;padding:0;border:0;background:0 0;color:var(--mzn-ink);font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.45;text-align:center}.mzn .mzn-price{margin:.9rem 0 0;font-size:1.7rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;text-align:center}.mzn .mzn-price-ask{font-size:1.05rem;font-weight:600;color:var(--mzn-sub)}.mzn .mzn-price-strike{display:block;margin-bottom:.15rem;color:var(--mzn-sub);font-size:.8rem;font-weight:400;letter-spacing:0;text-decoration:line-through}.mzn .mzn-price-badge{display:inline;margin-right:.45rem;color:var(--mzn-sub);font-size:.78rem;font-style:normal;font-weight:600;vertical-align:.18em}.mzn .mzn-note{margin:.45rem 0 0;color:var(--mzn-sub);font-size:.76rem;line-height:1.7;text-align:center}.mzn .mzn-note a,.mzn .mzn-note a:link,.mzn .mzn-note a:visited{color:var(--mzn-accent)}.mzn .mzn-rows{margin:1.3rem 0 0;padding:.8rem 1rem;border-radius:12px;background:var(--mzn-panel)}.mzn .mzn-row{display:flex;gap:1rem;padding:.25rem 0;font-size:.86rem}.mzn .mzn-row dt{flex:0 0 4.6rem;margin:0;color:var(--mzn-sub);font-size:.8rem;font-weight:400}.mzn .mzn-row dd{flex:1;margin:0}.mzn .mzn-why{white-space:pre-line;margin:1rem 0 0;color:var(--mzn-sub);font-size:.83rem;line-height:1.8;text-align:center}.mzn .mzn-when{margin:1.4rem 0 0;padding:1.2rem 1.2rem .6rem;border-radius:14px;background:var(--mzn-panel)}.mzn .mzn-when-title{margin:0;color:var(--mzn-ink);font-size:.9rem;font-weight:700;line-height:1.6}.mzn .mzn-when-hint{margin:.15rem 0 .9rem;color:var(--mzn-sub);font-size:.76rem;line-height:1.7}.mzn .mzn-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .7rem}.mzn .mzn-chip{display:inline-block !important;width:auto !important;height:auto !important;min-height:40px !important;margin:0 !important;padding:.5rem 1rem !important;border:1px solid var(--mzn-line) !important;border-radius:999px !important;background:var(--mzn-w) !important;box-shadow:none !important;color:var(--mzn-ink) !important;font-family:inherit;font-size:.85rem !important;font-weight:400;line-height:1.4 !important;text-transform:none !important;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .15s ease,color .15s ease}.mzn .mzn-chip[aria-pressed=true]{border-color:var(--mzn-accent) !important;color:var(--mzn-accent) !important;font-weight:600}.mzn .mzn-chip:disabled{opacity:.35;cursor:not-allowed}.mzn .mzn-when-input{display:block;width:100%;max-width:16rem;height:auto;margin:-.1rem 0 .8rem;padding:.6rem .8rem;border:1px solid var(--mzn-line);border-radius:10px;background:var(--mzn-w);color:var(--mzn-ink);font-family:inherit;font-size:16px;box-shadow:none}.mzn .mzn-when-input[hidden]{display:none !important}.mzn .mzn-btn{display:block !important;width:100% !important;height:auto !important;margin-top:1.2rem !important;padding:1rem 1.2rem !important;border:0 !important;border-radius:980px !important;background:var(--mzn-green) !important;box-shadow:none !important;color:#fff !important;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none}.mzn .mzn-btn:link,.mzn .mzn-btn:visited,.mzn .mzn-btn:hover,.mzn .mzn-btn:focus,.mzn .mzn-btn:active{color:#fff;text-decoration:none}.mzn .mzn-btn--sub{margin-top:.6rem !important;background:var(--mzn-panel) !important;color:var(--mzn-ink) !important}.mzn .mzn-btn--sub:hover,.mzn .mzn-btn--sub:focus{color:var(--mzn-ink) !important}.mzn .mzn-msg{margin:1rem 0 0;padding:.9rem 1rem;border:0;border-radius:12px;background:var(--mzn-panel);color:var(--mzn-sub);font-family:inherit;font-size:.78rem;line-height:1.95;white-space:pre-wrap;word-break:break-word;overflow-x:hidden}.mzn .mzn-q:focus,.mzn .mzn-name:focus{outline:none}.mzn .mzn-opt:focus-visible,.mzn .mzn-btn:focus-visible,.mzn .mzn-link:focus-visible,.mzn .mzn-chip:focus-visible,.mzn .mzn-when-input:focus-visible{outline:2px solid var(--mzn-accent);outline-offset:2px}.mzn .mzn-fade{animation:mzn-rise .35s ease-out}@keyframes mzn-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mzn .mzn-fade{animation:none}.mzn .mzn-opt{transition:none}}@media screen and (max-width:480px){.mzn{margin:2rem auto}.mzn .mzn-title{font-size:1.5rem}.mzn .mzn-q{font-size:1.15rem}.mzn .mzn-card{padding:1.6rem 1.1rem}.mzn .mzn-opt{padding:.95rem 1.15rem !important}}