.hokkaido-banner{display:grid;grid-template-columns:1.25fr .8fr;align-items:center;gap:2%;max-width:1120px;margin:0 auto 35px;background:radial-gradient(ellipse at center,#f2f6ed 0,transparent 72%);min-height:580px}.hokkaido-shape{width:100%;height:600px;object-fit:contain}.hokkaido-guide{position:relative;align-self:end;text-align:center}.hokkaido-guide>img{height:570px;width:100%;object-fit:contain;display:block}.hokkaido-bubble{position:absolute;top:4px;left:-40px;z-index:1;background:#fffef9;border:1px solid #dbcfb6;border-radius:24px;padding:14px 20px;box-shadow:0 5px 15px #243b3a08;transform:rotate(-3deg);font:21px/1.3 Georgia,serif;color:#214b40}.hokkaido-bubble:after{content:"";position:absolute;bottom:-9px;right:28px;width:17px;height:17px;background:#fffef9;border-right:1px solid #dbcfb6;border-bottom:1px solid #dbcfb6;transform:rotate(45deg)}.hokkaido-bubble small{display:block;font:11px/1.7 "Yu Gothic",sans-serif;margin-top:6px;color:#697b70}.hokkaido-note{font-size:12px;color:#647568;text-align:center;line-height:1.7}.hokkaido-subchapter>h3{font:clamp(26px,3vw,34px)/1.25 Georgia,serif;max-width:800px;margin:0 auto 24px}.hokkaido-summary{max-width:1040px;margin:70px auto 40px;border-top:1px solid #cbbb94;padding-top:28px;scroll-margin-top:30px}.hokkaido-summary-lead{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:30px;margin-bottom:24px}.hokkaido-summary-lead>img{width:220px;height:280px;object-fit:contain}.hokkaido-summary-lead h2{font:clamp(28px,3vw,38px)/1.25 Georgia,serif;margin:0 0 22px}.hokkaido-summary-bubble{display:inline-block;background:#fff;border:1px solid #e0d6bf;border-radius:22px;padding:13px 22px;font-size:17px}.hokkaido-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hokkaido-summary-card{background:#fffefb;border:1px solid #e4dfcf;border-radius:16px;padding:25px 28px}.hokkaido-summary-card>span{display:block;font:24px Georgia,serif;color:#9e824e;margin-bottom:15px}.hokkaido-summary-card h3{font-size:20px;line-height:1.4;margin:0 0 14px}.hokkaido-summary-card p,.hokkaido-overseas p{font-size:16px;line-height:1.85;margin:12px 0}.hokkaido-overseas{margin-top:20px;padding:24px 28px;border:1px solid #c6d6cc;border-left:4px solid #718e80;background:#eef4ee;border-radius:12px}.hokkaido-overseas h3{font-size:21px;margin:0 0 12px}.hokkaido-article .mirai-facts{border-radius:12px}.hokkaido-article .mirai-facts dl{display:grid;grid-template-columns:120px 1fr;gap:12px 20px}.hokkaido-article .mirai-facts dd{margin:0}.hokkaido-article .mirai-facts dt{font-weight:600}.hokkaido-date-note{max-width:70ch;margin:25px auto;color:#63766d;font-size:13px;line-height:1.7}.hokkaido-map-notes{font-size:12px;line-height:1.7;color:#64756c}.hokkaido-card-art{display:flex;align-items:center;justify-content:center;background:#faf8f0;min-height:220px;overflow:hidden}.hokkaido-card-art img:first-child{width:67%;height:230px;object-fit:contain!important}.hokkaido-card-art img:last-child{width:33%;height:230px;object-fit:contain!important}.hokkaido-article .mirai-credit{margin-top:12px}.hokkaido-article .mirai-gallery__slide[data-kind="map"] img{background:#f7f5ea}.hokkaido-article a:focus-visible,.hokkaido-article button:focus-visible{outline:3px solid #916f36;outline-offset:4px}@media(max-width:680px){.hokkaido-banner{min-height:340px;gap:0;grid-template-columns:1.15fr .85fr;margin-left:-5%;margin-right:-5%}.hokkaido-shape{height:340px}.hokkaido-guide>img{height:330px}.hokkaido-bubble{font-size:15px;padding:10px 12px;left:-45px;top:-12px;max-width:185px}.hokkaido-bubble small{font-size:9px}.hokkaido-summary-lead{grid-template-columns:118px 1fr;gap:15px}.hokkaido-summary-lead>img{width:118px;height:190px}.hokkaido-summary-lead h2{font-size:26px}.hokkaido-summary-bubble{font-size:15px;padding:12px}.hokkaido-summary-cards{grid-template-columns:1fr;gap:14px}.hokkaido-summary-card,.hokkaido-overseas{padding:22px}.hokkaido-article .mirai-facts dl{grid-template-columns:85px 1fr;gap:10px}.hokkaido-summary{margin-top:45px}.hokkaido-card-art img:first-child,.hokkaido-card-art img:last-child{height:220px}}
.hokkaido-card .story-picture img{position:static;inset:auto;max-width:100%;transform:none}.hokkaido-card:hover .story-picture img{transform:none}
.hokkaido-guide{padding-top:88px}.hokkaido-banner{min-height:660px}@media(max-width:680px){.hokkaido-guide{padding-top:60px}.hokkaido-banner{min-height:390px}}

/* Hokkaido composition revision, 29 October 2026 */
.hokkaido-banner{display:block;position:relative;min-height:0;height:650px;max-width:1040px;margin:5px auto 25px;overflow:visible}
.hokkaido-banner .hokkaido-shape{position:absolute;left:0;bottom:0;width:74%;height:100%;object-fit:contain}
.hokkaido-guide{position:absolute;right:-1%;bottom:0;width:39%;height:100%;padding:100px 0 0;box-sizing:border-box}
.hokkaido-guide>img{height:100%;width:100%;object-fit:contain;object-position:center bottom}
.hokkaido-bubble{left:-6%;top:12px;white-space:nowrap;font-size:24px;padding:16px 22px}
.hokkaido-card .hokkaido-card-art{display:block;position:relative;aspect-ratio:1.52;min-height:0;background:radial-gradient(ellipse,#edf4e8 0,transparent 72%);overflow:hidden}
.hokkaido-card .hokkaido-card-art img:first-child{position:absolute;inset:auto auto 0 0;width:80%;height:100%;max-width:none;object-fit:contain!important}
.hokkaido-card .hokkaido-card-art img:last-child{position:absolute;inset:auto -1% 0 auto;width:39%;height:97%;max-width:none;object-fit:contain!important;object-position:center bottom}
@media(max-width:680px){.hokkaido-banner{height:385px;margin:0 -3% 24px}.hokkaido-banner .hokkaido-shape{width:77%;height:87%;left:-2%}.hokkaido-guide{right:-1%;width:42%;height:100%;padding-top:80px}.hokkaido-bubble{top:12px;left:auto;right:0;font-size:16px;padding:12px 14px;max-width:none}.hokkaido-bubble small{font-size:9px}.hokkaido-card .hokkaido-card-art{aspect-ratio:1.52}}