/*=========================
tripla用CSS
 */
/* tripla 用CSS */
#tripla_panel {
	/*width: 100%;*/
}
#tripla_panel form{
	background: none;
	box-shadow: none;
	padding: 0;
}
#tripla_panel [class^="input-container-input-container-"]{
	/* ラベルとinput要素のラッパー */
	margin: 0 5px 0 0;
}
#tripla_panel [class*="input-container-width-sm-"]{
	/* ラベルとinput要素のラッパー(小) */
	width: 75px;
}
#tripla_panel [class^="search-widget-day-use-wrapper-"]{
	/* 日帰りプランボタン */
	margin-top: 5px;
	line-height: 1;
}
#tripla_panel [class^="input-container-title-"]{
	/* ラベル */
	margin-bottom: 0;
}
#tripla_panel input,
#tripla_panel select,
#tripla_panel label{
	font-size: 12px !important;
}
#tripla_panel input,
#tripla_panel select {
	height: 40px;
}
#tripla_panel label{
	color: #FFF;
}
#tripla_panel [type="submit"]{
	/* 送信ボタン */
	margin: 0;
}
@media screen and (max-width:768px){
	#tripla_panel [class^="input-container-input-container-"] {
		margin-right: 0;
		margin-bottom: 15px;
	}
	#tripla_panel [class*="input-container-width-sm-"]{
		/* ラベルとinput要素のラッパー(小) */
		width: 100%;
	}
}
/*=========================
END tripla用CSS
 */
/*=========================

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

CSS add form area

==========================*/
#search_area {
	color: #fff;

}
h4 {
	margin		 : 0;
	padding		 : 0;
	font-size	 : 14px;
}
#booking_inner {
	width		 : 240px;
	margin		 : 0;
	padding		 : 0;
	line-height	 : 1.5em;
	font-size	 : 12px;
}
.bookingengine {
	color		 : #D6D6D6;
}
.booking {
	font-size	 : 12px;
	text-align: left;
	font-weight	 : bold;
}
.booking_date {
	margin		 : 0;
	padding		 : 0 5px;
	float		 : left;
	display		 : block;
}
.booking_date_2col {
	float		 : left;
	display		 : block;
	width		 : 80px;
	margin-right : 5px;
	padding		 : 0 5px;
}
#frmplanseek input,#frmplanseek select {
	margin		 : 2px 0;
	padding		 : 2px 3px;
	vertical-align:middle;
text-align:center;
height: 25px;
}
#frmplanseek input.button {
	width		 : 90px;
	margin		 : 3px auto;
	text-align	 : center;
	cursor:pointer;
	padding: 5px auto;
}
hr {
	clear		 : both;
	width		 : 98%;
	height		 : 0;
	margin		 : 0;
	padding		 : 0;
	border		 : none;
	border-bottom : 1px dotted #CCCCCC;
}

#nitteiarea,
#ninzuarea,
#ryokinarea,
#airarea,
#searchtypearea {
	width		 : 100%;
	margin		 : 0;
	padding		 : 5px;
	border		 : none;
	font-size: 13px;
}
#searchtypearea label {
}

input#chkymd,
input#chkpsn {
	margin		 : 0;
	padding		 : 0;
}

#wbftext {
	margin-top	 : 5px;
	text-align	 : center;
	font-size	 : 10px;
}

#calidif,
#apple_overlayif {
	width		 : 0;
	height		 : 0;
	position	 : absolute;
	display		 : block;
}


/********** 吹き出し 共通 **********/
.pb15 {
	padding-bottom	: 15px;
}
.mb05 {
	margin-bottom	: 5px;
}
.mb05 strong {
	font-size: 13px;
}
#cmbADULT_roomassignselect {
	margin-left	: 3px;
	margin-right	: 3px;
	font-size	: 120%;
	font-weight	: bold;
}
#cmbADULT_roomassignselect:link,
#cmbADULT_roomassignselect:active,
#cmbADULT_roomassignselect:visited {
	text-decoration	: underline;
}
#cmbADULT_roomassignselect:hover {
	text-decoration	: none;
}

#cmbChild_roomassignselect:link,
#cmbChild_roomassignselect:active,
#cmbChild_roomassignselect:visited {
	text-decoration	: underline;
}
#cmbChild_roomassignselect:hover {
	text-decoration	: none;
}

