@charset "UTF-8";
.reserve_forms {
  text-align: left;
}
.reserve_forms .lesson_time,
.reserve_forms .lesson_minute,
.reserve_forms .lesson_for_minute {
  display: flex;
}
.reserve_forms .lesson_time::after {
  content: "時";
  display: inline-block;
}
.reserve_forms .lesson_minute::after {
  content: "分～";
  display: inline-block;
}
.reserve_forms .lesson_for_minute::after {
  content: "分間";
  display: inline-block;
}
.reserve_forms .smf-item__col {
  position: relative;
}
.reserve_forms .smf-item__description {
  position: absolute;
  top: 12px;
  right: 10px;
  color: red;
}
.reserve_forms .smf-text-control input[type=text],
.reserve_forms .smf-text-control input[type=tel],
.reserve_forms .smf-text-control input[type=email] {
  width: 100%;
  box-sizing: border-box;
}
.reserve_forms .smf-item__controls h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: normal;
  background-color: #f7f7f7;
  padding: 7px;
}
.reserve_forms .smf-item__controls h3:first-child {
  margin-top: 0;
}
.reserve_forms .smf-item__controls .lesson_set {
  display: flex;
  gap: 10px;
  margin: 1rem 0;
}
.reserve_forms .smf-item__controls .lesson_set .smf-placeholder {
  display: flex;
  gap: 10px;
  align-items: center;
}
.reserve_forms .smf-item__controls .lesson_set .smf-placeholder:nth-of-type(1)::after {
  content: "時";
}
.reserve_forms .smf-item__controls .lesson_set .smf-placeholder:nth-of-type(2)::after {
  content: "分～";
}
.reserve_forms .smf-item__controls .lesson_set .smf-placeholder:nth-of-type(3)::after {
  content: "分間";
}
.reserve_forms {
  /* 確認画面のときだけ実行 */
}
.reserve_forms [data-screen=confirm] .smf-placeholder[data-name=lesson_date] {
  position: relative;
  /* 元の 0000-00-00 を透明にして消す（領域は確保する） */
  color: transparent !important;
  display: inline-block;
}
.reserve_forms [data-screen=confirm] .smf-placeholder[data-name=lesson_date]::after {
  content: attr(data-formatted-date);
  position: absolute;
  left: 0;
  top: 0;
  /* 文字サイズと色を周りのテキストに合わせる */
  font-size: 1rem;
  color: #333; /* サイトに合わせて調整してください */
  font-weight: normal;
  white-space: nowrap;
  visibility: visible;
}