/* =========================================================
 supple-evidence.css
 「〇〇は花粉症に効く？」特化ページ共通CSS
 対象：
 - kafun-supplement.html
 - kafun-nyusankin-supplement.html
 - kafun-jabara.html
 - kafun-vitamin-d.html
========================================================= */

/* =============================================
 TOP MV / ファーストビュー
============================================= */
.mv{
background-color: #e5f3fb;
position:relative;
overflow:hidden;
display:flex;
height:320px;
}
.mv .container{
padding:0;
position:relative;
width:100%;
height:100%;
margin:0 auto;
}
/* MV内 画像 */
.mv-person{
position:absolute;
inset:0;
z-index:1;
}
.mv-person img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
.mv-subtitle, .mv-title, .mv-catch{
position:absolute;}
.mv-subtitle, .mv-title, .mv-catch{left:10%;}

.mv-subtitle{
top:8%;
display:inline-flex;
align-items:center;
gap:2px;
background:#1f9d55;
color:#fff;
font-size:.95rem;
font-weight:500;
padding:7px 20px 7px 12px;
border-radius:999px;
box-shadow:0 6px 16px rgba(46,168,213,.22);
z-index:2;
}

.mv-subtitle svg{
width:20px;
height:20px;
fill:currentColor;
flex:none;
filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));
opacity:.95;
}
.mv-title{
top:23%;
font-size:2.8rem;
color:#0a2d4a;
font-weight:900;
line-height:1.2;
margin:0;
z-index: 2;
}

.mv-catch{
top:60%;
max-width:600px;
color:#0a2d4a;
font-size:1.15rem;
font-weight:500;
line-height:1.8;
margin:0;
z-index: 2;
}
main{padding:0;}

@media (min-width: 901px) and (max-width: 1366px) {
/* 小型ノート・iPad Pro */
.mv-subtitle, .mv-title, .mv-catch{left:8%;}
.mv-title{font-size:2.5rem;}
.mv-catch{
width: 550px;
font-size:1rem; line-height:1.5;}
}

/* iPad */
@media (max-width:900px){
.mv{
height:250px;
}

.mv-subtitle{
font-size:.75rem;
padding:6px 18px 6px 10px;
}
.mv-title{
top:25%;
font-size:2.1rem;
}
.mv-subtitle, .mv-title, .mv-catch{left:8%;}
.mv-catch{
top:60%;width: 400px;
font-size:0.8rem;}

}
/* スマホ */
@media(max-width:680px){
 .mv{
height:auto;
min-height:0;
}
.mv-person{
position:relative;
z-index:1;
}
.mv-person img{
width:100%;
height:auto;
object-fit:contain;
display:block;
}
.mv-subtitle, .mv-title, .mv-catch{left:5%;}
.mv-subtitle{
top:8%;
font-size:3vw;
}
.mv-title{
top:23%;
width:auto;
white-space:normal;
font-size:10vw;
line-height:1.15;
}
.mv-title, .mv-catch{
 text-shadow:
1px 1px 0 #fff,
 -1px 1px 0 #fff,
1px -1px 0 #fff,
 -1px -1px 0 #fff,
1px 0 0 #fff,
 -1px 0 0 #fff,
0 1px 0 #fff,
0 -1px 0 #fff;
}
.mv-catch{
font-size:3.8vw;
top:65%;
width:55%;
}
}

.simple-body ul.kaori{
display:grid !important;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px 24px;
list-style:none;
padding:0;
margin:16px 0;
}




/* 比較表 */

