@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{
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;
}
/* ----- 温泉地 ----- */
.tokinosumika{ left: 73.92%; top: 26.92%; width: 11.67%; height: 4.50%; }
.gotemba-konohana{ left: 77.92%; top: 19.17%; width: 11.67%; height: 4.42%; }
.tsukinoyu{ left: 68.58%; top: 44.58%; width: 11.67%; height: 4.58%; }
.fuji-tanukiko{ left: 41.17%; top: 17.42%; width: 15.33%; height: 4.50%; }
.urijima{ left: 41.00%; top: 34.33%; width: 11.75%; height: 4.42%; }
.suruga-natural{ left: 41.33%; top: 46.42%; width: 15.25%; height: 4.58%; }
.mochimune-minato{ left: 23.17%; top: 61.95%; width: 15.17%; height: 4.6%; }
.okushizu{ left: 20.17%; top: 42.92%; width: 13.75%; height: 4.33%; }
.umegashima{ left: 22.92%; top: 23.58%; width: 11.67%; height: 4.58%; }
.yaizu{ left: 23.17%; top: 69.85%; width: 11.67%; height: 4.45%; }
.kawane{ left: 1.67%; top: 60.75%; width: 11.67%; height: 4.42%; }
.senzu{ left: 5.83%; top: 43.00%; width: 11.67%; height: 4.58%; }
.shirasawa{ left: 5.83%; top: 37.75%; width: 11.67%; height: 4.42%; }
.sumatakyo{ left: 0.75%; top: 32.58%; width: 11.67%; height: 4.50%; }
.sessokyo{ left: 12.83%; top: 32.58%; width: 11.75%; height: 4.50%; }
.izu-onsen-yado{ left: 73.17%; top: 63.67%; width: 15.33%; height: 8.67%; }
.yugawara{ left: 86.17%; top: 35%; width: 11.67%; height: 4.95%; }
.hakone-onsen-yado{ left: 86.08%; top: 24.25%; width: 11.75%; height: 10.42%; }
.fuji-kawaguchiko{ left: 59.42%; top: 0.83%; width: 15.33%; height: 4.58%; }
/* -------------------- ★★★★★ 768 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1024 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1200 ★★★★★ -------------------- */