@charset "UTF-8";

/* 検索ボタンの文字色と背景色 */
.directin-sp-form .directin-sp-form-submit-button button {
	color: #fff;
	background: #60000A;
	margin-top: 0.8rem;
}
@media screen and (min-width: 768px) {
	margin-top: 0;
}

.search-orange .directin-sp-form .directin-sp-form-submit-button button {
	color: #fff;
	background: #E77415;
}

.search-olive .directin-sp-form .directin-sp-form-submit-button button {
	color: #fff;
	background: #978F10;
}
.search-olive .directin-sp-form-date-input input[type="text"] {
	font-family: "Shippori Mincho", "YuMincho", serif;
}
.search-olive .directin-sp-form-input label input[type="text"], .search-olive .directin-sp-form-input label select {
	font-family: "Shippori Mincho", "YuMincho", serif;
}
.search-olive .directin-sp-form-checkbox-label {
	font-family: "Shippori Mincho", "YuMincho", serif;
}
.search-olive .directin-sp-form .directin-sp-form-submit-button button {
	background-color: #978F10;
	border-radius: 100vh;
	letter-spacing: 0.6em;
	font-weight: bold;
	font-family: "Shippori Mincho", "YuMincho", serif;
}
.search-olive .directin-sp-form-label {
	font-family: "Shippori Mincho", "YuMincho", serif;
}

/* 宿泊日カレンダーの選択済日付の文字色と背景色 */
.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: #fff;
        background: #222;
        border-color: #878787;
}
.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 #222;
        box-shadow: -10px 0 0 #222;
}
 
/* 宿泊日・日程未定・人数・客室数の文字色 */
.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: #222;
}


/* スタイルを当てる */
.directin-sp-form .directin-sp-form-input-group {
    flex-wrap: wrap;

}