#calendar {
  max-width: 100%;
  margin: 0 auto;
  padding: 2em 1em;
}

#calendar h2 {
  margin-bottom: 1em;
  text-align: left;
}

#calendar .fc-day-sat,
#calendar .fc-sat {
  background-color: #e6f3ff;
}

#calendar .fc-day-sun,
#calendar .fc-sun {
  background-color: #ffeaea;
}

#content .event-detail {
  margin: 10px;  /* 上下左右の余白 */
  padding: 10px; /* 内側の余白も少し入れると見やすくなります */
  background-color: #fff; /* 背景色を白にしてテーブルとの区別をつける */
  border-radius: 8px; /* 角を丸くして柔らかい印象に */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* 軽い影で浮き上がり効果 */
}

#content .event-detail table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ccc;
}

#content .event-detail table td,
#content .event-detail table th {
  border: 1px solid #ccc;
  padding: 8px;
  vertical-align: top;
}

#content .event-detail table th {
  background-color: #f5f5f5;
  font-weight: bold;
  text-align: left;
}