.flatpickr-time {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  font-family: "Noto Serif JP", serif;
  background: #f9f7f3;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  height: auto !important;
  overflow: visible !important;
}

/* 時刻の数値入力 */
.flatpickr-time .numInput {
  width: 60px;
  height: 56px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  background: #fff8f0;
  color: #5c4b3b;
  border: 1.5px solid #9e8f7f;
  border-radius: 6px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}

/* 分を固定（変更不可） */
.flatpickr-time .flatpickr-minute {
  pointer-events: none;
  background-color: #eee !important;
  color: #999 !important;
}

/* 秒・AMPM を非表示 */
.flatpickr-time .flatpickr-second,
.flatpickr-time .flatpickr-am-pm {
  display: none !important;
}

/* 「:」のデザイン */
.flatpickr-time .flatpickr-time-separator {
  font-size: 24px;
  font-weight: 600;
  padding: 0 6px;
  color: #7d6f5f;
}

/* 時刻右側の上下矢印 */
.time-arrow-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 16px;
}

.time-arrow-right .arrow-up,
.time-arrow-right .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  cursor: pointer;
  margin: 4px auto;
}

.time-arrow-right .arrow-up {
  border-bottom: 14px solid #6b5e4b;
}
.time-arrow-right .arrow-up:hover {
  border-bottom-color: #4a3d29;
}

.time-arrow-right .arrow-down {
  border-top: 14px solid #6b5e4b;
}
.time-arrow-right .arrow-down:hover {
  border-top-color: #4a3d29;
}

/* デフォルトの上下矢印を完全に非表示に */
.flatpickr-time .numInputWrapper span.arrowUp,
.flatpickr-time .numInputWrapper span.arrowDown {
  display: none !important;
}

/* ホバー時でも表示させないように */
.flatpickr-time .numInputWrapper:hover span.arrowUp,
.flatpickr-time .numInputWrapper:hover span.arrowDown {
  display: none !important;
  opacity: 0 !important;
}

.flatpickr-time .numInputWrapper {
  height: 40px !important; /* ← 親に高さ指定 */
  display: flex;
  align-items: center;
}
.flatpickr-time .numInput {
  height: 40px !important; /* ← ここも必要 */
}
.flatpickr-calendar {
  z-index: 9999 !important;
  max-height: none !important; /* 鬮倥＆蛻ｶ髯舌ｒ隗｣髯､ */
height:325px!important;
}