@charset "utf-8";

.highcharts-legend-item rect {
    rx: 12;
    ry: 12;
    width: 12px;
    height: 12px;
}

.un-unit {
  line-height: 1.75;
}

/* graph wrap ++++++++++++++++ */
[id^=chart_] {
  width: 100%;
}
@media screen and (max-width: 768px) {
  [id^=chart_] {
    position: relative;
    max-height: 80vh;
    margin-top: -1px;
    padding: 14px 4px 4px;
    border: 1px solid #d4d7d9;
  }
  /* touch scroll support area */
  [id^=chart_]::before,
  [id^=chart_]::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    content: "";
  }
  [id^=chart_]::before {
    left: 0;
    width: 16%;
  }
  [id^=chart_]::after {
    right: 0;
    width: 6%;
  }
}