@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;
}
.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;
}
/* ----- 温泉地 ----- */
.hakone-yumoto{ left: 84.00%; top: 45.75%; width: 15.25%; height: 6.67%; }
.tonosawa{ left: 78.92%; top: 40.58%; width: 11.83%; height: 4.58%; }
.ohiradai{ left: 66.67%; top: 42.67%; width: 11.67%; height: 4.58%; }
.miyanoshita{ left: 57.92%; top: 37.42%; width: 11.75%; height: 4.58%; }
.sokokura{ left: 42.92%; top: 37.25%; width: 11.83%; height: 4.75%; }
.kiga{ left: 49.58%; top: 32.17%; width: 11.75%; height: 4.50%; }
.hakone-dogashima{ left: 64.17%; top: 32.08%; width: 11.75%; height: 4.67%; }
.kowakudani{ left: 49.50%; top: 43.92%; width: 11.67%; height: 4.42%; }
.ninotaira{ left: 35.50%; top: 42.58%; width: 11.83%; height: 4.50%; }
.miyagino{ left: 46.33%; top: 22.50%; width: 11.75%; height: 4.75%; }
.gora{ left: 33.83%; top: 29.92%; width: 15.25%; height: 6.75%; }
.sengokuhara{ left: 16.67%; top: 20.58%; width: 15.25%; height: 6.75%; }
.ubako{ left: 16.75%; top: 37.67%; width: 11.83%; height: 4.67%; }
.takogawa{ left: 17.83%; top: 64.25%; width: 11.83%; height: 4.50%; }
.yunohanazawa{ left: 31.50%; top: 49.83%; width: 15.33%; height: 4.75%; }
.ashinoyu{ left: 35.08%; top: 55.33%; width: 11.83%; height: 4.67%; }
.ashinoko{ left: 28.00%; top: 74.58%; width: 15.17%; height: 6.83%; }
/* -------------------- ★★★★★ 768 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1024 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1200 ★★★★★ -------------------- */