@charset "UTF-8";
/* opening */
.opening{
	background: #000;
}

.opening_wrap {
	display: flex;
	align-items: stretch;
}

.opening_item {
	width: 50%;
	border: 1px solid rgba(255, 255, 255, .1);
	display: flex;
	flex-direction: column;
}

.opening_top {
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 0;
}

.opening_top::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(0, 0, 0, .75);

}

.opening_top-1 {
	background: url(../img/loungeruxe.jpg) no-repeat center bottom/cover;
}

.opening_top-2 {
	background: url(../img/loungeone.jpg) no-repeat center bottom/cover;
}

.opening_logo {
	position: absolute;
	width: 100%;
	height: 10rem;
	background: #000;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	gap: 3rem;
}

.opening_logo span {
	font-size: max(2rem,22px);

}

.opening_logo img {
	width: auto;
	height: 100%;
}


.opening_name {
	font-size: max(25px,3rem);
	text-align: center;

}

.opening_name a {
	display: inline-block;
	margin-left: 1rem;
	margin-left: 10px;
	font-size: max(2.8rem,25px);
}

.opening_txt {
	font-size: max(1.6rem,18px);
	text-align: center;
	margin: 2rem 0 .5rem;
}

.opening_tel {
	font-size: max(1.8rem,20px);
	text-align: center;
}

.opening_tel a {
	font-size: 1.5em;
	letter-spacing: .05em;
}

.opening_btn {
	width: max(26rem,260px);
	height: max(5rem,50px);
	text-align: center;
	border: 1px solid #fff;
	margin: 30px auto 0;
}

.opening_btn a {
	width: 100%;
	height: 100%;
	display: flex;
	font-size:max(16px,1.6rem);
	align-items: center;
	justify-content: center;
	letter-spacing: .05em;
	background: url(../img/arrow-wt.png) no-repeat right 10px center/20px auto;
}

.opening_btn a:hover {
	color: #000;
	background-color: #fff;
	background-image: url(../img/arrow-bk.png);
}

.opening_bottom {
	padding: 5rem 0;
	background: url(../img/texture-3.jpg) repeat center /100% auto;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.opening_ad {
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	width: 70%;
}

.opening_ad dt {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1a1a1a;
	color: #b2b2b2;
	width: 30%;
	padding: 1.5rem 0;
}

.opening_ad dd {
	width: 70%;
	padding: 1.5rem 2rem;
}

.opening_ad dt,
.opening_ad dd {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	font-size: max(1.6rem,14px);
}

@media (max-width: 767px) {
.opening_logo{
	height: 60px;
}
.opening_logo span{
	font-size: 16px;
}

	.opening_name{
		font-size: 18px;
	}
	.opening_name a{
		font-size: 18px;
	}
	
	.opening_txt{
		font-size: 14px;
	}

	.opening_tel{
		font-size: 12px;
	}

	.opening_btn{
		width: 90%;
	}
	.opening_btn a{
		font-size: 12px;
		background: none;
	}
	.opening_btn a:hover{
		background-image:none;
	}
	.opening_top {
		height: 60vh;
	}
	.opening_ad{
		width: 90%;
		flex-direction: column;
	}
	.opening_ad dt,
	.opening_ad dd{
		width: 100%
	}
	.opening_bottom{
		align-items: flex-start;
	}

}


@media screen and (max-width: 767px) {
	.opening {
		overflow: hidden;
	}

	.opening_wrap {
		display: flex;
		flex-wrap: nowrap;
		gap: 1.6rem;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0 1.6rem 1.6rem;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	.opening_item {
		flex: 0 0 86%;
		width: 86%;
		scroll-snap-align: center;
	}

	.opening_top,
	.opening_bottom {
		width: 100%;
	}

	.opening_wrap::-webkit-scrollbar {
		display: none;
	}
}