.pagetop{display:none !important}
.f_logo{pointer-events:none}
/*-------------------------------------
■ content
-------------------------------------*/
.top_main, .p_top_main {
    position: relative;
    min-height: 100%;
    height:auto;
    box-sizing:border-box;
    padding:40px 0;
}

#bns{
    padding-top:20px;
}


.t_bg video{
	top:50%;
	bottom:0;
}



.title_u{
	position:relative;
	max-width:750px;
	width:90%;
	padding:30px 20px;
	margin:0 auto;
	color:#fff;
	background:linear-gradient(-45deg, rgba(0, 0, 0, 0.5),rgba(89, 25, 0, 0.5));
}
.title_u:after{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	width:calc(100% - 21px);
	height:calc(100% - 21px);
	border:1px solid #fff;
}
.title_u p{
	text-align:center;
}
.title_u p.tu_b{
	font-size:2.5em;
	line-height:1.5;
}
.title_u p.tu_s{
	font-size:28px;
	line-height:1.8;
}

.e_top_info{
	padding-bottom:85px;
}
.concept{
	padding:85px 20px;
	background:#000 url(../img/e_c_bg.jpg) no-repeat center center;
	background-size:cover;
}

.concept .content{
	padding:50px;
	position:relative;
	backdrop-filter:blur(15px);
	background:linear-gradient(-45deg, rgba(0, 0, 0, 0.5),rgba(89, 25, 0, 0.5));
	box-shadow:0 0 10px -5px rgba(0,0,0,1);
}

.e_cc_box{
	margin-bottom:50px;
}
.e_cc_box:last-child{
	margin-bottom:0;
}

.e_cc_box p:first-child{
	font-size:20px;
	padding-left:10px;
	line-height:1.2;
	margin-bottom:10px;
	border-left:3px solid #fff;
}


/*
■ enter btn
-------------------------------------*/
.enter_b{
	position:relative;
	color:#fff;
	max-width:500px;
	letter-spacing:0em;
	text-align:center;
	border-radius:8px;
	box-shadow:0 1px 18px rgba(0,0,0, .6);
	border:1px solid #373127;
	display:block;
	line-height:1.1;
	padding:8px 0;
	margin:10px auto;
	z-index:0;
}
.enter_b:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#18130A;
	background:linear-gradient(0deg, rgba(24,19,10,1),rgba(68,55,35,1));
	z-index:-1;
	transition:opacity .3s;
}
.enter_b:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#18130A;
	background:linear-gradient(0deg, rgba(62,40,2,1),rgba(143,92,11,1));
	z-index:-2;
}
.enter_b:hover:after{
	opacity:0;
}
.enter_b span:first-child{
	font-size:18px;
	display:block;
}
.enter_b p{
	font-size:46px;
	color:#ffbc57;
}
.enter_b span:last-child{
	font-size:13px;
	font-weight:normal;
	display:block;
}


.exit_text{
	padding-top:10px;
	font-size:13px;
	text-align:center;
	color:#fff;
	text-shadow:2px 2px 3px rgba(0,0,0, 1);
}
.exit_text a{
	line-height:30px;
	color:#fff;
	text-decoration:underline;
}
.exit_text a:hover{
	color:#ffbc57;
	text-decoration:none;
}


/*
■ cityheaven enter
-------------------------------------*/
.ch_btn{
	padding:10px 30px;
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.ch_btn:after{
	background:linear-gradient(0deg, rgba(13,33,84,1),rgba(41,53,127,1));
}
.ch_btn:before{
	background:linear-gradient(0deg, rgba(17,27,99,1),rgba(57,72,168,1));
}



.enter_b span:last-child.ch_text{
	font-size:1.3rem
}

/*
■ txt
-------------------------------------*/
.e_top_text{
	text-align:center;
}















@media screen and (max-width:980px){

}




@media screen and (max-width:767px){
	.f_menu{
		display:none;
	}
	.concept{
		padding:50px 20px;
	}
	.concept .content{
		padding:20px;
	}

	.title_u{
		width:95%;
		margin-top:0;
	}

	.title_u p.tu_b{
		font-size:1.5em;
		padding-bottom:10px;
	}
	.title_u p.tu_s{
		font-size:4vw;
	}
	.exit_text{
		letter-spacing:-1px;
	}

	.enter_b p{
		font-size:38px;
	}
/*
■ cityheaven enter
-------------------------------------*/
	.enter_b{
		padding:10px;
	}
	.enter_b span:last-child.ch_text{
		font-size:1.1rem
	}
	.city_logo{
		width:30%;
	}

/*
■ txt
-------------------------------------*/
	.e_top_text{
		text-align:left;
	}
}





@media screen and (max-width:480px){

}