input[type="text"] {
    
}

button {
    
}

#booking-package .nationalHoliday {
  color: #d93636;
}

#booking-package .sun {
  color: #d93636;
}

#booking-package .mon {
    
}

#booking-package .tue {
    
}

#booking-package .wed {
    
}

#booking-package .thu {
    
}

#booking-package .fri {
    
}

#booking-package .sat {
  color: #3973e5;
}

#booking-package .goToBookingFormButton {
    
}

#booking-package .bookingButton {
}

#booking-package .bookingButton::after {
}

/* === customize === */
/* - calender - */
#booking-package #booking-package_calendarPage .calendar {
  background-color: #3f302a;
  border: 3px solid #3f302a;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto 10px;
  padding: 0;
}

#booking-package #booking-package_calendarPage .calendarChangeButton {
  text-align: left;
}

#booking-package_calendarPage .calendar .dayPanel {
  border-color: #3f302a;
  border-spacing: 1px;
  width: calc(100% / 7);
}

#booking-package_calendarPage .dayPanelHeight {

}

#booking-package_calendarPage .calendar .dayPanel.sun {
  border-radius: 4px 0 0 0;
}

#booking-package_calendarPage .calendar .dayPanel.sun.dayPanelHeight {
  border-radius: 0;
}

#booking-package_calendarPage .calendar .dayPanel.sat {
  border-radius: 0 4px 0 0;
  border-right-width: 0 !important;

}

#booking-package_calendarPage .calendar .dayPanel.sat.dayPanelHeight {
  border-radius: 0;
  border-right-width: 0 !important;
}

#booking-package_calendarPage .calendar .dayPanel.dayPanelHeight.pointer,
#booking-package #booking-package_calendarPage .symbolPanel.material-icons {
  font-weight: bold;
}

#booking-package #booking-package_schedulePage #daysListPanel .selectPanelError.closed {
  color: #ccc;
}

#booking-package #booking-package_schedulePage #scheduleMainPanel .selectPanelError.closed {
  background-color: #ccc;
  color: #666;
}

#booking-package #booking-package_schedulePage #scheduleMainPanel .selectPanelError.closed .timeSlot::after {
  content: "\e5cd";
  color: #d93636;
  font-family: "Material Icons" !important;
  font-size: 16px;
  font-weight: bold;
  padding-left: .5em;
}

#booking-package #booking-package_schedulePage #scheduleMainPanel .selectPanel .subtitle {
  font-size: .75em;
}

/* - form - */
#booking-package #booking-package_inputFormPanel #reservationHeader,
#booking-package #booking-package_inputFormPanel div:nth-child(2) .name {
  font-size: 0;
  display: block;
}

#booking-package #booking-package_inputFormPanel div:nth-child(2) .name::after {
  content: "\4E88\7D04\65E5\6642";
  font-size: 14px;
  padding-right: 1.5em;
  display: block;
}

#booking-package_inputFormPanel .name,
#booking-package_serviceDetails .name,
#booking-package_myBookingDetailsFroVisitor .name,
#booking-package_myBookingDetails_panel .name {
  font-size: 14px;
  font-weight: bold;
}

#booking-package #booking-package_inputFormPanel .required::after {
    top: -3px;
    content: "\5FC5\9808";
    color: #fff;
    margin-left: 5px;
    background-color: #d93636;
    font-size: .7em;
    font-weight: bold;
    padding: 0.25em 0.5em;
    border-radius: 5px;
}

#booking-package input[type=text], #booking-package textarea {
  font-size: 16px;
}

#booking-package_inputFormPanel input[type=text], #booking-package textarea {
  padding: .5em;
  border-radius: .5em;
}

#booking-package_inputFormPanel select {
  font-size: 16px;
  padding: .5em;
  border-radius: .5em;
}

#booking-package_inputFormPanel textarea {
  line-height: 1.5em;
}

#booking_package_input_mailmagazine label {
  background-color: #eee;
  border-radius: .5em;
  font-size: 14px;
  margin: 0 5px .5em 0;
  padding: .5em;
}

#booking-package_inputFormPanel .value .description {
  font-size: 12px;
}

/* - btn - */
#booking-package_inputFormPanel #nextAndReturnPanel {
  padding: .5em 0;
  width: 100%;
}

#booking-package_inputFormPanel #booking-package_pay_locally {
  padding: 1.5em 0 .5em;
}

  /* - pc - */
  @media (min-width: 769px) {
    /* - form - */
    
    #booking-package_inputFormPanel .row {
      padding: 1em;
      display: flex;
      align-items: center;
    }

    #booking-package_inputFormPanel .name,
    #booking-package_serviceDetails .name,
    #booking-package_myBookingDetailsFroVisitor .name,
    #booking-package_myBookingDetails_panel .name {
      width: 30%;
      padding-right: 1.5em;
      text-align: right;
    }

    #booking-package_inputFormPanel .value,
    #booking-package_serviceDetails .value,
    #booking-package_myBookingDetailsFroVisitor .value,
    #booking-package_myBookingDetails_panel .value {
      width: 70%;
    }
  }


/* === Fujishi & nagano === */
/* - calender - */
/*#booking-package-id-1 #booking-package_calendarPage .calendar .dayPanel.dayPanelHeight.closeDay[data-month="12"],
#booking-package-id-1 #booking-package_calendarPage .calendar .dayPanel.dayPanelHeight.closeDay[data-month="2"] {
  content-visibility: hidden;
}*/