.compare-table{
width: auto;
min-width: 100%;
border-collapse: collapse;
font-size: 0.85rem;
margin-bottom: 24px;
}
.compare-table th, .compare-table td{
padding: 10px 14px;
border: 1px solid var(--color-border);
vertical-align: middle; text-align: left;
}
.compare-table th{
background: var(--color-main);
color: white;
font-weight: 700;
}
.compare-table th:first-child{ background: var(--color-dark); }
.compare-table td:first-child{
background: var(--color-bg);
font-weight: 700;
}
.compare-table tr:nth-child(even) td{ background: #f9fdff; }


.table-scroll{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}


/* 関連記事 */

.related-title{
font-size: 1rem;
font-weight: 900;
color: var(--color-dark);
margin-bottom: 16px;
}

.related-card{
display: flex;
gap: 12px;
background: var(--color-bg);
border-radius: var(--radius);
padding: 12px;
border: 1px solid var(--color-border);
color: var(--color-text);
transition: box-shadow var(--transition);
}
.related-card:hover{ box-shadow: var(--shadow); color: var(--color-text); }
.related-card img{
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 4px;
flex-shrink: 0;
}
.related-card-title{ font-size: 0.82rem; font-weight: 700; line-height: 1.5; }

figure{
margin:24px 0;
text-align:center;
}
figure img{
display:block;
width:100%;
max-width:800px;
height:auto;
margin:auto;
}
figcaption{ font-size: 0.85rem; letter-spacing: -.02rem;}

/* 商品紹介・価格比較（jabara-syohin.webpスプライト） */


:root{
--free-accent:#1f9d55;
--free-accent-d:#16793f;
--free-ink:#0a2d4a;
--free-line:#e3ebf2;
}
/* 関連ページ */
.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.related-links a{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--free-line);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--free-ink);font-weight:600;font-size:.92rem;transition:.2s;}
.related-links a:hover{border-color:var(--free-accent);background:#f4f9f6;}
.related-links svg.icon{color:#388E3C}


/* ②注目される乳酸菌カード */
.strain-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin-bottom:24px;
}
.strain-card{
display:block;
background:#fff;
border:1px solid var(--color-border);
border-radius:var(--radius);
padding:12px;
text-align:left;
color:var(--color-text);
transition:box-shadow var(--transition);
}
.strain-grid h3{ line-height: 1.2; margin-top: 12px;}
.strain-card:hover{box-shadow:var(--shadow);color:var(--color-text);}
.strain-header{
width:95%;
height: 52%;
position:relative;
padding: 8px;
background-image:url("/img/nyusankin-kabu.webp");
background-repeat:no-repeat;
background-size:630px 350px;
}

.strain-header .strain-icon{
flex:none;
width:56px;
height:56px;
border-radius:50%;
background:#fff;
border:2px solid #fff;
box-shadow:0 2px 6px rgba(0,0,0,.25);
display:flex;
align-items:center;
justify-content:center;
font-weight:900;
font-size:.78rem;
color:var(--free-ink,#0a2d4a);
margin:0 0 10px;
}

.strain-body{padding:10px 8px 14px;}
.strain-name{
font-weight:900;
font-size:1.8rem!important;margin:0 0 4px;color:#0a2d4a!important; border-bottom:none!important; 
 text-shadow:
1px 1px 0 #fff,
 -1px 1px 0 #fff,
1px -1px 0 #fff,
 -1px -1px 0 #fff,
1px 0 0 #fff,
 -1px 0 0 #fff,
0 1px 0 #fff,
0 -1px 0 #fff;
}
.strain-brand{font-size:.78rem;color:#888;margin:0 0 8px;}
.strain-desc{font-size:.85rem;color:#555;margin:0;}


#toha, #chumoku, #shikumi, #konkyo, #syurui-hikaku, #kinsu, #osusume-item, #ranking-best5, #timing, #nomikata, #faq, #matome,
#osusume-item,#narutin, #erabi,
#ketsuron,#yakkiho,#human,#symptom,#monitor,#rct,#limit,#type,#kusuri,#doctor{
scroll-margin-top:90px!important;}


@media (min-width: 901px) and (max-width: 1366px) {
.strain-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:6px;
margin-bottom:24px;
}
.strain-card{padding: 6px 10px;}
.strain-header{
width:100%;
height: 45%;
background-size:950px 750px;
border-radius: 16px;
}
}
.strain-name{
font-size:1.4rem!important; letter-spacing: -.04rem;}
@media(max-width:900px){
.strain-card{padding: 6px 10px;}
.strain-header{
width:100%;
height: 45%;
padding: 12px;
background-size:1000px 800px;
border-radius: 16px;
}

.related-links{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:680px){
.strain-card{min-height: 40vh;}
.strain-header{
width:100%;
height: 50%;
padding: 12px;
background-size:1350px 1000px;
border-radius: 16px;
}

.strain-name{
font-size:1.8rem!important; letter-spacing: -.04rem;}

.article-body{ padding-top: 0;}
.related-links, .simple-body ul.kaori{grid-template-columns:1fr;
}
.compare-table{width: 100%;}



}


@media(max-width:900px){
.strain-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
.strain-grid{grid-template-columns:1fr;}
.timing-flow{flex-direction:column;align-items:stretch;}
.timing-arrow{text-align:center;}
}

/* ===== サプリ選び：サプリTOPへの単独大型CTA ===== */
.supple-top-cta{
  margin-top:22px;
  margin-bottom:34px;
}
.supple-top-cta a{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  width:100%;
  padding:20px 24px;
  background:#1f9d55;
  border-radius:12px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  box-shadow:0 6px 16px rgba(31,157,85,.18);
  transition:.2s;
}
.supple-top-cta a:hover{
  background:#16793f;
  color:#fff;
  transform:translateY(-1px);
}
.supple-top-cta span{
  font-size:.88rem;
  font-weight:600;
}
.supple-top-cta strong{
  display: flex;
  align-items: center;
  font-size:1.15rem;
  font-weight:900;
  line-height:1.4;
}

/* ===== 「効く？」4ページ 共通クロスリンク ===== */
.kiku-crosslinks{width:96%;margin:34px auto 42px;}
.kiku-crosslink-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;}
.kiku-crosslink-body{padding:14px 12px 16px;}
.kiku-crosslink-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:76px;margin-bottom:4px;}
.kiku-crosslink-body h3{flex:1;margin:0;padding:0;border:0;font-size:1.05rem;color:var(--color-dark);}

/* kafun-sapli-kiku.webp：見出し右横の切り抜きスプライト */
.kiku-crosslink-icon{
  display:block;flex:0 0 76px;width:90px;height:90px;
  background-image:url("/img/kafun-sapli-kiku.webp");
  background-repeat:no-repeat;background-size:500px auto;
}
.kiku-crosslink-icon--supple{background-position:-320px 0;}       /* 1段目：サプリ */
.kiku-crosslink-icon--nyusankin{background-position:0 -85px;}   /* 2段目：乳酸菌 */
.kiku-crosslink-icon--jabara{background-position:-85px -85px;}  /* 2段目：じゃばら */
.kiku-crosslink-icon--vitamind{background-position:-170px -85px;}/* 2段目：ビタミンD */

.kiku-crosslink-main,.kiku-crosslink-top{display:block;text-decoration:none;}
.kiku-crosslink-main{margin-bottom:9px;font-weight:800;line-height:1.55;}
.kiku-crosslink-top{font-size:.86rem;font-weight:700;}


/* =============================================
 じゃばら特化ページ：追加アンカー
============================================= */


/* ===== 花粉症サプリ総合：エビデンス強化 ===== */
.evidence-point{
margin-top:18px;
padding:16px 18px;
background:#f2f9fc;
border-left:4px solid #2EA8D5;
border-radius:8px;
}
.evidence-point strong{display:block;margin-bottom:5px;color:#0a2d4a;}
.evidence-point p{margin:0;}

.strain-link{
display:block;
margin-top:10px;
color:#1687bd;
font-size:.84rem;
font-weight:800;
}

.doctor-view-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin-top:18px;
margin-bottom:30px;
}
.doctor-view-card{
padding:16px 18px;
background:#fff;
border:1px solid #dce8ee;
border-radius:12px;
}
.doctor-view-card strong{
display:block;
margin-bottom:7px;
color:#0a2d4a;
}
.doctor-view-card p{margin:0;}

@media (min-width:901px) and (max-width:1366px){
.doctor-view-grid{gap:12px;}
}
@media (max-width:900px){
.doctor-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:680px){
.doctor-view-grid{grid-template-columns:1fr;}
.evidence-point{padding:14px;
}}
/* ===== kafun-supplement.html：kafun-sapli-kiku.webp スプライト ===== */
.kafun-sapli-visual{
width:96%;
height:140px;
margin:18px auto 30px;
background-image:url("/img/kafun-sapli-kiku.webp");
background-repeat:no-repeat;
background-size:110% auto;
}
.kafun-sapli-visual--question{background-position:center 0;}
.kafun-sapli-visual--doctor{background-position:center 68%;}
.kafun-sapli-visual--summary{background-position:center 102%;}

/* 6成分カード：同じスプライトの2段目を使用 */
#shurui + .w96-m2 + .strain-grid .strain-header{
width:100%;
height:180px;
padding:0;
border-radius:12px;
background-image:url("/img/kafun-sapli-kiku.webp");
background-repeat:no-repeat;
background-size:590% auto;
/*clip-path:inset(0px 0px 0px 0px);*/
}
#shurui + .w96-m2 + .strain-grid .strain-header--nyusankin{background-position:0 38%;}
#shurui + .w96-m2 + .strain-grid .strain-header--jabara{background-position:20% 37.3%;}
#shurui + .w96-m2 + .strain-grid .strain-header--vitamind{background-position:40.5% 37.3%;}
#shurui + .w96-m2 + .strain-grid .strain-header--tencha{background-position:60% 37.3%;}
#shurui + .w96-m2 + .strain-grid .strain-header--shiso{background-position:78% 36%;}
#shurui + .w96-m2 + .strain-grid .strain-header--epa{background-position:100% 38%;}


