ミニカレンダーウィジェット

<div class="d05-05-07-card">
          <div class="d05-05-07-head">2026年 7月</div>
          <div class="d05-05-07-week"><span>日</span><span>月</span><span>火</span><span>水</span><span>木</span><span>金</span><span>土</span></div>
          <div class="d05-05-07-days">
            <span class="d05-05-07-mut">29</span><span class="d05-05-07-mut">30</span><span>1</span><span>2</span><span>3</span><span class="d05-05-07-today">4</span><span>5</span>
            <span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span>
            <span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span>
            <span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span>
            <span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span class="d05-05-07-mut">1</span><span class="d05-05-07-mut">2</span>
          </div>
        </div>

.d05-05-07{background:#f1f5f9}
        .d05-05-07-card{width:250px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 6px 18px rgba(15,23,42,.06)}
        .d05-05-07-head{font-size:13px;font-weight:800;color:#0f172a;text-align:center;margin-bottom:12px}
        .d05-05-07-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}
        .d05-05-07-week span{font-size:10px;color:#94a3b8;text-align:center;font-weight:600}
        .d05-05-07-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
        .d05-05-07-days span{font-size:11.5px;color:#334155;text-align:center;padding:5px 0;border-radius:7px}
        .d05-05-07-mut{color:#cbd5e1!important}
        .d05-05-07-today{background:#3b82f6;color:#fff!important;font-weight:800}