@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;
        }
        .CheckboxInput {
        padding: 7px 15px;
        display: flex;
        align-items: center;
        cursor: pointer;
        }
        .CheckboxInput-Input {
        margin: 0;
        width: 0;
        opacity: 0;
        }
        .CheckboxInput:hover{}
        .CheckboxInput-Input:focus + .CheckboxInput-DummyInput{}
        .CheckboxInput-Input:checked + .CheckboxInput-DummyInput {
        /*チェックボックス背景色*/	
        background: #005982; 
        }
        .CheckboxInput-Input:checked + .CheckboxInput-DummyInput::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40%;
        height: 4px;
        border-radius: 2px;
        transform: translate(-5px, 2px) rotateZ(-135deg);
        transform-origin: 2px 2px;
        background: #FFFFFF;
        }
        .CheckboxInput-Input:checked + .CheckboxInput-DummyInput::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 76%;
        height: 4px;
        border-radius: 2px;
        transform: translate(-5px, 2px) rotateZ(-45deg);
        transform-origin: 2px 2px;
        background: #FFFFFF;
        }
        .CheckboxInput-DummyInput {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 22px;
        height: 22px;
        border: solid 2px transparent;
        background: rgba(0,0,0, .1);
        border-radius: 4px;
        }
        .CheckboxInput-LabelText {
        margin-left: 12px;
        display: block;
        font-size: 18px;
        font-weight: bold;
        }

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

      　RSS

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

