/* DirectIn SearchBox */
#Search_area.add-search,#Search_area_2025.add-search {
	padding: 20px 0 25px;
}
#Search_area .search-panel-frame::after {
	content: '当サイトでのご予約が最もお得です。';
	display: block;
	text-align: center;
	font-size: 0.9em;
	line-height: 1;
}
@media screen and (min-width: 768px) {
	#Search_area .search-panel-frame::after {
		margin-top: -10px;
}
}

.directin-sp-form {
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
.directin-sp-form > div {
	margin: 0;
}
.directin-sp-form .directin-sp-form-input label input[type="text"],
.directin-sp-form .directin-sp-form-input label select {
    font-size: 12px;
    padding: 4px 10px;
}
.directin-sp-form .directin-sp-form-input label .directin-sp-form-label {
	display: inline-block;
	margin-bottom: 5px;
}
.directin-sp-form-guest-selector,.directin-sp-form-guest-room-separator {
    display: none !important;
}
.directin-sp-form .directin-sp-form-date-input-group {
    flex-direction: column;
    align-items: flex-start;
}
.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"] {
    width: 240px;
}
.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-nodate-checkbox {
    font-size: 12px;
    padding: 4px 0 0;
}
.directin-sp-form .directin-sp-form-date-input-group label .directin-sp-form-checkbox-label {
    margin-left: 6px;
}
.directin-sp-form .directin-sp-form-guest-room-input-group {
    align-items: flex-start;
}
.directin-sp-form .directin-sp-form-input label select {
    width: 7em;
    text-align: center;
		padding-right: 30px;
}
.directin-sp-form .directin-sp-form-guest-selector,
.directin-sp-form .directin-sp-form-room-selector {
	position: relative;
}
.directin-sp-form .directin-sp-form-guest-selector label:before,
.directin-sp-form .directin-sp-form-room-selector label:before {
  content: '';
  width: 21px;
  height: 34px;
  position: absolute;
  bottom: 1px;
  right: 1px;
  background-color: #dbdcdc;
  border-radius: 0 3px 3px 0;
  z-index: 1;
	pointer-events: none;
}
.directin-sp-form .directin-sp-form-guest-selector label:after,
.directin-sp-form .directin-sp-form-room-selector label:after {
  content: '';
  width: 10px;
  height: 14px;
  position: absolute;
  bottom: 10px;
  right: 6px;
  background-image: url(../images/common/icon_select.png);
  background-size: cover;
  z-index: 2;
	pointer-events: none;
}
.directin-sp-form .directin-sp-form-submit-button {
    padding-top: 30px;
		margin: 0;
}
.directin-sp-form .directin-sp-form-submit-button button {
    padding: 8px;
    width: 142px;
    background-color: #4c4948;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1.5;
    border-radius: 0;
}
@media screen and (max-width: 768px) {
#Search_area.add-search {
	padding: 0 0 5vw;
}
.directin-sp-form {
	display: grid;
	grid-template-columns: 64% 22%;
	grid-template-rows: auto auto;
	justify-content: space-evenly;
}
.directin-sp-form .directin-sp-form-date-input {
	width: 100%;
}
.directin-sp-form .directin-sp-form-input label .directin-sp-form-label,
.directin-sp-form .directin-sp-form-input-group .directin-sp-form-input label .directin-sp-form-checkbox-label {
	font-size: 2.7vw;
}
.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"] {
	width: 100%;
	margin: 0;
}
.directin-sp-form .directin-sp-form-input-group .directin-sp-form-input label input[type="text"],
.directin-sp-form .directin-sp-form-input-group .directin-sp-form-input label select {
	height: 40px;
}
.directin-sp-form .directin-sp-form-room-selector {
	position: relative;
}
.directin-sp-form .directin-sp-form-input label:before {
	height: 38px;
}
.directin-sp-form .directin-sp-form-input label:after {
	bottom: 12px;
}
.directin-sp-form .directin-sp-form-submit-button {
	grid-column: 1/3;
	grid-row: -1;
	width: 75%;
	margin: 0 auto;
	padding-top: 10px;
}
.directin-sp-form .directin-sp-form-submit-button button {
	width: 100%;
	padding: 2.2vw;
	font-size: 3vw;
}
}
/* SPSearchBox */
#SPfixBtn .directin-sp-form {
	padding: 0;
}
#SPfixBtn .directin-sp-form .directin-sp-form-input label span {
	color: #fff;
	font-weight: bold;
}
#SPfixBtn .directin-sp-form .directin-sp-form-input label span
#SPfixBtn .directin-sp-form .directin-sp-form-submit-button {
	padding-top: 0;
}
#SPfixBtn .directin-sp-form .directin-sp-form-submit-button button {
	padding: 1.6vw 0;
	font-size: 2.6vw;
}
#SPfixBtn .directin-sp-form .directin-sp-form-guest-selector label:before,
#SPfixBtn .directin-sp-form .directin-sp-form-room-selector label:before {
	background-color: #dbdcdc;
}
#SPfixBtn .directin-sp-form .directin-sp-form-guest-selector label:after,
#SPfixBtn .directin-sp-form .directin-sp-form-room-selector label:after {
	background-image: url(../images/common/icon_select_bk.png);
}
#SPfixBtn .search-panel-frame::after {
	content: '専用の予約サイトへジャンプします。';
	display: block;
	color: #fff;
	font-size: 2.4vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin-top: 10px;
}


