@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

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

.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 {
        position: relative;
        width:32.1%;
        background: #E9F6FC;
        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;
        border-radius: 0px;
        box-sizing: border-box;
        -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 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; padding:1.25rem; box-sizing: border-box; width:100%; text-align: left; order:2;}
        .plan_text h4 { font-size:1rem; padding-bottom:.5rem; line-height: 175%; letter-spacing: 0; font-weight:500; font-family: 'Noto Sans JP', sans-serif; }
        .plan_text a { text-decoration: none; display: block; position: relative;}
        .plan_text h4 a { color:#393939;}
        .plan_text h4 a:hover { opacity:.6; }

        
        .plan_text p { position: relative; font-size:.875rem; line-height: 175%; padding-bottom:0.5rem;}
        /*.plan_text p:after {
        content:"";
        display: block;
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        height: 0;
        padding-bottom:16.666666%;
        background: url("../assets/images/parts/plan-btn.svg") center center / cover;
        }*/

		.plan_text div{ text-align: center;}


        @media only screen and (max-width: 1024px){
        .plan_rss { flex-wrap: wrap; max-width: 690px; margin:0 auto;}
        .mini { width:32%; }
        .plan_text p { padding-bottom:40px;}
        }
        @media only screen and (max-width: 767px){
        .plan_rss { max-width: 270px;}
        .mini { width:100%; margin-bottom:2rem; }
        .mini:last-child { margin-bottom:0rem; }
        .plan_text h4 { padding:1rem 0 0;}
        }

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

       空室検索

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

.search-wrap {
        width:100%;
        height:auto;
        position: relative;
        padding:15px 30px;
        height:auto;
        box-sizing:border-box;
        border:1px solid #2CBCD6;
        background: #FFF;
        padding:9px;
        z-index: 10;
        }
        .search {
        width:100%;
        background: #E9F6FC;
        height: 100%;
        }
        .search-title {
        height: 175px;
        background:#2CBCD6;
        color:#FFF;
        font-weight:300;
        letter-spacing:0.3em;
        }

        .search_content {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: center;
        align-content: center;
        line-height:0;
        padding-left:40px;
        }
	    .search_content div {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin:5px 20px 5px 0;
        }
        .search_content p { font-size:14px;}
    	.search_content p span {
		font-size:12px;
		margin-left:8px;
        }
        .price p:nth-of-type(2) { margin:0 2px;}
        .search_content div input,
        .search_content div select {
		vertical-align:middle;
		height:26px;
		background: rgba(255,255,255,1);
		border:1px solid #CCC;
		padding:0 2px;
		margin-left:10px;}
		.search_content div.price select:nth-of-type(2) { margin-left:0;}
        
        .search-btn {
        height: 175px;
        }
        .submit_btn {
        width:100%;
        height: 175px;
        line-height: 100%;
        border:none;
        box-sizing: border-box;
        background:#2CBCD6;
        text-align:center;
        cursor:pointer;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        }
        .submit_btn span {
		color:#FFF;
		font-weight:300;
		font-size:16px;
		letter-spacing:0.4em;
		padding-left:0.3em;
		padding-bottom:5px;
        }
        .submit_btn:hover { background: #7AE5F8; }
        .search-click {
        width:80px;
        margin:0 auto;
        display: block;
        padding-bottom: 0 !important;
        }

        @media screen and (max-width:1024px) {
        .search-title { height: 60px; }
        .search_content { padding:15px 15px 0; margin-left:0;}
        .search-btn { height: 120px; }
        .submit_btn { width:390px; height: 84px; line-height: 90%; }
        .search-click { width:64px; }
        }
        @media screen and (max-width:767px) {
        .search-title { height: 54px; }
        .search-btn { height: 120px; }
        .submit_btn { width:85%; height: 72px; }
        .search-click { width:48px; }
        }

/* ***** plan_form Ver *****

        .plan_form { max-width:960px; width:100%; line-height: 1; margin:0 auto; color:#EEE;}
        .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:.8125rem; height:15px; color:#EEE; font-weight: 400;}
        .plan_form span { margin:0 10px 0 0;}
        .plan_form select { position: relative;border:1px solid #777; background: #ffffff; padding:10px; border-radius: 2px; }
        .plan_form input {position: relative;border:1px solid #777; background: #ffffff; padding:10px 15px;   border-radius: 2px; }
        .plan_form .check_in {width:auto; text-align: center;}
        .plan_form .check_in input {width:100px; cursor: pointer; min-height: 36px; 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:160px;
        height:54px;
        margin:3px auto 0;
        padding:13px 0 13px 0;
        background:#800000;
        line-height: 100%;
        border:none;
        border-radius: 2px;
        box-sizing: border-box;
        color:#FFF;
        font-size:1rem;

        letter-spacing: .1em;
        cursor: pointer;
        font-weight: 600;
        -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;
        -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.0);
        -moz-box-shadow:	0px 3px 5px rgba(0,0,0,.0);
        -ms-box-shadow:		0px 3px 5px rgba(0,0,0,.0);
        -o-box-shadow:		0px 3px 5px rgba(0,0,0,.0);
        box-shadow:	        0px 3px 5px rgba(0,0,0,.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: 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: 1024px){
        .search { width:100%;float:none;  max-width: 100%; margin:0 auto;}
        .search-wrap { padding:20px 25px 0; top:0; height:auto; }
        .form_box div { padding-bottom:1rem;}
        .form_box div.search_btn { width: 100%;  }
        .plan_form .search_btn .btn {height:52px;margin-top:5px; padding:10px 0; width:100%; border-radius: 4px; }
        }


        @media only screen and (max-width: 767px){
        .search-wrap { padding:15px 0 0; }
        .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: 4px;border: 1px solid #7D7675; background: #ffffff; padding:8px 10px;}
        .plan_form input{position: relative;border-radius: 4px;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;}    
        }
*/