@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/*==================================================================================================

      　リセット

===================================================================================================*/

/* iOSでのデフォルトスタイルをリセット */
        input[type="submit"],
        input[type="button"] {
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        appearance: button;
        border: none;
        box-sizing: border-box;
        cursor: pointer;
        }
        input[type="submit"]::-webkit-search-decoration,
        input[type="button"]::-webkit-search-decoration {
        display: none;
        }
        input[type="submit"]::focus,
        input[type="button"]::focus {
        outline-offset: -2px;
        }
        select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        outline: none;
        background: transparent;
        }
        button,
        input[type="submit"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0;
        border: none;
        outline: none;
        background: transparent;
        }
        input[type="radio"] {
        display: none;
        }
        input[type="radio"]:checked + label {
        background: #ff0000;
        }

/*==================================================================================================

      　RSS

===================================================================================================*/

.plan_rss {
        width:100%;
        height:100%;
        }
        .mini {
        position: relative;
        width:100%;
        box-sizing: border-box;
        margin-bottom:2rem;
        display: flex;
        display: -webkit-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content:space-between;
        align-content:stretch;
        align-items: flex-start;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: nowrap;
        }
        .plan_rss .mini:last-child { margin-bottom: 0; }
        .plan_img {
        width:25%;
        order:2;
        overflow: hidden;
        position: relative;
        border-radius: 0px;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        flex-wrap: wrap;
        align-items: stretch;
        flex: none;
        display: block;
        flex-basis: auto;
        flex-grow: unset;
        flex-shrink: unset;
        }

        .plan_img a { display:block; overflow: hidden;}
        .plan_img img { display: block; width:100%; min-width:100%; height:auto; border-radius: 0px; }
        .plan_img a:hover { opacity:1; }
        .plan_img:hover img {
        opacity: 1;
        -moz-transform:    scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform:     scale(1.1);
        transform:         scale(1.1);
        }
        .plan_text {
        position: relative;
        text-align: left;
        width:75%;
        padding:0 3%;
        box-sizing: border-box;
        order:1;
        flex-wrap: wrap;
        align-items: stretch;
        flex: none;
        display: block;
        flex-basis: auto;
        flex-grow: unset;
        flex-shrink: unset;
        }
        .plan_text h3 { font-size:1.15rem; padding-bottom:.5rem; margin-bottom:.75rem; line-height: 160%; letter-spacing: 0; font-weight:500; border-bottom:1px solid #707070; }
        .plan_text a { text-decoration: none; display: block; position: relative;}
        .plan_text h3 a { color:#111;}
        .plan_text h3 a:hover { opacity:.6; }

        .plan_text p { font-size:1rem; line-height: 140%; color:#111;}

        @media only screen and (max-width: 1239px){
        .plan_text h3 { padding-bottom:.5rem; margin-bottom:.5rem; }
        .plan_text p { line-height: 160%; }
        }

        @media only screen and (max-width: 1024px){
        .plan_rss { max-width: 750px; margin:0 auto;}
        .mini {  }
        .plan_text h3 { line-height: 140%; }
        .plan_text p { line-height: 140%; }
        }
        @media only screen and (max-width: 767px){
        .plan_rss { max-width: 270px;}
        .mini { flex-wrap: wrap;  }
        .plan_img { order:1; width:100%; flex: none; }
        .plan_text { order:2; width:100%; flex: none; }
        .plan_text h3 { padding:1rem 0 .5rem;}
        }

/*==================================================================================================

       空室検索

===================================================================================================*/

.search-container {
        position: relative;
        z-index: 5;
        }


    .search-wrap {
        position: relative;
        width:100%;
        background: url("../assets/images/parts/search-bg.jpg") center center / cover;
        border-radius: 5px;
        position: relative;
        padding: 34px 25px 34px;
        box-sizing: border-box;
        z-index: 1000;
        }

        .search {
        width:100%;
        }

        .plan_form { max-width:900px; width:100%; line-height: 1; margin:0 auto; color:#333;}
        .plan_form .form_box {display: flex; flex-wrap: wrap; justify-content:space-between;  }
        .plan_form .title {margin:0px 0 5px 0; padding:0; text-align: left; font-size:12px; letter-spacing: 0; height:19px; color:#333; font-weight: 500; display: inline-block; }
        .plan_form span { margin:0 10px 0 0;}
        .plan_form select { position: relative; border:1px solid rgba(0,0,0,.7); padding:2px 10px; border-radius:2px; background:#FFF; font-family: 'Noto Sans JP', serif; text-align: left; height:28px; -webkit-appearance: auto; -moz-appearance: auto;}
        .plan_form input  { position: relative; border:1px solid rgba(0,0,0,.7); padding:2px 10px; border-radius:2px; background:#FFF; font-family: 'Noto Sans JP', serif; text-align: left; }
        .plan_form .check_in { width:100%; text-align: left;}
        .plan_form .check_in input {width:110px; cursor: pointer;  box-sizing: border-box; height:28px; }
        .plan_form .undecided {width:100%; text-align: left;}
        .plan_form .undecided input{margin:15px 0 0 0; width:20px;}
        .plan_form .guests{width:100%; text-align: left;}
        .plan_form .guests select{width:100px;}
        .plan_form .type {width:100%; text-align: left;}
        .plan_form .type select{width:100px;}
        .plan_form .price {width:100%; text-align: left;}
        .plan_form .price span {width:10px; text-align: left; margin:0;}
        .plan_form .search_btn .btn {
        width:150px;
        height:40px;
        line-height: 40px;
        margin:0 auto 0;
        padding:0;
        background:#111;
        border-radius: 3px;
        border: none;
        box-sizing: border-box;
        color:#FFF;
        font-size:14px;
        letter-spacing: .15em;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
        font-family: 'Noto Sans JP', sans-serif;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: relative;
        }
        .search_btn { width:150px; margin:12px auto 0; }
        
        .plan_form .search_btn .btn:hover { opacity: .75;}
        .plan_form .option-input{position:relative;  cursor: pointer;}
        .plan_form .option-input:before { position: absolute; z-index: 1; top: 22%; left: 20%; width: 0.75rem; height: 0.375rem; content: ''; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); border: 2px solid #222; border-top-style: none; border-right-style: none;}
        .plan_form .option-input:checked:before { -webkit-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1);}
        .plan_form .option-input:after { position: absolute; top: -0.125rem; left: 0; width:20px; height:20px; content: ''; cursor: pointer; border: 1px solid #666; background: #ffffff; box-sizing: border-box;}

        @media only screen and (max-width: 1024px){

        }

        @media only screen and (max-width: 767px){
        .search-wrap { background: none; box-shadow: none; }
        .search-wrap:before { display: none; }
        
        .search-container { background: url("../assets/images/parts/search-bg.jpg") center center / cover; padding: 18px 15px 0; box-sizing:border-box;  }
        .search-wrap { padding:0; }
        .plan_form{ width:100%; max-width:270px; padding:10px 0px; position: relative;}
        .plan_form .form_box{display: flex; flex-wrap: wrap; justify-content:space-between;}
        .plan_form .form_box div { padding-bottom:0;}
        .plan_form .title{margin:0 0; padding:0; text-align: center; font-size:12px; height:19px; display: block; }
        .plan_form span{margin:0 10px 0 0;}
        .plan_form select {position: relative;border-radius: 2px;border: 1px solid #b1aead; background: #ffffff; padding:3px 10px; height:38px; }
        .plan_form input{position: relative;border-radius: 2px;border: 1px solid #b1aead; background: #ffffff; padding:3px 10px;}
        .plan_form .check_in {width:48%; text-align: center; margin:0 0 10px 0;}
        .plan_form .check_in input{width:100%; min-height:unset; height: 38px; }
        .plan_form .undecided {width:50%; text-align: center; margin:0 0 10px 0;}
        .plan_form .undecided input{margin:9px 0 0 0;}
        .plan_form .guests{width:48%; text-align: center; margin:0 0 11px 0;}
        .plan_form .guests select{width:100%;}
        .plan_form .type {width:48%; text-align: center; margin:0 0 11px 0;}
        .plan_form .type select{width:100%;}
        .plan_form .price {width:100%; text-align: center; display: flex; flex-wrap: wrap; justify-content:center; align-items: center;}
        .plan_form .price .title{width:100%;}
        /* .plan_form .price select{width:46%;} */
        .plan_form .price span {width:10px; text-align: center; padding:0 6px 0 0;}
        .plan_form .search_btn{width:100%;}
        .plan_form .search_btn .btn{ width:100%;  height:50px; line-height: 50px; font-size:16px; border-radius: 3px; }
        .search_btn { margin-top:15px; height:58px; }

        .plan_form .arrow {margin-top: 10px;} 
        .plan_form select { color:#111; }
        .plan_form input { color:#111; }
        .plan_form .option-input{ position:relative;  cursor: pointer; height: auto;}
        .plan_form .option-input:before { position: absolute; z-index: 1; top: 0.125rem; left: 0.1875rem; width: 0.75rem; height: 0.375rem; content: ''; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); border: 2px solid #330301; border-top-style: none; border-right-style: none;}
        .plan_form .option-input:checked:before { -webkit-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1);}


        input{ height: 45px; color: #222; }
        input[type="text"] { box-sizing: border-box;font-size: 16px; color: #222; }
        select {box-sizing: border-box;font-size: 16px; height: 34px; color: #222; } 
        }
/*==================================================================================================

       Rss カレンダー

===================================================================================================*/

.ui-datepicker table { line-height: 25px; }
        @media screen and (max-width:767px) {
        .ui-datepicker table { line-height: 22px; }
        }