.directin-sp-form .directin-sp-form-input-group{
  display: block;
}

.directin-sp-form-nodate-checkbox{
  margin-top: 10px;
}

/* 人数・客室数詳細パネルを最初から強制表示 */
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-select-panel {
  position: relative !important; /* 絶対配置から相対配置に変え、フォームの枠を広げる */
  top: 0 !important;
  left: 0 !important;
  visibility: visible !important; /* 非表示属性を強制解除 */
  opacity: 1 !important;          /* 透明度を100%に固定 */
  display: block !important;
  box-shadow: none !important;    /* 浮いているような影が不要であれば削除（お好みで） */
  padding: 0 !important;     /* 周囲の余白をデザインに合わせて調整 */
}

/* 閉じボタン（x）は最初から開いているなら不要なため非表示に */
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-select-panel .directin-sp-form-close-button {
  display: none !important;
}

/* もともとトリガーになっていた「2名 / 1室」の入力欄を非表示、あるいはデザイン調整 */
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-input {
  display: none !important; /* 常時露出させる場合はサマリー入力欄自体を隠すとスッキリします */
}

.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"] {
  width: 100%;
}
.directin-sp-form-label{
  font-weight: 600;
}

.idx-reservation-box form{
  margin-bottom: 0 !important;
}

.directin-sp-form{
  padding: 0 0 15px;
}

.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-select-panel{
  z-index: 1 !important;
}


.directin-sp-form .directin-sp-form-input label input[type="text"],
.directin-sp-form .directin-sp-form-input label select{
  height: 38px;
}

.directin-sp-form .directin-sp-form-submit-button {
    padding-top: 8px;
    display: flex;
    align-items: center;
    width: 240px;
    position: relative;
    left: 143px;
}


@media screen and (max-width: 768px){
  .directin-sp-form .directin-sp-form-submit-button {
    padding-top: 8px;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    left: 0;
  }
}

.directin-sp-form .directin-sp-form-submit-button button{
  background: #675F47;
}
.directin-sp-form .directin-sp-form-submit-button button:hover{
  background: #000;
}

@media screen and (max-width: 768px){
  .directin-sp-form .directin-sp-form-submit-button button{
    background: #675F47;
    padding: 20px 10px;
  }
}

.new-buttonCancel {
  position: absolute;
  left: 35px;
  bottom: 67px;
  box-sizing: border-box;
  border: none;
  display: block;
  font-size: 14px;
  padding: 8px 20px;
  background: #DDD;
  color: #000;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.new-buttonCancel:hover{
  background: #000;
  color: #fff;
}

@media screen and (max-width: 768px){
.new-buttonCancel {
  background: #d7012a;
  color: #fff;
  position: absolute;
  left: auto;
  bottom: auto;
  right: 27px;
  top: 25px;
  }
}

.fix-reservation-wrap {
  z-index: 99999;
}

@media screen and (max-width: 768px){
.btn-plan-list{
  margin: 10px auto;
}
}