/* =============================================
   TOP MV / ファーストビュー
============================================= */
.mv{
  background-image:url('../img/temp-bg.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  position:relative;
  overflow:hidden;
  height:400px;
}

/* picture画像を使うMVだけ、通常背景を消す */
.mv-picture{
  background-image:none;
}

/* 背景画像 */
.mv-person{
  position:absolute;
  inset:0;
  z-index:0;
}

.mv-person img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:blur(4px) brightness(1.06) saturate(1.08);
  transform:scale(1.04);
}

/* 白の薄いフィルター */
.mv::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.22);
  z-index:1;
  pointer-events:none;
}

/* 共通MV */
.mv .container{
  padding:0;
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  margin:0 auto;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* 文字ブロック */
.mv-content{
  width:min(720px,88%);
  text-align:left;
}

/* MVテキスト共通 */
.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-subtitle{
  display:inline-flex;
  align-items:center;
  gap:2px;
  margin:0 0 10px;
  letter-spacing:.03em;
  background:#1f9d55;
  color:#fff;
  font-weight:900;
  font-size:.95rem;
  padding:7px 20px 7px 12px;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(46,168,213,.22);
}
.mv-subtitle svg{
    width:20px;
    height:20px;
    fill:currentColor;
    flex:none;
filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));
 opacity:.95;
}
.mt2{ margin-top: 2px;}
.mv-title{
  margin:0;
  font-size:2.5rem;
  font-weight:900;
  color:#0a2d4a;
  line-height:1.2;
}

.mv-catch{
  margin:24px 0 0;
  max-width:720px;
  font-size:1rem;
  font-weight:500;
  background:rgba(255,255,255,.70);
  border-radius:16px;
  padding:23px;
  color:#0a2d4a;
}

/* iPad */
@media (max-width:900px){
  .mv{height:360px;}
  .mv-content{width:min(650px,88%); }
  .mv-subtitle{
  font-size:.75rem;
  padding:6px 16px;
  }
  .mv-subtitle{
    font-size:.75rem;
    padding:6px 18px 6px 10px;
  }
  .mv-title{font-size:2rem;}
  .mv-catch{
    max-width:650px;
  }
}

/* スマホ */
@media (max-width:680px){

  .mv{
    height:400px;
  }
  .mv-person img{
    object-position:center;
    filter:blur(2.5px) brightness(1.08) saturate(1.06);
    transform:scale(1.04);
  }
  .mv-content{
    width:91%;
  }
  .mv-subtitle{
    margin-bottom:8px;
    font-size:3vw;
  }

  .mv-title{
    font-size:8vw;
    line-height:1.2;
  }

  .mv-title span{
    display:block;
  }

  .mv-catch{
    margin-top:24px;
    width:100%;
    font-size:4vw;
    line-height:1.75;
    padding:14px;
  }

  .mv-catch br{
    display:block;
  }

  main{
    padding:0;
  }
}

/* ==================================
   花粉ページ
================================== */

.article{
max-width:1200px;
margin:auto;
padding:32px 20px 70px;
background:#fff;
}

.article table{
table-layout:fixed;
}

.article th,
.article td{
word-break:break-word;
overflow-wrap:anywhere;
}


.article h2{
font-size:2rem;
font-weight:900;
color:#1a2f3a;
margin:70px 0 25px;
padding-bottom:10px;
border-bottom:4px solid #2EA8D5;
}

.article h3{
font-size:1.3rem;
font-weight:700;
margin:35px 0 15px;
color:#1a2f3a;
}

.article p{
line-height:2;
margin-bottom:20px;
}

.article ul{
list-style:disc;
padding-left:24px;
margin-bottom:25px;
}

.article li{
margin-bottom:10px;
line-height:1.8;
}

.article table{
width:100%;
border-collapse:collapse;
margin:30px 0;
font-size:.95rem;
}

.article th{
background:#2EA8D5;
color:#fff;
padding:12px;
}

.article td{
padding:12px;
border:1px solid #d9eef7;
}


.details{
border:1px solid #d9eef7;
border-radius:8px;
padding:14px;
margin-bottom:12px;
background:#fff;
}

.article{
padding:24px 16px 60px;
}
.article h2{
font-size:1.5rem;
margin-top:50px;
}
.article table{
display:table;
width:100%;
table-layout:fixed;
overflow:visible;
white-space:normal;
font-size:.78rem;
}