/*2025*/
				#Search_area.add-search,#Search_area_2025.add-search {
	padding: 20px 0 25px;
}
				.pika-lendar th:first-child,
                            .pika-lendar td:first-child .pika-button {
                                color: #f00;
                            }
                            .pika-lendar th:last-child,
                            .pika-lendar td:last-child .pika-button {
                                color: #00f;
                            }
                            .has-event .pika-button {
                                color: #f00;
                                font-weight: normal;
                                background: #f5f5f5;
                                box-shadow:none;
                            }
                            .is-selected .pika-button {
                                color: #fff;
                                font-weight: bold;
                                background: #33aaff;
                                box-shadow: inset 0 1px 3px #178fe5;
                                border-radius: 3px;
                            }
                            .pika-button:hover,
                            .pika-row.pick-whole-week:hover .pika-button {
                                color: #fff;
                                background: #ff8000;
                                box-shadow: none;
                                border-radius: 3px;
                            }
                            .is-disabled .pika-button{
                                background: #D5E9F7 !important;
                            }
				#checkin_date{
					    display: block;
						width: 10em;
					padding: 4px 10px;
					font-size: 12px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    color: #000000;
    background-color: #ffffff;
    padding-left: 38px;
    background-image: url(data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzJfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMjU2cHg7IGhlaWdodDogMjU2cHg7IG9wYWNpdHk6IDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM0QjRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDkuMTkzLDEwMy41MjVjMTUuOTk0LDAsMjguOTY0LTEyLjk3LDI4Ljk2NC0yOC45NzNWMjguOTY0QzE3OC4xNTcsMTIuOTcsMTY1LjE4NywwLDE0OS4xOTMsMA0KCQlDMTMzLjE5LDAsMTIwLjIyLDEyLjk3LDEyMC4yMiwyOC45NjR2NDUuNTg5QzEyMC4yMiw5MC41NTUsMTMzLjE5LDEwMy41MjUsMTQ5LjE5MywxMDMuNTI1eiIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcGF0aD4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzYyLjgxNSwxMDMuNTI1YzE1Ljk5NSwwLDI4Ljk2NC0xMi45NywyOC45NjQtMjguOTczVjI4Ljk2NEMzOTEuNzgsMTIuOTcsMzc4LjgxLDAsMzYyLjgxNSwwDQoJCWMtMTYuMDAyLDAtMjguOTcyLDEyLjk3LTI4Ljk3MiwyOC45NjR2NDUuNTg5QzMzMy44NDMsOTAuNTU1LDM0Ni44MTMsMTAzLjUyNSwzNjIuODE1LDEwMy41MjV6IiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9wYXRoPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MzUuMTY0LDQxLjI4N2gtMTcuOTI1djMzLjI2NWMwLDMwLjAxNy0yNC40MTUsNTQuNDMyLTU0LjQyMyw1NC40MzJjLTMwLjAxNywwLTU0LjQzMS0yNC40MTUtNTQuNDMxLTU0LjQzMg0KCQlWNDEuMjg3SDIwMy42MTV2MzMuMjY1YzAsMzAuMDE3LTI0LjQxNCw1NC40MzItNTQuNDIyLDU0LjQzMmMtMzAuMDE2LDAtNTQuNDMyLTI0LjQxNS01NC40MzItNTQuNDMyVjQxLjI4N0g3Ni44MzYNCgkJYy0zOC41MjgsMC02OS43NjMsMzEuMjM0LTY5Ljc2Myw2OS43NjN2MzMxLjE4N0M3LjA3Myw0ODAuNzY1LDM4LjMwOSw1MTIsNzYuODM2LDUxMmgzNTguMzI4DQoJCWMzOC41MjgsMCw2OS43NjMtMzEuMjM1LDY5Ljc2My02OS43NjNWMTExLjA1QzUwNC45MjcsNzIuNTIyLDQ3My42OTEsNDEuMjg3LDQzNS4xNjQsNDEuMjg3eiBNNDUwLjAyMyw0MjkuOTg4DQoJCWMwLDE3LjgyNi0xNC41MDMsMzIuMzI5LTMyLjMyOSwzMi4zMjlIOTQuMzA2Yy0xNy44MjYsMC0zMi4zMjktMTQuNTAzLTMyLjMyOS0zMi4zMjlWMTcwLjg3NmgzODguMDQ3VjQyOS45ODh6IiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9wYXRoPg0KCTxyZWN0IHg9IjE5MC43MjkiIHk9IjM3MS43NjkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTEiIGhlaWdodD0iNTEuMTkyIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjE5MC43MjkiIHk9IjI5Mi40MTkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTEiIGhlaWdodD0iNTEuMTkiIHN0eWxlPSJmaWxsOiByZ2IoNzUsIDc1LCA3NSk7Ij48L3JlY3Q+DQoJPHJlY3QgeD0iMTExLjM4NiIgeT0iMzcxLjc2OSIgY2xhc3M9InN0MCIgd2lkdGg9IjUxLjE5IiBoZWlnaHQ9IjUxLjE5MiIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIxMTEuMzg2IiB5PSIyOTIuNDE5IiBjbGFzcz0ic3QwIiB3aWR0aD0iNTEuMTkiIGhlaWdodD0iNTEuMTkiIHN0eWxlPSJmaWxsOiByZ2IoNzUsIDc1LCA3NSk7Ij48L3JlY3Q+DQoJPHJlY3QgeD0iMzQ5LjQyMyIgeT0iMjEzLjA2NyIgY2xhc3M9InN0MCIgd2lkdGg9IjUxLjE5IiBoZWlnaHQ9IjUxLjE5MSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIyNzAuMDgiIHk9IjIxMy4wNjciIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTkiIGhlaWdodD0iNTEuMTkxIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjI3MC4wOCIgeT0iMjkyLjQxOSIgY2xhc3M9InN0MCIgd2lkdGg9IjUxLjE5OSIgaGVpZ2h0PSI1MS4xOSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIzNDkuNDIzIiB5PSIzNzEuNzY5IiBjbGFzcz0ic3QwIiB3aWR0aD0iNTEuMTkiIGhlaWdodD0iNTEuMTkyIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjM0OS40MjMiIHk9IjI5Mi40MTkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOSIgaGVpZ2h0PSI1MS4xOSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIyNzAuMDgiIHk9IjM3MS43NjkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTkiIGhlaWdodD0iNTEuMTkyIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjE5MC43MjkiIHk9IjIxMy4wNjciIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTEiIGhlaWdodD0iNTEuMTkxIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjExMS4zODYiIHk9IjIxMy4wNjciIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOSIgaGVpZ2h0PSI1MS4xOTEiIHN0eWxlPSJmaWxsOiByZ2IoNzUsIDc1LCA3NSk7Ij48L3JlY3Q+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: left 8px center;
				}
				
				.selectWrap{
					position: relative;
					display: inline-block;
				}	
