/* 四国エリア 給湯器LP（中国LPのトーンを継承） */
.water-heater-shikoku-page,
.water-heater-shikoku-page main{background:var(--color-page)}

.water-heater-shikoku-page .heater-hero{background:var(--color-setouchi-soft)}
.water-heater-shikoku-page .heater-hero-media{object-position:center}
.water-heater-shikoku-page .heater-hero-shade{background:linear-gradient(180deg,color-mix(in oklch,var(--color-page) 76%,transparent) 0%,color-mix(in oklch,var(--color-page) 28%,transparent) 48%,color-mix(in oklch,var(--color-setouchi-deep) 16%,transparent) 100%)}
.water-heater-shikoku-page .heater-area-label{border-color:var(--color-setouchi);color:var(--color-setouchi-deep)}
.water-heater-shikoku-page .heater-hero h1{color:var(--color-setouchi-deep)}

.heater-shikoku-area-card{width:clamp(11rem,19vw,15rem);border-color:var(--color-coast-sand-deep)}
.heater-area-card .heater-shikoku-map{display:block;width:100%;height:auto;aspect-ratio:635/646;object-fit:contain;border-radius:var(--radius-lg);background:var(--color-setouchi-soft)}
.heater-area-card .heater-shikoku-area-copy{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-1) 0;text-align:center}
.heater-shikoku-area-copy b{font-size:var(--text-base)}
.heater-shikoku-area-copy span{color:var(--color-setouchi-deep);font-size:.68rem;line-height:1.5}

.water-heater-shikoku-page .heater-reviews{background:var(--color-setouchi-soft)}
.water-heater-shikoku-page .heater-products{background:var(--color-coast-sand)}
.water-heater-shikoku-page .heater-symptoms{background:color-mix(in oklch,var(--color-coast-sand) 76%,var(--color-page))}
.water-heater-shikoku-page .heater-estimate{background:color-mix(in oklch,var(--color-setouchi-soft) 84%,var(--color-page))}
.water-heater-shikoku-page .heater-case-section--install{background:var(--color-coast-sand)}
.water-heater-shikoku-page .heater-case-section--repair{background:var(--color-setouchi-soft)}

.water-heater-shikoku-page .heater-region-cards{padding-block:var(--space-10);border-bottom:var(--rule);background:var(--color-setouchi-soft);color:var(--color-ink)}
.water-heater-shikoku-page .heater-region-cards .heater-section-heading p{margin-top:var(--space-2)}
.water-heater-shikoku-page .heater-prefecture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin:var(--space-6) 0 0;padding:0;list-style:none}
.water-heater-shikoku-page .heater-prefecture-grid li{min-width:0}
.water-heater-shikoku-page .heater-prefecture-grid a{display:grid;grid-template-rows:7.5rem auto auto;min-width:0;min-height:13rem;overflow:hidden;border:1px solid var(--color-aqua);border-radius:var(--radius-md);background:var(--color-page);color:var(--color-setouchi-deep);text-decoration:none;box-shadow:0 5px 0 color-mix(in oklch,var(--color-setouchi) 20%,transparent);transition:border-color var(--dur-fast) var(--ease-out),transform 100ms var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.water-heater-shikoku-page .heater-prefecture-view{display:block;background-image:linear-gradient(180deg,color-mix(in oklch,var(--color-page) 4%,transparent),color-mix(in oklch,var(--color-setouchi-deep) 28%,transparent)),url("../assets/heater-shikoku-map.webp");background-repeat:no-repeat;background-size:auto,cover;background-color:var(--color-setouchi-soft)}
.water-heater-shikoku-page .heater-prefecture-view--tokushima{background-position:center,28% 48%}
.water-heater-shikoku-page .heater-prefecture-view--kagawa{background-position:center,48% 28%}
.water-heater-shikoku-page .heater-prefecture-view--ehime{background-position:center,18% 62%}
.water-heater-shikoku-page .heater-prefecture-view--kochi{background-position:center,55% 72%}
.water-heater-shikoku-page .heater-prefecture-grid b{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-lg)}
.water-heater-shikoku-page .heater-prefecture-grid small{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3) var(--space-4);color:var(--color-muted);font-weight:700;white-space:nowrap}
.water-heater-shikoku-page .heater-prefecture-grid a:active{transform:translateY(1px)}

@media(hover:hover) and (pointer:fine){
  .water-heater-shikoku-page .heater-prefecture-grid a:hover{border-color:var(--color-setouchi);box-shadow:0 7px 0 color-mix(in oklch,var(--color-setouchi) 24%,transparent);transform:translateY(-2px)}
}

@media(max-width:64rem){
  .water-heater-shikoku-page .heater-prefecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:52rem){
  .water-heater-shikoku-page .heater-hero-media{object-position:center}
}

@media(max-width:40rem){
  .water-heater-shikoku-page .heater-hero-media{object-position:51% center}
  .heater-shikoku-area-card{width:9.5rem}
  .heater-area-card .heater-shikoku-area-copy{display:none}
  .water-heater-shikoku-page .heater-prefecture-grid a{grid-template-rows:6.25rem auto auto;min-height:11.75rem}
  .water-heater-shikoku-page .heater-prefecture-grid b{font-size:var(--text-base)}
  .water-heater-shikoku-page .heater-prefecture-grid small{font-size:.68rem}
}

@media(max-width:22rem){
  .water-heater-shikoku-page .heater-prefecture-grid{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .water-heater-shikoku-page .heater-prefecture-grid a{transition-duration:0ms}
}