@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:min(100%,1300px); margin: 0 auto;}
.plan_rss .mini {width:min(calc(410/1300*100%),410px); display:flex; flex-direction: column; background: #fff; padding: min(calc(20/1300*100vw),20px); border-radius: 10px;}
.plan_rss .mini:not(:last-child) {margin-right:min(calc(35/1300*100%),35px); }
.plan_rss .mini .plan_img {width:100%; aspect-ratio: 370 / 240; object-fit: cover;font-family: "object-fit: cover;"; order:1; text-align: center; }
.plan_rss .mini .plan_img_no {width:100%; height: 100%;aspect-ratio: 370 / 240; object-fit: cover;font-family: "object-fit: cover;";order: 1;}
.plan_rss .mini .plan_img_no a {display: block;	margin: 0px;padding: 0px;	width: 100%;	height: 100%;background-image: url("../rss/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; font-family: "object-fit: cover;";}
.plan_rss .mini .plan_text {width:100%; text-align: left; order:2; padding: min(calc(20/1300*100vw),20px) 0; font-feature-settings: "palt"; color: #222222;}
.plan_rss .mini .plan_text a{ color: inherit;opacity: 0.8;}
.plan_rss .mini .plan_text h4{font-size:min(calc(18/1300*100vw),18px); line-height: 1.38; margin:0 0 1.5em; text-decoration: underline;color: #acacac; }
.plan_rss .mini .plan_text p{font-size: min(calc(16/1300*100vw),16px); line-height: 1.5;}
.plan_rss .mini a:hover svg,.plan_rss .mini a:hover img{opacity: 0.8;}

@media only screen and (max-width: 767px){
.plan_rss{display:flex; flex-wrap: wrap; justify-content:center; width:100%; margin-bottom: 0;}
.plan_rss .mini {width:100%;max-width: 100%;padding: min(calc(30/750*100vw),30px); margin: 0 auto 6.6vw; background: #fffff9;}
.plan_rss .mini:not(:last-child) {margin-right:0;}
.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(../rss/dummy.jpg);	background-repeat: no-repeat;	background-position: center center;}
.plan_rss .mini .plan_text {text-align: left; padding: 1em;}
.plan_rss .mini .plan_text a{font-size:4.26vw; text-decoration: none;}
.plan_rss .mini .plan_text h4{font-size:4.26vw; margin:0; text-align: left; margin-bottom: 1em;}
.plan_rss .mini .plan_text p{font-size:4.26vw;}
}

/*検索窓*/
.plan_form .form_box{display: flex; align-items: center;clear: both; justify-content: space-around; margin-bottom: min(calc(35/1920*100vw),35px);} 
.search-title{ width: min(210/1920*100vw,210px); text-align: center; margin: 0; position: relative; border-right: 1px solid #000000; padding-right: 1.5em; padding-left: 0.5em;}
.search-title img{ position: absolute; width: 100%; top: 50%; left:50%; transform: translate(-50%,-50%);
}
.plan_form .form_box .form_area{width: 46.875em;  max-width: calc(100% - 25.875em);
 padding-left: 1em;padding-right: 1em; display: flex; flex-wrap: wrap;justify-content: flex-start; }
 .plan_form .form_box .form_box_in{ flex-wrap: wrap; align-items: center;margin: 0.75em 1.5em; }
.plan_form .title{  white-space: pre; padding-right: 1em;}
.plan_form .undecided .title{margin:0;  width: 4.6875em; min-width: 4.6875em;}
.plan_form label{cursor: pointer;}
.plan_form select{position: relative;border: 1px solid #a3a3a3; background: url("./arrow.png") no-repeat #fff;cursor: pointer;width: 8.5em; background-position: right 0.5em center; background-size: 0.9em 0.8em; padding:0 0.5em; font-size: 80%; line-height: 2; color: #a3a3a3;}
.plan_form input{position: relative;border: 1px solid #a3a3a3;  background: #ffffff; font-size: 0.875em;color: #a3a3a3;}
.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:7.8125em; cursor: pointer;padding: 0 0.5em; line-height: 1.8;}
.plan_form .form_box .form_box_in.date .undecided {display: flex; text-align: left;align-items: center; padding-left: 0.5em; margin-left: 1em; margin-right: 1em;}
.plan_form .form_box .form_box_in.date .undecided input{margin: 0; -webkit-appearance: none;	-moz-appearance: none;	appearance: none; width: 1.5em;height: 1.5em;border: 1px solid #a3a3a3;}
.plan_form .form_box .form_box_in.date .undecided input:checked{background: #a3a3a3;}
.plan_form .form_box .form_box_in.date .undecided input{position:relative;  cursor: pointer;}
.plan_form .form_box .form_box_in.date .undecided input:checked::before { position: absolute; z-index: 1; top: 0.25em; left: 0.2em; width: 0.8em; height: 0.4em; 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) ; transform: rotate(-45deg) ; border: 2px solid #fff; border-top-style: none; border-right-style: none;}

.plan_form .guests{ display: flex; }
.plan_form .guests select{width:7.8125em;}
.plan_form .type {  display: flex; }
.plan_form .type select{width:8.5em; margin-left: 0.5em;}
.plan_form .price span {text-align: center; margin:0 0.375em; }
.plan_form .search_btn{width:12.5em; margin: 1em;}
.plan_form .search_btn input.btn{ width: 100%; background: rgba(255,255,255,0); border:none; cursor: pointer;}
.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: 1299px){
.plan_form .form_box{flex-wrap: wrap; width: min(100%,750px);
    margin: 0 auto;}
.search-title{  width: min(210/1024*100vw,210px); text-align: center;padding-right: 0; margin-top: auto;margin-bottom: 20px;  padding-bottom: 0.5em; border-right: none;}
.search-title img{ position: relative; width: 100%; top: unset; left:unset; transform: none;
}
.plan_form .form_box .form_area{width: 100%; max-width: 100%;  border-left: none;justify-content: space-around;}
.plan_form .form_box .form_box_in{ width:auto;}
.plan_form .title { min-width: auto; white-space: pre;margin-right: 1em; }
}
@media only screen and (max-width: 767px){
.search-title{ width: 100%; text-align: center;padding: 1em; border-bottom: none;
	position: relative; margin-bottom: calc(60/750*100vw);}
	.search-title::after{ position: absolute; content: ""; bottom: 0; left: 50%;
		transform: translateX(-50%);	width: 2em; height: 1px; background: #000000;
		
	}
.search-title img{ width: 33.3vw;}
.plan_form{width: 100%; margin: 0 auto; float: none;}
.plan_form .form_box .form_area{width: 65%; max-width: 65%;}  
.plan_form .form_box .form_box_in{width: 100%; margin: 0;}
.plan_form .form-parts{ display: flex; justify-content: flex-start; }
.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%; order: 1; flex-wrap: wrap;}
.plan_form .form_box .form_box_in.type { padding-left:0;  justify-content: flex-start; order: 3;margin:0 0 3vw; }
.plan_form .form_box .form_box_in.guests{ max-width: 100%;justify-content: flex-start; order: 2;margin:0 0 3vw; }
.plan_form .form_box .form_box_in.price-wrap{width: 100%;order: 4; }
.plan_form .form_box .form_box_in.date .check_in{margin:0 0 3vw; }
.plan_form .price {padding-left:0; justify-content: flex-start; flex-wrap: wrap;}
.plan_form .title{ width: 5em; font-size: 3.4vw;display:block; text-align: left; padding-right: 0; }
.plan_form .form_box .form_box_in.date .undecided { margin: 0 0 3vw; padding-left: 0;}
.plan_form .form_box .form_box_in.date .undecided .form-parts{ margin-bottom: 0;}
.plan_form .undecided .title{width: 5em; margin-right: 1em; }
.plan_form .form_box .form_box_in.date .undecided input{ padding: 2vw;	}
.plan_form select { padding: 0 2vw; font-size: 3vw; background-size: 2.9vw auto;background-position: right 1.2vw center;}
.plan_form .price select { width: 25vw;}
.plan_form .price select:nth-of-type(2) { width: 25vw; margin-left: 6.75em;}
.plan_form .type select { width: 25vw; padding: 0 2vw;font-size: 3vw; margin-left: 0;}
.plan_form .guests select { width: 25vw; padding: 0 2vw;font-size: 3vw;}
.plan_form input {font-size: 3vw;}
.plan_form .price span { width: 25vw; padding: 0.5em; margin: 0 0 0 5em;-webkit-writing-mode: vertical-rl;  -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl;  writing-mode: vertical-rl;display: flex; align-items: center;}
.plan_form .form_box .form_box_in.date .check_in input {width: 25vw;}
.plan_form .form_box .search_btn{margin: 1.5em auto 0; width: 66.6vw; text-align: center;}
.plan_form .form_box .search_btn input.btn{ width:calc(500/750*100vw); cursor: pointer; margin: 0 auto; }
}