/* ===== じゃばら「効く？」特化ページ：研究要約 ===== */
.research-summary{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-top:16px;
margin-bottom:30px;
}
.research-summary-card{
padding:15px 16px;
background:#f7fbfd;
border:1px solid #dce8ee;
border-radius:12px;
}
.research-summary-card strong{
display:block;
margin-bottom:6px;
color:#0a2d4a;
}
.research-summary-card p{margin:0;font-size:.9rem;}

.strain-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));}

 /* ===== 乳酸菌「効く？」特化ページ：イメージスプライト ===== */
.nyusankin-visual{
width:96%;
height:150px;
margin:18px auto 30px;
background-image:url("/img/kafun-nyusankin-sup.webp");
background-repeat:no-repeat;
background-size:100% auto;
border-radius:12px;
clip-path:inset(5px 0px 30px 0px);
}
.nyusankin-visual--question{background-position:center 0;}
.nyusankin-visual--doctor{background-position:center 110%;}
.nyusankin-visual--summary{background-position:center 79%;}


/* ===== 乳酸菌「効く？」ページ：4キャラだけ専用 ===== */
.strain-grid--kafun-nyusankin{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.strain-grid--kafun-nyusankin .strain-card{
min-height:0;
}
.strain-grid--kafun-nyusankin .strain-name{
margin:0 0 8px!important;
}
.strain-grid--kafun-nyusankin .nyk-character{
width:100%;
height:130px;
margin:0;
padding:0;
border-radius:12px;
background-image:url("/img/kafun-nyusankin-sup.webp");
background-repeat:no-repeat;
background-size:900px 600px;
clip-path:inset(0px 120px 0px 0px);
}
.strain-grid--kafun-nyusankin .nyk-character--l92{background-position:50px -180px;}
.strain-grid--kafun-nyusankin .nyk-character--bb536{background-position:-165px -180px;}
.strain-grid--kafun-nyusankin .nyk-character--lgg{background-position:-660px -180px;}
.strain-grid--kafun-nyusankin .nyk-character--helve{background-position:-410px -180px;}


/* ===== じゃばら「花粉症に効く？」ページ：エビデンス強化 ===== */
.jabara-answer{margin-top:18px;margin-bottom:24px;padding:18px;background:#fffaf0;border:1px solid #f0dfb7;border-radius:12px;}
.jabara-answer>strong{display:block;color:#0a2d4a;font-size:1.05rem;margin-bottom:12px;}
.jabara-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.jabara-answer-grid>div,.jabara-symptom-grid>div,.jabara-type-grid>div{background:#fff;border:1px solid #dce8ee;border-radius:10px;padding:12px;}
.jabara-answer-grid span{display:block;color:#1f9d55;font-weight:800;margin-bottom:5px;}
.jabara-answer-grid p,.jabara-symptom-grid p,.jabara-type-grid p{margin:0;font-size:.9rem;}
.jabara-symptom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px;}
.jabara-symptom-grid strong,.jabara-type-grid strong{display:block;color:#0a2d4a;margin-bottom:5px;}
.jabara-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px;}

/* ===== じゃばら「花粉症に効く？」：4段スプライト ===== */
.jabara-visual{
width:96%;height:150px;margin:18px auto 30px;
background-image:url("/img/kafun-jabara-kiku.webp");
background-repeat:no-repeat;
background-size:800px auto;border-radius:12px;
}
.jabara-visual--question{background-position:center 0%;}
.jabara-visual--narirutin{background-position:center 37.3%;}
.jabara-visual--evidence{background-position:center 73.5%;clip-path:inset(15px 0px 25px 0px);}
.jabara-visual--choice{background-position:center 106%;}

/* じゃばら：果汁・果皮粉末・サプリ */
.jabara-type-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:70px;
margin-bottom:8px;
}
.jabara-type-head strong{
margin:0;
}
.jabara-type-img{
display:block;
flex:0 0 78px;
width:78px;
height:62px;
border-radius:8px;
background-image:url("/img/jabaras.webp");
background-repeat:no-repeat;
background-size:300% auto;
}
/* 上段 左 */
.jabara-type-img--juice{
background-position:0 0;
}
/* 上段 中央 */
.jabara-type-img--powder{
background-position:50% 0;
}
/* 上段 右 */
.jabara-type-img--supple{
background-position:100% 0;
}
.jabara-type-grid > div > p{
width:100%;
margin:0;
}


/* ===== ビタミンD「花粉症に効く？」ページ ===== */
.vitd-answer{
margin-top:18px;
margin-bottom:24px;
padding:18px;
background:#fffbea;
border:1px solid #eadf9c;
border-radius:12px;
}
.vitd-answer>strong{
display:block;
color:#0a2d4a;
font-size:1.05rem;
margin-bottom:12px;
}
.vitd-answer-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.vitd-answer-grid>div,
.vitd-symptom-grid>div,
.vitd-type-grid>div{
background:#fff;
border:1px solid #dce8ee;
border-radius:10px;
padding:14px;
}
.vitd-answer-grid span{
display:block;
color:#b38a00;
font-weight:800;
margin-bottom:5px;
}
.vitd-answer-grid p,
.vitd-symptom-grid p,
.vitd-type-grid p{
margin:0;
font-size:.9rem;
}
.vitd-symptom-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-bottom:28px;
}
.vitd-type-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-bottom:28px;
}
.vitd-symptom-grid strong,
.vitd-type-grid strong{
display:block;
color:#0a2d4a;
margin-bottom:5px;
}
.vitd-references{
margin-top:32px;
padding:18px;
background:#f8fbfd;
border:1px solid #dce8ee;
border-radius:12px;
}
.vitd-references h2{
margin-top:0;
}
.vitd-references ul{
margin:0;
padding-left:1.3em;
}
.vitd-references li{
margin:8px 0;
line-height:1.6;
}
#association,#meta,#dose,#references-title{
scroll-margin-top:90px!important;
}


