@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;}
select::-ms-expand {display: none;}
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_content
----------------------------------------------------------- */

/*プランRSS*/
.plan_rss{display:flex; flex-wrap: wrap; justify-content:center; width:100%;}
.plan_rss .mini {width:395px; padding:15px; display:flex; flex-wrap: wrap;}
.plan_rss .mini .plan_img {width:395px; height: 285px; order:1;}
.plan_rss .mini .plan_img_no {width:395px; height: 285px;order: 1;}
.plan_rss .mini .plan_img_no a {display: block;	margin: 0px;padding: 0px;	width: 100%;	height: 100%;background-image: url(dummy.jpg); background-repeat: no-repeat; background-position: center;background-size: cover;}
.plan_rss .mini .plan_img img{display: block; width:100%; height:100%; object-fit: cover;}
.plan_rss .mini .plan_text {width:100%; text-align: left; order:2; padding: 20px 10px;}
.plan_rss .mini .plan_text a{text-decoration: none; color: inherit;}
.plan_rss .mini .plan_text h4{font-size:18px; line-height: 1.38; margin:0 0 0.5em; color: #4a3726;}
.plan_rss .mini .plan_text p{font-size: 15px; line-height: 1.5;}

@media only screen and (max-width: 768px){
.plan_rss{display:flex; flex-wrap: wrap; justify-content:space-between; width:100%;padding: 0;}
.plan_rss .mini {width:100%;margin: 0 auto;}
.plan_rss .mini .plan_img,.plan_rss .mini .plan_img_no{width: 100%; height: auto; margin: 0 auto;text-align: center;}
.plan_rss .mini .plan_img_no a {display: block;	margin: 0px;padding: 0px;	width: 100%;height:100%;background-image: url(dummy.jpg);	background-repeat: no-repeat;	background-position: center center;}
.plan_rss .mini .plan_text {text-align: left;}
.plan_rss .mini .plan_text a{font-size:3.6vw; text-decoration: none;}
.plan_rss .mini .plan_text h4{font-size:4.4vw; margin:3.6vw 0; text-align: left;}
.plan_rss .mini .plan_text p{font-size:3.6vw;}
}

/*検索窓*/
.plan_form{width:930px; margin:0 auto; padding: 20px 0 10px; float: right; background: #095950;}
.plan_form .form_box{display: flex; flex-wrap: wrap;align-items: center;clear: both; justify-content: center;}
.search-title{ width: 300px;text-align: center;color: #fff; font-size: 16px;font-weight: bold;padding: 0 20px;}
.plan_form .form_box .form_box-left{width: 650px;padding:0 20px;display: flex;
 flex-wrap: wrap;}
.plan_form .form_box .form_box-right{width: 240px; padding: 0 30px;}
.plan_form .form_box .form_box_in{ flex-wrap: wrap; align-items: center;margin-bottom: 10px; }
.plan_form .title{ min-width: 70px; font-size:15px; white-space: pre; color: #fff;}
.plan_form .undecided .title{margin:0; padding-left:30px;  width: 110px;}
.plan_form label{cursor: pointer;}
.plan_form span{margin:0 10px 0 0;}
.plan_form select{position: relative;border-radius: 1px;border: 1px solid #000; background: url("../images/arrow.png")no-repeat #fff;cursor: pointer;width: 120px; background-position: right 5px center; background-size: 7px 6px; padding:0 3px; font-size: 80%; line-height: 2;}
.plan_form input{position: relative;border-radius: 1px;border: 1px solid #000; background: #ffffff; font-size: 15px;}
.plan_form .form-parts{ display: flex; align-items: center;}
.plan_form .form_box .form_box_in.date{ display: flex;align-items: center; flex-wrap: nowrap;}
.plan_form .form_box .form_box_in.date .check_in { display: flex; ; align-items: center;}
.plan_form .form_box .form_box_in.date .check_in input{ width:140px; cursor: pointer;padding:  3px;}
.plan_form .form_box .form_box_in.date .undecided {display: flex; text-align: left;align-items: center; padding-left: 25px; }
.plan_form .form_box .form_box_in.date .undecided input{margin: 0 -25px 0 0; -webkit-appearance: none;	-moz-appearance: none;	appearance: none; width: 25px;height: 25px	}
.plan_form .form_box .form_box_in.date .undecided input:checked{background: #4a3726;}
.plan_form .guests{ display: flex; }
.plan_form .guests select{width:140px;}
.plan_form .type {  display: flex; }
.plan_form .type select{width:160px; margin-left: 10px;}
.plan_form .price {padding-left:40px; display: flex; }
.plan_form .price span {color: #fff; text-align: center; margin:0 6px;}
.plan_form .search_btn{width:175px;margin: 0 auto;}
.plan_form .search_btn input.btn{ width: 100%; background: rgba(255,255,255,0); border:none; cursor: pointer;margin-bottom: 10px;}
.plan_form .option-input{position:relative;  cursor: pointer;}
.plan_form .option-input:before { position: absolute; z-index: 1; top: 0.25rem; left: 0.4rem; width: 1rem; height: 0.5rem; 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 #222124; border-top-style: none; border-right-style: none;}

@media only screen and (max-width: 768px){
.search-title{  text-align: center;padding: 1em; margin: 0;}
.plan_form{width: 100%; margin: 0 auto; float: none;}
.plan_form .form_box .form_box_in{width: 100%;}
.plan_form .form-parts{ display: flex; justify-content: flex-start; margin-bottom: 3.3vw;}
.plan_form .form_box .form_box-left{width: 100%; margin: 0 auto;display: flex;
    flex-direction: column;}
.plan_form .form_box .form_box-right{width: 77vw; margin: 3vw auto 0;}
.plan_form .form_box .form_box_in.date{width: 100%; flex-wrap: wrap; order: 1;}
.plan_form .form_box .form_box_in.type { padding-left:0;  justify-content: flex-start; order: 3;}
.plan_form .form_box .form_box_in.guests{ max-width: 100%;justify-content: flex-start; order: 2;}
.plan_form .form_box .form_box_in.price-wrap{width: 100%;order: 4; }
.plan_form .form_box .form_box_in.date .check_in{width: 77vw;margin-bottom: 3vw;}
.plan_form .price {padding-left:0; width: 77vw;justify-content: flex-start;flex-wrap: wrap;}
.plan_form .title{ width: 23vw;  font-size: 4vw;display:block; text-align: right;padding-right:3.3vw;  }
.plan_form .form_box .form_box_in.date .undecided { padding-left: 23vw; margin-bottom: 1.6vw;}
.plan_form .form_box .form_box_in.date .undecided .form-parts{ margin-bottom: 0;}
.plan_form .undecided .title{width: auto; }
.plan_form .form_box .form_box_in.date .undecided input{ padding: 2vw;	}
.plan_form select { padding: 0 2vw; font-size: 3.6vw; background-size: 2.9vw auto;background-position: right 1.2vw center;}
.plan_form .price select { width: 40vw;}
.plan_form .price select:nth-of-type(2) { width: 40vw; margin-left: 23vw;}
.plan_form .price span { ;font-size: 6.6vw;margin: 0 2vw;}
.plan_form .type select { width: 40vw; padding: 0 2vw;font-size: 3.6vw; margin-left: 0;}
.plan_form .guests select { width: 40vw; padding: 0 2vw;font-size: 3.6vw;}
.plan_form input {font-size: 3.6vw;padding: 1.3vw 3.6vw 1.3vw 6vw;}
.plan_form .form_box .form_box_in.date .check_in input {width: 40vw;}
.plan_form .search_btn{margin: 0 auto 0; width: 100%;text-align: center;}
.plan_form .search_btn input.btn{width:34.6vw; cursor: pointer;margin: 0 auto; }

}