#cmbChildA_roomassignselect:link,
#cmbChildA_roomassignselect:active,
#cmbChildA_roomassignselect:visited {
	text-decoration	: underline;
}
#cmbChildA_roomassignselect:hover {
	text-decoration	: none;
}

#roomassign_link:link,
#roomassign_link:active,
#roomassign_link:visited {
	text-decoration	: underline;
}
#roomassign_link:hover {
	text-decoration	: none;
}

#roomassign_box{
	margin-top	:5px;
}

/********** 吹き出し 複数室選択時 **********/
.roomassign_select {
	width		: auto;
	margin-top	: 10px;
	display		: none;
	position	: absolute;
	top: 736px;
	left: 50%;
	z-index		: 99999;
}

.roomassign_select_bk {
	position: absolute; z-index:99998;top:0;left:0; height:100%; width:100%;background:#000;
	display		: none;
	min-height:100%;
	opacity: 0.1;
	-moz-opacity: 0.1; /*for Firefox*/
	filter: alpha(opacity=10); /*for IE*/


}

.roomassign_select_hd {
	height		: 9px;
	background	: #FFF;
/*	border		: 1px solid #dadac5;*/
	border		: 2px solid #3d3d3d;
	border-bottom	: none;
	font-size	: 0;
	line-height	: 0;
	-moz-border-radius-topleft	: 5px;
	-moz-border-radius-topright	: 5px;
	-moz-border-radius-bottomleft	: 0px;
	-moz-border-radius-bottomright	: 0px;
	border-top-left-radius		: 5px;
	border-top-right-radius		: 5px;
	border-bottom-left-radius	: 0px;
	border-bottom-right-radius	: 0px;
	-webkit-box-shadow	: 1px 0px 0px #AAA;
	-moz-box-shadow		: 1px 0px 0px #AAA;
	box-shadow		: 1px 0px 0px #AAA;
}
.roomassign_select_bd {
	padding		: 1em 0.5em 3em !important;
	position	: relative;
	background	: #FFF;
/*	border		: 1px solid #dadac5;*/
	border		: 2px solid #3d3d3d;
	border-top	: none;
	border-bottom	: none;

	-webkit-box-shadow	: 1px 0px 0px #AAA;
	-moz-box-shadow		: 1px 0px 0px #AAA;
	box-shadow		: 1px 0px 0px #AAA;
}
.roomassign_select_close{ top:1em !important;}
.roomassign_select_ft {
	height		: 15px;
	background	: #FFF;
/*	border		: 1px solid #dadac5;*/
	border		: 2px solid #3d3d3d;
	border-top	: none;
	font-size	: 0;
	line-height	: 0;

	-moz-border-radius-topleft	: 0px;
	-moz-border-radius-topright	: 0px;
	-moz-border-radius-bottomleft	: 5px;
	-moz-border-radius-bottomright	: 5px;
	border-top-left-radius		: 0px;
	border-top-right-radius		: 0px;
	border-bottom-left-radius	: 5px;
	border-bottom-right-radius	: 5px;

	margin-top		: -1px;
	-webkit-box-shadow	: 1px 1px 0px #AAA;
	-moz-box-shadow		: 1px 1px 0px #AAA;
	box-shadow		: 1px 1px 0px #AAA;
}

*+html .roomassign_select_hd {
	border		: none;
}
*+html .roomassign_select_bd {
/*	padding		: 10px 13px 10px 11px;*/
/*	border-top	: 1px solid #dadac5;
	border-bottom	: 1px solid #dadac5;*/
	padding		: 10px 15px 13px 11px;
	border-top	: 2px solid #3d3d3d;
	border-bottom	: 2px solid #3d3d3d;

}
*+html .roomassign_select_ft {
	border		: none;
}

