@charset "utf-8";
h2.reservation{background-image:url(../images/mtitlebg.png),url(../../images/h2title001.jpg);}

/*泊まるトップ*/
#planarea,
#datesearcharea{margin:0.5em 0 0 0;}
#datesearcharea h2{color:#3AB483;font-size:x-large;font-weight:bold;line-height:1; border-bottom:2px solid;margin:0 0 1em 0;padding:0.15em 0 0.5em 0;background:url(../images/reseicon01.png) no-repeat left top;background-size: 1em auto;text-indent: 1.3em;}
#datesearcharea{float:left;width:21%;padding:2%;border:1px solid #3AB483;box-sizing:border-box;line-height: 1.5;font-size :small;color: #333;}
#datesearcharea .off{display:none;}
#datesearcharea ul{font-size: small;line-height:1.3;margin: 1em auto 0 auto;}
#datesearcharea ul li{background:url(../images/arrowa.png) 0.7em center no-repeat;background-size: auto 0.8em;
padding: 0 0 0 1.7em;margin:0 0 0.8em 0;}

/*つま恋用新モジュールここから*/
fieldset { border: none; margin: 0;padding: 0; display:inline-block;}
legend  { display:none !important;}
input {
	appearance: initial;
    user-select: initial;
    white-space-collapse: initial;
    text-wrap: initial;
    align-items: initial;
    text-align: initial;
    cursor: initial;
    box-sizing: initial;
    background-color: initial;
    color: initial;
    padding-block: initial;
    padding-inline: initial;
    border-width: initial;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    text-rendering: initial;
    color: initial;
    letter-spacing:  initial;
    word-spacing: initial;
    line-height: initial;
    text-transform: initial;
    text-indent: initial;
    text-shadow: initial;
    display: initial;
    -webkit-rtl-ordering: initial;
    writing-mode: initial;
	vertical-align: middle;
	margin:0 5px 0 5px;
	border-radius:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
select{
	vertical-align: middle;
	margin:0 3px 0 3px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
input, select {
	-webkit-appearance: none;
	appearance: none;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #CCC;
}
input[type=button],
input[type=submit]{
	font-size:medium;
	font-weight:bold;
	overflow: hidden;
	margin: 0 auto 0.5em auto;
	width: 100%;
	height: 40px;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	background: url(../images/link.png) 1em center no-repeat #3AB483;background-size: auto 1em;
	padding: 0.5em 10px 5px 17px;
	color: #FFF;
	cursor: pointer;
	border: none;
}
input[type=sumit]:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}
.style_searchArea {/*その他の入力項目*/
	margin		 : 2px 0;
	padding		 : 2px 3px;
}
/*各ボタン入力項目*/
.style_inputSubmit {
	width		 : auto;
	margin		 :1em auto;
	text-align	 : center;
}
/*モジュールの中のcssここから*/
.pika-lendar th:first-child,
.pika-lendar td:first-child .pika-button {color: #f00;}
.pika-lendar th:last-child,
.pika-lendar td:last-child .pika-button {color: #00f;}
.has-event .pika-button {
color: #f00;
font-weight: normal;
background: #f5f5f5;
box-shadow:none;
}
.is-selected .pika-button {
color: #fff;
font-weight: bold;
background: #33aaff;
box-shadow: inset 0 1px 3px #178fe5;
border-radius: 3px;
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
color: #fff;
background: #ff8000;
box-shadow: none;
border-radius: 3px;
}
.is-disabled .pika-button{
background: #D5E9F7 !important;
}
/*モジュールの中のcssここまで*/
/*非表示項目*/
.promoCd , .sort , .attributes {display: none !important;}

#OPTIMA {margin:0.5em 0 0 0;float:left;width:21%;padding:2%;border:1px solid #3AB483;box-sizing:border-box;line-height: 1.5;font-size :small;color: #333;}
#OPTIMA h2{color:#3AB483;font-size:x-large;font-weight:bold;line-height:1; border-bottom:2px solid;margin:0 0 1em 0;padding:0.15em 0 0.5em 0;background:url(../images/reseicon01.png) no-repeat left top;background-size: 1em auto;text-indent: 1.3em;}
#OPTIMA ul.sideReservation{font-size: small;line-height:1.3;margin: 1em auto 0 auto;}
#OPTIMA ul.sideReservation li{background:url(../images/arrowa.png) 0.7em center no-repeat;background-size: auto 0.8em;
padding: 0 0 0 1.7em;margin:0 0 0.8em 0;}
#OPTIMA li.chach_in:before { content: 'チェックイン日';}
#OPTIMA li.nights:before { content: '泊数：';}
#OPTIMA li.roomss:before { content: '室数：';}  
#OPTIMA li.adultss:before { content: '大人：';}

#OPTIMA li.child:before {content: "小学生：";}
#OPTIMA li.child2:before {content: "3歳～小学生未満：";}
#OPTIMA li.child3:before {content: "1歳～3歳未満：";}

#OPTIMA .checkin {}
/*つま恋用新モジュールここまで*/

#planarea{overflow:hidden; float:right;width:75%;padding:2% 0 0 0;}

.reseicons{margin:0.7em;width:60%;table-layout:auto;display:block;}
.reseicons p{overflow:hidden;width:24%;height:auto;background-position:center;background-repeat: no-repeat;background-size:contain;
float: left;padding: 0 1% 0 0;
display:block;
}

#planarea h2{display:block;color:#3AB483;font-size:x-large;font-weight:bold;line-height:1.2; border-bottom:2px solid;margin:0 0 0.5em 0;padding:0.15em 0 0.5em 0;}
#planarea h2.second{;margin:2em 0 0.5em 0;}
#planarea p.text{display:block;color:#3AB483;font-size:medium;line-height:1.4;margin:0 0 0.5em 0;}

#planarea ul{margin:0 auto;width:100%;table-layout:fixed;display:table;border-collapse: separate;border-spacing:5px 5px;}
#planarea ul li{margin:0 0.5% 1% 0.5%;border: 1px solid #e7e7e7;box-sizing: border-box;display:table-cell;width:33.33333%;vertical-align:top;position: relative;padding:0 0 4.2em 0;}
#planarea ul li.no{border:none;}
#planarea ul li dl{margin:0.7em;}
#planarea ul li dl dt{font-weight:bold;line-height:1.3;font-size:medium;margin-bottom: 4em;}
#planarea ul li dl dt span.price{display: block; color:#ff5a00;margin: 0 0 0.5em 0;font-size:medium;}
#planarea ul li dl dd{color:#333;line-height:1.4;text-align:left;font-size:small;}

#planarea ul li dl dd.resebutton {position:absolute;left:0;right:0;bottom:1.6em;
text-align: center;
font-weight: bold; font-size:medium;line-height:1.2;
margin:0.7em 7% 0.2em 7%;
padding: 0.6em 1.2em 0.4em 2.5em;
color:#FFF;border:1px solid #CCC;
background-image:url(../images/link.png), linear-gradient(#EE7800,#EA5504);
background-repeat: no-repeat;
background-position:0.7em center,center;
background-size: auto 1.1em,auto;
border-radius:0.8em;
-webkit-border-radius:0.8em;
-moz-border-radius:0.8em;
}
#planarea ul li a:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}

#planarea ul li dl dd.texts{font-size:small;text-align: center;position:absolute;left:0;right:0;bottom:0.5em;}

.gekiwari{position: absolute;left:0;top:0;}

.listtop{margin:0 auto 1em auto;line-height:1.7;width: 100%;}
.listarea{margin:1em auto;}
.listarea dl{padding:1em 2em 0 2em;}
.listarea dl dt{width:30%;margin:0.5em 5% 0 0;float: left;}
.listarea dl dd{width:65%;float:right;font-size:small;}
.listarea dl.north{border-top:10px solid rgba(166,189,122,1.00);}
.listarea dl.south{border-top:10px solid rgba(145,151,183,1.00);}
.listrooms3{width:100%;table-layout:auto;display:table;border-collapse: separate;border-spacing:1px 0;}
.listrooms3 li{display:table-cell;width:33.3333%;vertical-align:top;}
.listrooms3 dl{margin: 1em 2em 1em 0em;padding: 0 0 0 2em; color:#333;background:url(../images/arrowa.png) 0.7em center no-repeat;background-size: auto 1.1em;}
.listrooms3 dt{font-size:medium;margin:0 0 0.2em 0;line-height: 1.2;}
.listrooms3 dd{font-size:small;margin:0 0 0.5em 0;}
.linegreen,
.linepink{display:inline-block;padding:0 0.6em 0 0.6em;margin:0 0.3em 0 0;}
.linegreen{border:1px solid;color: #3AB483;}
.linepink{border:1px solid;color:#E16096;}

/*旅割*/
.info h3{font-weight:bold;font-size: large;color:#3AB483;border-bottom:2px solid;line-height:1.3;margin:0 0 0.5em 0;width:100%;}
.info p{font-size:medium;line-height:1.5;margin:0 0 0.5em 0;color:#3AB483;}
.info table.boxinfos{border-collapse:collapse;line-height: 1.5;font-size:small;text-align: center;border:2px solid #999;}
.info table.boxinfos th,
.info table.boxinfos td{border-bottom:1px solid #999;border-right:1px solid #999;padding:0.7em;vertical-align: middle;}
.info table.boxinfos th{font-weight:bold;}
.info table.pc58 th{background:#fff690;}
.info table.pc120 th{background:#80e8e9;}

ul.ticket{width:80%;margin:1em auto 0 auto;}
ul.ticket li{margin:0 auto 1em auto;}


@media only screen and (max-width: 1024px) {
#planarea h2,
#OPTIMA h2{font-size:large;}
#planarea h2,
#datesearcharea h2{font-size:large;}/*消す*/


#planarea ul li dl dd.resebutton {font-size:small;bottom:2em;}






/*お部屋*/
.listrooms3 dl{margin: 1em 1em 1em 0em;padding: 0 0 0 2em;}
.listrooms3 dt{font-size:medium;margin:0 0 0.5em 0;}
.listrooms3 dd{font-size:small;}
.linegreen,
.linepink{font-size:x-small;}


	
}

@media only screen and (max-width: 960px) {
/*泊まるトップ*/
#planarea{width:68%;padding:2% 0 0 2%;}
#OPTIMA{width:28%;padding:2%;}
#datesearcharea{width:28%;padding:2%;}/*消す*/

#planarea ul{margin:0 auto;table-layout:auto;display:block;}
#planarea ul li{margin:0 0.5% 1% 0.5%;display:block;width:99%;vertical-align:top;position: relative;padding:1%;}

#planarea ul li .resimg{width:40%;float:left;margin:0 1% 0 0;}
.gekiwari{width:40%;float:left;}

.reseicons{margin:0 0 0.5em 0;width:30%;}

#planarea ul li dl{margin:0;}
#planarea ul li dl dt{line-height:1.3;}
#planarea ul li dl dt span.price{margin:0;}
#planarea ul li dl dd{line-height:1.3;}

#planarea ul li dl dd.resebutton {position:relative;bottom:0;line-height:1.2;margin:0.2em 7% 0 7%;}
#planarea ul li dl dd.texts{position:relative;bottom:0;}


.listarea{margin:0 auto 1em auto;}
.listrooms3 dl{margin: 1em 0.5em 0.5em 0em;padding: 0 0 0 2em;}


}

@media only screen and (max-width: 736px) {
/*泊まるトップ*/
input[type=button],
input[type=submit]{font-size:small;}
.linegreen,
.linepink{margin:0 0.3em 0.3em 0;}

#planarea ul li dl dt{font-size:small;}
#planarea ul li dl dt span.price{font-size:small;}
#planarea ul li dl dd{font-size:small;}

#planarea ul li dl dd.resebutton {font-size:small;}

.reseicons{position: absolute;bottom: 0; margin:0 0 0.5em 0;width:30%;}


}

@media only screen and (max-width: 667px) {
/*泊まるトップ*/

.listtop{line-height:1.5;}
.listarea dl{padding:0.5em 0 0 0;}
.listarea dl dt{width:25%;margin:0.5em 5% 0 5%;}
.listarea dl dd{width:65%;}
}

@media only screen and (max-width: 568px) {
/*泊まるトップ*/
#planarea ul li dl dd.texts{font-size:x-small;}

}

@media only screen and (max-width: 480px) {
/*泊まるトップ*/
#planarea,
#OPTIMA{float:none;width:100%;margin:0.5em 0 0 0;}
#OPTIMA{padding:2%;font-size :small;width:90%;margin: 0 auto 1em auto;}
#planarea h2,
#OPTIMA h2{margin:0 1em 0.5em 1em;padding:0.15em 0 0.5em 0;}
#OPTIMA ul{width: 80%;margin:2em auto 0 auto;}



#planarea,
#datesearcharea{float:none;width:100%;margin:0.5em 0 0 0;}/*消す*/
#planarea{padding:0;}
#datesearcharea{padding:2%;font-size :small;width:90%;margin: 0 auto 1em auto;}/*消す*/

#planarea h2,
#datesearcharea h2{margin:0 1em 0.5em 1em;padding:0.15em 0 0.5em 0;}/*消す*/

#planarea h2.second{;margin:2em 1em 0.5em 1em;}
#planarea p.text{font-size:small;margin:0 1em 0.5em 1em;}

#planarea ul li .resimg{width:40%;}
.gekiwari{width:40%;float:left;}


#datesearcharea ul{width: 80%;margin:2em auto 0 auto;}/*消す*/
input[type=button],
input[type=submit]{text-align: center;display: inline;width:70vw; margin:1vh 7vw 0 7vw;}
.listtop,
.listarea{margin:0 auto 1em auto;}
.listarea dl{padding:1em 1.5em 0 1.5em;}
.listarea dl dt{width:60%;margin:0 auto 1em auto;text-align: center;float: none;}
.listarea dl dd{font-size:x-small;float:none;width: 100%;}
.listarea dl.north{border-top:5px solid rgba(166,189,122,1.00);}
.listarea dl.south{border-top:5px solid rgba(145,151,183,1.00);}
.listrooms3{width:100%;table-layout:auto;display:block;border-spacing:0 0;}
.listrooms3 li{display:block;width:100%;overflow:hidden;margin:0 auto 0.5em auto;padding:0 0 0.5em 0;border-bottom:1px solid #CCC;}
.listrooms3 li img{width:35%;float:left;}
.listrooms3 li.no{display: none;}
.listrooms3 dl{margin:0 1em 0 0;padding:0 0 0 1.3em;background:url(../images/arrowa.png) 0.4em center no-repeat;background-size: auto 0.8em;}
.listrooms3 dt{font-size:small;margin:0 0 0.2em 0;}
.listrooms3 dd{font-size:x-small;}
.linegreen,
.linepink{padding:0.1em 0.6em 0 0.6em;margin: 0 1px 0 0;}
}