@charset "utf-8";

/* 宿泊専用サブ ナビ */

/* トップイメージ */
div.top-image-box-stay{
    background-size:cover;
    position:relative;
    min-height:calc(100vh - 120px);

}

/* 宿泊料金非表示 */
.stayprice{display:none;}
.stay-image-box{ max-width:800px;}

#p001{ margin-top:-58px; padding-top:58px;}

dl.stay-spec-box dt{ margin-bottom:0.5em;}
dl.stay-spec-box dd{ margin-bottom:1.5em;}

div#more-room-list{ margin-bottom:20px; }

#roomtype-box h4,
.room-type-title-01{
    font-family:'Times New Roman' ,"Roboto Slab" , 'Garamond', "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
    font-size:20px;
    border-left-style: none;
    padding:0 !important;
    font-style:italic;
    font-weight:400;
    line-height:1.2em;
}


#top-stay-margin{ display:none;}
#stay-nav{ background-color:#ddd; border-bottom:solid 1px #ccc; margin-top:0px;}
#stay-nav .row{ max-width:1170px; margin:0 auto;}
#stay-nav ul{ margin:0; padding:0;}
#stay-nav li{width:16.66%; text-align:center; list-style-type:none; float:left; margin:0; padding:0; border-right:solid 1px #ccc;}
#stay-nav li:first-child{ border-left:solid 1px #ccc;}
#stay-nav li a{ display:block; padding:10px 0; text-align:center; text-decoration:none; font-size:80%; color:#333;}
#stay-nav li a:hover{ background-color:#eee;}
.visible-600{ display:none;}

.directin_s4_box{ padding:0 0 1rem; max-width:780px; margin:0 auto;}

div#ui-datepicker-div{z-index:9999 !important;}
div#reserve-form-1,
div#reserve-form-2,
div#reserve-form-3,
div#reserve-form-4{ display:inline; padding:5px; text-align:left;}

/* reform 210526 */
#stay-nav li#stay-nav05{ display:none;}
#stay-nav li#stay-nav01,#stay-nav li#stay-nav02,#stay-nav li#stay-nav03,#stay-nav li#stay-nav04,#stay-nav li#stay-nav05,#stay-nav li#stay-nav06{width:20%;}
/* reform 210526 */

.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"]{
    width:360px;
}
.subSection .search-panel-frame{ background-color:#fff; border:solid 1px #ddd;}
.subSection .directin-sp-form{ padding-left:0; padding-right:0;}

.subSection .directin-sp-form .directin-sp-form-date-input-group{
    flex-direction:column;
}

.subSection .directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"]{
    width:100%;
    text-align:center;
}

.subSection .directin-sp-form-input directin-sp-form-nodate-checkbox{ width:100%; padding-top:10px;}

.subSection .directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-nodate-checkbox{ width:100%; padding-top:10px;}

@media (min-width:601px) and (max-width:768px){
#stay-nav li a{ font-size:74%;}
#stay-nav li{ width:33.33%; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}
div.top-image-box-stay{ min-height:calc(100vh - 133px); }
    #top-stay-margin{
        display:inherit;
        height:75px;
    }
/* reform 210526 */
#stay-nav li#stay-nav01,#stay-nav li#stay-nav02,#stay-nav li#stay-nav03,#stay-nav li#stay-nav04,#stay-nav li#stay-nav05,#stay-nav li#stay-nav06{width:33.33%;}
#stay-nav li#stay-nav01,#stay-nav li#stay-nav02{width:50%;}
/* reform 210526 */

}

.visible-s4box{ display:none;}

@media only screen and (max-width:990px){
    /* div#reserve-form-1{ display:block; margin:0 auto; text-align:center;} */
}

@media (max-width:768px){
    .subSection .search-panel-frame{ padding:5px; }
}

@media (max-width:768px) and (min-width:577px){
    .subSection .directin-sp-form{ align-items: flex-start;}
}

@media only screen and (max-width:720px){
    label{width:100% !important;}
    div#reserve-form-1,
    div#reserve-form-2,
    div#reserve-form-3,
    div#reserve-form-4{ display:block; padding:3px 5px;}
    div#reserve-form-4{text-align:center;}
    input#seek{ width:100%;}
    div#reserve-form-1{text-align:left;}
    .visible-s4box{display:inherit;}
}

@media (max-width:600px){
#stay-nav{ border-bottom-style:none;}
#stay-nav .row{ margin:0 -15px;}
#stay-nav li{ width:50%; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc;}
#stay-nav li a{ font-size:74%;}
.visible-600{ display:inherit;}
    #top-stay-margin{ height:110px;}
    #p001{ margin-top:-110px; padding-top:110px;}
div.top-image-box-stay{ min-height:calc(100vh - 169px); }

/* reform 210526 */
#stay-nav li#stay-nav01,#stay-nav li#stay-nav02,#stay-nav li#stay-nav03,#stay-nav li#stay-nav04,#stay-nav li#stay-nav05,#stay-nav li#stay-nav06{width:50%;}
#stay-nav li#stay-nav01{width:100%;}
/* reform 210526 */

}