.article th,
.article td{
padding:8px 6px;
line-height:1.55;
word-break:break-word;
overflow-wrap:anywhere;
}

.article th{
font-size:.76rem;
}

.article td{
font-size:.78rem;
}

.table-scroll{
  overflow-x:auto;
}


.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.related-card{
  display:block;
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:12px;
  padding:20px;
  color:var(--color-text);
}

.related-card h3{
  display: flex;
  align-items: center;
  font-size:1rem;
  font-weight:900;
  color:var(--color-dark);
  margin-bottom:8px;
}
.related-card h3 svg{ color: #5bbd85;}
.related-card p{
  font-size:.84rem;
  color:var(--color-subtext);
}
#major-pollen-visual,#bunrui,#list34,#region,#hayami,#shoujou,#quiz,#faq,#kanren{scroll-margin-top:90px!important;}
@media(max-width:900px){
  .related-grid{
    grid-template-columns:1fr;
  }

}
.pollen-season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.pollen-season-card,.pollen-dic-card,.related-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:20px;}
.pollen-season-card span,.pollen-dic-card span{display:inline-block;background:var(--color-main);color:#fff;font-size:.72rem;font-weight:900;padding:3px 10px;border-radius:999px;margin-bottom:10px;}
.pollen-season-card h3,.pollen-dic-card h3,.related-card h3{font-size:1.05rem;font-weight:900;color:var(--color-dark);margin-bottom:8px;}
.pollen-season-card p,.pollen-dic-card p,.related-card p{font-size:.86rem;color:var(--color-subtext);line-height:1.7;}
.pollen-dic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.pollen-dic-card{display:block;color:var(--color-text);}
.table-scroll{overflow-x:auto;}
.pollen-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--color-border);}
.pollen-table th{background:var(--color-main);color:#fff;padding:12px;text-align:left;}
.pollen-table td{padding:12px;border-bottom:1px solid #e8f0f5;line-height:1.7;}
.basic-box{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:24px;}
.basic-box p{line-height:1.9;margin-bottom:14px;}
.note-text{margin-top:18px;font-size:.85rem;color:var(--color-subtext);}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.related-card{display:block;color:var(--color-text);}
@media(max-width:900px){.pollen-season-grid,.pollen-dic-grid,.related-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.pollen-season-grid,.pollen-dic-grid,.related-grid{grid-template-columns:1fr;}
.basic-box{padding:18px;}}

/* kafun/index.html 全国版拡張 */
.pollen-dic-grid--large{
  grid-template-columns:repeat(3,1fr);
}
.pollen-dic-card--wide{
  position:relative;
}
.pollen-dic-card--wide p{
  margin-bottom:8px;
}
.pollen-dic-card--wide em{
  display:inline-block;
  font-style:normal;
  font-size:.72rem;
  font-weight:900;
  color:var(--color-main);
  background:#eef9fd;
  border:1px solid var(--color-border);
  border-radius:999px;
  padding:3px 9px;
  margin-top:4px;
}
.region-pollen-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:28px;
}
.region-pollen-card{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:12px;
  padding:20px;
}
.region-pollen-card h3{
  font-size:1.05rem;
  font-weight:900;
  color:var(--color-dark);
  margin-bottom:8px;
}
.region-pollen-card p{
  font-size:.86rem;
  color:var(--color-subtext);
  line-height:1.7;
}
.pollen-table--wide th,
.pollen-table--wide td{
  vertical-align:top;
}
@media(max-width:900px){
  .pollen-dic-grid--large,
  .region-pollen-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:680px){
  .pollen-dic-grid--large,
  .region-pollen-grid{
    grid-template-columns:1fr;
  }

}

/* ==================================
   kafun/index.html 写真付き花粉一覧
   major-kafun.webp からpx座標で正確に切り抜き
================================== */
.pollen-visual-section{
  background:linear-gradient(180deg,#f7fcff 0%,#fff 100%);
  padding-top:48px;
}
.pollen-visual-box{
  background:#fff;
  border:1px solid #d9eef7;
  border-radius:20px;
  padding:22px;
  margin-top:28px;
  box-shadow:0 8px 24px rgba(46,168,213,.08);
}
.pollen-visual-title{
  font-size:1.28rem;
  font-weight:900;
  color:#1a2f3a;
  margin:0 0 18px;
  line-height:1.4;
}
.pollen-visual-title::after{
  content:'';
  display:block;
  width:86px;
  height:3px;
  background:#2EA8D5;
  border-radius:99px;
  margin-top:8px;
}
.pollen-visual-title small{
  font-size:.72em;
  font-weight:900;
  color:#34444c;
  margin-left:8px;
}
.pollen-visual-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.pollen-visual-card{
  background:#fff;
  border:1px solid #e4eef4;
  border-radius:16px;
  padding:12px;
  min-width:0;
}
.pollen-visual-head{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-height:40px;
  margin-bottom:9px;
}
.pollen-visual-head b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:7px;
  background:#2f7d28;
  color:#fff;
  font-size:1rem;
  font-weight:900;
  line-height:1;
}
.pollen-visual-head h4{
  margin:2px 0 0;
  color:#111;
  font-size:.98rem;
  font-weight:900;
  line-height:1.32;
}
.pollen-visual-head small{
  display:block;
  font-size:.78em;
  font-weight:900;
}
.pollen-sprite{
  width:112px;
  height:130px;
  max-width:100%;
  border-radius:10px;
  background-image:url('/img/major-kafun.webp');
  background-repeat:no-repeat;
  background-size:713px 475px;
  margin:0 auto 10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}
.pollen-visual-card p{
  margin:0;
  color:#34444c;
  font-size:.8rem;
  line-height:1.65;
}
.pollen-sprite--sugi{background-position:-14px -78px;}
.pollen-sprite--hinoki{background-position:-155px -78px;}
.pollen-sprite--butakusa{background-position:-296px -78px;}
.pollen-sprite--kamogaya{background-position:-437px -78px;}
.pollen-sprite--ooawagaeri{background-position:-578px -78px;}
.pollen-sprite--yomogi{background-position:-14px -293px;}
.pollen-sprite--shirakaba{background-position:-155px -293px;}
.pollen-sprite--kanamugura{background-position:-296px -293px;}
.pollen-sprite--hannoki{background-position:-437px -293px;}
.pollen-sprite--keyaki{background-position:-578px -293px;}
@media(max-width:900px){
  .pollen-visual-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:680px){
  .pollen-visual-section{padding-top:38px;}
  .pollen-visual-box{padding:16px;border-radius:18px;}
  .pollen-visual-title{font-size:1.08rem;}
  .pollen-visual-title small{display:block;margin:4px 0 0;}
  .pollen-visual-grid{grid-template-columns:repeat(1,1fr);gap:12px;}
  .pollen-visual-card{padding:10px;}
  .pollen-visual-head{min-height:38px;gap:8px;}
  .pollen-visual-head b{width:26px;height:26px;flex-basis:26px;font-size:.92rem;}
  .pollen-visual-head h4{font-size:.9rem;}
  .pollen-sprite{width:96px;height:112px;background-size:611px 407px;}
  .pollen-sprite--sugi{background-position:-12px -67px;}
  .pollen-sprite--hinoki{background-position:-133px -67px;}
  .pollen-sprite--butakusa{background-position:-254px -67px;}
  .pollen-sprite--kamogaya{background-position:-375px -67px;}
  .pollen-sprite--ooawagaeri{background-position:-496px -67px;}
  .pollen-sprite--yomogi{background-position:-12px -251px;}
  .pollen-sprite--shirakaba{background-position:-133px -251px;}
  .pollen-sprite--kanamugura{background-position:-254px -251px;}
  .pollen-sprite--hannoki{background-position:-375px -251px;}
  .pollen-sprite--keyaki{background-position:-496px -251px;}
  .pollen-visual-card p{font-size:.76rem;}
}

/* ==================================
   kafun/index.html 写真付き花粉一覧 v3
   写真縮小・px座標修正・イネ科比較追加
================================== */
.pollen-visual-section{
  background:linear-gradient(180deg,#f7fcff 0%,#fff 100%);
  padding-top:44px;
}
.pollen-visual-box{
  background:#fff;
  border:1px solid #d9eef7;
  border-radius:20px;
  padding:20px;
  margin-top:24px;
  box-shadow:0 8px 22px rgba(46,168,213,.07);
}
.pollen-visual-box + .pollen-visual-box{
  margin-top:20px;
}
.pollen-visual-title{
  font-size:1.24rem;
  font-weight:900;
  color:#1a2f3a;
  margin:0 0 16px;
  line-height:1.4;
}
.pollen-visual-title::after{
  content:'';
  display:block;
  width:86px;
  height:3px;
  background:#2EA8D5;
  border-radius:99px;
  margin-top:8px;
}
.pollen-visual-title small{
  font-size:.72em;
  font-weight:900;
  color:#34444c;
  margin-left:8px;
}
.pollen-visual-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.pollen-visual-card,
.pollen-ine-card{
  background:#fff;
  border:1px solid #e4eef4;
  border-radius:14px;
  padding:8px;
  min-width:0;
}
.pollen-visual-head{
  display:flex;
  align-items:flex-start;
  gap:8px;
  min-height:34px;
  margin-bottom:8px;
}
.pollen-visual-head b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:6px;
  background:#2f7d28;
  color:#fff;
  font-size:.9rem;
  font-weight:900;
  line-height:1;
}
.pollen-visual-head h4{
  margin:2px 0 0;
  color:#111;
  font-size:.9rem;
  font-weight:900;
  line-height:1.28;
}
.pollen-visual-head small{
  display:block;
  font-size:.76em;
  font-weight:900;
}

/*座標メジャー花粉*/
.pollen-sprite{
  width:201px;
  height:213px;
  background-image:url('/img/major-kafun.webp');
  background-repeat:no-repeat;
  background-size:1010px 435px;
  border-radius: 12px;
}

/* 1段目 */
.pollen-sprite--sugi      {background-position:0 0;}
.pollen-sprite--hinoki    {background-position:-206px 0;}
.pollen-sprite--butakusa  {background-position:-405px 0;}
.pollen-sprite--kamogaya  {background-position:-603px 0;}
.pollen-sprite--ooawagaeri{background-position:-810px 0;}

/* 2段目 */
.pollen-sprite--yomogi     {background-position:0 -218px;}
.pollen-sprite--shirakaba  {background-position:-206px -218px;}
.pollen-sprite--kanamugura {background-position:-405px -218px;}
.pollen-sprite--hannoki    {background-position:-603px -218px;}
.pollen-sprite--keyaki     {background-position:-810px -218px;}
/*↑座標メジャー花粉*/

.ine-sprite{
  width:184px;
  height:116px;
  max-width:100%;
  margin:0 auto 9px;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:8px;
}
.ine-sprite::before,
.ine-sprite::after{
  content:'';
  display:block;
  width:86px;
  height:116px;
  border-radius:9px;
  background-image:url('/img/ine-kafun.webp');
  background-repeat:no-repeat;
  background-size:345px 230px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
/* 元画像493×329を0.7倍表示。左＝植物写真、右＝花粉粒子写真。各列をpx座標で切り抜き */
.ine-sprite::before{background-position-y:-18px;}
.ine-sprite::after{background-position-y:-135px;}
.ine-sprite--kamogaya::before,
.ine-sprite--kamogaya::after{background-position-x:0;}
.ine-sprite--ooawagaeri::before,
.ine-sprite--ooawagaeri::after{background-position-x:-86px;}
.ine-sprite--harugaya::before,
.ine-sprite--harugaya::after{background-position-x:-173px;}
.ine-sprite--nagahagusa::before,
.ine-sprite--nagahagusa::after{background-position-x:-259px;}
.pollen-ine-note{
  background:#f8fcff;
  border:1px solid #d9eef7;
  border-radius:12px;
  padding:12px 14px;
  margin-top:14px;
}
.pollen-ine-note p{
  margin:0;
  color:#34444c;
  font-size:.86rem;
  line-height:1.75;
}
.pollen-ine-note p + p{
  margin-top:4px;
}
@media(max-width:900px){
  .pollen-visual-grid{grid-template-columns:repeat(3,1fr);}
  .pollen-ine-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  .pollen-visual-section{padding-top:34px;}
  .pollen-visual-box{padding:14px;border-radius:18px;}
  .pollen-visual-title{font-size:1.06rem;}
  .pollen-visual-title small{display:block;margin:4px 0 0;}
  .pollen-visual-grid{grid-template-columns:repeat(1,1fr);gap:10px;}
  .pollen-ine-grid{grid-template-columns:1fr;gap:10px;}
  .pollen-visual-card,
  .pollen-ine-card{padding:9px;}
  .pollen-visual-head{min-height:34px;gap:7px;}
  .pollen-visual-head b{width:24px;height:24px;flex-basis:24px;font-size:.86rem;}
  .pollen-visual-head h4{font-size:.86rem;}

  .ine-sprite{width:184px;height:116px;}
  .pollen-visual-card p,
  .pollen-ine-card p{font-size:.74rem;}
  .pollen-ine-note p{font-size:.8rem;}
}

/* ==================================
   v5修正：イネ科比較 4種を復旧＋花写真と花粉粒子を左右表示
================================== */
.pollen-ine-box{margin-top:24px;}
.pollen-ine-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.pollen-ine-card{
  background:#fff;
  border:1px solid #e4eef4;
  border-radius:14px;
  padding:12px;
  min-width:0;
}
.ine-sprite{
  width:236px;
  height:126px;
  max-width:100%;
  margin:0 auto 10px;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:8px;
}
.ine-sprite::before,
.ine-sprite::after{
  content:'';
  display:block;
  width:114px;
  height:126px;
  border-radius:9px;
  background-image:url('/img/ine-kafun.webp');
  background-repeat:no-repeat;
  background-size:493px 329px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
/* 元画像493×329px。各列をpxで切り出し：左＝花、右＝花粉粒子 */
.ine-sprite::before{background-position-y:-31px;}
.ine-sprite::after{background-position-y:-196px;}
.ine-sprite--kamogaya::before,
.ine-sprite--kamogaya::after{background-position-x:-5px;}
.ine-sprite--ooawagaeri::before,
.ine-sprite--ooawagaeri::after{background-position-x:-128px;}
.ine-sprite--harugaya::before,
.ine-sprite--harugaya::after{background-position-x:-251px;}
.ine-sprite--nagahagusa::before,
.ine-sprite--nagahagusa::after{background-position-x:-374px;}
@media(max-width:900px){
  .pollen-ine-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  .pollen-ine-grid{grid-template-columns:1fr;gap:10px;}
  .ine-sprite{width:236px;height:126px;}
}

/* 第2群・第3群 写真一覧 */
.pollen-second-box,
.pollen-third-box{
  margin-top:24px;
}

.pollen-second-image,
.pollen-third-image{
  width:100%;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:contain;
  border-radius:16px;
  overflow:hidden;
}

.pollen-second-image{
  background-image:url('/img/kafuns2.webp');
  aspect-ratio:1094/347;
  max-height:260px;
}

.pollen-third-image{
  background-image:url('/img/kafuns3.webp');
  aspect-ratio:1094/347;
  max-height:260px;
}

.pollen-third-box summary{
  cursor:pointer;
  list-style:none;
}

.pollen-third-box summary::-webkit-details-marker{
  display:none;
}

.pollen-third-box summary::before{
  content:'＋';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-right:8px;
  border-radius:50%;
  background:#2EA8D5;
  color:#fff;
  font-weight:900;
}

.pollen-third-box[open] summary::before{
  content:'−';
}

@media(max-width:680px){
  .pollen-second-image,
  .pollen-third-image{
    border-radius:12px;
    max-height:none;
  }
}

.pollen-more-box{
  margin:40px 0 0;
}

.pollen-more-box summary{
  list-style:none;
}

.pollen-more-box summary::-webkit-details-marker{
  display:none;
}

.pollen-more-summary{
  width:fit-content;
  margin:0 auto 28px;
  cursor:pointer;
}

.pollen-more-box[open] .pollen-more-summary{
  margin-bottom:28px;
}

.pollen-more-box[open] .pollen-more-summary::after{
  content:"";
}

/* =========================
  34花粉　小イメージ
========================= */
.pollen-sub-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
  max-width:100%;
  overflow:hidden;
}

.pollen-sub-card{
  box-sizing:border-box;
  min-width:0;
  background:#fff;
  border:1px solid #e4eef4;
  border-radius:14px;
  padding:14px;
}

.pollen-sprite2,
.pollen-sprite3{
  width:100%;
  max-width:150px;
  height:130px;
  border-radius:10px;
  background-repeat:no-repeat;
  overflow:hidden;
  margin:0 auto;
}

@media(max-width:900px){
  .pollen-sub-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .pollen-sub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .pollen-sub-card{
    padding:10px;
  }

  .pollen-sprite2,
  .pollen-sprite3{
    max-width:130px;
    height:112px;
  }
}

/* =========================
   第2群・第3群 改良版
   文字部分を隠し花を大きく表示
========================= */

.pollen-sprite2,
.pollen-sprite3{
  width:100%;
  max-width:150px;
  height:155px;
  border-radius:10px;
  background-repeat:no-repeat;
  overflow:hidden;
  margin:0 auto;
}

.pollen-sprite2{
  background-image:url("../img/kafuns2.webp");
  background-size:1180px auto;
}

.pollen-sprite3{
  background-image:url("../img/kafuns3.webp");
  background-size:1180px auto;
}

/* =========================
   第2群（11～19）
========================= */

.pollen-11{background-position:-2px -25px;}/*konara*/
.pollen-12{background-position:-170px -25px;}/*kunugi*/
.pollen-13{background-position:-340px -25px;}/*kuri*/
.pollen-14{background-position:-512px -25px;}
.pollen-15{background-position:-680px -25px;}
.pollen-16{background-position:-851px -25px;}/*シイ*/
.pollen-17{background-position:-1020px -25px;}/*カシ*/
.pollen-18{background-position:-2px -233px;}
.pollen-19{background-position:-235px -233px;}

/* =========================
   第3群（20～28）
========================= */

.pollen-20{background-position:-3px -45px;}/*イチョウ*/
.pollen-21{background-position:-170px -45px;}
.pollen-22{background-position:-336px -45px;}
.pollen-23{background-position:-505px -45px;}
.pollen-24{background-position:-660px -45px;}
/* キウイ */
.pollen-25{
  background-position:-1118px -35px;
  background-size:1600px auto;}
/* リンゴ */
.pollen-26{
  background-position:-1415px -35px;
  background-size:1600px auto;}
/* 柑橘類 */
.pollen-27{
  background-position:-1118px -235px;
  background-size:1600px auto;}
/* その他果樹 */
.pollen-28{
  background-position:-1415px -235px;
  background-size:1600px auto;}

/* スマホ */

@media(max-width:680px){

  .pollen-sprite2,
  .pollen-sprite3{
    max-width:130px;
    height:135px;
  }

}

/* =========================
   その他の花粉を見るボタン
========================= */

.pollen-more-summary{
  display:block;
  width:100%;
  max-width:420px;

  margin:0 auto 28px;
  padding:14px 20px;

  text-align:center;
  font-size:1rem;
  font-weight:900;
  color:#fff;

  background:var(--color-main);
  border-radius:12px;
  box-shadow:0 4px 12px rgba(46,168,213,.22);

  cursor:pointer;
  transition:.2s;
}

.pollen-more-summary:hover{
  background:var(--color-main-dark);
  transform:translateY(-2px);
}

.pollen-more-box[open] .pollen-more-summary{
  background:var(--color-main-dark);
}

.pollen-more-summary::before{
  content:"🌿 ";
}

.pollen-more-box[open] .pollen-more-summary::after{
  content:" ↑";
}

.pollen-more-box:not([open]) .pollen-more-summary::after{
  content:" ↓";
}
/* =========================
   花粉クイズ
========================= */

.pollen-quiz-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:16px;
  margin:24px 0;
}

.quiz-item{
  width:180px;
  flex:none;
  background:#fff;
  border:1px solid #dceaf3;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}

.quiz-item summary{
  list-style:none;
  cursor:pointer;
  padding:10px;
}

.quiz-item summary::-webkit-details-marker{
  display:none;
}

.quiz-item .pollen-sprite{
  width:176px;
  height:128px;
  max-width:100%;
  margin:0 auto;
}

.quiz-answer{
  display:none;
  text-align:center;
  padding:14px 10px;
  font-size:.88rem;
  line-height:1.6;
  color:#244456;
  background:#f8fcff;
  border-top:1px solid #eef5f9;
}

.quiz-item[open] .quiz-answer{
  display:block;
}

.quiz-answer strong{
  display:block;
  margin-bottom:4px;
  color:#0f5f89;
}

@media(max-width:900px){

  .quiz-item{
    width:160px;
  }

}

@media(max-width:680px){

  .pollen-quiz-row{
    gap:12px;
  }

  .quiz-item{
    width:calc(50% - 6px);
  }

  .quiz-answer{
    font-size:.82rem;
    padding:12px 8px;
  }

}