﻿@charset "utf-8";
/* ------ Settings ------ */
:root {
--base-color: 288 35% 43%; /* 紫 */
--base-pale-color: 288 35% 48%;
--base-light-color: 288 35% 38%;
--base-dark-color: 288 35% 28%;
--seigaiha: url(/img/seigaiha-onsen.webp); /* onsen */
}
/* -------------------- ★ Link Tabs ★ -------------------- */
.link-tabs a:first-of-type:hover, .link-tabs a:first-of-type.active{
color: #ea930a; /* 琥珀 */
font-weight: 700;
border-color: #ea930a; /* 琥珀 */
}
.link-tabs a:nth-of-type(2):hover, .link-tabs a:nth-of-type(2).active{
color: #3eb370; /* 青/緑 */
font-weight: 700;
border-color: #3eb370; /* 青/緑 */
}
.link-tabs a:last-of-type:hover, .link-tabs a:last-of-type.active{
color: #7065a3; /* 菫 */
font-weight: 700;
border-color: #7065a3; /* 菫 */
}
/* -------------------- ★ Main ★ -------------------- */
/* ----- 地図検索 ----- */
.imagemap{
width: 100%;
margin-top: 3px;
box-shadow: 0 0 5px 0px rgba(0,0,0,0.6);
}
.imagemap-grid{
position: relative;
width: 100%;
height: auto;
}
.imagemap-grid img{
display: block;
width: 100%;
height: auto;
aspect-ratio: 1200 / 1500;
}
.imagemap-grid a:hover{
background-color: rgba(255,255,255,0.3);
}
.area-link{
position: absolute;
display: block;
text-decoration: none;
color: inherit;
}
.area-link:active {
background-color: rgba(255,255,255,0.3);
}
/* sr-only: 視覚的に完全に隠す（スクリーンリーダーには見える） */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* ----- 温泉地 ----- */
.tsukinoyu{ left: 34.0833%; top: 5.7333%; width: 7.5833%; height: 3.8667%; }
.mitohama{ left: 34.0833%; top: 16.3333%; width: 7.5000%; height: 6.0667%; }
.takekura{ left: 41.9167%; top: 1.4667%; width: 15.6667%; height: 4.0000%; }
.hatake{ left: 42.0833%; top: 5.8000%; width: 15.4167%; height: 3.8000%; }
.komanoyu{ left: 50.0833%; top: 10.0667%; width: 15.3333%; height: 3.8000%; }
.nirayama{ left: 42.0000%; top: 10.0667%; width: 7.5833%; height: 3.8000%; }
.yunohana{ left: 34.1667%; top: 10.0000%; width: 7.4167%; height: 6.0667%; }
.izunagaoka{ left: 42.0000%; top: 14.3333%; width: 23.5000%; height: 8.0000%; }
.ohito{ left: 50.0833%; top: 22.8000%; width: 7.4167%; height: 8.0000%; }
.nakaizu{ left: 58.0000%; top: 22.8000%; width: 7.4167%; height: 29.1333%; }

.shuzenji{ left: 26.0833%; top: 22.8000%; width: 23.3333%; height: 12.2000%; }
.aobane{ left: 50.0000%; top: 31.2667%; width: 7.4167%; height: 3.7333%; }
.funabara{ left: 26.0833%; top: 35.5333%; width: 15.4167%; height: 5.8000%; }
.tsukigase{ left: 42.1667%; top: 35.6667%; width: 15.3333%; height: 5.6667%; }
.yoshina{ left: 26.0000%; top: 41.7333%; width: 15.5000%; height: 6.0000%; }
.sagasawa{ left: 42.0000%; top: 41.8000%; width: 15.3333%; height: 5.8667%; }
.yugashima{ left: 26.0833%; top: 48.1333%; width: 31.3333%; height: 7.9333%; }
.heda{ left: 2.2500%; top: 26.9333%; width: 23.2500%; height: 8.1333%; }
.toi{ left: 10.2500%; top: 35.6000%; width: 15.2500%; height: 16.2667%; }
.yagisawa{ left: 2.0833%; top: 43.8667%; width: 7.4167%; height: 8.0000%; }

