@charset "utf-8";



/* 日付ピッカーにカレンダーアイコン */
input[name="calendar"].form_input {
  padding-right: 4rem;
  background-image: url(../img/contact/calendar-icon.svg);
  background-position: right 1.5rem center;
  background-repeat: no-repeat;
  background-size: 2rem;
}

/* 送信ボタン */

.mw_wp_form_input .back_btn {
  display: none;
}

#ui-datepicker-div {
  z-index: 10 !important;
}


/* ラジオボタンをボタンスタイルに */
.isDate .time-radios {
  display: flex;
  flex-wrap: wrap;
}
.time-item {
  display: inline-block;
  margin-right: 1rem;
}

.time-item:last-child {
  margin-right: 0;
}

.time-item input[type="radio"] {
  display: none;
}

.time-item span {
  display: inline-block;
  cursor: pointer;
  padding: 0.5rem 1rem;
  background: #fff;
  border: 2px solid #5a4b3e;
  border-radius: 50px;
  color: #5a4b3e;
  transition: all 0.3s ease;
  text-align: center;
}

/* 選択状態 */
.time-item input[type="radio"]:checked + span {
  background: #5a4b3e;
  border-color: #5a4b3e;
  color: #fff;
}

/* ホバー */
.time-item:hover span {
  border-color: #5a4b3e;
}

/* 無効状態 */
.time-item.is-disabled span {
  background: #f5f5f5;
  border-color: #ddd;
  color: #ccc;
  cursor: not-allowed;
}

/* バッジスタイル */
.time-item .badge {
  font-size: .85em;
  margin-left: .25em;
  display: inline-block;
}

/* 無効状態のバッジ */
.time-item.is-disabled .badge {
  opacity: 1;
}



@media only screen and ( max-width : 767px ) {
  
}

@media print, screen and ( min-width : 768px ) {

}

/* ---------------------------------------------------------------------------------------------

　   XXX

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 767px ) {
}
/* 来場予定人数のエラーメッセージをabsoluteで配置 */
.raijyo-input-wrap,
.form-item-flex.raijyo-input-wrap {
  position: relative;
}

.raijyo-input-wrap .wpcf7-not-valid-tip,
.form-item-flex.raijyo-input-wrap .wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  left: 0;
  /* margin-top: 0.25rem; */
  white-space: nowrap;
  z-index: 1;
}

@media print, screen and ( min-width : 768px ) {
}