#booking-package .sun {
    
}

#booking-package .mon {
    
}

#booking-package .tue {
    
}

#booking-package .wed {
    
}

#booking-package .thu {
    
}

#booking-package .fri {
    
}

#booking-package .sat {
    
}

#booking-package .nationalHoliday {
    
}

#booking-package_calendarPage .dateField {
    /**
    background-color: #0f9b79;
    color: #fff;
    font-weight: 400;
    **/
}

#booking-package_calendarPage .startDateOfFullRoom {
    /**
    background-image: repeating-linear-gradient(270deg, #ff8989 0px 50%, transparent 0% 100%);
    **/
}

#booking-package_calendarPage .dateOfFullRoom {
    /**
    background: #ff8989;
    **/
}

#booking-package_calendarPage .endDateOfFullRoom {
    /**
    background-image: repeating-linear-gradient(90deg, #ff8989 0px 50%, transparent 0% 100%);
    **/
}

/*　ここより上はもともと入っているCSS　です　*/

/* 個人情報の部分の入力画面に背景色 */
#booking-package_inputFormPanel {
    background-color: #f1f7f7; /* 薄い緑色 */
    padding: 30px;
    border-radius: 10px;
}


/* お名前などの文字を目立たせる */
#booking-package_inputFormPanel .row .name {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    margin-bottom: 4px;
}
/* 予約するのボタンの色を変更 */
.book_now_button {
    background-color: #327671;  /* 背景色：緑色 */
    color: #fff;               /* 文字色：白 */
    border: none;              /* 枠線なし */
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}
.book_now_button:hover {
    background-color: #00554e;  /* ホバー時の背景色 */
}

.calendar .day_slot.pastDay {
    position: relative;
}

.calendar .day_slot.pastDay::after {
    content: "・";
    color: #888;
    position: absolute;
    top: 60%; /* 上から60%の位置＝下寄り */
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 14px;
}




/* 水と木を休みにする　*/
/*
#booking-package_calendarPage .calendar .day_slot.wed,
#booking-package_calendarPage .calendar .day_slot.thu {
    position: relative;
}

#booking-package_calendarPage .calendar .day_slot.wed::after,
#booking-package_calendarPage .calendar .day_slot.thu::after {
    content: "休み";
    color: #888;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 13px;
}

.symbolPanel.material-icons {
    font-size: 22px;        /* 少し大きめに */
    color: #000;            /* 濃くする */
    font-weight: normal;    /* Material Icons ではboldは効かない */
    opacity: 2;             /* 薄くなっている場合の対策 */
}
*/


#booking-package .serviceCost:empty,
#booking-package .maximumAndMinimum:empty,
#booking-package_calendarPage .serviceCost:empty,
#booking-package_calendarPage .maximumAndMinimum:empty {
  display: inline-block !important;
  visibility: visible !important;
}