@charset "utf-8";
/*==================================================================================================

      　リセット

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

/* 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 20200412 / pc:4 tab:2 sp:2

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

.plan_rss {
    width:100%;
    height:100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content:space-between;
    align-content:stretch;
    align-items: stretch;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    }
    .mini {
        width:31.578947%;
        flex-wrap: wrap;
        align-items: stretch;
        flex: none;
        display: block;
        flex-basis: auto;
        flex-grow: unset;
        flex-shrink: unset;
        box-sizing: border-box;
        }
        .plan_img {
            width:100%;
            order:1;
            overflow: hidden;
            position: relative;
            width:100%;
            -webkit-transition: all 0.3s ease;
               -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                 -o-transition: all 0.3s ease;
                    transition: all 0.3s ease;
            }
            .plan_img img{ display: block; width:100%; min-width:100%; height:auto; }
            .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 { width:100%; background: #FFF; padding:1rem 0; box-sizing: border-box; text-align: left; order:2;}
            .plan_text a { text-decoration: none;}
            .plan_text h4 a { color:#9F3248; font-weight:500; }
            .plan_text h4 a:hover { opacity: .6; }
            .plan_text h4 { font-size:1rem; padding-bottom:.75em; line-height: 150%; letter-spacing: 0; }
            .plan_text p { font-size:.9275rem; line-height: 150%; color:#333}
            
    @media only screen and (max-width: 1087px){
    .plan_rss { flex-wrap: wrap;}
    }
    @media only screen and (max-width: 767px){
    .mini { width:100%; padding-bottom: 1.5rem; }
    }


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

       空室検索

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

.search-wrap {
    padding:25px 1rem;
    height:auto;
    box-sizing:border-box;
    background: #0F0F0F;
    }
    .search-wrap h2 {
        position: relative;
        float:left;
        width:20%;
        font-size:24px;
        font-weight:400;
        line-height:105%;
        color:#FFF;
        letter-spacing: .1em;
        text-align: center;
        padding-top:15px;
        z-index: 1;
        }
        .search-wrap h2:before {
            content: "";
            display:block;
            position: absolute;
            left:50%;
            margin-left:-90px;
            top:-5px;
            width:80px;
            height:80px;
            background: url("../images/parts/search.png") center center / cover;
            z-index: -1;
            }
        .search-wrap h2 span {
        font-size:10px;
        letter-spacing: 0.05em;
        font-weight:200;
        }
    .search {
        float:right;
        width:80%;
        }

.plan_form { max-width:890px; width:100%; line-height: 1; margin:0 auto; color:#FFF;}
.plan_form .form_box {display: flex; flex-wrap: wrap; justify-content:space-between; 
    padding-top:5px;
    }
.plan_form .title {margin:0 0 5px 0; padding:0; text-align: center; font-size:14px; height:21px; color:#FFF;}
.plan_form span { margin:0 10px 0 0;}
.plan_form select { position: relative;border-radius: 1px;border: 1px solid #7D7675; background: #ffffff; padding:13px; }
.plan_form input {position: relative;border-radius: 1px;border: 1px solid #7D7675; background: #ffffff; padding:13px; }
.plan_form .check_in {width:auto; text-align: center;}
.plan_form .check_in input {width:100px; cursor: pointer; min-height: 48px; box-sizing: border-box;}
.plan_form .undecided {width:auto; text-align: center;}
.plan_form .undecided input{margin:14px 0 0 0;}
.plan_form .guests{width:auto; text-align: center;}
.plan_form .guests select{width:100px;}
.plan_form .type {width:auto; text-align: center;}
.plan_form .type select{width:100px;}
.plan_form .price {width:auto; text-align: center;}
.plan_form .price span {width:10px; text-align: center; margin:0;}
.plan_form .search_btn .btn {
        width:120px;
        margin:10px auto 0;
        padding:17px 0 17px 0;
        background:#AA9B3C;
        line-height: 1;
        letter-spacing: .1em;
        border:none;
        color:#FFF;
        font-size:1.1rem;
        font-weight: 700;
        font-family: 'Noto Sans JP', serif;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
        }
.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: 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);}
.plan_form .option-input:after { position: absolute; top: -0.125rem; left: 0; width: 1rem; height: 1rem; content: ''; cursor: pointer; border: 2px solid #330301; background: #ffffff;}

@media only screen and (max-width: 1087px){
    .search-wrap { padding:10px 1rem 0; }
    .search-wrap h2 { display:none;}
    .search { float:none; width:100%; max-width: 420px; margin:0 auto;}
    .form_box div { padding-bottom:1rem;}
}

@media only screen and (max-width: 767px){
.search-wrap { padding:13px 1rem; }

.plan_form{ width:100%; max-width:270px; padding: 0; 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 5px 0; padding:0; text-align: center; font-size:12px; height:18px;}
.plan_form span{margin:0 10px 0 0;}
.plan_form select{position: relative;border-radius: 1px;border: 1px solid #7D7675; background: #ffffff; padding:8px 10px;}
.plan_form input{position: relative;border-radius: 1px;border: 1px solid #7D7675; background: #ffffff; padding:8px 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; }
.plan_form .undecided {width:50%; text-align: center; margin:0 0 10px 0;}
.plan_form .undecided input{margin:14px 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:space-between; 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%; margin:15px auto 0; padding:13px 0 13px 0;}

.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);}
.plan_form .option-input:after { position: absolute; top: -0.125rem; left: 0; width: 1rem; height: 1rem; content: ''; cursor: pointer; border: 2px solid #330301; background: #ffffff;}
    
input{ height: 45px;}
input[type="text"] {box-sizing: border-box;font-size: 12px;}
select {box-sizing: border-box;font-size: 12px; height: 36px;}    
}