.ugusu{ left: 10.0833%; top: 52.3333%; width: 15.4167%; height: 3.6667%; }
.neginohata{ left: 26.0000%; top: 56.6000%; width: 7.5833%; height: 8.0000%; }
.dogashima{ left: 2.2500%; top: 56.6000%; width: 23.3333%; height: 7.9333%; }
.matsuzaki{ left: 10.0833%; top: 65.0000%; width: 7.3333%; height: 8.0667%; }
.sakurada{ left: 18.0833%; top: 65.0667%; width: 7.4167%; height: 8.0000%; }
.osawa{ left: 26.0000%; top: 65.1333%; width: 7.5833%; height: 7.9333%; }
.iwachi{ left: 2.2500%; top: 73.4667%; width: 15.1667%; height: 3.7333%; }
.ishibu{ left: 2.1667%; top: 77.8000%; width: 15.3333%; height: 3.5333%; }
.kumomi{ left: 2.1667%; top: 81.8000%; width: 15.3333%; height: 6.1333%; }
.izusan{ left: 66.0000%; top: 6.0000%; width: 16.1667%; height: 3.6667%; }

.atami{ left: 66.0000%; top: 10.1333%; width: 16.0833%; height: 12.1333%; }
.ajiro{ left: 82.6667%; top: 14.3333%; width: 7.5000%; height: 7.9333%; }
.usami{ left: 66.0833%; top: 22.9333%; width: 16.1667%; height: 3.6000%; }
.ito{ left: 66.0000%; top: 26.9333%; width: 24.0833%; height: 8.1333%; }
.izu-kogen{ left: 65.9167%; top: 35.5333%; width: 31.4167%; height: 7.9333%; }
.ukiyama{ left: 66.0833%; top: 43.9333%; width: 24.0000%; height: 3.7333%; }
.akazawa{ left: 65.9167%; top: 48.2000%; width: 24.0833%; height: 3.7333%; }
.okawa{ left: 58.0000%; top: 52.2667%; width: 24.2500%; height: 3.8667%; }
.hokkawa{ left: 57.9167%; top: 56.4667%; width: 24.2500%; height: 3.9333%; }
.atagawa{ left: 58.0000%; top: 60.8667%; width: 24.1667%; height: 3.7333%; }

.katase{ left: 70.3333%; top: 65.1333%; width: 11.8333%; height: 3.6667%; }
.shirata{ left: 58.0000%; top: 65.0667%; width: 11.8333%; height: 3.7333%; }
.inatori{ left: 58.0000%; top: 69.3333%; width: 16.0000%; height: 3.7333%; }
.imaihama{ left: 58.0000%; top: 73.4667%; width: 7.5000%; height: 5.8667%; }
.kawazu{ left: 42.0833%; top: 69.4000%; width: 15.3333%; height: 12.0000%; }
.yugano{ left: 42.0000%; top: 65.0000%; width: 15.4167%; height: 3.8667%; }
.kawazu-nanadaru{ left: 42.0000%; top: 56.5333%; width: 15.4167%; height: 8.1333%; }
.shirahama{ left: 50.0000%; top: 81.8000%; width: 7.5000%; height: 5.8667%; }
.shimoda{ left: 34.1667%; top: 88.2667%; width: 23.3333%; height: 5.8667%; }
.rendaiji{ left: 34.0833%; top: 81.8000%; width: 15.5000%; height: 5.9333%; }
.kochi{ left: 34.0833%; top: 75.5333%; width: 7.4167%; height: 5.8667%; }
.yokokawa{ left: 26.0833%; top: 75.4667%; width: 7.4167%; height: 5.8667%; }
.kannon{ left: 26.0833%; top: 81.7333%; width: 7.5000%; height: 6.0000%; }
.yumigahama{ left: 26.0833%; top: 94.6000%; width: 15.4167%; height: 3.8000%; }
.shimogamo{ left: 18.0000%; top: 90.2667%; width: 15.5000%; height: 3.8667%; }
.yugawara{ left: 65.9167%; top: 0.4667%; width: 24.1667%; height: 4.9333%; }
/* -------------------- ★★★★★ 768 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1024 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1200 ★★★★★ -------------------- */