/* =====================================================
## header
===================================================== */
header {
  background-color: #109CD8;
}

.menu .menu_items a:hover {
	background-color: #AFDFFF;
}

.menu .menu_items a {
	background-color: #109CD8;
  border-top: solid 1px #5FAFCF;
}

/* =====================================================
## main
===================================================== */
nav {
  padding: 10px;
}

nav li {
  margin-bottom: 20px;
}

.reservation_area .under_reservation h2, .reservation_area .bookable_lecturer h2, .notice_area h2 {
  border-bottom: solid 1px #109CD8;
  color: #109CD8;
  letter-spacing: 0.03em;
  padding-bottom: 5px;
}

.notice_area time {
  font-size: 1.3rem;
}

.tab li > * {
  border-bottom: solid 3px #109CD8;
}

.tab li > *.active {
  background-color: #109CD8;
}

.calendar {
  margin-bottom: 1rem;
}

.refine_form div {
  width: 100%;
  margin: 0px 10px;
}

.refine_form dt {
  font-weight: normal;
  margin-right: 1rem;
}

.refine_form dd {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0;
  width: 100%;
}

.refine_form select {
  width: 100%;
}

.pagination a:hover {
  background-color: #109CD8;
}

.pagination a.active {
  background-color: #109CD8;
}

.instructor_information {
  margin: 10px;
  width: 300px;
}

.instructor_information .lecturer_profile li {
  margin-bottom: 5px;
}

.instructor_information .subject_name {
  margin-top: 20px;
}

.reserve {
  padding: 10px;
}

.reserve h3 {
  background-color: #109CD8;
}

.reserve h3.now {
  background-color: #D51E29;
}

.point_area .ticket_area .ticket {
  background-color: #109CD8;
}

.news .update {
  text-align: right;
}