.elementor-4631 .elementor-element.elementor-element-81fbf05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-field-type-html{padding-bottom:0px;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-button[type="submit"]{color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4631 .elementor-element.elementor-element-43d0e09{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-4631 .elementor-element.elementor-element-81fbf05{--content-width:850px;}}@media(max-width:1024px){.elementor-4631 .elementor-element.elementor-element-81fbf05{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-4631 .elementor-element.elementor-element-81fbf05{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for text-editor, class: .elementor-element-d370131 *//* 参加規約リンク */
.cancel-notice a{
  color: #2f6fb3 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .2s ease, opacity .2s ease;
}

/* マウスオーバー */
.cancel-notice a:hover{
  color: #6f9ed0 !important;
}

/* クリック後 */
.cancel-notice a:visited{
  color: #b85c5c !important;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-43d0e09 *//* ========================================
   Luciace フォーム 完成版
   Date / Select / 自動入力対応
======================================== */

.luciace-contact{
  max-width: 920px;
  margin: 0 auto;
  padding: 42px 46px 46px;

  background: linear-gradient(
    145deg,
    #fffdf8 0%,
    #faf6ee 100%
  );

  border: 1px solid rgba(188,145,78,0.28);
  border-radius: 22px;

  box-shadow:
    0 18px 45px rgba(71,50,28,0.10),
    0 2px 8px rgba(71,50,28,0.05);
}


/* ========================================
   ラベル
======================================== */

.luciace-contact .elementor-field-label{
  color: #5a4633 !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}


/* ========================================
   通常入力欄
======================================== */

.luciace-contact input.elementor-field,
.luciace-contact input.elementor-field-textual,
.luciace-contact textarea.elementor-field,
.luciace-contact textarea.elementor-field-textual{
  min-height: 54px;
  padding: 14px 17px !important;

  color: #3e3329 !important;
  font-size: 16px;

  background-color: #ffffff !important;

  border: 1px solid #d8c6ad !important;
  border-radius: 10px !important;

  box-shadow:
    inset 0 1px 2px rgba(65,45,25,0.03) !important;

  box-sizing: border-box !important;
}


/* ========================================
   ブラウザ自動入力
   青・黄色などの背景色を消す
======================================== */

.luciace-contact input:-webkit-autofill,
.luciace-contact input:-webkit-autofill:hover,
.luciace-contact input:-webkit-autofill:focus,
.luciace-contact input:-webkit-autofill:active{
  -webkit-text-fill-color: #3e3329 !important;

  -webkit-box-shadow:
    0 0 0 1000px #ffffff inset !important;

  box-shadow:
    0 0 0 1000px #ffffff inset !important;

  background-color: #ffffff !important;

  caret-color: #3e3329 !important;

  transition:
    background-color 9999s ease-out 0s !important;
}


/* Firefoxなど */
.luciace-contact input:autofill{
  color: #3e3329 !important;
  background-color: #ffffff !important;
}


/* ========================================
   テキストエリア
======================================== */

.luciace-contact textarea.elementor-field,
.luciace-contact textarea.elementor-field-textual{
  min-height: 160px;
  resize: vertical;
}


/* ========================================
   項目間余白
======================================== */

.luciace-contact .elementor-field-group{
  margin-bottom: 22px !important;
}


/* ========================================
   プレースホルダー
======================================== */

.luciace-contact input::placeholder,
.luciace-contact textarea::placeholder{
  color: #b4a99e;
  opacity: 1;
}


/* ========================================
   必須マーク
======================================== */

.luciace-contact
.elementor-mark-required
.elementor-field-label::after{
  content: "必須";

  display: inline-block;

  margin-left: 8px;
  padding: 2px 7px;

  color: #ffffff;
  background: #b85c5c;

  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;

  border-radius: 5px;
  vertical-align: 2px;
}


/* ========================================
   SELECT
   キャンセル人数
======================================== */

.luciace-contact
.elementor-field-type-select
.elementor-select-wrapper{
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  position: relative !important;
}


/* 実際のプルダウン */
.luciace-contact
.elementor-field-type-select
select,
.luciace-contact
.elementor-field-type-select
select.elementor-field,
.luciace-contact
.elementor-field-type-select
select.elementor-field-textual{
  display: block !important;

  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 0 48px 0 17px !important;

  color: #3e3329 !important;
  font-size: 16px !important;

  background: #ffffff !important;

  border: 1px solid #d8c6ad !important;
  border-radius: 10px !important;

  box-shadow:
    inset 0 1px 2px rgba(65,45,25,0.03) !important;

  outline: none !important;
  cursor: pointer !important;

  background-image: none !important;

  box-sizing: border-box !important;
}


/* Elementor標準の矢印 */
.luciace-contact
.elementor-field-type-select
.select-caret-down-wrapper{
  display: flex !important;

  position: absolute !important;
  top: 50% !important;
  right: 16px !important;

  transform: translateY(-50%) !important;

  width: 18px !important;
  height: 18px !important;

  align-items: center !important;
  justify-content: center !important;

  color: #95662d !important;

  pointer-events: none !important;
}


.luciace-contact
.elementor-field-type-select
.select-caret-down-wrapper svg{
  width: 14px !important;
  height: 14px !important;

  fill: #95662d !important;
  color: #95662d !important;
}


/* ========================================
   フォーカス時
======================================== */

.luciace-contact input:focus,
.luciace-contact textarea:focus,
.luciace-contact select:focus{
  outline: none !important;

  background-color: #ffffff !important;
  border-color: #bb8b47 !important;

  box-shadow:
    0 0 0 3px rgba(187,139,71,0.12),
    0 7px 20px rgba(101,71,35,0.06) !important;
}


/* ========================================
   日付入力欄
======================================== */

.luciace-contact input.elementor-date-field,
.luciace-contact input.flatpickr-input,
.luciace-contact input[type="date"]{
  min-height: 54px !important;

  padding-top: 14px !important;
  padding-right: 17px !important;
  padding-bottom: 14px !important;
  padding-left: 64px !important;

  color: #3e3329 !important;
  background-color: #ffffff !important;

  border: 1px solid #d8c6ad !important;
  border-radius: 10px !important;

  cursor: pointer;
  pointer-events: auto !important;

  box-sizing: border-box !important;
  text-indent: 0 !important;
}


/* ========================================
   PC 日付アイコン
======================================== */

@media (min-width: 768px){

  .luciace-contact input.elementor-date-field,
  .luciace-contact input.flatpickr-input,
  .luciace-contact input[type="date"]{

    padding-left: 64px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2395662d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cline x1='16' y1='3' x2='16' y2='7'/%3E%3Cline x1='8' y1='3' x2='8' y2='7'/%3E%3Cline x1='3' y1='11' x2='21' y2='11'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: 20px center !important;
    background-size: 19px 19px !important;
  }

  .luciace-contact
  input[type="date"]::-webkit-calendar-picker-indicator{
    opacity: 0 !important;
  }
}


/* ========================================
   Flatpickr
======================================== */

.flatpickr-calendar{
  border: 1px solid #dcc7a7 !important;
  border-radius: 14px !important;

  box-shadow:
    0 12px 30px rgba(80,55,28,0.15) !important;

  overflow: hidden;
}

.flatpickr-months{
  background: #fffaf2;
}

.flatpickr-current-month{
  color: #5a4633;
  font-weight: 600;
}

.flatpickr-weekday{
  color: #8b6b47 !important;
  font-weight: 600 !important;
}

.flatpickr-day{
  border-radius: 50% !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange{
  color: #ffffff !important;
  background: #b07a33 !important;
  border-color: #b07a33 !important;
}

.flatpickr-day:hover{
  background: #f2e4cf !important;
  border-color: #d8bd96 !important;
}

.flatpickr-day.today{
  border-color: #b07a33 !important;
}


/* ========================================
   送信ボタン
======================================== */

.luciace-contact
.elementor-button[type="submit"]{
  width: 100%;
  min-height: 60px;

  margin-top: 8px;

  color: #ffffff !important;

  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.12em;

  background: linear-gradient(
    135deg,
    #c89a55 0%,
    #ae792f 48%,
    #956020 100%
  ) !important;

  border: 1px solid #d5ad70 !important;
  border-radius: 12px !important;

  box-shadow:
    0 10px 24px rgba(130,87,31,0.23),
    inset 0 1px 0 rgba(255,255,255,0.30);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}


.luciace-contact
.elementor-button[type="submit"]:hover{
  color: #fffdf8 !important;

  background: linear-gradient(
    135deg,
    #a66e28 0%,
    #86531d 100%
  ) !important;

  transform: translateY(-2px);

  box-shadow:
    0 14px 28px rgba(105,67,25,0.30);
}


.luciace-contact
.elementor-button[type="submit"]:active{
  transform: translateY(0);
}


.luciace-contact
.elementor-button-content-wrapper{
  justify-content: center;
}


/* ========================================
   スマホ
======================================== */

@media (max-width: 767px){

  .luciace-contact{
    padding: 28px 20px 30px;
    border-radius: 16px;
  }

  .luciace-contact input,
  .luciace-contact textarea,
  .luciace-contact select{
    font-size: 16px !important;
  }

  .luciace-contact textarea{
    min-height: 145px;
  }


  /* キャンセル人数 */
  .luciace-contact
  .elementor-field-type-select
  select{
    height: 52px !important;
    min-height: 52px !important;

    padding-left: 17px !important;
    padding-right: 46px !important;

    border: 1px solid #d8c6ad !important;
  }


  .luciace-contact
  .elementor-field-type-select
  .select-caret-down-wrapper{
    right: 15px !important;
  }


  /* 日付欄 */
  .luciace-contact input[type="date"],
  .luciace-contact input.elementor-date-field{
    min-height: 52px !important;

    padding-top: 14px !important;
    padding-right: 17px !important;
    padding-bottom: 14px !important;
    padding-left: 58px !important;

    background-image: none !important;

    pointer-events: auto !important;
    position: relative !important;

    box-sizing: border-box !important;
  }


  /* スマホの本物の日付アイコンを左へ */
  .luciace-contact
  input[type="date"]::-webkit-calendar-picker-indicator{
    position: absolute !important;

    left: 18px !important;
    right: auto !important;

    width: 21px !important;
    height: 21px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    cursor: pointer !important;
  }


  .luciace-contact
  .elementor-button[type="submit"]{
    min-height: 56px;
    font-size: 16px;
  }

  .flatpickr-calendar{
    font-size: 14px;
  }
}/* End custom CSS */