input[type="text"] {
    
}

button {
    
}

#booking-package_schedulePage .selectPanelError {
  color: #CCC;
}

/*カレンダー月フォントサイズ*/
.calendarData {
  text-align: center;
  font-size: 1.3em;
  font-weight: normal;
  vertical-align: middle;
}

/*戻るボタン*/
#booking-package_schedulePage .bottomPanelNoAnimation {
  position: relative;
  width: 100%;
  bottom: 0;
  border-style: solid;
  border-width: 0;
    border-top-width: 0px;
  border-top-width: 1px;
  padding: 10px 0px;
  z-index: 3;
  float: left;
}

#returnToCalendarButton {
  color: #000000;
  background-color:#cccccc;
  border-radius: 4px;
  padding: 0.4rem 2rem;
}

#booking-package_inputFormPanel .returnButton {
  width: 100%;
      color: #000000;
  background-color:#cccccc;
  border-radius: 4px;
  padding: 0.4rem 2rem;
}

#booking-package button {
  font-size: 16px;
    width: 100%;
  background: #f5f5f5;
  padding: 15px;
  border: none;
  margin-top: 25px !important;
}
#booking-package_schedulePage button {
  margin: 0;
    margin-left: 0px;
  margin-left: 10px;
  font-weight: normal;
}

/*残数*/
#booking-package_calendarPage .numberInsteadOfSymbols
{
     background-color:#cccccc;
    padding: 0.4rem 2rem;
}

#booking-package_calendarPage .numberInsteadOfSymbols::before {
display: inline-block;
content: "残数：";
}

@media screen and (max-width: 768px) {
    #booking-package_calendarPage .numberInsteadOfSymbols
{
    padding: 0.2rem 0.5rem 0.4rem 0.5rem;
    font-size: 11px;
}
#booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols {
  font-size: 0.9em !important;
}
#booking-package_calendarPage .numberInsteadOfSymbols::before {
 font-size: 11px;
    content: "残：";
}
}

#booking-package .bookingButton {
     background-color:#908A64;
  color: #ffffff;
}

#booking-package_schedulePage .closed {
  color: #e3e3e3;
}


#booking-package .dayPanel:nth-of-type(1).sun {
    background-color:#000;
  color: #ffffff;
}

#booking-package .dayPanel:nth-of-type(2).mon {
    background-color:#000;
  color: #ffffff;
}

#booking-package .dayPanel:nth-of-type(3).tue {
    background-color:#000;
  color: #ffffff;
}

#booking-package .dayPanel:nth-of-type(4).wed {
    background-color:#000;
  color: #ffffff;
}

#booking-package .dayPanel:nth-of-type(5).thu {
    background-color:#000;
  color: #ffffff;
}

#booking-package .dayPanel:nth-of-type(6).fri {
    background-color:#000;
  color: #ffffff;
}

#booking-package .dayPanel:nth-of-type(7).sat {
    background-color:#000;
  color: #ffffff;
}

#booking-package .nationalHoliday {
    
}

#booking-package .goToBookingFormButton {
    
}

#booking-package .bookingButton {
    
}

#booking-package_calendarPage .startShutdownForHotel {
    
}

#booking-package_calendarPage .shutdownForHotel {
    
}

#booking-package_calendarPage .endShutdownForHotel {
    
}

#booking-package_calendarPage .dayPanel.sun,
#booking-package_calendarPage .dayPanel.mon,
#booking-package_calendarPage .dayPanel.tue,
#booking-package_calendarPage .dayPanel.wed,
#booking-package_calendarPage .dayPanel.thu,
#booking-package_calendarPage .dayPanel.fri,
#booking-package_calendarPage .dayPanel.sat{
  /*background-color: #CCC;*/
}

/*テーブル左のライン表示*/

#booking-package_calendarPage .week_slot.sun
{
    margin-left: 0;
}
#booking-package_calendarPage .day_slot.sun {
  margin-left: 0;
}

#booking-package_inputFormPanel .bottomBarPanel, #booking-package_pay_with_stripe_konbini .bottomBarPanel {
  padding: 0 0 10px 0;
}

#booking-package_inputFormPanel .book_now_button, #booking-package_inputFormPanel .next_page_button, #booking-package-subscription_form .book_now_button {
  width: 100%;
  background: #908A64;
  padding: 15px;
  margin-top: 15px;
  color: #fff;
  font-weight: 700;
text-align: center;
}

#returnToSchedules.return_form_button {
  margin: 0 10px 10px 0;
}

#booking-package_inputFormPanel .return_form_button {
  width: 100%;
  background: #f5f5f5;
  padding: 15px;
    margin-top: 0 !important;
}

/*カレンダー表示　スケジュール設定日*/

#booking-package_calendarPage .available_day {
  cursor: pointer;
  background: #B7B18F !important;
}

#booking-package_calendarPage .available_day:hover {
  background-color: #908A64 !important;
}


#booking-package_calendarPage .day_slot {
  padding: 5px 0 5px 0!important;
    height: 5.5em!important;
}

#booking-package_calendarPage .dateField {
  vertical-align: middle;
  text-align: center;
  padding: 5px 0 10px 0;
}

@media screen and (max-width: 767px) {
   #booking-package_calendarPage .day_slot {
  padding: 5px 0 10px 0!important;
    height: auto!important;
} 
    #booking-package_calendarPage .dateField {
  vertical-align: middle;
  text-align: center;
  padding: 0 0 5px 0;
}
}

/*カレンダー表示　数字背景*/
.numberInsteadOfSymbols {
    border: #cccccc 1px solid!important;
  background-color: #fff!important;
  padding: 0.4rem 2rem!important;
}


#booking-package_inputFormPanel .required::after {
  position: relative;
  top: 0px;
  content: '必須';
  color: #fff;
  margin-left: 2px;
  display: inline;
  background: #ff1c1c;
  padding: 2px 5px;
  margin-left: 5px;
  border-radius: 5px;
  line-height: 1;
  font-size: 11px;
}


@media screen and (max-width: 767px) {

.numberInsteadOfSymbols {

  padding: 0.3rem 0.3rem !important;
}
}

#booking-package_inputFormPanel select {
  padding: 0.4em 0.5em;
}

#booking-package_inputFormPanel .form_text {
  padding: 0.4em;
}