#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%);
    **/
}

/* ▼ 予約フォーム（サービス一覧）をグリッドで整える */
#booking-package_servicePage .selectable_service_slot{
  display: grid;
  grid-template-columns: 72px 1fr auto;         /* [サムネ] [タイトル] [価格] */
  grid-template-areas:
    "thumb title price"
    "thumb desc  desc";                          /* 説明は2列ぶち抜き */
  gap: 12px 16px;
  align-items: center;
}

/* ▼ 説明文の文字サイズ・色調整 */
#booking-package_servicePage .selectable_service_slot .descriptionOfService {
  font-size: 0.9em;
  color: #555;
}

/* サムネ（::beforeで挿入） */
#booking-package_servicePage .selectable_service_slot::before{
  content: "";
  grid-area: thumb;
  width: 72px;
  aspect-ratio: 1 / 1;                           /* 正方形を維持 */
  border-radius: 8px;
  background: #eee center/cover no-repeat;
  flex: 0 0 auto;
}

/* タイトル／価格／説明の配置を固定 */
#booking-package_servicePage .selectable_service_slot .service_name{
  grid-area: title;
  margin: 0;
}
#booking-package_servicePage .selectable_service_slot .service_cost{
  grid-area: price;
  white-space: nowrap;
  margin: 0;
}
#booking-package_servicePage .selectable_service_slot .descriptionOfService{
  grid-area: desc; 
  margin: 4px 0 0;
}

/* ▼ サービスごとに画像を差し替え（data-service の値を使う） */
/* バッカルリフトセラピー（初回おためし） */
#booking-package_servicePage .selectable_service_slot[data-service="1"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_279962395.jpeg");
}
/* バッカルリフトセラピー（通常コース） */
#booking-package_servicePage .selectable_service_slot[data-service="2"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_279962395.jpeg");
}
/* 本格！肌質改善フェイシャル　60分（初回おためし） */
#booking-package_servicePage .selectable_service_slot[data-service="3"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_94976400.jpeg");
}
/* 本格！肌質改善フェイシャル　60分（通常コース） */
#booking-package_servicePage .selectable_service_slot[data-service="4"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_94976400.jpeg");
}
/* 本格！肌質改善フェイシャル・マッサージ付き　90分（初回おためし） */
#booking-package_servicePage .selectable_service_slot[data-service="5"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_225975007.jpeg");
}
/* 本格！肌質改善フェイシャル・マッサージ付き　90分（通常コース） */
#booking-package_servicePage .selectable_service_slot[data-service="6"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_225975007.jpeg");
}
/* 【回数券の方専用】人気No1ボンバーフェイシャル本気の肌質改善したい方！　150分（マッサージ・ヘッドスパ付きコース） */
#booking-package_servicePage .selectable_service_slot[data-service="7"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/p1280x1280_2eclire_d66d2a03.jpeg");
}
/* ブライダル・水着の前に！背中ピーリング＆二の腕ケア　120分 */
#booking-package_servicePage .selectable_service_slot[data-service="8"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_522503901.jpeg");
}
/* 東洋医学アロマトリートメントBODY体質改善　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="9"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/thumb_61743977.jpeg");
}
/* 東洋医学アロマトリートメントBODY体質改善　90分 */
#booking-package_servicePage .selectable_service_slot[data-service="10"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/thumb_61743977.jpeg");
}
/* 【期間限定キャンペーン(11/24まで)】ナチュラルセルホワ　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="11"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/827fe3068e6c2939eb06fd27eff2b80f.jpg");
}
/* ナチュナルセルホワ１回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="12"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_166859465.jpeg");
}
/* ナチュナルセルホワ４回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="13"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_166859465.jpeg");
}
/* ナチュナルセルホワ８回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="14"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_166859465.jpeg");
}
/* ナチュナルセルホワ１２回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="15"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_166859465.jpeg");
}
/* 医療提携セルホワ１回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="16"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_538515556.jpeg");
}
/* 医療提携セルホワ４回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="17"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_538515556.jpeg");
}
/* 医療提携セルホワ８回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="18"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_538515556.jpeg");
}
/* 医療提携セルホワ１２回　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="19"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_538515556.jpeg");
}
/* 【回数券の方専用】ナチュラルセルホワ・医療提携セルホワ共通　60分 */
#booking-package_servicePage .selectable_service_slot[data-service="20"]::before{
  background-image: url("https://eclire.jp/wp-content/uploads/2025/09/AdobeStock_292249506.jpeg");
}
/* 以降、サービス数に応じて追加 */