@charset 'UTF-8';

/* 検索ボタンの文字色と背景色 */
.directin-sp-form .directin-sp-form-submit-button button {
        color: #ffffff;
        background: #000000;
}

.directin-sp-form {
        box-sizing: border-box;
        padding-top: 0;
}

.fixed_reserve {
        width: 100%;
        box-sizing: border-box;
}
@media (min-width: 769px) {
.fixed_reserve {
        max-width: 330px;
}
}
@media (max-width: 480px) {
.fixed_reserve {
        box-sizing: border-box;
        width: calc(100% - 20px);
}
}

.directin-sp-form * .fixed_reserve * {
        color: #ffffff;
        box-sizing: border-box;
        border-radius: 0;
        font-size: 0.9rem;
}

.foot_reserve .directin-sp-form {
        display: flex;
        flex-wrap: wrap;
        padding: 8px;
}

 
/* 宿泊日カレンダーの選択済日付の文字色と背景色 */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,ｓ
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
        color: #ffffff;
        background: #000000;
        border-color: #000000;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #000000;
        box-shadow: -10px 0 0 #000000;
}
 
/* 宿泊日・日程未定・人数・客室数の文字色 */
/* .directin-sp-form .directin-sp-form-input label .directin-sp-form-label,
.directin-sp-form .directin-sp-form-input label .directin-sp-form-checkbox-label,
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-separator {
    color: #000000;
} */




.directin-sp-form-input.directin-sp-form-date-input {
        width: 100%;
}

.directin-sp-form .directin-sp-form-submit-button {
        width: 100%;
}
.foot_reserve .directin-sp-form .directin-sp-form-submit-button {
        max-width: 126px;
        min-width: 80px;
        padding-top: 0;
}
@media (max-width: 768px) {
   .foot_reserve .directin-sp-form .directin-sp-form-submit-button {
        margin-inline: auto;
  }
}

.directin-sp-form .directin-sp-form-submit-button button ,.directin-sp-form .directin-sp-form-input label .directin-sp-form-label {
         font-size: 0.9rem;
        border-radius: 0;
}
.foot_reserve .directin-sp-form .directin-sp-form-submit-button button {
border: 1px solid #FFF;
  background-color: #95845F;
  min-height: 45px;
}


.directin-sp-form .directin-sp-form-submit-button button {
        border: 1px solid rgba(255,255,255,0.5);
        padding: 4px 20px;
}

.directin-sp-form .directin-sp-form-input-group {
        flex-wrap: wrap;
}

.directin-sp-form .directin-sp-form-input label .directin-sp-form-checkbox-label {
        color: #fff;
}

.directin-sp-form .directin-sp-form-input-group div.directin-sp-form-date-input {
        margin-right: 0;
}

.directin-sp-form .directin-sp-form-input label .directin-sp-form-label {
    color: #ffffff;
    flex-shrink: 0;
}

.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"][data-disabled="true"] ,
.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"] {
        width: 100%;
        padding: 4px;
        font-size: 0.9rem;
        background: #000;
        color: #fff;
        box-sizing: border-box;
}

.directin-sp-form .directin-sp-form-input label input[type="text"],
.directin-sp-form .directin-sp-form-input label select {
        color: #fff;
         background-color: #000;
         font-size: 0.9rem;
         padding: 4px;
         border-radius: 0;
}
.directin-sp-form .directin-sp-form-input label select {
               padding: 2px 4px;  
}

.foot_reserve .directin-sp-form .directin-sp-form-input-group {
        flex-wrap: nowrap;
align-items: flex-end;
}

.foot_reserve .directin-sp-form .directin-sp-form-input-group div.directin-sp-form-input:nth-last-child(1) {
        margin-right: 0;
  flex-shrink: 0;
  padding: 0;
  padding-left: 5px;
}

.directin-sp-form > div {
        margin-top: 0;
}


.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-separator {
        color: #fff;
                padding-bottom: 2px;
}
@media (max-width: 768px) {
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-separator {
padding-bottom: 0;
}
}

.directin-sp-form .directin-sp-form-input label {
        text-align: left
}

/* @media (max-width: 768px) {
   {

  }
} */


.directin-sp-form .directin-sp-form-room-selector label ,.directin-sp-form .directin-sp-form-guest-selector label {
        display: flex;
        gap: 5px;
}

@media (min-width: 769px) {
.foot_reserve .directin-sp-form .directin-sp-form-room-selector label ,.foot_reserve .directin-sp-form .directin-sp-form-guest-selector label {
        display: block;
        gap: 5px;
}
}