/* メンヘラタイプ診断（2026-09-05）
 * 物書き診断（css/monokaki-shindan.css）の骨格に、夜の藍と月の金を差す。
 */
.mh{padding:0 0 60px}

/* ---- はじめの画面 ---- */
.mh-top__grid{display:block}
.mh-top__art{display:block;width:100%;height:auto;border-radius:22px;margin:0 0 22px;box-shadow:0 18px 44px rgba(72,63,140,.18)}
.mh-top__visual{margin:4px 0 0}
.mh-top__visual picture{display:block}
.mh-top__visual .mh-top__art{max-height:46vh;object-fit:cover;object-position:center 30%;margin:0}
@media (min-width:860px){
	.mh-top__grid{display:grid;grid-template-columns:1fr .82fr;gap:34px;align-items:center;margin:0 0 6px}
	.mh-top__head,.mh-top__eyebrow,.mh-top__h1,.mh-top__sub,.mh-top__btnwrap,.mh-top__note{text-align:left}
	.mh-top__facts{justify-content:flex-start}
	.mh-top__visual{margin:0}
	.mh-top__visual .mh-top__art{max-height:none;object-fit:contain}
	.mh-top__lead{max-width:none}
}
.mh-top__eyebrow{margin:0 0 8px;text-align:center;font:800 11px Poppins,sans-serif;letter-spacing:.18em;color:#8a6a1f}
.mh-top__h1{margin:0 0 8px;text-align:center;font-size:clamp(26px,6.4vw,38px);line-height:1.25;color:#2f2a55}
.mh-top__sub{margin:0 0 18px;text-align:center;font-size:15px;font-weight:800;color:#6f5fb0}
.mh-top__lead{margin:0 0 18px;font-size:14px;line-height:2.05;color:#544766}
.mh-top__lead strong{color:#3a4a86;font-weight:900}
.mh-top__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.mh-top__facts li{padding:7px 13px;border-radius:99px;background:#fbf6ea;border:1px solid #efdcb0;font-size:12px;font-weight:800;color:#3a4a86}
.mh-top__btnwrap{margin:0 0 14px;text-align:center}
.mh-top__btn{display:inline-block;min-height:56px;padding:17px 44px;border:0;border-radius:999px;cursor:pointer;background:linear-gradient(135deg,#2a3567,#d4a72c);color:#fff;font-family:inherit;font-size:16px;font-weight:900;letter-spacing:.06em;box-shadow:0 12px 30px rgba(42,53,103,.34);-webkit-tap-highlight-color:transparent}
.mh-top__note{margin:0;text-align:center;font-size:11px;line-height:1.8;color:#6f6680}

body.mh-running .ms-header__cta,body.mh-running .ms-header__quickcta,body.mh-running .ms-nav-cta-top,body.mh-running .ms-nav-cta-pc,body.mh-running .ms-header__hamburger,body.mh-running .ms-header__nav,body.mh-running #msBottomNav{display:none !important}
body.mh-running .mh{padding-bottom:24px}

/* ---- 設問 ---- */
.mh-stage.has-bg{background:var(--mh-qbg) center/cover no-repeat;border-radius:22px;padding:22px 18px}
.mh-prog{margin:0 0 20px}
.mh-prog__t{margin:0 0 7px;font:900 12px Poppins,sans-serif;color:#8a6a1f;text-align:center}
.mh-prog__bar{height:7px;border-radius:9px;background:#e9e9f5;overflow:hidden}
.mh-prog__bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#2a3567,#d4a72c);transition:width .32s ease}
.mh-scene{margin:0 0 8px;font-size:12.5px;font-weight:900;color:#8a6a1f;letter-spacing:.04em}
.mh-q{margin:0 0 22px;font-size:19px;line-height:1.65;color:#2f2348}
.mh-opts{display:flex;flex-direction:column;gap:11px}
.mh-opt{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;width:100%;min-height:58px;padding:15px 17px;border-radius:16px;cursor:pointer;background:#fff;border:1.5px solid #e4e2f0;color:#3a2f52;font-family:inherit;font-size:14.5px;line-height:1.75;text-align:left;-webkit-tap-highlight-color:transparent;transition:border-color .16s,background .16s}
.mh-opt span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fbf6ea;font:900 12px Poppins,sans-serif;color:#3a4a86}
.mh-opt b{font-weight:700}
.mh-opt:hover,.mh-opt:focus{border-color:#e0c98a;background:#fdfaf2}
.mh-opt.is-on{border-color:#2a3567;background:#fbf6ea}
.mh-back{margin:18px 0 0;text-align:center}
.mh-back button{border:0;background:none;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:800;color:#6c6284;text-decoration:underline}

/* ---- 判定中 ---- */
.mh-loading{padding:40px 20px 56px;text-align:center}
.mh-loading__art{display:block;width:min(260px,60vw);height:auto;margin:0 auto 14px;border-radius:50%}
.mh-loading i{display:block;width:46px;height:46px;margin:0 auto 18px;border-radius:50%;border:3px solid #e4e2f0;border-top-color:#2a3567;animation:mhSpin .9s linear infinite}
@keyframes mhSpin{to{transform:rotate(360deg)}}
.mh-loading p{margin:0 0 6px;font-size:15px;font-weight:900;color:#2f2a55}
.mh-loading small{font-size:12px;color:#6c6284}

/* ---- 結果 ---- */
.mh-res{text-align:center;margin:0 0 18px}
.mh-res__eyebrow{margin:0 0 10px;font:800 11px Poppins,sans-serif;letter-spacing:.18em;color:#8a6a1f}
.mh-res__art{margin:0 auto 14px;width:min(340px,78vw)}
.mh-res__art img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 18px 44px rgba(72,63,140,.2)}
.mh-res__name{margin:0 0 6px;font-size:clamp(24px,6vw,34px);line-height:1.3;color:#2f2a55}
.mh-res__code{margin:0 0 10px;font:900 15px Poppins,sans-serif;letter-spacing:.18em;color:#2a3567}
.mh-res__code span{display:block;font-size:11px;letter-spacing:.1em;color:#8a86a8;margin-top:3px}
.mh-res__catch{margin:0 0 8px;font-size:16px;font-weight:800;line-height:1.7;color:#3a2f52}
.mh-res__axes{margin:0;display:inline-block;padding:6px 14px;border-radius:99px;background:#fbf6ea;font-size:12.5px;font-weight:800;color:#3a4a86}

.mh-share{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 22px}
.mh-share a,.mh-share button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:999px;border:0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:900;text-decoration:none;-webkit-tap-highlight-color:transparent}
.mh-share__x{background:#111;color:#fff}
.mh-share__line{background:#06c755;color:#fff}
.mh-share__copy{background:#fff;color:#3a4a86;border:1.5px solid #efdcb0 !important}
.mh-landed{text-align:center;margin:0 0 26px}

.mh-panel{margin:0 0 18px;padding:20px 18px;border-radius:20px;background:#fff;border:1px solid #ebe7f3;box-shadow:0 8px 24px rgba(72,63,140,.06)}
.mh-panel h3{margin:0 0 12px;font-size:17px;color:#2f2a55}
.mh-panel h4{margin:0 0 6px;font-size:13px;color:#8a6a1f}
.mh-panel p{margin:0 0 10px;font-size:14px;line-height:1.95;color:#3f3552}
.mh-axes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.mh-axis{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px;font-weight:800;color:#8a86a8}
.mh-axis__l.is-on,.mh-axis__r.is-on{color:#3a4a86}
.mh-axis__bar{position:relative;height:10px;border-radius:9px;background:#e9e9f5;overflow:hidden}
.mh-axis__bar i{position:absolute;top:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#2a3567,#d4a72c)}
.mh-axis.is-left .mh-axis__bar i{left:0}
.mh-axis.is-right .mh-axis__bar i{right:0;background:linear-gradient(90deg,#d4a72c,#b8477f)}
.mh-axis__note{grid-column:1/-1;font-size:11.5px;font-weight:600;font-style:normal;color:#6c6284}
.mh-sw{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 12px}
.mh-sw ul{margin:0;padding:0 0 0 1.2em;font-size:13px;line-height:1.9;color:#3f3552}
.mh-tip{padding:12px 14px;border-radius:14px;background:#f5f2fb;font-size:13.5px !important}
.mh-tip b{display:block;margin:0 0 4px;color:#8a6a1f;font-size:12px}

.mh-att{border-color:#e8d6ef;background:linear-gradient(180deg,#fdf8ff,#fff)}
.mh-att__eyebrow{margin:0 0 4px !important;font:800 11px Poppins,sans-serif;letter-spacing:.14em;color:#a8517f}
.mh-att h3 small{display:block;margin-top:4px;font-size:13px;font-weight:800;color:#8b5fa8}
.mh-att__go a{font-weight:900;color:#b8477f}

.mh-mate__c{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;text-decoration:none;color:inherit}
.mh-mate__c img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.mh-mate__c b{display:block;font-size:15px;color:#2f2a55}
.mh-mate__c em{display:block;font:900 11px Poppins,sans-serif;letter-spacing:.14em;color:#2a3567;font-style:normal}
.mh-mate__c span{display:block;font-size:12.5px;line-height:1.7;color:#6c6284;margin-top:4px}

.mh-next{display:block;margin:0 0 22px;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;border:1px solid #ebe7f3;box-shadow:0 12px 30px rgba(72,63,140,.12)}
.mh-next__img{display:block;width:100%;height:auto}
.mh-next__body{display:block;padding:16px 18px 18px}
.mh-next__label{display:block;font:800 10px Poppins,sans-serif;letter-spacing:.18em;color:#a8517f;margin:0 0 6px}
.mh-next__body b{display:block;font-size:17px;line-height:1.5;color:#2f2a55;margin:0 0 8px}
.mh-next__lead{display:block;font-size:12.5px;line-height:1.85;color:#544766;margin:0 0 12px}
.mh-next__btn{display:inline-block;padding:11px 22px;border-radius:999px;background:linear-gradient(135deg,#b8477f,#d4a72c);color:#fff;font-size:13px;font-weight:900}

.mh-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:640px){.mh-grid{grid-template-columns:repeat(4,1fr)}}
.mh-grid__c a{display:block;padding:10px 8px;border-radius:14px;background:#faf9fd;border:1px solid #ebe7f3;text-align:center;text-decoration:none;color:inherit}
.mh-grid__c img{display:block;width:64px;height:64px;margin:0 auto 6px;border-radius:50%;object-fit:cover}
.mh-grid__c b{display:block;font-size:12.5px;line-height:1.4;color:#2f2a55}
.mh-grid__c em{display:block;font:900 10px Poppins,sans-serif;letter-spacing:.14em;color:#8a86a8;font-style:normal;margin-top:3px}
.mh-grid__c.is-me a{border-color:#2a3567;background:#fbf6ea}
.mh-grid__more{margin:12px 0 0;text-align:center;font-size:13px;font-weight:800}
.mh-retry{text-align:center;margin:0}
.mh-retry button{border:0;background:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:800;color:#6c6284;text-decoration:underline}

/* ---- 説明（検索向け） ---- */
.mh-about{margin:40px 0 0;padding:26px 18px;border-radius:22px;background:#fff;border:1px solid #ebe7f3}
.mh-about h2{margin:0 0 12px;font-size:19px;color:#2f2a55}
.mh-about h2+p,.mh-about p{font-size:14px;line-height:2;color:#3f3552;margin:0 0 14px}
.mh-about h3{margin:22px 0 8px;font-size:15.5px;color:#3a4a86}
.mh-about__list{margin:0 0 16px;padding:0 0 0 1.2em;font-size:14px;line-height:2;color:#3f3552}
.mh-about__go{font-weight:900}
.mh-about__go a{color:#b8477f}
.mh-faq dt{font-weight:900;color:#2f2a55;margin:14px 0 4px;font-size:14.5px}
.mh-faq dd{margin:0;font-size:13.5px;line-height:1.95;color:#3f3552}

/* ---- 図鑑ページ ---- */
.mh-book{padding:0 0 60px}
.mh-book__h1{margin:0 0 10px;text-align:center;font-size:clamp(24px,6vw,34px);color:#2f2a55}
.mh-book__lead{margin:0 0 22px;text-align:center;font-size:14px;line-height:2;color:#544766}
.mh-book__go{text-align:center;margin:0 0 26px}
.mh-book__card{margin:0 0 16px;padding:18px;border-radius:20px;background:#fff;border:1px solid #ebe7f3;display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
.mh-book__card img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.mh-book__card h2{margin:0 0 2px;font-size:17px;color:#2f2a55}
.mh-book__card em{display:block;font:900 11px Poppins,sans-serif;letter-spacing:.16em;color:#2a3567;font-style:normal;margin:0 0 6px}
.mh-book__card p{margin:0 0 8px;font-size:13.5px;line-height:1.9;color:#3f3552}
.mh-book__card .mh-book__catch{font-weight:800;color:#3a2f52}
.mh-book__card .mh-book__meta{font-size:12px;color:#6c6284}
.mh-book__card .mh-book__try{font-size:13px;font-weight:900}
.mh-book__card .mh-book__try a{color:#b8477f}
@media (max-width:480px){.mh-book__card{grid-template-columns:72px 1fr}.mh-book__card img{width:72px;height:72px}}

/* ---- 距離の型の様式 ---- */
.mh-res__moon{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:8px 16px 8px 10px;border-radius:999px;background:#1b2350;color:#fff4b8;font-size:14px;font-weight:900}
.mh-res__moon img{width:30px;height:30px;border-radius:50%}
.mh-res__moon i{display:inline-block;width:22px;height:22px;border-radius:50%;background:#f6cf49}
.mh-res__moon--a i{box-shadow:inset -8px 0 0 0 #1b2350}
.mh-res__moon--v i{background:#1b2350;border:2px solid #8b93b8;box-sizing:border-box}
.mh-res__moon--f i{background:linear-gradient(90deg,#f6cf49 55%,#b39ddb 55%)}
.mh-res__moon span{color:#cfd3ea;font-weight:700}
.mh-food p{font-size:14.5px !important;font-weight:700;color:#5a4a30 !important}
.mh-att{border-color:#efdcb0;background:linear-gradient(180deg,#fdfaf2,#fff)}
.mh-att__eyebrow{color:#8a6a1f !important}
.mh-att h3 small{color:#8a6a1f}
.mh-att--a{border-color:#f3c6d9}.mh-att--v{border-color:#cfd3ea}.mh-att--f{border-color:#d9c8ef}
.mh-top__eyebrow,.mh-prog__t,.mh-scene,.mh-res__eyebrow{color:#8a6a1f}
.mh-top__sub{color:#3a4a86}
.mh-disclaimer{margin:14px 0 0;font-size:11px;line-height:1.8;color:#8a7f9d}
.mh-book__moon{margin:26px 0 16px;padding:18px;border-radius:20px;background:#1b2350;color:#eee8f6}
.mh-book__moon h2{margin:0 0 8px;font-size:17px;color:#fff4b8}
.mh-book__moon p{margin:0 0 6px;font-size:13.5px;line-height:1.9;color:#dfe3f5}
.mh-book__moon b{color:#f6cf49}

/* ---- 恋人未満だけの様式 ---- */
.mh-book{display:block;margin:0 0 18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#fff,#fdeaf3);border:2px solid #f0c8de;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(184,71,127,.10)}
.mh-book__label{display:block;font:800 10px Poppins,sans-serif;letter-spacing:.18em;color:#b8477f;margin:0 0 6px}
.mh-book b{display:block;font-size:16px;line-height:1.5;color:#2f2348;margin:0 0 6px}
.mh-book__why{display:block;font-size:12.5px;line-height:1.85;color:#544766;margin:0 0 10px}
.mh-book__go{display:inline-block;padding:9px 18px;border-radius:999px;background:linear-gradient(135deg,#e0619a,#9b5fc7);color:#fff;font-size:12.5px;font-weight:900}
.mh-res__moon{background:#1b2350}

/* 九角形・総合メンヘラ度・掲示板導線（2026-09-05。クズ度診断の様式を紫で） */
.mh-radar{margin:14px auto 6px;max-width:400px;text-align:center}
.mh-radar canvas{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}
.mh-radar__l{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 0;padding:0}
.mh-radar__i{display:inline-flex;align-items:baseline;gap:4px;font-size:11.5px;font-weight:800;color:#5b4a7a;background:#fff;border:1.5px solid #f4d3e3;border-radius:999px;padding:4px 10px}
.mh-radar__i b{font-size:14px;color:#8b6cc1}.mh-radar__i small{font-size:10px;color:#a093b5;margin-left:1px}
.mh-radar__i.is-top{border-color:#8b6cc1;background:#f3edfb}
.mh-cols{margin:18px 0 6px;background:#fff;border:1.5px solid #f4d3e3;border-radius:16px;padding:14px 14px 10px}
.mh-cols h3{font-size:13.5px;font-weight:900;color:#3a2a55;margin:0 0 10px}
.mh-cols__board{display:block;background:linear-gradient(135deg,#fff5fa,#fff);border:1.5px solid #f4d3e3;border-radius:14px;padding:12px 14px;text-decoration:none;margin:0 0 10px}
.mh-cols__board b{display:block;font-size:10.5px;font-weight:900;letter-spacing:.14em;color:#8b6cc1;margin:0 0 4px}
.mh-cols__board span{display:block;font-size:12.5px;line-height:1.8;color:#3a2a55}
.mh-cols__l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mh-cols__l a{display:block;font-size:12.5px;font-weight:800;color:#8b6cc1;text-decoration:none;padding:6px 0;border-top:1px dashed #f2dcea}
.mh-score{margin:10px auto 4px;max-width:400px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'l n' 'r n' 'bar bar' 'note note';align-items:center;column-gap:14px;padding:14px 18px;border-radius:18px;background:#fff;border:2px solid #f4d3e3;text-align:left}
.mh-score__l{grid-area:l;font-size:12px;font-weight:900;letter-spacing:.08em;color:#8b6cc1}
.mh-score__r{grid-area:r;font-size:15px;font-weight:900;color:#3a2a55}
.mh-score__n{grid-area:n;justify-self:end;font-size:52px;line-height:1;font-weight:900;color:#8b6cc1;letter-spacing:-.02em}.mh-score__n small{font-size:16px;margin-left:2px;color:#a093b5}
.mh-score__bar{grid-area:bar;display:block;height:10px;border-radius:99px;background:#fbeef4;overflow:hidden;margin-top:8px}.mh-score__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f6cf49,#d65c9a,#8b6cc1)}
.mh-score__note{grid-area:note;font-size:11.5px;color:#8a7a9a;line-height:1.6;margin-top:6px}
.mh-score--hi .mh-score__n{color:#a12b6f}.mh-score--lo .mh-score__n{color:#2f9e77}
.mh-next--top{margin:12px 0 18px}.mh-next--top .mh-next__body{padding:12px 16px 14px}.mh-next--top b{font-size:15px;margin:0 0 8px}
.mh-axis .mh-axis__r{min-width:3.2em;text-align:right}

/* ==== cute v2（2026-09-05）: キャラの絵柄に合わせたパステルのステッカー調。上の定義を上書きする ==== */
.mh{background:linear-gradient(180deg,#f6f2ff 0%,#fff0f7 60%,#fff 100%);padding:0 0 64px}
.mh-stage.mh-top{position:relative;padding:20px 14px 26px;border-radius:30px;background:#fff;border:3px solid #e4dbff;box-shadow:0 16px 40px rgba(226,73,127,.10);overflow:hidden}
.mh-stage.mh-top::before{content:'🌧';position:absolute;right:-6px;top:-10px;font-size:84px;opacity:.10;transform:rotate(-14deg);pointer-events:none}
.mh-stage.mh-top::after{content:'💗';position:absolute;left:-8px;bottom:-14px;font-size:72px;opacity:.10;transform:rotate(12deg);pointer-events:none}
.mh-top__eyebrow{display:inline-block;margin:0 auto 10px;padding:6px 14px;border-radius:999px;background:#f3edff;border:2px solid #e4dbff;color:#7c5cc4;font:900 10.5px Poppins,sans-serif;letter-spacing:.16em}
.mh-top__head{text-align:center}
.mh-top__h1{font-weight:900;color:#3a2a55;text-shadow:0 4px 0 #e4dbff;letter-spacing:.01em}
.mh-top__sub{color:#7c5cc4;font-weight:900}
.mh-top__facts li{background:#fff;border:2px solid #ffe0ec;color:#3a2a55;font-weight:900;box-shadow:0 3px 0 #ffe0ec}
.mh-top__facts li:nth-child(2n){border-color:#e4dbff;box-shadow:0 3px 0 #e4dbff}
.mh-top__btn{background:linear-gradient(135deg,#9b7fe0,#7c5cc4);border:3px solid #fff;box-shadow:0 10px 0 #e4dbff,0 18px 34px rgba(226,73,127,.28);font-size:17px;transition:transform .15s,box-shadow .15s}
.mh-top__btn:hover,.mh-top__btn:focus{transform:translateY(3px);box-shadow:0 7px 0 #e4dbff,0 12px 26px rgba(226,73,127,.26)}
.mh-top__art,.mh-top__visual .mh-top__art{border-radius:26px;border:4px solid #fff;box-shadow:0 14px 34px rgba(124,92,196,.18)}
.mh-top__note{color:#6e5f86}
.mh-top__lead{margin:18px 0 0;padding:14px 16px;border-radius:18px;background:#f6f2ff;border:2px dashed #e4dbff;color:#3a2a55}
.mh-top__lead strong{color:#7c5cc4}
@media (min-width:860px){.mh-stage.mh-top{padding:30px 30px 34px}.mh-top__head{text-align:left}.mh-top__lead{margin-top:22px}}

/* 設問 */
.mh-stage.has-bg{background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)),var(--mh-qbg) center/cover no-repeat;border:3px solid #ffe0ec;border-radius:30px;padding:22px 16px 24px}
#mhStage:not(.has-bg){background:#fff;border:3px solid #ffe0ec;border-radius:30px;padding:22px 16px 24px}
.mh-prog__t{color:#7c5cc4;font-size:13px}
.mh-prog__bar{height:12px;border-radius:99px;background:#ffe0ec;border:2px solid #fff;box-shadow:inset 0 0 0 1px #ffe0ec}
.mh-prog__bar i{background:linear-gradient(90deg,#9b7fe0,#e2497f)}
.mh-scene{display:inline-block;padding:5px 12px;border-radius:999px;background:#f3edff;border:2px solid #e4dbff;color:#7c5cc4;font-size:12px}
.mh-q{font-weight:900;color:#3a2a55;font-size:19.5px}
.mh-opt{border:2px solid #ffe0ec;border-radius:20px;background:#fff;box-shadow:0 4px 0 #ffe0ec;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}
.mh-opt span{width:32px;height:32px;background:linear-gradient(135deg,#f3edff,#f3edff);color:#7c5cc4;border:2px solid #e4dbff;font-size:13px}
.mh-opt:hover,.mh-opt:focus{border-color:#9b7fe0;background:#f3edff;transform:translateY(2px);box-shadow:0 2px 0 #e4dbff}
.mh-opt.is-on{border-color:#7c5cc4;background:#f3edff;box-shadow:0 4px 0 #e4dbff}
.mh-back button{color:#6e5f86}

/* 判定中 */
.mh-loading i{border-color:#ffe0ec;border-top-color:#7c5cc4}
.mh-loading__art{border:4px solid #fff;box-shadow:0 12px 30px rgba(226,73,127,.18)}
.mh-loading p{color:#3a2a55}

/* 結果 */
#mhResult{padding:22px 14px 8px;border-radius:30px;background:#fff;border:3px solid #e4dbff}
@media (min-width:860px){#mhResult{padding:30px 30px 14px}}
.mh-res__eyebrow{display:inline-block;padding:5px 14px;border-radius:999px;background:#f3edff;border:2px solid #e4dbff;color:#7c5cc4;font-size:10.5px}
.mh-res__art{width:min(320px,74vw)}
.mh-res__art img{border-radius:32px;border:5px solid #fff;box-shadow:0 18px 44px rgba(124,92,196,.20);background:linear-gradient(180deg,#f6f2ff,#fff0f7)}
.mh-res__name{font-weight:900;color:#3a2a55;text-shadow:0 4px 0 #e4dbff;font-size:clamp(28px,7vw,40px)}
.mh-res__code{color:#7c5cc4}
.mh-res__code span{color:#6e5f86}
.mh-res__catch{color:#3a2a55}
.mh-res__axes{background:#f3edff;border:2px solid #e4dbff;color:#7c5cc4}
.mh-radar__i{border:2px solid #ffe0ec;color:#3a2a55;box-shadow:0 2px 0 #ffe0ec}
.mh-radar__i b{color:#7c5cc4}
.mh-radar__i.is-top{border-color:#7c5cc4;background:#f3edff}
.mh-score{background:linear-gradient(135deg,#fff,#f3edff);border:3px solid #e4dbff;border-radius:24px;box-shadow:0 6px 0 #e4dbff}
.mh-score__l{color:#7c5cc4}
.mh-score__n{color:#7c5cc4}
.mh-score__bar{background:#fff;border:2px solid #ffe0ec}
.mh-score__bar i{background:linear-gradient(90deg,#ffb3c7,#9b7fe0,#e2497f)}
.mh-res__moon{background:linear-gradient(135deg,#e2497f,#9b7fe0);color:#fff;border:3px solid #fff;box-shadow:0 8px 20px rgba(124,92,196,.25)}
.mh-res__moon span{color:#fff;opacity:.9}
.mh-share a,.mh-share button{border:3px solid #fff !important;box-shadow:0 6px 18px rgba(58,42,85,.14)}
.mh-share__copy{color:#7c5cc4;background:#f3edff}
.mh-landed .mh-top__btn{font-size:15px}

/* 板 */
.mh-panel{border:2px solid #ffe0ec;border-radius:24px;box-shadow:0 6px 0 #ffe0ec}
.mh-panel h3{display:flex;align-items:center;gap:8px;color:#3a2a55;font-weight:900}
.mh-panel h3::before{content:'';width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#9b7fe0,#e2497f);flex:none}
.mh-panel h4{color:#7c5cc4}
.mh-axis__bar{background:#ffe0ec}
.mh-axis__bar i{background:linear-gradient(90deg,#9b7fe0,#e2497f)}
.mh-axis.is-right .mh-axis__bar i{background:linear-gradient(90deg,#8ec5ff,#ffb3c7)}
.mh-axis__l.is-on,.mh-axis__r.is-on{color:#7c5cc4}
.mh-tip{background:#f6f2ff;border-left:5px solid #9b7fe0;border-radius:0 16px 16px 0}
.mh-tip b{color:#7c5cc4}
.mh-food p{color:#3a2a55 !important}
.mh-att,.mh-att--a,.mh-att--v,.mh-att--f{border-color:#e4dbff;background:linear-gradient(180deg,#f6f2ff,#fff)}
.mh-att__eyebrow{color:#7c5cc4 !important}
.mh-att h3 small{color:#e2497f}
.mh-att__go a{color:#7c5cc4}
.mh-cols{border:2px solid #ffe0ec;border-radius:20px;box-shadow:0 4px 0 #ffe0ec}
.mh-cols__board{background:linear-gradient(135deg,#f3edff,#fff);border:2px solid #e4dbff}
.mh-cols__board b{color:#7c5cc4}
.mh-cols__l a{color:#e2497f;border-top-color:#ffe0ec}
.mh-mate__c img{border-radius:20px;border:3px solid #ffe0ec;background:#f6f2ff;object-fit:contain}
.mh-mate__c em{color:#7c5cc4}
.mh-next{border:3px solid #e4dbff;border-radius:26px;box-shadow:0 8px 0 #e4dbff,0 18px 34px rgba(226,73,127,.12)}
.mh-next__label{color:#7c5cc4}
.mh-next__btn{background:linear-gradient(135deg,#9b7fe0,#e2497f);border:2px solid #fff}
.mh-grid__c a{background:#fff;border:2px solid #ffe0ec;border-radius:20px;box-shadow:0 4px 0 #ffe0ec}
.mh-grid__c img{width:72px;height:72px;border-radius:18px;object-fit:contain;background:#f6f2ff}
.mh-grid__c.is-me a{border-color:#7c5cc4;background:#f3edff;box-shadow:0 4px 0 #e4dbff}
.mh-grid__c em{color:#7c5cc4}
.mh-grid__more a,.mh-about__go a,.mh-book__card .mh-book__try a{color:#7c5cc4}
.mh-retry button{color:#6e5f86}
.mh-disclaimer{color:#6e5f86}

/* 説明・図鑑 */
.mh-about{border:2px solid #ffe0ec;border-radius:26px}
.mh-about h2{padding:0 0 8px;border-bottom:3px solid #e4dbff;color:#3a2a55}
.mh-about h3{color:#7c5cc4}
.mh-faq dt{color:#3a2a55}
.mh-book__h1{color:#3a2a55;text-shadow:0 4px 0 #e4dbff}
.mh-book__card{border:2px solid #ffe0ec;border-radius:24px;box-shadow:0 5px 0 #ffe0ec}
.mh-book__card img{border-radius:20px;object-fit:contain;background:#f6f2ff;border:3px solid #ffe0ec}
.mh-book__card em{color:#7c5cc4}
.mh-book__moon{background:linear-gradient(135deg,#e2497f,#9b7fe0);color:#fff;border-radius:24px}
.mh-book__moon h2{color:#fff}
.mh-book__moon p{color:#fff;opacity:.92}
.mh-book__moon b{color:#fff}
.mh-top__eyebrow,.mh-prog__t,.mh-scene,.mh-res__eyebrow{color:#7c5cc4}
.mh-top__sub{color:#7c5cc4}

/* 図鑑のラベルをチップに（2026-09-05） */
.mh-book__meta b{display:inline-block;padding:2px 9px;border-radius:999px;background:#f3edff;border:1.5px solid #e4dbff;color:#7c5cc4;font-size:11.5px;margin:0 6px 2px 0;vertical-align:middle}

/* ==== noir v3（2026-09-05）: 絵柄の世界観（黒×差し色）。cute v2 の上に重ねる ==== */
.mh,.mh-book{background:linear-gradient(180deg,#17121a 0%,#2e1628 55%,#17121a 100%)}
.mh-stage.mh-top{border:3px dashed #ff9ac4;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.mh-stage.mh-top::before{content:'♥';color:#ff9ac4;opacity:.35}
.mh-stage.mh-top::after{content:'♥';color:#ff9ac4;opacity:.25}
.mh-top__eyebrow,.mh-res__eyebrow,.mh-scene{background:#fff0f6;border-color:#f8d6e5;color:#e2497f}
.mh-top__h1,.mh-res__name{text-shadow:0 4px 0 #f8d6e5}
.mh-book__h1{color:#ffe9f2;text-shadow:0 3px 0 rgba(0,0,0,.45)}
.mh-top__sub,.mh-res__code,.mh-top__lead strong,.mh-prog__t,.mh-radar__i b,.mh-score__l,.mh-score__n,.mh-panel h4,.mh-tip b,.mh-att__eyebrow,.mh-att__go a,.mh-cols__board b,.mh-mate__c em,.mh-next__label,.mh-grid__c em,.mh-grid__more a,.mh-about__go a,.mh-book__card .mh-book__try a,.mh-about h3,.mh-book__card em,.mh-book__meta b,.mh-share__copy{color:#e2497f}
.mh-top__facts li{border-color:#f8d6e5;box-shadow:0 3px 0 #f8d6e5}
.mh-top__facts li:nth-child(2n){border-color:#ff9ac4;box-shadow:0 3px 0 #ff9ac4}
.mh-top__btn{background:linear-gradient(135deg,#2e1628,#e2497f);box-shadow:0 10px 0 #ff9ac4,0 18px 34px rgba(0,0,0,.35)}
.mh-top__btn:hover,.mh-top__btn:focus{box-shadow:0 6px 0 #e2497f,0 12px 26px rgba(0,0,0,.3)}
.mh-top__art,.mh-top__visual .mh-top__art{border-color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.mh-top__lead{background:#fff0f6;border:2px dashed #f8d6e5}
.mh-top__note{color:#6e5f86}
.mh-stage.has-bg,#mhStage:not(.has-bg){border:3px dashed #ff9ac4;background:#fff}
.mh-stage.has-bg{background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),var(--mh-qbg) center/cover no-repeat}
.mh-prog__bar{background:#f8d6e5;box-shadow:inset 0 0 0 1px #f8d6e5}
.mh-prog__bar i{background:linear-gradient(90deg,#ff9ac4,#e2497f)}
.mh-opt{border-color:#f8d6e5;box-shadow:0 4px 0 #f8d6e5}
.mh-opt span{background:#fff0f6;border-color:#f8d6e5;color:#e2497f}
.mh-opt:hover,.mh-opt:focus{border-color:#ff9ac4;background:#fff0f6;box-shadow:0 2px 0 #f8d6e5}
.mh-opt.is-on{border-color:#e2497f;background:#fff0f6;box-shadow:0 4px 0 #f8d6e5}
.mh-loading{color:#ffe9f2}
.mh-loading p{color:#ffe9f2}
.mh-loading small{color:#e8d3e0}
.mh-loading i{border-color:rgba(255,255,255,.25);border-top-color:#ff9ac4}
#mhResult{border:3px dashed #ff9ac4;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.mh-res__art img{border-color:#fff;background:#f4f0f2;box-shadow:0 18px 44px rgba(0,0,0,.25)}
.mh-res__axes{background:#fff0f6;border-color:#f8d6e5;color:#e2497f}
.mh-radar__i{border-color:#f8d6e5;box-shadow:0 2px 0 #f8d6e5}
.mh-radar__i.is-top{border-color:#e2497f;background:#fff0f6}
.mh-score{background:linear-gradient(135deg,#fff,#fff0f6);border-color:#f8d6e5;box-shadow:0 6px 0 #f8d6e5}
.mh-score__bar{border-color:#f8d6e5}
.mh-score__bar i{background:linear-gradient(90deg,#ff9ac4,#e2497f,#2e1628)}
.mh-res__moon{background:linear-gradient(135deg,#2e1628,#e2497f);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.mh-panel,.mh-cols,.mh-about,.mh-book__card{border-color:#f8d6e5;box-shadow:0 6px 0 #f8d6e5}
.mh-panel h3::before{background:linear-gradient(135deg,#ff9ac4,#e2497f)}
.mh-axis__bar{background:#f8d6e5}
.mh-axis__bar i{background:linear-gradient(90deg,#ff9ac4,#e2497f)}
.mh-axis.is-right .mh-axis__bar i{background:linear-gradient(90deg,#2e1628,#ff9ac4)}
.mh-axis__l.is-on,.mh-axis__r.is-on{color:#e2497f}
.mh-tip{background:#fff0f6;border-left-color:#e2497f}
.mh-att,.mh-att--a,.mh-att--v,.mh-att--f{border-color:#f8d6e5;background:linear-gradient(180deg,#fff0f6,#fff)}
.mh-att h3 small{color:#e2497f}
.mh-cols__board{background:linear-gradient(135deg,#fff0f6,#fff);border-color:#f8d6e5}
.mh-cols__l a{color:#e2497f;border-top-color:#f8d6e5}
.mh-mate__c img{border-color:#f8d6e5;background:#fff0f6}
.mh-next{border-color:#ff9ac4;box-shadow:0 8px 0 #ff9ac4,0 18px 34px rgba(0,0,0,.3)}
.mh-next__btn{background:linear-gradient(135deg,#ff9ac4,#e2497f)}
.mh-grid__c a{border-color:#f8d6e5;box-shadow:0 4px 0 #f8d6e5}
.mh-grid__c img{background:#fff0f6}
.mh-grid__c.is-me a{border-color:#e2497f;background:#fff0f6;box-shadow:0 4px 0 #f8d6e5}
.mh-about h2{border-bottom-color:#f8d6e5}
.mh-book__h1{color:#ffe9f2}
.mh-book__lead{color:#e8d3e0}
.mh-book .mh-disclaimer,.mh-book__go+.mh-disclaimer{color:#e8d3e0}
.mh-book__card img{border-color:#f8d6e5;background:#fff0f6}
.mh-book__moon{background:linear-gradient(135deg,#2e1628,#e2497f)}
.mh-book__meta b{background:#fff0f6;border-color:#f8d6e5;color:#e2497f}
.mh-retry button,.mh-back button{color:#6e5f86}

/* 回避型の売れ筋導線・ティーザー（2026-09-05） */
.mh-kaihi{border-color:#e2497f !important}
.mh-kaihi>p{font-size:13.5px;color:#3f3552;margin:0 0 10px}
.mh-kaihi .mh-cols__l{margin:0 0 12px}
.mh-tz{margin:14px 0 0;border-top:1px dashed #f8d6e5;padding-top:12px}
.mh-tz__in{font-size:12.5px;font-weight:900;color:#e2497f;margin:0 0 6px}
.mh-tz__p{font-size:13px;line-height:2;color:#463c52;margin:0 0 2px}
.mh-tz__blur{filter:blur(3.5px);user-select:none;pointer-events:none}
.mh-tz__go{margin:10px 0 0;text-align:right}
.mh-tz__go a{font-size:13px;font-weight:900;color:#e2497f;text-decoration:none}

/* ヘラ子っち（彼女を育てるゲーム）への入口（2026-09-06） */
.mh-pet{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:14px 16px;border-radius:22px;border:2px solid #f8d6e5;background:linear-gradient(135deg,#fff0f6,#fff);text-decoration:none;color:#3a2a55;box-shadow:0 6px 0 #f8d6e5}
.mh-pet__art{flex:0 0 76px;width:76px;height:76px;border-radius:18px;background-color:#fff0f6;background-repeat:no-repeat;background-size:400% 300%;background-position:66.6667% 0;image-rendering:pixelated}
.mh-pet__art--e{display:flex;align-items:center;justify-content:center;font-size:40px}
.mh-pet__b{display:block;min-width:0}
.mh-pet__b em{display:block;font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.14em;color:#e2497f;margin:0 0 4px}
.mh-pet__b b{display:block;font-size:14.5px;line-height:1.5;color:#3a2a55;margin:0 0 4px}
.mh-pet__b span{display:block;font-size:12px;line-height:1.75;color:#5b4a7a}
.mh-pet__b i{display:inline-block;margin-top:8px;padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#ff9ac4,#e2497f);color:#fff;font-style:normal;font-size:12px;font-weight:900;border:2px solid #fff}
@media (max-width:359px){.mh-pet{gap:10px;padding:12px}.mh-pet__art{flex-basis:60px;width:60px;height:60px}}