/* しばおブログ 記事装飾（shibao-site/assets/article.css として Codex が設置）
   2026-09-28 Claude作成。クラス名は Codex の提案（sb- 接頭辞・.shibao-article 内に限定）に合わせた。
   確認用の preview.html も、このファイルをそのまま読み込む（本番と同じ見た目で確認するため）。 */
.ss-legacy.single-shibao_article{background:#fcfcfc}
.ss-legacy .ss-article-shell{width:min(760px,calc(100% - 40px));margin:40px auto 88px;padding:0;background:#fcfcfc!important;border:0;box-shadow:none}
.ss-legacy .ss-article-shell .story-body{margin-top:32px}
.ss-legacy .ss-article-shell .story-body>.story-hero{max-width:none;margin:32px 0 40px}
.ss-legacy .ss-article-shell .story-hero img{display:block;width:100%;height:auto;object-fit:contain}
.ss-legacy .ss-article-shell .ss-article-meta{max-width:36rem;margin:0 auto 48px;font-size:.8125rem;line-height:1.8;letter-spacing:.02em;color:#6f6b63}
.ss-legacy .ss-article-shell .entry-content{width:100%}
@media(max-width:600px){
  .ss-legacy .ss-article-shell{width:calc(100% - 36px);margin-top:28px}
  .ss-legacy .ss-article-shell .story-body>.story-hero{margin-bottom:30px}
  .ss-legacy .ss-article-shell .ss-article-meta{margin-bottom:38px;font-size:.75rem}
}
.ss-legacy .entry-content .shibao-article{--sb-fg:#302c28;--sb-muted:#8a7d72;--sb-h2bg:#f3ece3;--sb-bar:#8b5e3c;--sb-line:#e6ddd3;--sb-note:#f1f1f1;--sb-blue:#356b98;--sb-red:#a24843;--sb-yellow:#f4dfa0;--sb-box:#fbf6ef;--sb-boxline:#d9c3a5;
  color:var(--sb-fg);font-family:Inter,"Noto Sans JP",sans-serif;font-size:17px;font-weight:500;letter-spacing:.04em;line-height:2}
@media(min-width:768px){.ss-legacy .entry-content .shibao-article{font-size:18px}}
.ss-legacy .entry-content .shibao-article *{box-sizing:border-box}

.ss-legacy .entry-content .shibao-article>p,.ss-legacy .entry-content .shibao-article>h3,.ss-legacy .entry-content .shibao-article>ul,.ss-legacy .entry-content .shibao-article>ol,.ss-legacy .entry-content .shibao-article>div,.ss-legacy .entry-content .shibao-article>figure{max-width:36rem;margin-left:auto;margin-right:auto}
.ss-legacy .entry-content .shibao-article>p{margin-top:0;margin-bottom:4em;font-size:1.125rem;line-height:2;overflow-wrap:break-word;line-break:strict}
.ss-legacy .entry-content .shibao-article .sb-answer p,.ss-legacy .entry-content .shibao-article .sb-point p{font-size:1.0625rem}
@media(max-width:600px){.ss-legacy .entry-content .shibao-article>p{font-size:1.0625rem}}
/* 改行はスマホだけ（2026-09-28 しばお「PCは1行の文字数をもう少し緩和」）。PCは /profile/ と同じ幅36remの列で自然に折り返す（1行30字前後） */

.ss-legacy .entry-content .shibao-article h2{font-size:1.625rem;font-weight:700;line-height:1.75;letter-spacing:.035em;max-width:42rem;margin:100px auto 56px;padding:22px 26px;border:0;border-left:5px solid #a58a5e;border-radius:2px;background:#eae3d8;color:#453a2d;text-wrap:pretty}
@media(max-width:600px){.ss-legacy .entry-content .shibao-article h2{font-size:1.3125rem;margin-top:76px;margin-bottom:42px;padding:18px 16px;border-left-width:4px}}
.ss-legacy .entry-content .shibao-article h3{font-size:1.25rem;font-weight:700;line-height:1.7;color:#453a2d;border-bottom:2px solid #d9cbb3;padding-bottom:.3em;margin-top:64px;margin-bottom:32px}
.ss-legacy .entry-content .shibao-article .sb-kicker{font-size:.8em;color:var(--sb-bar);margin-top:0;margin-bottom:1em}
.ss-legacy .entry-content .shibao-article .sb-date-note{font-size:.8em;line-height:1.7;color:var(--sb-muted);border:1px solid var(--sb-line);border-radius:6px;padding:.6em .8em;margin-top:0;margin-bottom:3em}

/* 強調 */
.ss-legacy .entry-content .shibao-article .sb-marker-yellow{font-weight:700;background:linear-gradient(transparent 68%,#f4dfa0 68%,#f4dfa0 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ss-legacy .entry-content .shibao-article strong{color:#1e1d1b;font-weight:700}
.ss-legacy .entry-content .shibao-article strong.sb-text-red{color:var(--sb-red)}
.ss-legacy .entry-content .shibao-article strong.sb-text-blue{color:var(--sb-blue)}

/* 答え枠・ポイント枠 */
.ss-legacy .entry-content .shibao-article .sb-answer{border:2px solid var(--sb-bar);border-radius:10px;padding:1em 1.1em .2em;margin-top:0;margin-bottom:3em;background:var(--sb-box)}
.ss-legacy .entry-content .shibao-article .sb-answer p{margin:0 0 1em}
.ss-legacy .entry-content .shibao-article .sb-answer-title,.ss-legacy .entry-content .shibao-article .sb-point-title{font-weight:700;color:var(--sb-bar);font-size:.9em;margin:0 0 .4em}
.ss-legacy .entry-content .shibao-article .sb-point{border-left:5px solid var(--sb-boxline);background:var(--sb-box);padding:1em 1.1em .2em;margin-top:0;margin-bottom:3em;border-radius:0 8px 8px 0}
.ss-legacy .entry-content .shibao-article .sb-point p{margin:0 0 1em}
.ss-legacy .entry-content .shibao-article .sb-lead{font-weight:700;margin:0 auto 1.2em}

/* チェックリスト・番号の流れ */
.ss-legacy .entry-content .shibao-article .sb-checklist,.ss-legacy .entry-content .shibao-article .sb-flow{margin-top:0;margin-bottom:3em;padding:.8em 1em .8em 2.2em;background:var(--sb-box);border-radius:8px;line-height:1.8}
.ss-legacy .entry-content .shibao-article .sb-checklist li,.ss-legacy .entry-content .shibao-article .sb-flow li{margin:.3em 0}
.ss-legacy .entry-content .shibao-article .sb-checklist{list-style:"✓  "}
.ss-legacy .entry-content .shibao-article .sb-answer .sb-flow{background:none;padding-left:1.4em}

/* 会話の吹き出し（左＝しばお、右＝しばこ） */
.ss-legacy .entry-content .shibao-article .sb-talk{display:flex;gap:12px;align-items:flex-start;margin-top:0;margin-bottom:3em}
.ss-legacy .entry-content .shibao-article .sb-talk.is-reader{flex-direction:row-reverse}
.ss-legacy .entry-content .shibao-article .sb-talk-face{flex:none;width:64px;text-align:center;font-size:11px;line-height:1.4;color:var(--sb-muted)}
.ss-legacy .entry-content .shibao-article .sb-talk-icon{display:block;width:64px;height:64px;object-fit:contain;margin:0 auto 2px;border-radius:50%;background:var(--sb-box);border:1px solid var(--sb-line)}
.ss-legacy .entry-content .shibao-article .sb-talk-bubble{flex:0 1 auto;min-width:0;max-width:calc(100% - 76px);background:#fff;border:1px solid var(--sb-boxline);border-radius:12px;padding:.7em .9em;line-height:1.8}
.ss-legacy .entry-content .shibao-article .sb-talk.is-reader .sb-talk-bubble{background:var(--sb-box)}
.ss-legacy .entry-content .shibao-article .sb-talk.is-warning .sb-talk-bubble{border-color:var(--sb-red)}

/* データ枠（テーマ株の会社ごと） */
.ss-legacy .entry-content .shibao-article .sb-data-card{border:1px solid var(--sb-boxline);border-radius:8px;padding:.6em .9em;margin-top:0;margin-bottom:3em;font-size:.85em;line-height:1.7;background:var(--sb-box)}
.ss-legacy .entry-content .shibao-article .sb-data-card dl{display:grid;grid-template-columns:auto 1fr;gap:.2em .8em;margin:0}
.ss-legacy .entry-content .shibao-article .sb-data-card dt{color:var(--sb-bar);font-weight:700;white-space:nowrap}
.ss-legacy .entry-content .shibao-article .sb-data-card dd{margin:0}

/* 表（横スクロール） */
.ss-legacy .entry-content .shibao-article .sb-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:0;margin-bottom:3em}
.ss-legacy .entry-content .shibao-article .sb-table-scroll table{border-collapse:collapse;width:100%;font-size:.82em;line-height:1.6;margin:0}
.ss-legacy .entry-content .shibao-article .sb-table-scroll th,.ss-legacy .entry-content .shibao-article .sb-table-scroll td{border:1px solid var(--sb-line);padding:.45em .55em;vertical-align:top;text-align:left}
.ss-legacy .entry-content .shibao-article .sb-table-scroll th{background:var(--sb-h2bg);white-space:nowrap}
.ss-legacy .entry-content .shibao-article .sb-company{min-width:7.5em}
.ss-legacy .entry-content .shibao-article .sb-company small{color:var(--sb-muted);font-size:.85em}
.ss-legacy .entry-content .shibao-article .sb-number{white-space:nowrap;text-align:right}

/* 画像 */
.ss-legacy .entry-content .shibao-article figure{margin-top:40px;margin-bottom:40px;max-width:38rem}
.ss-legacy .entry-content .shibao-article figure img{width:100%;height:auto;border:1px solid var(--sb-line);border-radius:6px;display:block}
.ss-legacy .entry-content .shibao-article figcaption{font-size:.9375rem;font-weight:500;line-height:1.9;color:#665d53;text-align:center;margin-top:16px}

/* リンク枠・LINEボタン・注記 */
.ss-legacy .entry-content .shibao-article .sb-link-card{border:1px solid var(--sb-line);border-radius:8px;padding:.8em 1em;margin-top:0;margin-bottom:3em;line-height:1.8;font-weight:700}
.ss-legacy .entry-content .shibao-article .sb-muted{color:var(--sb-muted);font-weight:500;font-size:.85em}
.ss-legacy .entry-content .shibao-article .sb-line-cta{max-width:36rem;margin:0 auto 1.5em;text-align:center}
.ss-legacy .entry-content .shibao-article .sb-line-cta::before{content:"登録無料｜3つすべて受け取れます";display:block;margin:0 0 .75rem;color:#6d5c4c;font-size:.875em;font-weight:700;line-height:1.6;letter-spacing:.035em}
.ss-legacy .entry-content .shibao-article .sb-line-cta a{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.65em;min-height:64px;background:#06c755;color:#fff;text-align:center;font-weight:700;border-radius:999px;padding:.9em 1.4em;text-decoration:none;box-shadow:0 8px 22px rgba(6,199,85,.22);transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.ss-legacy .entry-content .shibao-article .sb-line-cta a::before{content:"";position:absolute;z-index:-1;top:-55%;left:-38%;width:25%;height:210%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:skewX(-22deg);pointer-events:none}
.ss-legacy .entry-content .shibao-article .sb-line-cta.is-visible a::before{animation:sb-line-cta-shine .8s ease-out .3s 1 both}
@keyframes sb-line-cta-shine{0%{left:-38%;opacity:0}18%{opacity:1}100%{left:116%;opacity:0}}
.ss-legacy .entry-content .shibao-article .sb-line-cta a::after{content:"→";font-size:1.15em;line-height:1;transition:transform .2s ease}
.ss-legacy .entry-content .shibao-article .sb-line-cta a:hover{background:#05b84e;box-shadow:0 12px 28px rgba(6,199,85,.28);transform:translateY(-2px)}
.ss-legacy .entry-content .shibao-article .sb-line-cta a:hover::after{transform:translateX(4px)}
.ss-legacy .entry-content .shibao-article .sb-line-cta a:focus-visible{outline:3px solid rgba(6,199,85,.3);outline-offset:4px}
.ss-legacy .entry-content .shibao-article .sb-line-cta a:active{box-shadow:0 5px 14px rgba(6,199,85,.2);transform:translateY(0) scale(.99)}
@media(max-width:600px){.ss-legacy .entry-content .shibao-article .sb-line-cta::before{font-size:.8125em}.ss-legacy .entry-content .shibao-article .sb-line-cta a{min-height:58px;padding:.85em 1em;font-size:.95em}}
@media(prefers-reduced-motion:reduce){.ss-legacy .entry-content .shibao-article .sb-line-cta a,.ss-legacy .entry-content .shibao-article .sb-line-cta a::after{transition:none}.ss-legacy .entry-content .shibao-article .sb-line-cta a::before{display:none}}
.ss-legacy .entry-content .shibao-article .sb-small{font-size:.8em;line-height:1.8;color:var(--sb-muted)}

/* 未作成の画像の指示（本番に残してはいけない。qa で検出） */
.ss-legacy .entry-content .shibao-article .sb-imgnote{background:var(--sb-note);color:var(--sb-muted);font-size:.8em;line-height:1.6;padding:.8em;border-radius:6px;margin-top:0;margin-bottom:3em}

/* 囲み枠の中の余白（2026-09-28 しばお「余白がださい」）：枠の上下は均等、中の要素は詰める */
.ss-legacy .entry-content .shibao-article .sb-answer,.ss-legacy .entry-content .shibao-article .sb-point{padding:1.1em 1.4em}
.ss-legacy .entry-content .shibao-article .sb-answer>*,.ss-legacy .entry-content .shibao-article .sb-point>*{margin-top:0;margin-bottom:.6em}
.ss-legacy .entry-content .shibao-article .sb-answer>*:last-child,.ss-legacy .entry-content .shibao-article .sb-point>*:last-child{margin-bottom:0}
.ss-legacy .entry-content .shibao-article .sb-answer-title,.ss-legacy .entry-content .shibao-article .sb-point-title{margin-bottom:.5em}
.ss-legacy .entry-content .shibao-article .sb-answer .sb-flow,.ss-legacy .entry-content .shibao-article .sb-point .sb-flow,.ss-legacy .entry-content .shibao-article .sb-answer .sb-checklist,.ss-legacy .entry-content .shibao-article .sb-point .sb-checklist{padding:0 0 0 1.4em;background:none;line-height:1.8}
.ss-legacy .entry-content .shibao-article .sb-answer .sb-flow li,.ss-legacy .entry-content .shibao-article .sb-answer .sb-checklist li{margin:.25em 0}
.ss-legacy .entry-content .shibao-article .sb-answer .sb-flow+p,.ss-legacy .entry-content .shibao-article .sb-answer .sb-checklist+p{margin-top:.9em}
@media(min-width:768px){.ss-legacy .entry-content .shibao-article br.sb-sp{display:none}.ss-legacy .entry-content .shibao-article>p{margin-bottom:2.4em}}
@media(min-width:768px){.ss-legacy .entry-content .shibao-article>p,.ss-legacy .entry-content .shibao-article .sb-answer p,.ss-legacy .entry-content .shibao-article .sb-point p{word-break:auto-phrase;text-wrap:pretty}}
/* 冒頭の強い一言（2026-09-28 NISA連載：吹き出しでなく本文で目を引く） */
.ss-legacy .entry-content .shibao-article .sb-quote{font-size:1.5rem;font-weight:800;line-height:1.75;letter-spacing:0;color:#302c28;margin:.2em auto 1.4em}
.ss-legacy .entry-content .shibao-article .sb-marker-red{font-weight:700;background:linear-gradient(transparent 62%,#f5b8ab 62%,#f5b8ab 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(max-width:600px){.ss-legacy .entry-content .shibao-article .sb-quote{font-size:1.2rem}}
/* 注記（※）は直前の本文にくっつける。段落の大きな余白で文章のリズムを切らない（2026-09-28 しばお） */
.ss-legacy .entry-content .shibao-article>p.sb-small{margin-top:-2.8em;margin-bottom:3em}
.ss-legacy .entry-content .shibao-article>figure+p.sb-small{margin-top:0}
@media(min-width:768px){.ss-legacy .entry-content .shibao-article>p.sb-small{margin-top:-1.4em;margin-bottom:2.4em}.ss-legacy .entry-content .shibao-article>figure+p.sb-small{margin-top:0}}

/* 特典サムネ3枚を横並び（2026-09-28 画像が大きすぎる対策） */
.ss-legacy .entry-content .shibao-article .sb-gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1.2em;margin-bottom:2em}
.ss-legacy .entry-content .shibao-article .sb-gifts figure{margin:0;max-width:none}
.ss-legacy .entry-content .shibao-article .sb-gifts figure img{aspect-ratio:1/1;object-fit:cover;object-position:left top}
.ss-legacy .entry-content .shibao-article .sb-gifts figcaption{font-size:.75rem;text-align:center;margin-top:.4em;line-height:1.4}
/* 注記を本文に寄せるのは直前が段落のときだけ。ボタン・箱・リストの直後では寄せない（2026-09-28 CTAに重なった） */
.ss-legacy .entry-content .shibao-article>div+p.sb-small,.ss-legacy .entry-content .shibao-article>ul+p.sb-small,.ss-legacy .entry-content .shibao-article>ol+p.sb-small{margin-top:1.5em}
/* 記事末の注意書き：1項目1行の※リスト */
.ss-legacy .entry-content .shibao-article .sb-notes{list-style:none;padding:0;margin:3em auto 2em;max-width:36rem;font-size:.8em;line-height:1.8;color:var(--sb-muted);border-top:1px solid var(--sb-line);padding-top:1.2em}
.ss-legacy .entry-content .shibao-article .sb-notes li{padding-left:1em;text-indent:-1em;margin:0 0 .5em}
.ss-legacy .entry-content .shibao-article .sb-notes li::before{content:"※"}