.main_login_area{
	margin:260px auto 0;
	width:1280px;
}

.main_login_area.corporate{
	margin:100px auto 0;
}

.main_logo{
	display: none;
	float:left;
	width:522px;
	margin-top:150px;
}

.main_login_box{
	float:right;
	width:503px;
	height:420px;
	padding:90px 75px 0 75px;
	background:rgba(255, 255, 255, .9);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.main_login_box.corporate{
	height:initial;
	padding:60px 75px;
}

.main_text{
	float:left;
	width:100%;
	font-size:42px;
	font-weight:700;
}

.main_login_title{
	float:left;
	width:100%;
	margin-top:30px;
	font-size:28px;
	font-weight:700;
}

.main_login_list{
	float:left;
	width:100%;
	margin-top:50px;
}

.main_login_list li{
	float:left;
	width:100%;
	margin-bottom:20px;
}

.main_login_list li input{
	width:100%;
	height:80px;
	border:0;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	box-shadow:0 0 20px rgba(0, 0, 0, .1);
	text-indent:30px;
	font-size:18px;
}

.main_login_list li button{
	width:100%;
	height:80px;
	border:0;
	background:#695446;
	color:#fff;
	font-size:22px;
	font-weight:500;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
}

.main_login_list.corporate li input.to_email{
	width:70%;
}

.main_login_list.corporate li button[type=button]{
	display:inline-block;
	float:right;
	width:29%;
}

@media screen and (max-width:760px){
	.main_login_area, .main_login_area.corporate{
		float:left;
		width:90%;
		margin:150px 0 0 5%;
	}

	.main_logo{
		float:left;
		width:100%;
		margin-top:0;
		text-align:center;
	}

	.main_logo img{
		width:60%;
	}

	.main_login_box, .main_login_box.corporate{
		float:left;
		width:calc(100% - 60px);
		height:initial;
		margin-top:40px;
		padding:40px 30px;
	}

	.main_text{
		font-size:26px;
	}

	.main_login_title{
		float:left;
		width:100%;
		margin-top:0;
		font-size:24px;
	}

	.main_login_list{
		margin-top:30px;
	}

	.main_login_list li input{
		height:50px;
	}

	.main_login_list li button{
		height:50px;
		font-size:16px;
	}
}

h1.logo{
	float:left;
	width:100%;
	margin-top:34px;
	text-align:center;
}

.term_sector1{
	float:left;
	width:100%;
	margin-top:45px;
}

.content_title{
	float:left;
	width:100%;
	font-size:28px;
	font-weight:700;
}

.term_list{
	float:left;
	width:100%;
	margin-top:30px;
}

.term_list li{
	float:left;
	width:100%;
	margin-bottom:40px;
}

.term_list li dl, .term_list li dl dt, .term_list li dl dd{
	float:left;
	width:100%;
}

.term_list li dl dt{
	font-size:20px;
	font-weight:500;
}

.term_list li dl dt span{
	color:#695446;
}

.term_list li dl dd{
	margin-top:12px;
}

.term_list li dl dd textarea{
	width:calc(100% - 40px);
	height:230px;
	padding:20px;
	border:1px solid #dbdbdb;
	font-size:18px;
	line-height:30px;
	color:#707070;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.term_btn_area{
	float:left;
	width:100%;
	margin-top:15px;
	margin-bottom:100px;
}

.term_btn_area button{
	width:100%;
	height:80px;
	border:0;
	background:#695446;
	color:#fff;
	font-size:22px;
	font-weight:500;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

@media screen and (max-width:760px){
	h1.logo{
		display:flex;
		flex-flow: row wrap; 
		align-items: center;
		justify-content:center;
		float:left;
		width:100%;
		height:80px;
		margin-top:0;
	}

	h1.logo img{
		width:70%;
	}

	.content_title{
		font-size:20px;
	}	

	.term_list{
		margin-top:15px;
	}

	.term_list li{
		margin-bottom:30px;
	}

	.term_list li dl dt{
		font-size:16px;
		font-weight:500;
	}

	.term_list li dl dt span{
		color:#695446;
	}

	.term_list li dl dd{
		margin-top:12px;
	}

	.term_list li dl dd textarea{
		width:calc(100% - 20px);
		height:400px;
		padding:10px;
		border:1px solid #dbdbdb;
		font-size:14px;
		color:#707070;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}

	.term_btn_area{
		float:left;
		width:100%;
		margin-top:15px;
		margin-bottom:100px;
	}

	.term_btn_area button{
		height:60px;
		font-size:18px;
	}
}

.reserve_sel_list{
	float:left;
	width:100%;
	margin-top:30px;
}

.reserve_sel_list > li{
	float:left;
	margin-right:20px;
}

.reserve_sel_list > li:last-child{
	float:right;
	margin-right:0;
}

.reserve_sel_list > li.date{
	width:406px;
}

.reserve_sel_list > li.qty{
	width:264px;
}

.reserve_sel_list > li.btn{
	width:286px;
}

.reserve_sel_list > li dl, .reserve_sel_list li dl dt, .reserve_sel_list li dl dd{
	float:left;
	width:100%;
}

.reserve_sel_list > li dl dt{
	height:40px;
	font-size:20px;
	font-weight:600;'
	color:#695446;
}

.reserve_sel_list > li dl dd{
	position:relative;
}

.reserve_sel_list > li dl dd input{
	width:calc(100% - 2px);
	height:90px;
	font-size:18px;
	text-indent:20px;
	border:1px solid #dbdbdb;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

@media screen and (max-width:760px){
	.reserve_sel_list > li.date, .reserve_sel_list > li.qty, .reserve_sel_list > li.btn{
		width:100%;
		margin-bottom:15px;
	}

	.reserve_sel_list > li dl dt{
		height:initial;
		font-size:16px;
		margin-bottom:10px;
	}

	.reserve_sel_list > li dl dd input{
		height:60px;
		font-size:16px;
	}
}

.reserve_sel_list > li dl dd input.cnj_date{
	background:url("/images/ico_calendar.png") no-repeat 95% center;
}

.reserve_sel_list > li dl dd input::placeholder{
	color:#707070;
}

.reserve_sel_list > li dl dd img.calendar{
	position:absolute;
	right:20px;
	top:35px;
}

.reserve_sel_list > li dl dd div.reserve_qty_sel{
	position:relative;
	float:left;
	width:calc(100% - 2px);
	height:55px;
	padding-top:35px;
	font-size:18px;
	text-indent:20px;
	border:1px solid #dbdbdb;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.reserve_sel_list > li dl dd img.arrow{
	position:absolute;
	right:20px;
	top:40px;
}

.reserve_qty_sel .reserve_qty_num{
	display:none;
	position:absolute;
	left:-1px;
	top:90px;
	width:100%;
	border-top:1px solid #ddd;
	z-index:100;
}

.reserve_qty_sel .reserve_qty_num li{
	display:flex;
	flex-flow: row wrap; 
    align-items: center;
	float:left;
	width:calc(100% - 22px);
	height:60px;
	padding-left:20px;
	border:1px solid #ddd;
	border-top:0;
	background:#fff;
	cursor:pointer;
}

.reserve_sel_list li dl dd button{
	width:100%;
	height:92px;
	border:0;
	background:#695446;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	color:#fff;
	font-size:22px;
	font-weight:500;
}

@media screen and (max-width:760px){
	.reserve_sel_list > li dl dd input.cnj_date{
		background:url("/images/ico_calendar.png") no-repeat 95% center;
	}

	.reserve_sel_list > li dl dd div.reserve_qty_sel{
		height:40px;
		padding-top:20px;
	}

	.reserve_sel_list > li dl dd img.calendar{
		top:20px;
	}

	.reserve_sel_list > li dl dd img.arrow{
		top:25px;
	}

	.reserve_qty_sel .reserve_qty_num{
		top:60px;
	}


	.reserve_sel_list li dl dd button{
		height:60px;
		font-size:18px;
	}
}

.reserve_sel_caution{
	float:left;
	width:100%;
	margin-top:40px;
}

.reserve_sel_caution dt{
	float:left;
	font-size:20px;
	font-weight:600;'
	color:#695446;
}

.reserve_sel_caution dd{
	float:left;
	width:100%;
	margin-top:15px;
}

.reserve_sel_caution dd textarea{
	width:calc(100% - 40px);
	height:230px;
	padding:20px;
	border:1px solid #dbdbdb;
	font-size:18px;
	color:#707070;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

@media screen and (max-width:760px){
	.reserve_sel_caution dd textarea{
		width:calc(100% - 20px);
		height:300px;
		padding:10px;
		font-size:14px;
	}
}

.reserve_product_list_area{
	float:left;
	width:100%;
	margin-top:40px;
	padding-top:40px;
	border-top:1px solid #dbdbdb;
}

.reserve_product_list{
	float:left;
	width:100%;
}

.reserve_product_list li {
	float:left;
	width:100%;
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px solid #dbdbdb;
}

.reserve_product_list li.no_data{
	margin-top:80px;
	padding-bottom:80px;
	text-align:center;
	font-size:22px;
}

.reserve_product_list li div.img{
	float:left;
	width:460px;
	height:273px;
}

.reserve_product_list li div.img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.reserve_product_list li div.content{
	float:right;
	width:calc(100% - 480px);
}

.reserve_product_list li div.content h3.room_title{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:28px;
	font-weight:700;
}

.reserve_product_list li div.content .detail_btn{
	float:left;
	width:100%;
	margin-top:20px;
}

.reserve_product_list li div.content .detail_btn button{
	width:146px;
	height:44px;
	border:1px solid #695446;
	background:#fff;
	color:#695446;
	font-size:18px;
	font-weight:300;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.reserve_product_list li div.content .price_area{
	float:left;
	width:100%;
	margin-top:70px;
}

.reserve_product_list li div.content .price_area .price_box{
	float:left;
	width:50%;
	font-size:28px;
	font-weight:700;
}

.reserve_product_list li div.content .price_area .price_box .red{
	font-size:22px;
	font-weight:700;
	color:#E33535;
}

.reserve_product_list li div.content .price_area .price_box .uline{
	font-size:18px;
	font-weight:400;
	text-decoration:line-through;
	color:#A4A3A9;
}

.reserve_product_list li div.content .price_area .reserve_btn{
	float:left;
	width:50%;
	text-align:right;
}

.reserve_product_list li div.content .price_area .reserve_btn button{
	width:286px;
	height:60px;
	border:0;
	background:#695446;
	font-size:18px;
	font-weight:600;
	color:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

@media screen and (max-width:760px){
	.reserve_product_list li div.img{
		width:100%;
	}

	.reserve_product_list li div.content{
		float:left;
		width:100%;
		margin-top:20px;
	}

	.reserve_product_list li div.content h3.room_title{
		font-size:22px;
	}

	.reserve_product_list li div.content .detail_btn button{
		width:100%;
		font-size:16px;
	}

	.reserve_product_list li div.content .price_area{
		margin-top:35px;
	}

	.reserve_product_list li div.content .price_area .price_box{
		width:100%;
		font-size:24px;
	}

	.reserve_product_list li div.content .price_area .price_box .red{
		font-size:20px;
		font-weight:700;
		color:#E33535;
	}

	.reserve_product_list li div.content .price_area .price_box .uline{
		font-size:16px;
		font-weight:400;
		text-decoration:line-through;
		color:#A4A3A9;
	}

	.reserve_product_list li div.content .price_area .reserve_btn{
		float:left;
		width:100%;
		margin-top:20px;
	}

	.reserve_product_list li div.content .price_area .reserve_btn button{
		width:100%;
		height:50px;
		font-size:16px;
	}
}

.layer_black_bg{
	display:none;
	position:fixed;
	width:100%;
	height:100vh;
	background:rgba(0, 0, 0, .2);
}

.detail_reserve_content_area{
	float:left;
	margin:50px 0 0 calc(50% - 640px);
	width:1200px;
	padding:40px;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.detail_view_content{
	float:left;
	width:100%;
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px solid #dbdbdb;
}

.detail_view_content .detail_img{
	float:left;
	width:406px;
	height:273px;
}

.detail_view_content .detail_img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

@media screen and (max-width:760px){
	.layer_black_bg{
		overflow-y:auto;
	}

	.detail_reserve_content_area{
		float:left;
		width:calc(90% - 40px);
		margin:40px 0 40px 5%;
		padding:20px;
	}

	.detail_view_content .detail_img{
		width:100%;
	}
}

.detail_view_content .detail_content{
	float:right;
	width:calc(100% - 426px);
}

.detail_view_content .detail_content .room_title{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:28px;
	font-weight:700;
}

.detail_view_content .detail_content .room_detail{
	float:left;
	width:100%;
	margin-top:20px;
	font-size:18px;
	line-height:30px;
	color:#695446;
}

.detail_view_content .detail_content .stay_period{
	float:left;
	width:100%;
	margin-top:50px;
}

.detail_view_content .detail_content .stay_period dt{
	float:left;
	width:100%;
	font-size:20px;
	font-weight:500;
	color:#695446;
}

.detail_view_content .detail_content .stay_period dd{
	float:left;
	padding:8px 15px;
	margin-top:10px;
	font-size:18px;
	background:rgba(105, 84, 70, .1);
	color:#695446;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

@media screen and (max-width:760px){
	.detail_view_content .detail_content{
		float:left;
		width:100%;
		margin-top:30px;
	}

	.detail_view_content .detail_content .room_title{
		margin-top:0;
		font-size:24px;
	}

	.detail_view_content .detail_content .room_detail{
		font-size:15px;
		line-height:20px;
	}

	.detail_view_content .detail_content .stay_period{
		margin-top:30px;
	}

	.detail_view_content .detail_content .stay_period dt{
		font-size:18px;
	}

	.detail_view_content .detail_content .stay_period dd{
		padding:5px 10px;
		margin-top:6px;
		font-size:15px;
	}
}

.detail_view_content .reserve_price_info{
	float:left;
	width:70%;
}

.detail_view_content .reserve_price_info dt{
	float:left;
	width:100%;
	font-size:20px;
	font-weight:500;
	color:#695446;
}

.detail_view_content .reserve_price_info dd{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:18px;
	color:#a4a3a9;
}

.detail_view_content .detail_reserve_price{
	float:left;
	width:30%;
	text-align:right;
	font-size:40px;
	font-weight:700;
	color:#695446;
}

@media screen and (max-width:760px){
	.detail_view_content .reserve_price_info{
		width:100%;
	}

	.detail_view_content .reserve_price_info dt, .detail_view_content .reserve_price_info dd{
		width:initial;
		margin-top:0;
		font-size:18px;
	}

	.detail_view_content .reserve_price_info dd{
		margin-left:5px;
		font-size:15px;
	}

	.detail_view_content .detail_reserve_price{
		width:100%;
		margin-top:10px;
		text-align:left;
		font-size:34px;
	}
}

.detail_view_content .detail_reserve_form_list{
	float:left;
	width:100%;
}

.detail_view_content .detail_reserve_form_list li{
	float:left;
	width:calc(33.3% - 20px);
	margin-right:30px;
}

.detail_view_content .detail_reserve_form_list li:last-child{
	width:calc(33.4% - 20px);
	margin-right:0;
}

.detail_view_content .detail_reserve_form_list dl, .detail_view_content .detail_reserve_form_list dl dt, .detail_view_content .detail_reserve_form_list dl dd{
	float:left;
	width:100%;
}

.detail_view_content .detail_reserve_form_list dl dt{
	font-size:20px;
	font-weight:500;
	color:#695446;
}

.detail_view_content .detail_reserve_form_list dl dt span{
	font-size:18px;
	color:#a4a3a9;
}

.detail_view_content .detail_reserve_form_list dl dd{
	margin-top:10px;
}

.detail_view_content .detail_reserve_form_list dl dd input{
	width:calc(100% - 2px);
	height:90px;
	border:1px solid #dbdbdb;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:18px;
	color:#707070;
	text-indent:15px;
}

@media screen and (max-width:760px){
	.detail_view_content .detail_reserve_form_list li, .detail_view_content .detail_reserve_form_list li:last-child{
		float:left;
		width:100%;
		margin-right:0;
		margin-bottom:15px;
	}

	.detail_view_content .detail_reserve_form_list li dl dt{
		font-size:18px;
	}

	.detail_view_content .detail_reserve_form_list li dl dd input{
		height:50px;
		font-size:16px;
	}
}

.detail_reserve_btn_area{
	float:left;
	width:100%;
}

.detail_reserve_btn{
	float:right;
}

.detail_reserve_btn li{
	float:left;
	margin-left:10px;
}

.detail_reserve_btn li button{
	width:286px;
	height:60px;
	background:#a4a3a9;
	color:#fff;
	font-size:18px;
	font-weight:600;
	border:0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.detail_reserve_btn li button.submit{
	background:#695446;
}

@media screen and (max-width:760px){
	.detail_reserve_btn{
		float:left;
		width:100%;
	}

	.detail_reserve_btn li{
		float:left;
		width:50%;
		margin-left:0;
	}

	.detail_reserve_btn li:last-child{
		text-align:right;
	}
	
	.detail_reserve_btn li button{
		width:95%;
	}
}