@media (min-width: 901px) and (max-width: 1366px) {
.research-summary{gap:10px;}
.kafun-sapli-visual,.nyusankin-visual{
height:115px;
}
.kafun-sapli-visual--doctor{clip-path:inset(10px 0px 0px 0px);}
.kafun-sapli-visual--summary{clip-path:inset(10px 0px 0px 0px);}
.strain-grid h3{font-size: 1.1rem!important;
}
.strain-grid--kafun-nyusankin .nyk-character{
width:100%;
height:140px;
background-image:url("/img/kafun-nyusankin-sup.webp");
background-size:700px auto;
clip-path:inset(0px 120px 0px 0px);
}
.strain-grid--kafun-nyusankin .nyk-character--l92{background-position:50px -143px;}
.strain-grid--kafun-nyusankin .nyk-character--bb536{background-position:-128px -143px;}
.strain-grid--kafun-nyusankin .nyk-character--lgg{background-position:-520px -135px;}
.strain-grid--kafun-nyusankin .nyk-character--helve{background-position:-320px -130px;
}


.nyusankin-visual{
width:96%;
height:110px;
background-size:550px auto;
clip-path:inset(5px 0px 10px 0px);
}
.nyusankin-visual--question{background-position:center 0;}
.nyusankin-visual--doctor{background-position:center 108%;}
.nyusankin-visual--summary{background-position:center 75%;}
.strain-grid--kafun-nyusankin .nyk-character{
width:100%;
height:130px;
background-repeat:no-repeat;
background-size:900px 600px;
clip-path:inset(0px 60px 0px 0px);
}
.strain-grid--kafun-nyusankin .nyk-character--l92{background-position:40px -180px;}
.strain-grid--kafun-nyusankin .nyk-character--bb536{background-position:-180px -180px;}
.strain-grid--kafun-nyusankin .nyk-character--lgg{background-position:-690px -180px;}
.strain-grid--kafun-nyusankin .nyk-character--helve{background-position:-440px -180px;}

.jabara-visual{
height:80px;
background-size:600px auto;
}
.jabara-visual--question{background-position:center 0;clip-path:inset(0px 0px 33px 0px);}
.jabara-visual--narirutin{background-position:center -115px;clip-path:inset(10px 0px 38px 0px);}
.jabara-visual--evidence{background-position:center -215px;clip-path:inset(0px 0px 55px 0px);}
.jabara-visual--choice{background-position:center -305px;}

.jabara-visual{height:145px;margin:16px auto 26px;}
}

