.dayContainer .hidden {
display: initial !important;
visibility: hidden;
}
.flatpickr-current-month select{
display: initial !important;
}
.reservation_s_title, .reservation_s_typeplan, .reservation_s_link, .reservation_s_banner, .reservation_s_attention{
width:1000px;
margin:0 auto;
}
.reservation_s_attention{
height:134px;
margin-top:40px;
display:flex;
background-image: url(//www.biei-hotelparkhills.com/app/wp-content/themes/oshin_child/reservation/reservation_s_attention-bg.png);
background-repeat: no-repeat;
background-size: cover; image-rendering: -webkit-optimize-contrast; align-items: center;
justify-content: center;
}
.reservation_s_attention_box{
width:calc(100% - 10px);
height:calc(100% - 10px);
display:flex;
background-color:#FFFFF7;
flex-direction:column;
justify-content: center;
}
.reservation_s_attention_t, .reservation_s_attention_box p{
margin-left:20px;
margin-right:20px;
}
.reservation_s_attention_t strong{
font-size:16px;
color:#333333;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color:#009771;
}
.reservation_s_attention_box p{
font-size:14px;
color:#333333;
margin-top:10px;
line-height:2;
}
.reservation_s_attention_box p a{
text-decoration: underline;
text-underline-offset: 1px;
color:#333333;
}
.reservation_s_attention_t strong br.spbr{
display: none;
}
@media screen and (max-width: 910px) { .reservation_s_attention{
height:auto;
margin-top:40px;
display:flex;
background-image: url(//www.biei-hotelparkhills.com/app/wp-content/themes/oshin_child/reservation/reservation_s_attention-bg.png);
background-repeat: no-repeat;
background-size: cover; image-rendering: -webkit-optimize-contrast; align-items: center;
justify-content: center;
padding-bottom:5px;
}
.reservation_s_attention_box{
width:calc(100% - 10px);
height:100%;
display:flex;
background-color:#FFFFF7;
flex-direction:column;
justify-content: center;
margin-top:5px;
margin-bottom:5px !important;
padding-top:20px;
padding-bottom:20px;
}
.reservation_s_attention_t, .reservation_s_attention_box p{
margin-left:20px;
margin-right:20px;
}
.reservation_s_attention_t{
}
.reservation_s_attention_t strong{
font-size:16px;
color:#333333;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color:#009771;
}
.reservation_s_attention_box p{
font-size:14px;
color:#333333;
margin-top:10px;
line-height:2;
}
.reservation_s_attention_box p a{
text-decoration: underline;
text-underline-offset: 1px;
color:#333333;
}
}
@media screen and (max-width:767px) {
.reservation_s_attention{
height:auto;
margin-top:40px;
display:flex;
background-image: url(//www.biei-hotelparkhills.com/app/wp-content/themes/oshin_child/reservation/reservation_s_attention-bg.png);
background-repeat: no-repeat;
background-size: cover; image-rendering: -webkit-optimize-contrast; align-items: center;
justify-content: center;
padding-bottom:5px;
}
.reservation_s_attention_box{
width:calc(100% - 10px);
height:100%;
display:flex;
background-color:#FFFFF7;
flex-direction:column;
justify-content: center;
margin-top:5px;
margin-bottom:5px !important;
padding-top:20px;
padding-bottom:20px;
}
.reservation_s_attention_t, .reservation_s_attention_box p{
margin-left:20px;
margin-right:20px;
}
.reservation_s_attention_t{
}
.reservation_s_attention_t strong{
font-size:16px;
color:#333333;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color:#009771;
}
.reservation_s_attention_box p{
font-size:14px;
color:#333333;
margin-top:10px;
line-height:2;
}
.reservation_s_attention_box p a{
text-decoration: underline;
text-underline-offset: 1px;
color:#333333;
}
}
@media screen and (max-width:546px) {
.reservation_s_attention_t strong br.spbr{
display: block;
}
}
.reservation_s_title, .reservation_s_banner{
color:#333333;
text-align: center;
}
.reservation_s_title_t{
font-size: 30px;
border-bottom: 3px solid #347f6b;
font-weight: bold;
letter-spacing: 5px;
line-height: 150%;
margin-top:55px;
}
.reservation_s_title_b{
font-size: 20px;
letter-spacing: 15px;
line-height: 100%;
margin-top: 10px;
}
.reservation_s_typeplan,.reservation_s_link{
margin-top:40px;
display: flex;
justify-content: center;
}
.reservation_s_typeplan li{
margin-left:10px;
margin-right:10px;
}
.reservation_s_typeplan li a{
background-color: #ACA4A0;
color: #FFFFFF;
width: 280px;
height: 51px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #6b6a68;
box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
}
.reservation_s_typeplan li a:hover{
background-color: #BFBDBC;
}
.reservation_s_link li{
margin-right:37px;
}
.reservation_s_link li:last-child{
margin-right:0px;
}
.reservation_s_link li a{
color: #6A6A6A;
text-decoration: underline;
font-size:14px;
}
.reservation_s_link li a:after{
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url(//www.biei-hotelparkhills.com/app/wp-content/themes/oshin_child/img/allow_right.png);
background-size: contain;
vertical-align: middle;
margin-left:10px;
}
input[type=checkbox]#js-yprox-searchForm__noDate{
width:25px;
height:25px;
padding: 0 !important;
margin: 0 !important;
margin-left: 5px !important;
}
.js-yprox-searchForm__wrpCheckInn{
max-width:425px !important;
}
.js-yprox-searchForm__wrpAdults, .js-yprox-searchForm__wrpRooms{
width:160px !important;
}
select#js-yprox-searchForm__adults, select#js-yprox-searchForm__rooms{
color:#333 !important;
padding-left: 13px;
padding-right: 13px;
height: 50px;
font-size: 15px !important;
font-weight: bold !important;
width:100%;
}
.reservation_s_banner{
}
.reservation_s_banner-PC{
display:flex;
width:752px;
height:91px;
background-image: url(//www.biei-hotelparkhills.com/app/wp-content/themes/oshin_child/reservation/reservation_s_banner-PC.png);
background-repeat: no-repeat;
background-size: 100%; margin:0 auto;
align-items: center;
image-rendering: -webkit-optimize-contrast; }
.reservation_s_banner-PC h2{
color:#fff;
font-size:32px !important;
font-weight: 600;
line-height: 1.2;
margin-bottom:0px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
margin-left:122px;
}
.reservation_s_banner-PC p{
color:#fff;
font-size:20px;
font-weight: 600;
line-height: 1.2;
margin-bottom:0px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
margin-left:25px;
}
.reservation_s_banner-PC p strong{
color: #F4DD91;
text-decoration: underline;
text-underline-offset: 5px;
}
.reservation_s_banner-SP{
display:flex;
width:364px;
height:70px;
background-image: url(//www.biei-hotelparkhills.com/app/wp-content/themes/oshin_child/reservation/reservation_s_banner-SP.png);
background-repeat: no-repeat;
background-size: 100%; margin:0 auto;
flex-direction:column;
text-align:left;
align-items: flex-start;
justify-content: center;
image-rendering: -webkit-optimize-contrast; }
.reservation_s_banner-SP h2{
color:#fff;
font-size:24px !important;
font-weight: 600;
line-height: 1;
margin-bottom:0px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
margin-left:103px;
}
.reservation_s_banner-SP p{
color:#fff;
font-size:14px;
font-weight: 600;
line-height: 1;
margin-bottom:0px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
margin-left:103px;
margin-top:4px;
}
.reservation_s_banner-SP p strong{
color: #F4DD91;
text-decoration: underline;
text-underline-offset: 5px;
}
@media screen and (max-width: 851px) {
.reservation_s_banner-PC{
width:88.367vw;
height:10.693vw;
}
.reservation_s_banner-PC h2{
font-size:3.76vw !important;
margin-left:14.336vw;
}
.reservation_s_banner-PC p{
font-size:2.35vw;
margin-left:2.938vw;
}
.reservation_s_banner-PC p strong{
}
}
@media screen and (max-width: 420px) {
.reservation_s_banner-SP{
width:86.667vw;
height:16.667vw;
}
.reservation_s_banner-SP h2{
font-size:5.714vw !important;
margin-left:24.524vw;
}
.reservation_s_banner-SP p{
font-size:3.333vw;
margin-left:24.524vw;
margin-top:0.952vw;
}
.reservation_s_banner-SP p strong{
}
}
.reservation_s_typeplan li a br.spbr{
display: none;
}
@media screen and (max-width: 370px) {
.reservation_s_typeplan li a br.spbr{
display: block;
}
.reservation_s_typeplan li{
text-align: center;
line-height: 1.2;
}
.reservation_s_link{
height:100px !important;
justify-content: space-between;
flex-direction: column;
}
.reservation_s_link li{
width:100% !important;
}
}
@media screen and (min-width: 641px) {
.reservation_s_banner-SP{
display:none;
}
}
@media screen and (max-width: 640px) {
.reservation_s_banner-PC{
display:none;
}
}
ul li, ol li {
margin-bottom: initial;
}
ul, ol {
padding-left: initial;
}
.tatsu-HyuElhACh input[type="text"]{
padding: initial;
width: initial;
margin-bottom: initial;
border: initial;
text-indent: initial;
font-size: initial;
color: initial;
font: initial;
line-height: initial;
height:initial;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
font-family: "Yu Mincho", "YuMincho","Noto Serif JP", serif !important;
font-size: 0.8rem;
}
.tatsu-HyuElhACh input[type="submit"], 
.tatsu-HyuElhACh .action-button .be-button,
.tatsu-HyuElhACh input[type="button"], 
.tatsu-HyuElhACh input[type="submit"], 
.tatsu-HyuElhACh input[type="reset"],
.tatsu-HyuElhACh button {
border: initial;
cursor: initial;
display: initial;
margin: initial;
text-decoration:  initial;  
border-radius:  initial;
-moz-border-radius:  initial;
-webkit-border-radius:  initial;
line-height:  initial;
padding:  initial;
text-transform:  initial;
letter-spacing:  initial;
} 
.tatsu-H1wh2Qrh1e{
line-height: initial;
padding-top: 57px;
padding-bottom: 57px;
}
.tatsu-H1wh2Qrh1e.tatsu-text-block-wrap {
width: initial;
margin-bottom: initial;
}
.tatsu-module.tatsu-text-block-wrap.tatsu-H1wh2Qrh1e {
background: #fff !important;
}
select#js-yprox-searchForm__adults, select#js-yprox-searchForm__rooms{
font-family: "Yu Mincho", "YuMincho","Noto Serif JP", serif !important;
border:1px solid #6a6a6a;
background:#fff;
border-radius:5px;
-webkit-appearance: none;
appearance: none;
background-image: url(//www.biei-hotelparkhills.com/app/wp-content/themes/oshin_child/img/allow_bottom.png);
background-repeat: no-repeat;
background-size: 16px auto; background-position: right 8px center; }
.flatpickr-wrapper{
max-width:331px;
align-items: center;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26.791' viewBox='0 0 24 26.791'%3E%3Cg%3E%3Cpath fill='%23232323' d='M2.233 2.791h19.534A2.235 2.235 0 0 1 24 5.024v19.534a2.235 2.235 0 0 1-2.233 2.233H2.233A2.235 2.235 0 0 1 0 24.558V5.024a2.235 2.235 0 0 1 2.233-2.233Zm19.534 22.326a.559.559 0 0 0 .558-.558V5.024a.559.559 0 0 0-.558-.558H2.233a.559.559 0 0 0-.558.558v19.534a.559.559 0 0 0 .558.558Z' /%3E%3Cpath d='M23.163 10.046H.837a.837.837 0 0 1 0-1.674h22.326a.837.837 0 1 1 0 1.674Z'/%3E%3Cpath d='M17.581 4.465a.837.837 0 0 1-.837-.837V.837a.837.837 0 0 1 1.674 0v2.791a.837.837 0 0 1-.837.837Z'/%3E%3Cpath d='M6.418 4.465a.837.837 0 0 1-.837-.837V.837a.837.837 0 1 1 1.674 0v2.791a.837.837 0 0 1-.837.837Z'/%3E%3Cg%3E%3Cpath d='M11.999 19.255a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M6.418 19.255a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M17.581 13.674a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M11.999 13.674a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M6.418 13.674a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M17.581 19.255a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 20px;
background-position: 13px center;
}
.js-yprox-searchForm__checkInnOut {
font-size: 15px !important;
display: flex !important;
width: 250px !important;
font-weight: bold !important;
margin-left: 35px;
}
.js-yprox-searchForm__boxNoDate {
display: flex !important;
align-items: center !important;
margin-left: 10px !important;
}
@media screen and (max-width:1024px) {
.reservation_s_title, .reservation_s_typeplan, .reservation_s_link, .reservation_s_attention{
max-width: calc(100% - 50px);
margin:0 auto;
}
.reservation_s_banner{
width:100% !important;
margin:0 auto;
}
.yprox_theme--default .inner{
width:100%; margin:0 auto;
flex-wrap: nowrap !important;
}
.yprox_theme--default[data-calendar] {
max-width: calc(100% - 50px) !important;
margin:0 auto;
}
.yprox_theme--default[data-calendar] .inner input[type="submit"] {
width: 10% !important;
letter-spacing: 0px !important;
}
.js-yprox-searchForm__wrpAdults, .js-yprox-searchForm__wrpRooms {
width: 20% !important;
}
.js-yprox-searchForm__wrpCheckInn{
min-width: 400px !important;
max-width: 400px !important;
}
.js-yprox-searchForm__boxNoDate {
margin-left: 5px !important;
}
.flatpickr-wrapper {
max-width: 300px !important;
}
.reservation_s_typeplan, .reservation_s_link, .reservation_s_attention{
margin-top: 40px !important;
}
}
@media screen and (max-width:900px) {
.js-yprox-searchForm__wrpAdults, .js-yprox-searchForm__wrpRooms {
width: 18% !important;
}
.yprox_theme--default[data-calendar] .inner input[type="submit"] {
width: 9% !important;
letter-spacing: 0px !important;
}
}
@media screen and (max-width:820px) {
.js-yprox-searchForm__wrpAdults, .js-yprox-searchForm__wrpRooms {
width: 17% !important;
}
.yprox_theme--default[data-calendar] .inner input[type="submit"] {
width: 8% !important;
letter-spacing: 0px !important;
}
}
@media screen and (max-width:790px) {
.js-yprox-searchForm__wrpAdults, .js-yprox-searchForm__wrpRooms {
width: 15% !important;
}
.yprox_theme--default[data-calendar] .inner input[type="submit"] {
width: 7% !important;
letter-spacing: 0px !important;
}
}
@media screen and (max-width:767px) {
.yprox_theme--default .inner {
flex-wrap: wrap !important;
}
.flatpickr-wrapper {
max-width: 100% !important;
min-width: 100%;
}
.js-yprox-searchForm__wrpAdults, .js-yprox-searchForm__wrpRooms {
width: initial !important;
}
.yprox_theme--default[data-calendar] .inner input[type="submit"] {
width: 100% !important;
letter-spacing: 2px !important;
}
.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn{
margin-top:16px;
}
.reservation_s_title, .reservation_s_typeplan, .reservation_s_link, .reservation_s_attention{
width:calc(100% - 50px);
margin:0 auto;
}
.reservation_s_banner{
width:100% !important;
margin:0 auto;
}
.yprox_theme--default .inner {
width:100%;
margin:0 auto;
}
.js-yprox-searchForm__wrpCheckInn {
max-width: initial !important;
}
.flatpickr-wrapper {
max-width: initial;
}
.js-yprox-searchForm__boxNoDate {
margin-left: 0px !important;
}
.js-yprox-searchForm__wrpAdults, .js-yprox-searchForm__wrpRooms {
width: 49% !important;
}
.reservation_s_typeplan, .reservation_s_link, .reservation_s_attention{
margin-top: 40px !important;
}
.reservation_s_typeplan{
}
.reservation_s_typeplan li{
margin-left: 0px;
margin-right: 0px;
width: 50% !important;
}
.reservation_s_typeplan li:first-child{
margin-right:5px;
}
.reservation_s_typeplan li:last-child{
margin-left:5px;
}
.reservation_s_typeplan li a{
width:100%;
}
.reservation_s_title_t{
font-size:24px;
margin-top: 25px;
}
.reservation_s_title_b{
font-size:16px;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
flex: 0 !important;
}
.js-yprox-searchForm__wrpCheckInn {
min-width: 100% !important;
}
.js-yprox-searchForm__checkInnOut{
width: 100% !important;
}
}
@media screen and (max-width:365px) {
.js-yprox-searchForm__checkInnOut {
letter-spacing:-1px;
}
}
@media screen and (max-width:630px) {
.reservation_s_link{
flex-wrap: wrap;
height: 70px;
align-content: space-between;
}
.reservation_s_link li:first-child{
width:100%;
}
.reservation_s_link li{
margin-right: 0px;
width:50%;
}
}
@media screen and (max-width:414px) {
.reservation_s_typeplan li a{
font-size:15px;
}
} .yprox_theme--default .inner label {
display: block;
font-size: 0.8rem;
margin-bottom: .3rem;
color:#347f6b;
font-size:14px;
font-weight:bold;
}
.js-yprox-searchForm__boxNoDate label{
color:#333333 !important;
} .yprox_theme--default .inner input:not([type="submit"]):not([type='checkbox']):not([type='radio']):not([type='number']):not([type='text']) {
display: block;
width: 100%;
}
.yprox_theme--default .inner input[type="submit"] { font-family: "Yu Mincho", "YuMincho","Noto Serif JP", serif !important;
background-color: #ACA4A0;
color: #FFFFFF;
width: 194px;
height: 50px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #6b6a68;
box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
letter-spacing: 5px;
}
@media (hover: hover) and (pointer: fine) {
.yprox_theme--default .inner input[type="submit"]:hover {
opacity: .7;
}
}
.yprox_theme--default .inner input[name="dt"] {
display: none !important;
}  .yprox_theme--default[data-calendar] {
max-width: 1000px;
margin: 0 auto;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
background-color: #fff;
border: 1px solid #6a6a6a; border-radius:5px;
padding-left: 13px;
padding-right: 13px;
height:50px;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper[disabled="disabled"] {
opacity: .5;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper::before {      }
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper input[type="text"] {
display: block;
background-color: transparent;
border: none;
cursor: pointer;
appearance: none; } .yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
padding: .5rem;
display: block;
} .yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn br {
display: none;
}
.yprox_theme--default .inner .js-yprox-searchForm__boxNoDate label {
display: inline-block;
vertical-align: middle;
}
.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn span {
display: inline-block;
}
.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn span em {
font-size: 0.8rem;
margin-left: .2rem;
} @media screen and (min-width: 768px) {
.yprox_theme--default .inner {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 40px;
justify-content: space-between;
}
.yprox_theme--default .inner .js-yprox-searchForm__boxNoDate {
display: block; margin-left: .3rem;
align-self: center;
}
.yprox_theme--default .inner .js-yprox-searchForm__boxNoDate label {
margin-bottom: 0;
}
.yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
padding: .5rem;
display: block;
width: calc(100% - 1rem);
} .yprox_theme--default input[type="checkbox"] { }
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn {
flex: 1;
display: flex;
flex-wrap: wrap;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpAdults {
width: 18%
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpNights,
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpRooms {
width: 18%;
}
.yprox_theme--default[data-calendar] .inner input[type="submit"] {
width: 194px;
align-self: flex-end;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn > label {
width: 100%;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
flex: 1;
display: flex;
} .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn {
flex: 1;
display: flex;
flex-wrap: wrap;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn > label {
width: 100%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate) {
display: flex;
align-items: center;
width: 20%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span.js-yprox-searchForm__boxCheckin-year {
width: 33%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:nth-of-type(n+2) {
margin-left: .5rem;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpAdults {
width: 20%
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpNights,
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpRooms {
width: 12%;
}
} @media screen and (max-width: 1024px) and (min-width: 768px) { .yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
padding: .5rem;
display: block;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn {
flex: 1;
display: flex;
flex-wrap: wrap;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn > label {
width: 100%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate) {
width: 20%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span.js-yprox-searchForm__boxCheckin-year {
width: 26%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:nth-of-type(n+2) {
margin-left: .5rem;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpAdults {
width: 18%
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpNights {
width: 11%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpRooms {
width: 13%;
} .yprox_theme--default:not([data-calendar]) .inner select:not(.flatpickr-monthDropdown-months) {
padding: .5rem .2rem;
}
} @media screen and (max-width: 767px) {
.flatpickr-calendar, .flatpickr-days {
width: auto !important;
}
.yprox_theme--default .inner {
display: flex;
flex-wrap: wrap;
}
.yprox_theme--default[data-calendar] .inner div:nth-of-type(3) {
margin-left: auto;
}
.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.yprox_theme--default .inner .js-yprox-searchForm__boxNoDate {
display: block;
margin-top: .3rem;
}
.yprox_theme--default .inner .js-yprox-searchForm__wrpAdults,
.yprox_theme--default .inner .js-yprox-searchForm__wrpRooms,
.yprox_theme--default .inner .js-yprox-searchForm__wrpNights {
width: 48%;
margin-bottom: 1rem;
}
.yprox_theme--default .inner input[type="submit"] {
width: 100%;
margin: 0 auto;
}
.yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
width: 100%;
}
.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn > label {
width: 100%;
} .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
flex: 1;
display: flex;
}
.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__boxNoDate {
width: 100%;
} .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpAdults {
width: 100%;
}
.yprox_theme--default:not([data-calendar]) .inner div:nth-of-type(4) {
margin-left: auto;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate) {
display: flex;
align-items: center;
width: 32%;
}
.yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate):nth-of-type(n+2) {
margin-left: 2%;
}
}