月間カレンダー風スケジュール概要

<div class="d05-14-07-cal">
          <div class="d05-14-07-dow">日</div><div class="d05-14-07-dow">月</div><div class="d05-14-07-dow">火</div><div class="d05-14-07-dow">水</div><div class="d05-14-07-dow">木</div><div class="d05-14-07-dow">金</div><div class="d05-14-07-dow">土</div>
          <div class="d05-14-07-day"></div><div class="d05-14-07-day"></div><div class="d05-14-07-day">1</div><div class="d05-14-07-day">2</div><div class="d05-14-07-day">3<span class="d05-14-07-dot"></span></div><div class="d05-14-07-day">4</div><div class="d05-14-07-day">5</div>
          <div class="d05-14-07-day">6</div><div class="d05-14-07-day">7<span class="d05-14-07-dot"></span></div><div class="d05-14-07-day">8</div><div class="d05-14-07-day">9</div><div class="d05-14-07-day">10<span class="d05-14-07-dot"></span></div><div class="d05-14-07-day">11</div><div class="d05-14-07-day">12</div>
          <div class="d05-14-07-day">13</div><div class="d05-14-07-day">14<span class="d05-14-07-dot"></span></div><div class="d05-14-07-day">15</div><div class="d05-14-07-day">16</div><div class="d05-14-07-day">17</div><div class="d05-14-07-day">18<span class="d05-14-07-dot"></span></div><div class="d05-14-07-day">19</div>
        </div>

.d05-14-07-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:100%}
        .d05-14-07-dow{font-size:9px;text-align:center;color:#9ca3af;font-weight:700;padding-bottom:4px}
        .d05-14-07-day{position:relative;height:28px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-size:10px;color:#374151;background:#f9fafb;border-radius:4px}
        .d05-14-07-dot{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#6366f1}