#Search_area.sa2025 select{
  display: block;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: #000000;
  background-color: #ffffff;
  width: 9em;
  text-align: center;
  padding-right: 30px; /* 右の装飾＋矢印分の余白 */

  /* デフォルト矢印を消す */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  /* ▼ここで .selectWrap:before / :after を合体再現 ▼ */
  background-image:
    url(https://www.hotelsetre.com/_assets/images/common/icon_select.png), /* 矢印 */
    linear-gradient(#b34c59, #b34c59); /* 右端のピンク帯 */
  background-repeat: no-repeat, no-repeat;
  background-position:
    right 6px center,    /* 矢印の位置（.selectWrap:after 相当） */
    right 0px top 0px;   /* 帯の位置（.selectWrap:before 相当） */
  background-size:
    10px 14px,           /* 矢印サイズ */
    21px ; /* 帯の幅と高さ：上下1px余白で伸ばす */
}

/* IE用：念のため */
#Search_area.sa2025 select::-ms-expand {
  display: none;

}	
.sub-bgcolor {
    padding: 8px;
    width: 142px;
    background-color: #4c4948;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1.5;
					color: #fff;
    border-radius: 0;
}

				fieldset.adults,fieldset.children,fieldset.sort{
					display: none;
				}
				.sa2025 #searchBox{
					display: flex;
					column-gap: 10px;
					flex-wrap: wrap;
					justify-content: center
				}
				.sa2025 fieldset{
					width: calc(24% - 5px)
				}
						.field-button{
												width: calc(24% - 5px);
					display:flex;
							align-items: center;
				}
				.caution{
					text-align: center;
					width: 100%;
					    display: block;
    text-align: center;
    font-size: 0.9em;
    line-height: 1;
				}
  @media screen and (max-width: 768px) {
		#Search_area.sa2025 select{
			width: 100%
		}
				.field-button{
					width: 65%;
					display:block;
					margin: 0 auto 10px;
					align-items: center;
				}
	.sub-bgcolor {
    padding: 8px;
    width: 100%;
    background-color: #4c4948;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1.5;
					color: #fff;
    border-radius: 0;
}

				}