#spi-mbti-sidebar,#spi-mbti-sidebar *{box-sizing:border-box}
#spi-mbti-sidebar{padding:0;background:#fff;border:1px solid #dfe9e7;border-radius:16px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;text-align:left;color:#253230}
#spi-mbti-sidebar p{margin:0!important;padding:0!important}
#spi-mbti-sidebar p:empty,#spi-mbti-sidebar br{display:none!important}
#spi-mbti-sidebar .spi-msb-sub br{display:inline!important}
#spi-mbti-sidebar [hidden]{display:none!important}
#spi-mbti-sidebar a{text-decoration:none!important;box-shadow:none}
#spi-mbti-sidebar svg{display:block}

#spi-mbti-sidebar .spi-msb-head{display:flex;align-items:center;gap:9px;padding:13px 14px!important;border-bottom:1px solid #dfe9e7;color:#253230;font-size:15px;font-weight:800;line-height:1.55}
#spi-mbti-sidebar .spi-msb-dot{flex:none;width:10px;height:10px;border-radius:3px;background:#26a69a}
#spi-mbti-sidebar .spi-msb-body{padding:12px 10px}

#spi-mbti-sidebar .spi-msb-img{display:block;margin:0 2px}
#spi-mbti-sidebar .spi-msb-img img{display:block;width:100%!important;max-width:100%;height:auto!important;margin:0!important;padding:0!important;border:1px solid #dfe9e7;border-radius:11px;box-shadow:none}
#spi-mbti-sidebar .spi-msb-img:hover img{filter:brightness(1.05)}

#spi-mbti-sidebar .spi-msb-note,#spi-mbti-sidebar .spi-msb-label{display:flex;align-items:center;gap:6px;margin:12px 2px 7px!important;color:#333d45;font-size:12px;font-weight:800;line-height:1.55;letter-spacing:.02em}
#spi-mbti-sidebar .spi-msb-note::before,#spi-mbti-sidebar .spi-msb-label::before{content:"";flex:none;width:3px;height:13px;border-radius:2px;background:#26a69a}

#spi-mbti-sidebar .spi-msb-cta{display:flex!important;align-items:center;gap:10px;margin:4px 2px 0;padding:12px 12px 12px 14px!important;color:#fff!important;background:#26a69a;font-size:14.5px;font-weight:800;line-height:1.55;border-radius:11px}
#spi-mbti-sidebar .spi-msb-cta:hover{filter:brightness(1.05)}
#spi-mbti-sidebar .spi-msb-cta-label{flex:1;min-width:0}
#spi-mbti-sidebar .spi-msb-cta-arrow{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#26a69a}

#spi-mbti-sidebar .spi-msb-row{display:flex!important;align-items:center;gap:8px;min-height:42px;margin:0 2px;padding:8px 10px!important;color:#29343c!important;font-size:12.5px;font-weight:800;line-height:1.55;background:#fff;border:1px solid #26a69a;border-radius:9px}
#spi-mbti-sidebar .spi-msb-row span{flex:1;min-width:0}
#spi-mbti-sidebar .spi-msb-row b{flex:none;display:flex;color:#aab4bd}
#spi-mbti-sidebar .spi-msb-row:hover{background:#f2fbfa}
#spi-mbti-sidebar a:focus-visible{outline:3px solid #253230;outline-offset:3px}

/* LP（/16type-shindan/）の一番上の箱を写す＝値は .st16-fv／.st16-types-grid／.st16-tile（2026-10-07 実測） */
#spi-mbti-sidebar .spi-msb-fv{margin:0 2px 10px;padding:12px 10px 12px;text-align:center;background:linear-gradient(180deg,#fff 0%,#eaf7f4 100%);border:1px solid #d8efeb;border-radius:11px}
#spi-mbti-sidebar .spi-msb-fv .spi-msb-img{margin:0 auto}
#spi-mbti-sidebar .spi-msb-fv .spi-msb-img img{width:100%!important;max-width:290px;margin:0 auto!important;border:0;border-radius:0}
#spi-mbti-sidebar .spi-msb-sub{display:block;margin:6px 0 10px;color:#5a6360;font-size:11px;line-height:1.6}
#spi-mbti-sidebar .spi-msb-sub em{font-style:normal;font-weight:800;color:#1e8b82}
#spi-mbti-sidebar .spi-msb-grid{display:flex;gap:5px}
#spi-mbti-sidebar .spi-msb-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#spi-mbti-sidebar .spi-msb-colhead{display:block;padding:3px 0;border-radius:6px;color:#fff;font-size:10.5px;font-weight:800;line-height:1.5;letter-spacing:.04em}
#spi-mbti-sidebar .spi-msb-tile{display:block;width:100%;margin:0;padding:4px 1px 3px;border:2px solid transparent;border-radius:7px;font:inherit;font-size:8px;font-weight:700;line-height:1.35;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-align:center}
#spi-mbti-sidebar .spi-msb-tile b{display:block;font-size:11px;font-weight:800;letter-spacing:.08em}
#spi-mbti-sidebar .spi-msb-col--nt .spi-msb-colhead{background:#a672ce}
#spi-mbti-sidebar .spi-msb-col--nf .spi-msb-colhead{background:#5ccb63}
#spi-mbti-sidebar .spi-msb-col--sj .spi-msb-colhead{background:#4fa3c7}
#spi-mbti-sidebar .spi-msb-col--sp .spi-msb-colhead{background:#d9a63c}
#spi-mbti-sidebar .spi-msb-col--nt .spi-msb-tile{background:#f3ecf8;color:#7c5e94}
#spi-mbti-sidebar .spi-msb-col--nf .spi-msb-tile{background:#e7f6ef;color:#3f8a6e}
#spi-mbti-sidebar .spi-msb-col--sj .spi-msb-tile{background:#e6f3f8;color:#3f7f98}
#spi-mbti-sidebar .spi-msb-col--sp .spi-msb-tile{background:#faf1d9;color:#a8802a}
#spi-mbti-sidebar .spi-msb-free{display:block;margin:8px 0 0;color:#1e8b82;font-size:11.5px;font-weight:700;line-height:1.5}

@media(min-width:768px){.widget:has(#spi-mbti-sidebar){padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.widget:has(#spi-mbti-sidebar)>.widgettitle{display:none!important}.widget:has(#spi-mbti-sidebar) .textwidget{padding:0!important}body:has(#spi-mbti-sidebar) .nkhsb-sp{display:none!important}#fixed_sidebar:has(#spi-mbti-sidebar){margin-top:0}}
@media(max-width:767px){#spi-mbti-sidebar{display:none!important}}
