#map-container {overflow: hidden;position: relative;
  position: relative;padding:0;
  border: 1px solid #ccc;cursor: grab;user-select: none;
  margin:2em 1em 1em 1em;width:calc(100% - 2em);aspect-ratio: 1 / 1;height: auto;
  overflow:hidden;touch-action: none;line-height: 0;
}
#japan-map, #map-canvas{
  width:1600px;height:1600px;position: absolute;
  top:0;left:0;pointer-events: none;user-select: none;
  transform-origin: left top;user-select: none;display:block;
  -webkit-user-drag: none;transform-origin: 0 0;
  max-width: none;
}
#comment-layer {
  position:absolute; left:0; top:0; pointer-events:none;
  user-select: none;-webkit-user-drag: none;
}
#stage {position: absolute;inset: 0;}
.comment_name{border-bottom: 1px black solid;line-height: 1.2;margin:0 0 0.3em 0;display:block;}
.comment_list{line-height: 1.3;margin: 0px;display:block;}
.map_list{padding:0.25em 0.5em;font-size:1em;margin:0.5em 0;}
.com_toggle{margin:0.5em 0;}
.article ul li, .article ol{margin:0;}
.map_comment{
  position: absolute;background:rgba(255,255,255,0.9);
  border: 1px solid #ccc;border-radius: 6px;padding: 3px 6px;
  font-size: 16px;pointer-events: auto;width: max-content;
  user-select: none;-webkit-user-drag: none;max-width: 20em;
}