/* B-GO! スマホ優先。既存水彩を主役にし、情報を読みやすくする */
:root{--bv-ink:#20362e;--bv-green:#164d3a;--bv-teal:#137d79;--bv-paper:#fff;--bv-line:#dce8e0}
html,body{overflow-x:visible!important}body{color:var(--bv-ink)}*,*::before,*::after{box-sizing:border-box}main{min-width:0}main img,main svg{max-width:100%}main p,main li,main a,main h1,main h2,main h3{overflow-wrap:anywhere}main h1{letter-spacing:.015em;line-height:1.5;font-weight:800}main h2{line-height:1.55}main p{line-height:1.95}
.bgo-region-hero{margin:22px 0 30px;background:#f3f8f4;border-radius:28px;overflow:hidden}.bgo-region-hero img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 46%}.article-head{display:flex;flex-direction:column}.article-head h1{order:0}.article-head>.eyebrow{order:-1}.article-head>.bgv-illus-hero,.article-head>.article-hero{order:1}.article-head>.page-summary{order:4}.article-head>p:not(.eyebrow){order:3}.article-head figure{border-radius:22px;overflow:hidden;margin:20px 0}.article-head figure img{width:100%;max-height:520px;object-fit:contain;background:#f3f8f4}
.bgo-media{padding:28px 0;border:0;border-radius:0;background:transparent}.bgo-media h2{font-size:clamp(23px,2.5vw,32px);color:var(--bv-green)}.bgo-sns-list,.bgo-media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.bgo-sns-card{min-width:0;padding:0 0 20px;border:1px solid var(--bv-line);box-shadow:0 7px 22px #164d3a0a;border-radius:18px;overflow:hidden}.bgo-sns-card>p,.bgo-sns-card>a,.bgo-sns-card>button{margin-inline:18px}.bgo-sns-card>.bgo-sns-meta{margin-top:16px}.bgo-sns-card iframe.bgo-note-embed{display:block;width:100%;height:185px;min-height:185px;border:0;background:white}.bgo-sns-card iframe.bgo-x-embed{display:block;width:100%;height:560px;min-height:560px;border:0}.bgo-sns-sum{font-weight:600}.bgo-yt{border-radius:18px;border:1px solid var(--bv-line);box-shadow:none}.bgo-yt-btn img{opacity:1}.bgo-story-cover{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px 16px 0 0}.hero-art{border-radius:28px;overflow:hidden;background:#f3f8f4}.hero-art img{display:block;width:100%}.page-summary{border-radius:16px!important}.keep-word,.title-part{white-space:normal!important}
@media(max-width:760px){main h1{font-size:26px!important;line-height:1.5!important}main h2{font-size:23px!important}main .container{max-width:100%;padding-inline:20px}.hero{padding-top:24px!important}.hero-grid{gap:14px!important}.hero-grid .hero-copy{display:contents!important}.hero-grid .hero-copy>*{order:4}.hero-grid .hero-copy h1{order:0!important;margin:4px 0 12px}.hero-grid>.hero-art{order:1!important;margin:0!important}.hero-grid .hero-art img{height:230px!important;aspect-ratio:auto!important;object-fit:cover!important}.hero-grid .hero-copy>.eyebrow{order:-1!important}.hero-grid .hero-copy>.hero-lead{order:2!important;font-size:17px!important}.hero-grid .page-summary{order:5!important}.bgo-region-hero img{height:225px}.bgo-region-hero{border-radius:20px;margin-top:15px}.article-head h1{font-size:25px!important}.article-head figure{margin:16px 0}.article-head figure img{max-height:270px}.bgo-media{padding:20px 0}.bgo-sns-list,.bgo-media-grid{grid-template-columns:minmax(0,1fr)}main table{max-width:100%}main pre{white-space:pre-wrap}figure{max-width:100%}main .bgo-yt figcaption{padding:14px 16px}}

/* 記事の最初に扉絵を置く。幅は変えず表示順だけを補正 */
.article-head>*{order:2}.article-head>h1{order:-1}.article-head>.eyebrow{order:-2}.article-head>.bgv-illus-hero,.article-head>.article-hero{order:0}.article-head>.bgx-article-meta{order:1}

/* 読者向け図解の装飾用の線・帯を除去。表の罫線は項目を区切るため保持。 */
body[data-bgx-article] .bgoN-v3 .n-title{border:0!important;background:transparent!important;box-shadow:none!important}
body[data-bgx-article] .bgoN-v3 .n-title::before,body[data-bgx-article] .bgoN-v3 .n-title::after{display:none!important}
body[data-bgx-article] .bgoN-v3 .n-article-specific{border:0!important;background:transparent!important;box-shadow:none!important}
body[data-bgx-article] .bgoN-v3 .n-three .n-node{border-bottom:0!important}

/* 比較の通知をスマホ下部のメニューから離し、リンクを押せる位置へ置く。 */
.compare-notice{z-index:2000;box-sizing:border-box;width:min(700px,calc(100% - 32px))}@media(max-width:760px){.compare-notice{bottom:88px}}

/* 本文の強調は背景と見出しで示し、飾りの線を付けない。 */
.bgv main .bgv-answer,.bgv main .bgv-points>li,.bgv main .bgv-points>.key-point{border-left:0!important}.bgv main header{border-bottom:0!important}

.bgv main aside,.bgv main blockquote{border-left:0!important}

.bgv main h1,.bgv main h2,.bgv main h3,.bgv main h4,.bgv main h5,.bgv main h6{border-left:0!important;border-bottom:0!important}#bgo-site-footer{border-top:0!important}
