#reserve {
  padding: 30px 0 80px 0;
  margin: auto 0;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2em;
}

.reserve__title {
  font-size: 20px;
  font-weight: bold;
  color: #4f4f4f;
  border-bottom: 2px solid #009fcc;
  margin: 0 0 20px 0;
}

.reserve__list--ul li {
  list-style:disc ;
}
.reserve__list {
  font-weight: bold;
  border-bottom: 2px solid #009fcc;
}

/* calendar */
.reserve__calendar {
  margin: 100px 0;
}

.week_slot  {
  background-color: #5ebac5;
}

#selectedDate {
   background-color: #5ebac5;
}

/* 時間page */
#bottomPanel > button {
  width: 150px;
}

/* フォーム */
#booking-package_inputFormPanel {
  max-width:800px ;
  margin: 0 auto;
}

.row {
  display: flex;
  justify-content: space-between;
}

.name {
  width: 250px;
}

.value {
  max-width: 100%;
  width: 100%;
}


#booking-package input[type=text], 
#booking-package textarea, 
#booking-package-user-form input[type=text], 
#booking-package-user-form input[type=password], 
#booking-package-user-form textarea, 
#booking-package-loginform input[type=text], 
#booking-package-loginform input[type=password], 
#booking-package-loginform textarea, 
#booking-package-user-edit-form input[type=text], 
#booking-package-user-edit-form input[type=password], 
#booking-package-user-edit-form textarea {
  height: 40px;

}

.book_now_button,
.return_form_button,
.return_button {
  background: #ffffff;
  border-radius: 3px;
  color: #009fcc;
  border: 1px solid #009fcc;
  height: 40px;
}

.book_now_button:hover,
.return_form_button:hover,
.return_button:hover {
  background: #009fcc;
  color: #FFF;
}

.bottomBarPanel,
.cartPanel {
  margin: 40px auto 0 auto;
}

/* 画面幅が767px以下のとき */
@media screen and (max-width: 767px) {
  /* スマートフォン用のスタイルを指定する */
  #reserve {
    padding: 20px 0 100px;
  }

  .row {
    flex-direction: column;
  }


  .value {
    width: 100%;
  }

  #booking-package input[type=text], 
  #booking-package textarea, 
  #booking-package-user-form input[type=text], 
  #booking-package-user-form input[type=password], 
  #booking-package-user-form textarea, 
  #booking-package-loginform input[type=text], 
  #booking-package-loginform input[type=password], 
  #booking-package-loginform textarea, 
  #booking-package-user-edit-form input[type=text], 
  #booking-package-user-edit-form input[type=password], 
  #booking-package-user-edit-form textarea {
    width: 100%;
  }
}