/* Japan Clickable Map: base styles applied to every embedded map */

.jcm-map {
	display: block;
	width: 100%;
	max-width: 100%;
	line-height: 0;
}

.jcm-map svg {
	display: block;
	width: 100%;
	height: auto;
}

.jcm-map a {
	cursor: pointer;
	transition: opacity 0.15s ease-out;
}

.jcm-map a:hover,
.jcm-map a:focus {
	opacity: 0.85;
}

/* エリアマップの凡例 (show_legend 有効時に SVG の下へ出力). */
.jcm-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	line-height: 1.4;
}

.jcm-legend__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
}

.jcm-legend__swatch {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	flex: none;
}