#calendar {
  position: absolute;
  top: 10%;
  right: 2%;
  display: flex;
  position: fixed;
}

#calendar table {
    font-size: 8px;
    width: auto;
    color: #fff;
  }
  #calendar th, #calendar td {
    width: 1px;
    height: 1px;
    text-align: center;
    padding: 0;
  }
.cal-circle {
  display: inline-block;
  margin-right: 0.1px;
  margin-left: -11.5px;        /* 0にすると完全にくっつく */
  margin-bottom: 1.5px;
  width: 12px;
  height: 12px;
  border-radius: 60%;
  border: 1px solid #fff;
  vertical-align: middle;  /* 数字と上下中央揃え */
}