CBN+ディストレート

/* ========== WING CBD SEO Block (scoped) ========== */
#wingcbd-cbnplus-seo.wse{
–accentA:#00e5ff; –accentB:#6bffb1;
–ink:#0f172a; –muted:#5f738a; –track:rgba(15,23,42,.12);
isolation:isolate; width:100%; line-height:1.75; color:var(–ink);
font-synthesis-weight:auto;
}
#wingcbd-cbnplus-seo *{box-sizing:border-box}
#wingcbd-cbnplus-seo .wse-wrap{max-width:960px;margin:0 auto}
#wingcbd-cbnplus-seo p{margin:.6rem 0}
#wingcbd-cbnplus-seo b{font-weight:800}

/* HERO */
#wingcbd-cbnplus-seo .wse-hero{
padding:20px;border:1px solid rgba(0,0,0,.06);border-radius:16px;
background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.06);margin-bottom:20px
}
#wingcbd-cbnplus-seo .wse-hero-main{
font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;margin:0 0 .5rem
}
#wingcbd-cbnplus-seo .wse-hero-sub{color:var(–muted);font-size:.95rem;margin-bottom:.5rem}
#wingcbd-cbnplus-seo .wse-chips{
list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:.6rem 0 0
}
#wingcbd-cbnplus-seo .wse-chips li{
padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:800;
color:#00323a;background:linear-gradient(90deg,var(–accentA),var(–accentB))
}

/* 成分バー（コンセプトバー） */
#wingcbd-cbnplus-seo .wse-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#wingcbd-cbnplus-seo .wse-row{
position:relative;display:grid;grid-template-columns:1fr 110px;align-items:center;
min-height:36px;padding:6px 12px;border-radius:9999px;background:var(–track);overflow:hidden
}
#wingcbd-cbnplus-seo .wse-row::before{
content:””;position:absolute;inset:0 auto 0 0;width:calc(var(–val,0)*1%);
background:linear-gradient(90deg,var(–accentA),var(–accentB))
}
#wingcbd-cbnplus-seo .wse-label,#wingcbd-cbnplus-seo .wse-num{position:relative;z-index:1;font-weight:800}
#wingcbd-cbnplus-seo .wse-num{justify-self:end;color:rgba(0,50,58,.95)}

/* 特長カード */
#wingcbd-cbnplus-seo .wse-feats{display:grid;gap:14px;margin:20px 0}
@media(min-width:900px){#wingcbd-cbnplus-seo .wse-feats{grid-template-columns:1fr 1fr 1fr}}
#wingcbd-cbnplus-seo .wse-feat{
background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;
box-shadow:0 6px 18px rgba(0,0,0,.05);padding:16px
}
#wingcbd-cbnplus-seo .wse-feat h3{font-size:1.05rem;font-weight:900;margin:0 0 .4rem}
#wingcbd-cbnplus-seo .wse-feat ul{margin:.4rem 0 0;padding-left:1.2rem}
#wingcbd-cbnplus-seo .wse-feat li{margin:.25rem 0;color:var(–ink)}

/* セクション見出し */
#wingcbd-cbnplus-seo .wse-h{margin:18px 0 8px;font-size:1.1rem;font-weight:900}
#wingcbd-cbnplus-seo .wse-note{color:var(–muted);font-size:.95rem}

/* FAQ（JS不要のネイティブアコーディオン） */
#wingcbd-cbnplus-seo .wse-faq{margin:24px 0}
#wingcbd-cbnplus-seo .wse-faq h3{margin:0 0 .8rem;font-size:1.1rem;font-weight:900}

#wingcbd-cbnplus-seo .faq-box{
border:1px solid rgba(0,0,0,.08);
border-radius:12px;
overflow:hidden;
background:#fff;
}
#wingcbd-cbnplus-seo details.faq-item{
border-bottom:1px solid rgba(0,0,0,.08);
}
#wingcbd-cbnplus-seo details.faq-item:last-child{border-bottom:none}

#wingcbd-cbnplus-seo summary.faq-q{
list-style:none;
cursor:pointer;
padding:14px 14px;
font-weight:900;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
-webkit-tap-highlight-color: transparent;
user-select:none;
}
#wingcbd-cbnplus-seo summary.faq-q::-webkit-details-marker{display:none}

#wingcbd-cbnplus-seo summary.faq-q .faq-ico{
flex:0 0 auto;
width:34px;height:34px;border-radius:10px;
display:grid;place-items:center;
color:#00323a;
background:linear-gradient(90deg,var(–accentA),var(–accentB));
box-shadow:0 10px 18px rgba(0,0,0,.08);
font-weight:900;
}
#wingcbd-cbnplus-seo summary.faq-q .faq-text{flex:1 1 auto}
#wingcbd-cbnplus-seo summary.faq-q .faq-plus{
flex:0 0 auto;
width:28px;height:28px;border-radius:999px;
display:grid;place-items:center;
border:1px solid rgba(0,0,0,.14);
color:rgba(15,23,42,.75);
font-weight:900;
transition:transform .2s ease;
}

#wingcbd-cbnplus-seo details[open] summary.faq-q{
background:rgba(15,23,42,.03);
}
#wingcbd-cbnplus-seo details[open] summary.faq-q .faq-plus{
transform:rotate(45deg);
}

#wingcbd-cbnplus-seo .faq-a{
padding:0 14px 14px;
color:var(–muted);
font-size:.95rem;
}

/* モバイルで“押せてる感”を増やす */
#wingcbd-cbnplus-seo summary.faq-q:active{
transform:translateY(1px);
}