.flatpickr-time {
  padding: 16px 14px !important;
  background-color: #f9f7f3 !important;  /* 優しいクリーム系の背景 */
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  font-family: "Noto Serif JP", serif !important;
}

/* 数字入力部分 */
.flatpickr-time .numInput {
  font-size: 28px !important;
  height: 56px !important;
  width: 70px !important;margin-right: 16px;

  border: 1.5px solid #9e8f7f !important; /* 落ち着いたブラウン系のボーダー */
  border-radius: 6px !important;
  background-color: #fff8f0 !important; /* ほんのり暖かみのある色 */
  color: #5c4b3b !important; /* 高級感ある深いブラウン */
  font-weight: 600 !important;
  text-align: center !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* 矢印ボタンの大きさと色 */
.flatpickr-time .arrowUp,
.flatpickr-time .arrowDown {
  border-left: 14px solid transparent !important;
  border-right: 14px solid transparent !important;
  display: block; margin-left: 16px; /* 矢印と数字の間にスペース */
  height: 0;transform:translateY(-6px);
  margin: 14px auto !important;
  
  cursor: pointer;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
}

/* 上矢印 */
.flatpickr-time .arrowUp {
  border-bottom: 18px solid #6b5e4b !important; /* 渋めのダークブラウン */
  transition: border-color 0.3s ease;
}
.flatpickr-time .arrowUp:hover {
  border-bottom-color: #4a3d29 !important;
}

/* 下矢印 */
.flatpickr-time .arrowDown {
  border-top: 18px solid #6b5e4b !important;
  transition: border-color 0.3s ease;
}
.flatpickr-time .arrowDown:hover {
  border-top-color: #4a3d29 !important;
}

/* 時間の「:」や区切り */
.flatpickr-time .flatpickr-time-separator {
  font-size: 24px !important;
  color: #7d6f5f !important;
  font-weight: 600 !important;
  padding: 0 6px !important;
  user-select: none;
}


/* Flatpickr カレンダーの位置を上にずらす */
.flatpickr-calendar {
  margin-top: -100px !important; /* 好みで調整。-20px〜-40pxくらいがおすすめ */
  z-index: 9999 !important;
}

.flatpickr-calendar {
  z-index: 9999 !important;
  max-height: none !important; /* 高さ制限を解除 */
height:375px!important;
}

.flatpickr-time {
  height: auto !important;
  overflow: visible !important;
}
.flatpickr-time .arrowUp::after,
.flatpickr-time .arrowDown::after {
  display: none !important;
  content: none !important;
}