/* - btn - */
#booking-package-id-1 #booking-package .bookingButton,
#booking-package-id-3 #booking-package .bookingButton {
  background-color: #62a924;
  border: none;
  border-radius: 8px;
  font-size: 0;
  width: 90%;
  margin: 0 auto;
  display: block;
}

#booking-package-id-1 #booking-package .bookingButton:hover,
#booking-package-id-3 #booking-package .bookingButton:hover {
  background-color: #4b821c;
}

#booking-package-id-1 #booking-package .bookingButton::after,
#booking-package-id-3 #booking-package .bookingButton::after {
  content: "\304A\7533\8FBC\307F\3092\5B8C\4E86\3059\308B";
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: .75em;
  display: block; 
}

#booking-package-id-1 #booking-package_schedulePage #bottomPanel #returnToCalendarButton,
#booking-package-id-1 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules,
#booking-package-id-3 #booking-package_schedulePage #bottomPanel #returnToCalendarButton,
#booking-package-id-3 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules {
  background-color: transparent;
  border: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#booking-package-id-1 #booking-package_schedulePage #bottomPanel #returnToCalendarButton::before,
#booking-package-id-1 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::before,
#booking-package-id-3 #booking-package_schedulePage #bottomPanel #returnToCalendarButton::before,
#booking-package-id-3 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::before {
  content: "\e5e0";
  color: #62a924;
  font-family: "Material Icons" !important;
  font-size: 16px;
  font-weight: bold;
  padding-right: .25em;
}

#booking-package-id-1 #booking-package_schedulePage #bottomPanel #returnToCalendarButton::after,
#booking-package-id-1 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::after,
#booking-package-id-3 #booking-package_schedulePage #bottomPanel #returnToCalendarButton::after,
#booking-package-id-3 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::after {
  color: #3f3423;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  display: block;
}

#booking-package-id-1 #booking-package_schedulePage #bottomPanel #returnToCalendarButton::after,
#booking-package-id-3 #booking-package_schedulePage #bottomPanel #returnToCalendarButton::after {
  content: "\623B\308B";
}
#booking-package-id-1 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::after,
#booking-package-id-3 #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::after {
  content: "\623B\308B";
}

#booking-package-id-1 #booking-package_inputFormPanel.booking_completed_panel #nextAndReturnPanel #returnToSchedules::after,
#booking-package-id-3 #booking-package_inputFormPanel.booking_completed_panel #nextAndReturnPanel #returnToSchedules::after {
  content: "\623B\308B";
}

  /* pc */
  @media (min-width: 769px) {
    #booking-package-locale-ja {
      width: 920px;
      margin: 0 auto;
    }
  }

/* === t&g === */
/* - calender - */
#booking-package-id-99 { 
  width: 95%;
  margin: 1em auto;
}
  /* pc */
  @media (min-width: 769px) {
    #booking-package-id-99 { 
      max-width: 960px;
      width: 100%;
    }

/* - form - */
#booking-package-id-99 #booking-package_inputFormPanel .description { text-align: left; }

/* - btn - */
#booking-package-id-99 #booking-package_serviceDetails .goToCalendarButton,
#booking-package-id-99 #booking-package_inputFormPanel #paymentPanel #booking-package_pay_locally .returnButton.bookingButton {
  background-color: #6aaec4;
  border: none;
  border-radius: 8px;
  font-size: 0;
  width: 90%;
  margin: 0 auto;
}

#booking-package-id-99 #booking-package_serviceDetails .goToCalendarButton:hover,
#booking-package-id-99 #booking-package_inputFormPanel #paymentPanel #booking-package_pay_locally .returnButton.bookingButton:hover { background-color: #357488; }

#booking-package-id-99 #booking-package_serviceDetails .goToCalendarButton::after,
#booking-package-id-99 #booking-package_inputFormPanel #paymentPanel #booking-package_pay_locally .returnButton.bookingButton::after {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: .75em;
  display: block; 
}

#booking-package-id-99 #booking-package_serviceDetails .goToCalendarButton::after { content: "\65E5\7A0B\9078\629E\3078\9032\3080"; }

#booking-package-id-99 #booking-package_inputFormPanel #paymentPanel #booking-package_pay_locally .returnButton.bookingButton::after { content: "\304A\7533\8FBC\307F\3092\5B8C\4E86\3059\308B"; }

#booking-package-id-99 #booking-package #booking-package_calendarPage .returnButton.bookingButton,
#booking-package-id-99 #returnToCalendarButton,
#booking-package-id-99 #booking-package #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules {
  background-color: transparent;
  border: 0;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#booking-package-id-99 #booking-package #booking-package_calendarPage .returnButton.bookingButton::before,
#booking-package-id-99 #returnToCalendarButton::before,
#booking-package-id-99 #booking-package #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::before {
  color: #6aaec4;
  font-family: "Material Icons" !important;
  font-size: 16px;
  font-weight: bold;
}

#booking-package-id-99 #booking-package #booking-package_calendarPage .returnButton.bookingButton::before,
#booking-package-id-99 #returnToCalendarButton::before,
#booking-package-id-99 #booking-package #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::before {
  content: "\e5e0";
  padding-right: .25em;
}

#booking-package-id-99 #booking-package #booking-package_calendarPage .returnButton.bookingButton::after,
#booking-package-id-99 #returnToCalendarButton::after,
#booking-package-id-99 #booking-package #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::after {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  display: block;
}

#booking-package-id-99 #booking-package #booking-package_calendarPage .returnButton.bookingButton::after,
#booking-package-id-99 #returnToCalendarButton::after,
#booking-package-id-99 #booking-package #booking-package_inputFormPanel #nextAndReturnPanel #returnToSchedules::after { content: "\623B\308B"; }