body { font-family: system-ui, "Hiragino Kaku Gothic Pro", 
    "メイリオ", sans-serif; padding: 12px; }
  /* .wrap { display:flex; gap:20px; align-items:flex-start; } */
  .panel { background:#fff; border:1px solid #ddd; padding:12px; 
    border-radius:6px; box-shadow: 0 1px 3px rgba(0,0,0,0.03); }
  
/* .left { width: 60%; }
.right { width: 40%; } */
  
.small { font-size:0.9em; color:#666; }
.btn { padding:6px 10px; margin:4px 2px; }

input[type="text"], 
input[type="date"], 
input[type="time"]
{ 
    padding:6px; margin:4px 0; width:100%; box-sizing:border-box; 
}

select { 
    padding:6px; margin:4px 0; box-sizing:border-box; 
}


/* 2列目を非表示 */
/* #calender td:nth-child(2),
#calender th:nth-child(2) {
    display: none;
}   */

/* hidden クラスを非表示にする */
.hidden {
    display: none;
}    

/* table { border-collapse:collapse; width:100%; }
th, td {  border:1px solid #eee; padding:6px; 
          text-align:center; }
th { background:#f6f6f6; } */

.holiday, .sunday { color:red; font-weight:700; }
.saturday { color:blue; }
.cal-row { cursor:pointer; }
/* .cal-row:hover { background:#fafafa; } */

tr.selected {
    background-color: #87CEFA; /* 反転色（薄い青） */
    color: #000;
}
/* マウスを載せたとき */
/* tr:hover {
background-color: #f0f0f0; 
}      */

tr.selected:hover {
    background-color: #87CEFA;
    color: #000;
}

.cal-row:hover:not(.selected) {
  background:#fafafa;
}

.holiday-name {
  font-size: 0.7em;   /* 小さくする */
  color: red;         /* 祝日っぽく赤字に（任意） */
  line-height: 1;     /* 行間を狭く */
}