/* 第5工程：北海道の離島特集専用。既存マップや市町村表示には適用しない。 */
.island-overline{margin-top:32px;color:#267d9d;font-size:.82rem;font-weight:900;letter-spacing:.11em}
.island-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0 20px}
.island-compare a{display:flex;flex-direction:column;gap:3px;padding:17px;border:1px solid #d0e3eb;background:#fff;border-radius:15px;text-decoration:none;min-width:0}
.island-compare a:first-child{grid-column:1/-1;background:#eaf7fb}
.island-compare span{font-size:.81rem;color:#297f9c;font-weight:900}
.island-compare strong{font-size:1.02rem;color:#193b50;line-height:1.6}
.island-compare small{font-size:.79rem;color:#597788}
.island-compare a:hover,.island-choose a:hover{background:#e9f6fb;border-color:#86bccf}
.island-fact{margin:18px 0 15px;padding:17px 19px;border-left:4px solid #448eac;background:#ebf7fb;border-radius:0 12px 12px 0}
.island-fact strong{color:#1c5973}.island-fact p{margin:5px 0 0}
.island-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:16px 0}
.island-duo>div{border:1px solid #d2e4eb;background:#fff;padding:17px;border-radius:13px}
.island-duo>div+div{background:#edf7eb}
.island-duo b,.island-duo span{display:block}.island-duo span{font-size:.88rem;margin-top:5px}
.island-town-pills{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 22px}
.island-town-pills a{padding:9px 13px;border:1px solid #cce4ee;background:#fff;border-radius:11px;font-size:.88rem;font-weight:850;text-decoration:none}
.island-travel-grid{display:grid;gap:12px;margin:16px 0 20px}
.island-travel-grid>div{background:#fff;border:1px solid #d2e4ec;border-radius:14px;padding:18px}
.island-travel-grid span{display:block;color:#397e99;font-weight:850;font-size:.78rem}
.island-travel-grid strong{display:block;font-size:1.12rem;margin:3px 0 8px}
.island-travel-grid p{font-size:.9rem}.island-travel-grid a{font-weight:850;font-size:.89rem}
.island-choose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0}
.island-choose a{display:flex;flex-direction:column;gap:6px;border:1px solid #d1e2e8;border-radius:12px;background:white;padding:15px;text-decoration:none}
.island-choose b{color:#193a4c}.island-choose span{font-size:.86rem;color:#257f9d;font-weight:850}
.island-quizzes{display:grid;gap:11px;margin:19px 0 27px}
.island-quizzes details{background:#fff;border:1px solid #cddfe6;border-radius:13px;overflow:hidden}
.island-quizzes summary{cursor:pointer;padding:15px 18px;font-weight:800;line-height:1.6}
.island-quizzes summary span{color:#247c9f;margin-right:9px}
.island-quizzes details>div{padding:14px 18px 17px;border-top:1px solid #deebef;background:#f1f8fb}
.island-quizzes details>div p{margin:8px 0 0}
.article-content section[id]{scroll-margin-top:25px}
@media(max-width:600px){.island-compare,.island-duo,.island-choose{grid-template-columns:1fr}.island-compare a:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 長めの見出しがスマホで一文字だけ余るのを防ぐ */
@media(max-width:760px){.lead-hero .lead-copy h1{font-size:clamp(29px,7.8vw,35px);line-height:1.36}}