.plan_rss {
        margin:0 -1.5% ;
        display: flex;
        flex-wrap: wrap;
        }
        .mini {
        flex: none;
        width: 25%;
        display: block;
        padding:0 1.5%;
        box-sizing: border-box;
        }

        .plan_img {
        width:100%;
        order:1;
        position: relative;
        border-radius:0px;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        }

        .plan_img a { display:block; overflow: hidden;border-radius:0px; }
        .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; width:100%; text-align: left; order:2; padding:1rem 0 0; box-sizing: border-box; }
        .plan_text h3,.plan_text h4 { position: relative; font-size:1rem; line-height: 150%; letter-spacing: 0; font-weight:500; font-family: "Zen Old Mincho", serif; }

        .plan_text a { text-decoration: none; display: block; position: relative;}
        .plan_text h3 a,.plan_text h4 a { color:#3D3025;}
        .plan_text h3 a:hover,.plan_text h4 a:hover { opacity:.6; }

        .plan_text p { font-size:.9375rem; line-height: 150%; color:#3D3025;}

        @media only screen and (max-width: 1024px){
        .plan_rss { margin:0 -3%; max-width: 560px; }
        .mini { width: 50%; padding:0 3%; margin-bottom: 5%; }
        .mini:nth-child(2) { border-right: none; }
        }
        @media only screen and (max-width: 767px){
        .plan_rss { margin:0 auto; max-width: 330px; }
        .mini { width: 100%; margin:0 0 12%; padding:0; border-right: none; }
        .mini:last-child { margin-bottom:0rem; }
        }

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

       空室検索

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

/* ▼▼ Liberty基本設定 変更しない ▼▼ */

.plan_form{width:800px;}
.plan_form .form_box{display: flex; flex-wrap: wrap; justify-content:space-between;}
.plan_form .title{margin:0 0 5px 0; padding:0; text-align: center; font-size:14px; font-weight: bold;}
.plan_form span{margin:0;}
.plan_form select{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form input{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form .check_in {width:auto; text-align: center;}
.plan_form .check_in input{width:100px; cursor: pointer;}
.plan_form .undecided {width:auto; text-align: center;}
.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:100px; margin:20px auto; padding:10px 0 10px 0; background-position:right 15px center; border:none; color:#fff; font-size:18px; cursor: pointer;background:#005982;}
.plan_form .option-input{position:relative;  cursor: pointer;}

@media only screen and (max-width: 767px){
.plan_form {width:auto; padding: 20px; position: relative;}
.plan_form .form_box{display: flex; flex-wrap: wrap; justify-content:space-between;}
.plan_form .title{margin:0 0 5px 0; padding:0; text-align: center; font-size:16px; font-weight: bold;}
.plan_form span{margin:0;}
.plan_form select{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form input{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form .check_in {width:48%; text-align: center; margin:0 0 20px 0;}
.plan_form .check_in input{width:100%;}
.plan_form .undecided {width:50%; text-align: center; margin:0 0 20px 0;}
.plan_form .undecided input{}
.plan_form .undecided .CheckboxInput {padding: 0 15px; display: flex; justify-content:center; cursor: pointer;}
.plan_form .guests{width:48%; text-align: center; margin:0 0 20px 0;}
.plan_form .guests select{width:100%;}
.plan_form .type {width:48%; text-align: center; margin:0 0 20px 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:auto; text-align: center; padding:0;}
.plan_form .search_btn{width:100%;}    
.plan_form .search_btn .btn{width:100%; margin:20px auto; padding:10px 0 10px 0; background-position:right 15px center; border:none; color:#fff; font-size:18px; cursor: pointer;}
.plan_form .option-input{position:relative;  cursor: pointer; height: auto;}
.plan_form .option-input:before{display: none;}
.plan_form .option-input:checked:before {display: none;}
.plan_form .option-input:after{display: none;}
input{ height: 42px;}
input[type="text"] {box-sizing: border-box;font-size: 16px;}
select {box-sizing: border-box;font-size: 16px; height: 42px;}    
}
/*
@media only screen and (max-width: 360px){
.plan_form .check_in {width:100%; text-align: center; margin:0 0 20px 0;}
.plan_form .check_in input{width:100%;}
.plan_form .undecided {width:100%; text-align: center; margin:0 0 20px 0;}
.plan_form .guests{width:100%; text-align: center; margin:0 0 20px 0;}
.plan_form .type {width:100%; text-align: center; margin:0 0 20px 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:100%;} 
.plan_form .price span {width:100%; text-align: center; padding:0; margin:10px 0!important; display: block;}
.plan_form .search_btn{width:100%;}    
}
*/

/* ▲▲ Liberty基本設定 変更しない ▲▲ */


    /*=================================================
            オリジナル設定
    ==================================================*/

        select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; }

        .search-container {
        position: relative;
        width:100%;
        max-width:1400px;
        margin-inline:auto;
        box-sizing: border-box;
        border-radius: 0px;
        overflow: hidden;
        background: #3890E7;
        background: linear-gradient(150deg, rgba(56, 144, 231, 1) 0%, rgba(41, 104, 165, 1) 100%);
        z-index: 5;
        }

        .search-wrapper {
        width:100%;
        max-width:1200px;
        margin-inline:auto;
        padding: 3rem 36px 3rem;
        box-sizing: border-box;
        }

        .search-title-wrap {
        width:150px;
        float:left;
        }
        .search-title-wrap h2 {
        font-weight:500;
        line-height: 110%;
        padding-top: 18px;
        color:#FFF;
        }

        .search-wrap {
        width:calc(100% - 150px);
        float:right;
        position: relative;
        padding: 0 0 0 1.5rem;
        box-sizing: border-box;
        }
        @media only screen and (max-width: 1400px){
        
        }
        @media only screen and (max-width: 1350px){
        .search-container:before, .search-container:after { width:70px; height:70px; }
        .search-container:before { top:-15px; right:auto; margin-right:0; left:-10px; }
        .search-container:after { bottom:-15px; left:auto; margin-left:0; right:-10px; }
        .search-title-wrap { width:120px; }
        .search-wrap { width:calc(100% - 120px);}
        }
        @media only screen and (max-width: 1024px){
        .search-container:before { top:-5px; left:10px; }
        .search-container:after { bottom:auto; top:10px; right:10px; }
        .search-wrapper { padding: 3rem 30px 3rem; }
        .search-title-wrap { width:100%; text-align: center; float:none; padding-top:0; }
        .search-wrap { padding:15px; top:0; height:auto; width:100%; }
        .search-title-wrap h2 { padding-top:0; }
        .search-title-wrap h2.f27 { padding-top:0; font-size:25px; }
        }
        @media only screen and (max-width: 767px){
        .search-container:before, .search-container:after { width:60px; height:60px; }
        .search-title-wrap h2.f27 { padding-top:0; font-size:21px; }
        }




        .plan_form { max-width:900px; width:100%; line-height: 1; margin:0 auto; color:#F3F3F3;}
        .plan_form .title { font-size:14px; padding-bottom:4px; color:#F3F3F3; font-weight:500; }
        .plan_form select { border:none; color:#2C2B29; padding:13px 10px; border-radius:2px; font-family: "Zen Old Mincho", serif; height:46px; text-align: center; }
        .plan_form input  { border:none; color:#2C2B29; padding:13px 15px; border-radius:2px; font-family: "Zen Old Mincho", serif; }
        .plan_form .check_in input { width:110px; box-sizing: border-box; height:46px; }
        .plan_form .option-input { margin-top: 14px; }
        .plan_form .undecided input[type=checkbox] { -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
        .plan_form .search_btn .btn {
        width:136px;
        height:64px;
        line-height: 64px;
        margin:4px auto 0;
        padding:0;
        background:#313234;
        border-radius:1px;
        box-sizing: border-box;
        color:#F3F3F3;
        font-size:16px;
        letter-spacing: .05em;
        cursor: pointer;
        font-weight: 500;
        font-family: "Zen Old Mincho", serif;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: relative;
        }
        .plan_form .search_btn .btn:hover { opacity:.6; }

        @media only screen and (max-width: 1180px){
        .plan_form .search_btn .btn { width:130px; }
        }

        @media only screen and (max-width: 1024px){
        .search-container { margin-bottom:0; padding-bottom:0; }
        .search-title { display: none; }
        .search-wrap { padding:0; top:0; height:auto; }
        
        .search { width:100%; float:none;  max-width: 100%; margin:0 auto; padding:1rem 1rem 0; box-sizing: border-box; }
        .form_box div { padding-bottom:1rem;}
        .form_box div.search_btn { width: 100%; padding-bottom:0; }
        .plan_form { max-width:750px; }
        .plan_form .search_btn .btn { width:100%; margin:0 auto; height:52px; line-height: 52px; }
        }

        @media only screen and (max-width: 767px){
        .search-container { padding-bottom:0px; }
        .search-wrap { padding: 0; }
        .search { padding:0;}
        .search-title { padding-bottom:1rem; }
        .plan_form { max-width:270px; padding:20px 0px 0; }
        .plan_form .form_box div { padding-bottom:0;}
        .plan_form .title{ margin:0; }
        .plan_form span {margin:0 10px 0 0;}
        .plan_form select { border-radius:0px; border:1px solid #666;  padding:3px 10px; height:38px; }
        .plan_form input { border-radius:0px; border:1px solid #666;  padding:3px 10px;}
        .plan_form .check_in { margin:0 0 10px 0;}
        .plan_form .check_in input{ min-height:unset; height: 38px; width:100%; }
        .plan_form .undecided { margin:0 0 10px 0;}
        .plan_form .undecided input{ margin:12px 0 0 0;}
        .plan_form .guests{ margin:0 0 11px 0;}
        .plan_form .type { margin:0 0 11px 0;}
        .plan_form .price span { width:10px; padding:0 6px 0 0;}
        .plan_form .search_btn{ margin-top:15px; height:56px; }    
        .plan_form .search_btn .btn { height:56px; line-height: 56px; font-size:15px; }
        }


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

       Rss カレンダー

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

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