body {
  font-family: "Hiragino Sans", "Meiryo", sans-serif;
  background: #f5f7fa;
  color: #333;
  margin: 0;
  padding: 16px;
}

/* カード全体の並びを縦方向（1列）に */
.grid.daily {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 各カードを横長に */
.card {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  text-decoration: none;
  color: #333;
  transition: 0.2s;
  width: 100%;
  min-height: 60px; /* ←高さを固定すると安定 */
}

.card:hover {
  background: #eef4ff;
}

/* 時間の表示 */
.daily .time b {
  width: 80px;
  color: #1a73e8;
  font-size: 1.1em;
  text-align: right;
}

/* 予定の内容 */
.daily .time span {
  flex: 1;
  text-align: left;
  padding-left: 16px;
}

/* 昼休みを目立たせる */
.daily .lunch {
  background: #fff7e0;
  color: #b58b00;
}

/* 小さい画面でも整うように */
@media (max-width: 600px) {
  .card {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-height: auto;
  }
  .daily .time b {
    width: auto;
    text-align: left;
  }
  .daily .time span {
    padding-left: 0;
  }
}