@charset "utf-8";
/* CSS Document */

.clear{clear:both;}
.BeBox{width: 30%; margin: auto; background-color: rgba(0, 0, 0, 0.5); overflow: auto;padding: 15px;}
.BeContent{margin: auto;
    text-align: center;
}
.Content{padding: 10px;}{padding: 10px;}

#BeMobile{display: block;}
#BeDesktop{display: none;}
.BE{position: absolute;    top: 202px;
    right: 77px;
    width: 300px;}
.BeBoxMobile{ width:100%;}

@media screen and (min-width: 768px) {
	.BeBox{width: 34%; margin: auto; background-color: rgba(0, 0, 0, 0.5); overflow: auto;padding: 15px;}
	#BeMobile{display: block;}
	#BeDesktop{display: none;}
}
@media screen and (min-width: 920px) {
	.BE{position: absolute;    top: 202px;
    right: 77px;
    width: 300px;}
	.BeBox{width: 100%; margin: auto; background-color: rgba(0, 0, 0, 0.5); overflow: auto;padding: 15px;}
	#BeDesktop{display: block;}
	#BeMobile{display: none;}
	#Reserv{color: #fff; text-align: center;}
	.ChkInBox{    width: 31%;
	    background: #fff;
	    float: left;
	    margin: auto;
	    height: 90px;
	    cursor: pointer;
	}
		.ChkOutBox{    width: 31%;
	    background: #fff;
	    float: left;
	    margin: auto;
	    height: 90px;
	    cursor: pointer;
	}
		.AdultBox{    width: 31%;
	    background: #fff;
	    float: left;
	    margin: auto;
	    height: 90px;
	}

	#ChkInDate{font-size: calc(1vw + 1vh);}
	#ChkOutDate{font-size: calc(1vw + 1vh);}

	#AdultHTML{text-align: center;color: #666666;font-size: calc(1vw + 1vh);}
	/*#ChildHTML{text-align: center;color: #666666;font-size: calc(1.5vw + 1.5vh);}*/
	
	#AdultCal{width:100%; margin:auto; text-align:center; float: inherit; /*padding: 8px 0px 8px 0px;*/}
	#AdultNum{width:40%; float:left;}
	.MonthYear{font-size:14px;}
	
	/*#ChildCal{width:100%; margin:auto; text-align:center; float: inherit;}
	#ChildNum{width:40%; float:left;}*/
	
	.fa-minus-plus{width:30%; float:left; padding: 20px 0px 0px 0px;}

	#PromoBox{width: 100%; margin:auto; background: #fff;}
	#BookNowBox{width: 100%; margin:auto;}
	#BookNow{text-align: center;background: #007500;height: 35px; line-height: 2;color: #fff;}

	.grap{float:left; width:9px;}
}
@media screen and (min-width: 1200px) {
	.BeBox{width: 100%; margin: auto; background-color: rgba(0, 0, 0, 0.5); overflow: auto;padding: 15px;}
	#AdultHTML{text-align: center;color: #666666;font-size: calc(1.5vw + 1.5vh);}
}