* .roomassign_select_ie6 {
	width		: 524px;
	height		: 110px;
	border		: none;
	top		: 9px;
	left		: 2px;
	display		: none;
	position	: absolute;
	z-index		: 99990;
}
* .roomassign_select_ie6_2 {
	width		: 506px;
	height		: 110px;
	border		: none;
	top		: 1px;
	left		: 13px;
	display		: none;
	position	: absolute;
	z-index		: 99990;
}
.roomassign_select_bd .roomassign_select_table {
	background	: #cfd1d4;
}
.roomassign_select_bd .roomassign_select_table table {
	border		: 0;
	border-collapse	: separate;
	border-spacing	: 1px;
	width		: auto;
	background	: #cfd1d4;
	table-layout	: fixed !important;
}

.roomassign_select_bd .roomassign_select_table table td {
	width		: 70px !important;
	padding		: 5px;
	border		: none;
	background	: #fff;
	text-align	: center;
	font-size	: 10px;
/*	white-space	: nowrap;*/
}
.roomassign_select_bd .roomassign_select_table .bg_gray1 {
	background	: #DDD;
	border		: 1px solid #fff;
	border-collapse	: separate;
	border-spacing	: 1px;
	font-weight	: bold;
}
.roomassign_select_bd .roomassign_select_table .bg_gray2 {
	background	: #edeff0;
	border		: 1px solid #fff;
	border-collapse	: separate;
	border-spacing	: 1px;
}


.roomassign_select_table .bg_white2 {
	background	: #fff;
	width		: 2px !important;
	border-spacing	: 0px;

}




.roomassign_select_bd #selectbtnRight {
	position	: absolute;
	bottom		: 0;
	right		: 13px;
}

.roomassign_select_bd #selectbtnLeft span:hover,
.roomassign_select_bd #selectbtnRight span:hover {
	color		: #000;
	background	: #fafafa;
}

.roomassign_select_bd #selectbtnLeft span,
.roomassign_select_bd #selectbtnRight span {

	padding		: 4px 12px;
	border		: 1px solid #DDD;
	font-size	: 12px;
	line-height	: 1.2;
	display		: block;
	cursor		: pointer;

	background	: #EEE;

	-moz-border-radius-topleft	: 3px;
	-moz-border-radius-topright	: 3px;
	-moz-border-radius-bottomleft	: 3px;
	-moz-border-radius-bottomright	: 3px;
	border-top-left-radius		: 3px;
	border-top-right-radius		: 3px;
	border-bottom-left-radius	: 3px;
	border-bottom-right-radius	: 3px;

	margin-top		: -1px;
	-webkit-box-shadow	: 1px 1px 0px #AAA;
	-moz-box-shadow		: 1px 1px 0px #AAA;
	box-shadow		: 1px 1px 0px #AAA;

	/* グラデーション */
	background	: -moz-linear-gradient(top, #ffffff, #cccccc 50%, #cccccc);	/* Firefox用 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #ffffff),color-stop(0, #cccccc));	/* Safari,Google Chrome用 */
	filter		: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc');	/* IE8.0以降 */
	-ms-filter	: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc')";

}

.roomassign_select_bd #selectbtnLeft span a,
.roomassign_select_bd #selectbtnRight span a {
	color		: #333;
	text-decoration	: none;
}

.roomassign_select_bd #selectbtnLeft span a:hover,
.roomassign_select_bd #selectbtnRight span a:hover {
	color		: #000;
	text-decoration	: none;
}

.roomassign_select_div,
.roomassign_select_div2 {
	position: relative;
	color:  #333;
	width		: 100%;
}
.heyawariarea {
}
.search_togle {
		display:block;
	}
	.menubtn {
		display: none;
	}
	.c-both {
		display: none;
	}
@media only screen and (max-width: 768px) {
	.search_togle {
	display:none;
}
.roomassign_select_div,
.roomassign_select_div2 {
  position  : absolute;
  width   : 100%;
  margin-left: 0px;
  margin-top: 0px;

}

.roomassign_select{
}
	.menubtn {
		padding: 16px 20px;
	color: #fff;
		cursor:pointer;
		display:block;
		font-size:larger;
	}

.form-wide {
width: 95%;
	margin		 : 0 auto;
	padding		 : 0px;
	border		 : none;
}
.booking {
	margin: 0;
	padding: 0;
}
.c-both {
		display: block;
	}

	input {
		width: 18%;
		font-size: 16px;
	}
	select {
		width: auto;
		-webkit-appearance: none;
		background-color:#FFFFFF;
		padding:0 10px;
		font-size:16px;
	}
}