/* フコイダンおすすめページ専用。Lightning共通カラムには介入しない */
.fo-page{--fo-green:#245b3f;--fo-dark:#173d2d;--fo-pale:#f2f8f2;--fo-border:#d4dfd5;color:#26352c;font-size:16px;line-height:1.85;overflow-wrap:anywhere;max-width:100%}
.fo-page *{box-sizing:border-box}.fo-page a{color:#176348;text-decoration:underline;text-underline-offset:3px}.fo-page a:hover{color:#d95b00}
.fo-page h1,.fo-page h2,.fo-page h3{line-height:1.45;color:var(--fo-dark);overflow-wrap:break-word}.fo-page h1{font-size:clamp(27px,3.4vw,37px);margin:0 0 20px}.fo-page h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 20px;padding-bottom:10px;border-bottom:3px solid #83ac83}.fo-page h3{font-size:19px;margin:22px 0 8px}.fo-page p{margin:0 0 14px}.fo-page img{max-width:100%;height:auto;display:block}.fo-page section[id]{scroll-margin-top:95px}
.fo-hero{padding:30px 28px;background:linear-gradient(130deg,#e6f1e0,#f7fbf4);border:1px solid #d4e5ce;border-radius:16px}.fo-eyebrow,.fo-section-label{color:var(--fo-green);font-weight:700;letter-spacing:.04em;margin-bottom:8px!important}.fo-lead{font-size:18px}.fo-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.fo-tags span{background:#fff;border:1px solid #b9d0b7;border-radius:20px;padding:3px 10px;font-size:13px}.fo-primary-link{display:inline-block;background:#d95b00;color:white!important;text-decoration:none!important;border-radius:8px;padding:11px 22px;font-weight:bold}.fo-primary-link:hover{background:#ad4900;color:#fff!important}.fo-small{font-size:13px;margin-top:10px!important}.fo-note{background:#f7faf6;border-left:4px solid #689b79;padding:15px 18px;margin:22px 0}.fo-section{margin:40px 0}.fo-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fo-overview-grid>div,.fo-form-grid>div{border:1px solid var(--fo-border);border-radius:10px;padding:16px;background:white}.fo-overview-grid span{font-weight:bold;color:#4f8c66}.fo-overview-grid h3,.fo-form-grid h3{margin:6px 0}.fo-toc{border:1px solid #bbd4bf;border-radius:12px;background:var(--fo-pale);padding:20px 25px;margin-top:28px}.fo-toc h2{border:0;padding:0;font-size:21px}.fo-toc ol{padding-left:24px;margin:0}.fo-toc li{margin:5px 0}.fo-points,.fo-answers{display:grid;gap:11px}.fo-points>div,.fo-answers>div{position:relative;border:1px solid var(--fo-border);border-radius:10px;padding:15px 17px 15px 65px;background:#fff}.fo-points b,.fo-answers b{position:absolute;left:16px;top:16px;width:34px;height:34px;display:grid;place-items:center;background:#3c7c53;color:#fff;border-radius:50%}.fo-points h3,.fo-answers h3{margin:0 0 8px}.fo-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fo-product-photo{max-width:460px;margin:22px auto;text-align:center}.fo-product-photo img{width:100%;border-radius:9px}.fo-product-photo figcaption{font-size:13px;color:#58685d;margin-top:6px}.fo-faq details{border:1px solid var(--fo-border);border-radius:9px;margin:0 0 10px;background:#fff}.fo-faq summary{cursor:pointer;font-weight:700;padding:14px 18px;color:var(--fo-dark)}.fo-faq details p{padding:0 18px 16px;margin:0}.fo-link-list{margin:0;padding-left:21px}.fo-link-list li{margin:8px 0}.fo-top{text-align:right;margin:26px 0}
@media(max-width:567.98px){.fo-page{font-size:16px;line-height:1.75}.fo-hero{padding:20px 15px;border-radius:10px}.fo-lead{font-size:17px}.fo-section{margin:32px 0}.fo-overview-grid,.fo-form-grid{grid-template-columns:1fr}.fo-toc{padding:17px 15px}.fo-points>div,.fo-answers>div{padding:14px 12px 14px 55px}.fo-points b,.fo-answers b{left:12px;top:15px;width:30px;height:30px}.fo-page h3{font-size:18px}.fo-tags span{font-size:12px}}

/* 2026-10-29: ヒーロー画像・選び方タグ拡大 */
.fo-page .fo-hero-image{margin:0 0 20px;width:100%;overflow:hidden;border-radius:14px;line-height:0}
.fo-page .fo-hero-image img{display:block;width:100%;height:auto;border-radius:14px}
.fo-page .fo-tags{gap:10px;margin:22px 0}
.fo-page .fo-tags span{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:25px;font-size:16px;font-weight:700;line-height:1.4;white-space:normal;text-align:center}
@media(max-width:567.98px){
 .fo-page .fo-hero-image{margin-bottom:16px;border-radius:9px}
 .fo-page .fo-hero-image img{border-radius:9px}
 .fo-page .fo-tags{gap:9px;margin:18px 0}
 .fo-page .fo-tags span{font-size:15px;min-height:44px;padding:9px 14px}
}