@media (max-width:900px){
.research-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
.kafun-sapli-visual{
height:90px;
}
#shurui + .w96-m2 + .strain-grid .strain-header{
height:170px;
background-size:580% auto;
}
#shurui + .w96-m2 + .strain-grid .strain-header--shiso{background-position:79% 38%;}

.nyusankin-visual{height:110px;}
.strain-grid--kafun-nyusankin .nyk-character{
height:120px;
background-size:700px auto;
clip-path:inset(0px 30px 0px 0px);
}
.strain-grid--kafun-nyusankin .nyk-character--l92{background-position:50px -143px;}
.strain-grid--kafun-nyusankin .nyk-character--bb536{background-position:-128px -143px;}
.strain-grid--kafun-nyusankin .nyk-character--lgg{background-position:-520px -135px;}
.strain-grid--kafun-nyusankin .nyk-character--helve{background-position:-320px -130px;}

.jabara-visual{
height:90px;
background-size:500px auto;
}
.jabara-visual--question{background-position:center 0;clip-path:inset(0px 0px 33px 0px);}
.jabara-visual--narirutin{background-position:center -90px;clip-path:inset(10px 0px 38px 0px);}
.jabara-visual--evidence{background-position:center -185px;clip-path:inset(0px 0px 55px 0px);}
.jabara-visual--choice{background-position:center -255px;}

