@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: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content:space-between;
    align-content:stretch;
    align-items: stretch;
    }
    .mini {
        width:48.75%;
        margin-bottom:1rem;
        border:1px solid #666;
        background: rgba(255,255,255,.4);

        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;
        }
        .plan_img {
            order:1;
            overflow: hidden;
            position: relative;

            flex-wrap: wrap;
            align-items: stretch;
            flex: none;
            display: block;
            flex-basis: auto;
            flex-grow: unset;
            flex-shrink: unset;

            }
            .plan_img img{ display: block; width:240px; min-width:240px; height:auto; }

        .plan_text {
            width:calc(100% - 260px);
            text-align: left;
            order:2;
            margin:1rem 1rem 0;

            flex-wrap: wrap;
            align-items: stretch;
            flex: none;
            display: block;
            flex-basis: auto;
            flex-grow: unset;
            flex-shrink: unset;
            }
        
        
            .plan_text a { text-decoration: none;}
            .plan_text h4 a { color:#26221A; font-weight:500; }
            .plan_text h4 a:hover { color:#807C78; }
            .plan_text h4 { font-size:1rem;padding-bottom:.25rem;margin-bottom:.25rem; border-bottom:2px dotted #666; line-height: 135%; letter-spacing: 0;}
            .plan_text p { font-size:.9375rem; line-height: 135%; color:#26221A; font-weight: 200;}
            
    @media only screen and (max-width: 1087px){
    .mini {
        width:48%;
        flex-wrap: wrap;
        align-items: stretch;
        flex: none;
        display: block;
        flex-basis: auto;
        flex-grow: unset;
        flex-shrink: unset;
        box-sizing: border-box;
        border:none;
        background: none;
        margin-bottom:2rem;
        }
        .plan_img {
            width:100%;
            order:1;
            overflow: hidden;
            position: relative;
            width:100%;
            }
            .plan_img img{ display: block; width:100%; min-width:100%; height:auto; }
        .plan_text { width:100%; text-align: left; order:2;margin:.5rem 0 0;}
    }
    @media only screen and (max-width: 767px){
    .mini { width:100%; }
    }

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

       空室検索

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

.search-wrap {
    padding:20px 1rem;
    height:auto;
    background: #363739;
    box-sizing:border-box;
    }
    .search-wrap h2 {
        float:left;
        width:20%;
        font-size:24px;
        font-weight:700;
        line-height:105%;
        color:#FFF;
        letter-spacing: .1em;
        text-align: center;
        padding-top:15px;
        }
        .search-wrap h2 span {
        font-size:13px;
        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:10px 0 13px 0;
        background:#5B7750;
        border:none;
        color:#fff;
        font-size:1.125rem;
        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:10px 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:4px 0 4px 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: 36px;}
input[type="text"] {box-sizing: border-box;font-size: 12px;}
select {box-sizing: border-box;font-size: 12px; height: 36px;}    
}