@media(max-width:760px){
 .wrap{width:calc(100% - 28px)}.site-header{height:54px}.header-inner{width:calc(100% - 28px)}.site-header nav{gap:12px}.site-header nav a{font-size:10px}
 .hero{height:430px}.hero-copy{left:22px;width:calc(100% - 44px);top:auto;bottom:32px;transform:none}.hero-shade{background:linear-gradient(0deg,rgba(19,25,21,.86) 0%,rgba(19,25,21,.42) 70%,rgba(19,25,21,.08))}
 .hero h1{font-size:43px}.hero .lead{font-size:15px}
 .intro{grid-template-columns:1fr;gap:25px;padding:36px 0}.intro h2,.story h2,.ranking-section h2,.related h2,.other-regions h2{font-size:25px}
 .toc{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}
 .story{padding-top:46px;padding-bottom:46px}.split,.split.reverse{grid-template-columns:1fr;gap:24px}.split.reverse .photo,.split.reverse .copy{order:initial}
 .copy .num,.feature-quote>.num,.wink-section .num{font-size:34px}
 .copy .hook,.hook{font-size:15px}.pref-grid{grid-template-columns:1fr}.mini-map{gap:8px;flex-wrap:wrap}
 .city-diagram{padding:22px}.city-number{font-size:42px;margin-right:18px}.city-blocks{grid-template-columns:repeat(3,1fr)}.city-blocks span{height:52px}
 .yatsu-grid{grid-template-columns:72px 1fr;gap:18px}.big-type{font-size:42px;padding-right:12px}
 .stat-hero{align-items:flex-start}.stat-hero strong{font-size:72px}.stat-hero span{font-size:11px}.wink-section{padding:48px 0}
 blockquote{padding:18px;font-size:13px}.compare{grid-template-columns:1fr}
 .sunny-section{padding:48px 0}
 .ranking-section{padding:52px 0}.ranking-feature{grid-template-columns:1fr;padding:22px}.rank-big{border-right:0;border-bottom:1px solid #4b4e47;padding-bottom:12px;text-align:left;font-size:72px}.ranking-feature h3{font-size:20px}
 .rank-grid{grid-template-columns:1fr 1fr}.rank-grid article{min-height:150px;padding:16px}.rank-grid .r{font-size:36px}.rank-grid h3{font-size:14px}
 .ranking-note{display:block}.ranking-note b{display:block;margin-bottom:5px;white-space:normal}
 .related-grid{grid-template-columns:1fr 1fr}.coming-grid{grid-template-columns:1fr}
 .site-footer .wrap{display:block}.site-footer span,.site-footer small{display:block;margin:5px 0 0}
}
@media(max-width:420px){.rank-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}

@media(max-width:760px){
 .hero-shade{background:linear-gradient(0deg,rgba(22,28,24,.92) 0%,rgba(22,28,24,.66) 60%,rgba(22,28,24,.18))}
 .image-pref-grid{grid-template-columns:1fr}
 .geology-diagram .geo-rock strong{font-size:20px}
 .ranking-feature .rank-title{font-size:21px}
 .ranking-feature .rank-quip{font-size:17px}
 .rank-grid .rank-title{font-size:15px}
 .rank-grid .rank-quip{font-size:13px}
}

@media(max-width:760px){
 .hero-photo-composite{grid-template-columns:70% 30%}.hero-photo-composite.single{display:block}
 .toc strong{font-size:12px}
 .toc li{font-size:14px;line-height:1.55}
 .momotaro-timeline{grid-template-columns:1fr 1fr}
 .kibi-location-map{grid-template-columns:1fr}
 .okayama-map-stage{min-height:280px}
 .kibi-area-dot{width:38px;height:38px}
 .yatsu-grid{grid-template-columns:1fr}
 .rank-grid{grid-template-columns:1fr}
 .rank-grid .rank-title{font-size:18px}
 .rank-grid .rank-quip{font-size:14px}
}

.hero-credit{left:14px;right:auto;font-size:8px}
@media(max-width:850px){.osaka-born-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.osaka-born-grid{grid-template-columns:1fr}.osaka-born-card{min-height:0}}