.jabara-answer-grid>div,.jabara-symptom-grid>div,.jabara-type-grid>div{
padding:4px;}
.nyk-character{height:170px;}
.jabara-visual{height:125px;margin:14px auto 24px;}

.kiku-crosslink-body{padding:0px 2px 16px 6px;}
.kiku-crosslink-icon{
  display:block;flex:0 0 76px;width:76px;height:76px;}
.kiku-crosslink-icon--supple{background-position:-320px 0;}   /* 1段目：サプリ */
.kiku-crosslink-icon--nyusankin{background-position:0 -85px;}   /* 2段目：乳酸菌 */
.kiku-crosslink-icon--jabara{background-position:-85px -85px;}  /* 2段目：じゃばら */
.kiku-crosslink-icon--vitamind{background-position:-170px -85px;}/* 2段目：ビタミンD */


}

@media(max-width:680px){
.research-summary{grid-template-columns:1fr;}
.kafun-sapli-visual{height:18vw;margin:14px auto 24px;}
.kafun-sapli-visual--question{background-position:center -5%;}
.kafun-sapli-visual--doctor{background-position:center 70%;clip-path:inset(5px 0px 0px 0px);}
.kafun-sapli-visual--summary{background-position:center 108%;}
.strain-grid h3{font-size: 1.25rem!important;}
#shurui + .w96-m2 + .strain-grid .strain-header{
height:55vw;
background-size:500% auto;
margin-left: 15px;
clip-path:inset(0px 50px 0px 0px);
}
#shurui + .w96-m2 + .strain-grid .strain-card{min-height:0;}
#shurui + .w96-m2 + .strain-grid .strain-header--nyusankin{background-position:30px 38%;}
#shurui + .w96-m2 + .strain-grid .strain-header--jabara{background-position:20.5% 37.3%;}
#shurui + .w96-m2 + .strain-grid .strain-header--vitamind{background-position:41% 37.3%;}
#shurui + .w96-m2 + .strain-grid .strain-header--tencha{background-position:61% 37.3%;}
#shurui + .w96-m2 + .strain-grid .strain-header--shiso{background-position:81% 38%;}
#shurui + .w96-m2 + .strain-grid .strain-header--epa{background-position:102% 38%;}


