@charset "utf-8";

/* TOP PAGE */

#slider {
    width: 100%;
    height: 100% !important;
}

.swiper {
    overflow: visible;
}

/* .swiper-slide {
    margin-right: 1.88rem;
} */

.swiper-button-prev,
.swiper-button-next {
  width: 2rem;
  height: 2rem;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  border-radius: 50%;
}

.swiper-button-prev { left: 0.5rem; }
.swiper-button-next { right: 0.5rem; }

.swiper-button-next::after {
    content: "";
    position: absolute;
    display: block;
    height: 0.65rem;
    width: 0.65rem;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(-45deg);
    top: 8px;
    right: 9.5px;
}

.swiper-button-prev::before {
    content: "";
    position: absolute;
    display: block;
    height: 0.65rem;
    width: 0.65rem;
    border-left: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(45deg);
    top: 8px;
    left: 9.5px;
}

/* SECTION CONTACT */

#section_contact .content_wrapper_01 {
    margin: 0;
}

/* PAGE-CONFIRM / PAGE-THANKS */

.page-template-page-thanks main {
    height: 100vh;
}

.page-template-page-confirm header,
.page-template-page-confirm .main-footer,
.page-template-page-thanks header,
.page-template-page-thanks .main-footer,
.page-template-page-confirm #hamburger,
.page-template-page-thanks #hamburger,
.page-template-page-confirm .logo-sp_none,
.page-template-page-thanks .logo-sp_none {
    display: none;
}

.page-template-page-confirm #section_heading,
.page-template-page-thanks #section_heading {
    height: 7.5rem;
}

.page-template-page-confirm #section_heading .section-title,
.page-template-page-thanks #section_heading .section-title {
    padding-top: 1.88rem;
}

/* FLATPICKR */

.date-wrapper {
  position: relative;
  width: 70%;
}

/* SVGカレンダーアイコン */
.calendar-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%238ccad7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11ZM19 4H18V2H16V4H8V2H6V4H5C3.9 4 3 4.9 3 6V20C3 21.1 3.9 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 20H5V9H19V20ZM19 7H5V6H19V7Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}

/* 入力欄に余白を追加してアイコンとかぶらないように */
input.datepicker-field {
  background-color: #ececec;
  border: none;
  border-radius: 0.7rem;
  width: 100%;
  height: 5rem;
  font-size: 1.16rem;
  padding-left: 1.88rem;
  box-sizing: border-box;
  color: #333;
}

/* CONTACT FORM 7 */

.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}

form .link-box_center .global-error-message {
    text-align: center;
    margin-top: 1.25rem;
    color: rgb(209, 25, 28);
    font-size: 1rem;
}

form .link-box_center .wpcf7-spinner {
    display: none;
}

.wpcf7 form.invalid .wpcf7-response-output {
    text-align: center;
    color: rgb(209, 25, 28);
    margin: 0;
    margin-top: 1.25rem;
    padding: 0;
    border: none;
    font-size: 1rem;
}