/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 06 2025 | 15:50:21 */
.area-map-svg {
    line-height: 0;
    z-index: 1;
}
.area-map-svg svg {
    width: 100%;
    height: auto;
}

.area-map-illust {
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.area-map-illust img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* マップエリアのベース */
/* 市町のシェイプだけ透明スタートにする */
.area-map-svg g#shizuoka-city a path,
.area-map-svg g#fujieda-city a path,
.area-map-svg g#yaizu-city a path,
.area-map-svg g#shimada-city a path {
    fill-opacity: 0;
    transition: fill 0.3s ease, fill-opacity 0.3s ease;
}

/* hover だけでなく is-active でも光るようにする */
.area-map-svg g:hover a path,
.area-map-svg g.is-active a path {
    fill-opacity: 1.0;
}

/* 静岡市 */
.area-map-svg g#shizuoka-city:hover a path,
.area-map-svg g#shizuoka-city.is-active a path {
    fill: #C85C78;
}
/* 藤枝 */
.area-map-svg g#fujieda-city:hover a path,
.area-map-svg g#fujieda-city.is-active a path {
    fill: #785088;
}
/* 焼津 */
.area-map-svg g#yaizu-city:hover a path,
.area-map-svg g#yaizu-city.is-active a path {
    fill: #2884B4;
}
/* 島田 */
.area-map-svg g#shimada-city:hover a path,
.area-map-svg g#shimada-city.is-active a path {
    fill: #A08824;
}

/* ピンの拡大基準（先端寄り） */
.area-map-svg g#shizuoka-station a > g,
.area-map-svg g#granship a > g,
.area-map-svg g#shimizu-miho a > g,
.area-map-svg g#yui-kambara a > g {
    transform-box: fill-box;
    transform-origin: 50% 100%; /* 下中央 = ピンの先端を起点 */
    transition: transform 0.25s ease;
}

/* hover ＋ is-active の両方で拡大 */
.area-map-svg g#shizuoka-station:hover a > g,
.area-map-svg g#shizuoka-station.is-active a > g,
.area-map-svg g#granship:hover a > g,
.area-map-svg g#granship.is-active a > g,
.area-map-svg g#shimizu-miho:hover a > g,
.area-map-svg g#shimizu-miho.is-active a > g,
.area-map-svg g#yui-kambara:hover a > g,
.area-map-svg g#yui-kambara.is-active a > g {
    transform: scale(1.2);
}