.nyusankin-visual{
height:22vw;margin:14px auto 24px;border-radius:8px;
clip-path:inset(0px 0px 30px 0px);
}
.nyusankin-visual--doctor{background-position:center 123%;}
.nyusankin-visual--summary{background-position:center 84%;
}

.strain-grid--kafun-nyusankin .nyk-character{
height:30vw;
background-size:180vw auto;
clip-path:inset(0px 38vw 0px 0px);
}
.strain-grid--kafun-nyusankin .nyk-character--l92{background-position:0 -36vw;}
.strain-grid--kafun-nyusankin .nyk-character--bb536{background-position:-46vw -36vw;}
.strain-grid--kafun-nyusankin .nyk-character--lgg{background-position:-145vw -36vw;}
.strain-grid--kafun-nyusankin .nyk-character--helve{background-position:-95vw -36vw;}

.jabara-visual{
height:30vw;
background-size:90vw auto;
}
.jabara-visual--question{background-position:center 0;clip-path:inset(0px 0px 33px 0px);}
.jabara-visual--narirutin{background-position:center -18vw;clip-path:inset(0px 0px 9vw 0px);}
.jabara-visual--evidence{background-position:center -33vw;clip-path:inset(0px 0px 12vw 0px);}
.jabara-visual--choice{background-position:center -45vw;}

.jabara-answer-grid>div,.jabara-symptom-grid>div,.jabara-type-grid>div{
padding:12px;}
.jabara-type-head strong{
font-size: 5vw;
}
.nyk-character{height:210px;}
.strain-grid--kafun-nyusankin{
grid-template-columns:1fr;
}
.strain-grid--kafun-nyusankin .strain-card{
min-height:0;
}
.jabara-answer-grid,.jabara-symptom-grid,.jabara-type-grid{
grid-template-columns:1fr;}
.jabara-answer{padding:14px;
}
.jabara-visual{height:24vw;margin:14px auto 22px;border-radius:8px;}
.jabara-type-head{
min-height:62px;}
.jabara-type-img{
flex-basis:68px;
width:68px;
height:55px;
}}


/* =========================================================
 ビタミンD「花粉症に効く？」ページ
 3段スプライト画像のみ追加
 ※既存H1・MV・本文レイアウトには一切触れない
========================================================= */
/* ===== ビタミンD「効く？」3段スプライト ===== */
.vitd-visual{
width:100%;
height:200px;
margin:18px auto 30px;
background-image:url("/img/kafun-vitamind-kiku.webp");
background-repeat:no-repeat;
background-size:100% auto;
}
.vitd-visual--question{background-position:center 0;}
.vitd-visual--research{height:160px;background-position:center 55%;}
.vitd-visual--choice{height:160px;background-position:center 100%;}



@media (min-width:901px) and (max-width:1366px){
.vitd-visual{
height:150px;
}
.vitd-visual--question{background-position:0 0;}
.vitd-visual--research{height:132px;background-position:0 55%;}
.vitd-visual--choice{height:132px;background-position:0 100%;}
}

@media (max-width:900px){
.vitd-visual{
height:110px;
}
}

@media(max-width:680px){
.vitd-answer-grid,
.vitd-symptom-grid,
.vitd-type-grid{
grid-template-columns:1fr;
}
.vitd-answer,
.vitd-references{
padding:14px;
}
.vitd-visual{
height:22vw;
margin:14px auto 24px;
}
.vitd-visual--research,.vitd-visual--choice{height:19vw;}

.kiku-crosslinks{margin:26px auto 34px;}
.kiku-crosslink-body{padding:0px 14px 14px;}
.kiku-crosslink-heading{min-height:66px;}

.supple-top-cta{
margin-top:18px;
margin-bottom:28px;
}
.supple-top-cta a{padding:17px 14px;}
.supple-top-cta strong{font-size:1.05rem;
}}