@charset "UTF-8";

.motor-kv{
	opacity: 0;
}

body.is-kv-show .motor-kv{
	transition: opacity 600ms ease;
	opacity: 1;
}
.motor-main{
	position: relative;
	z-index: 10;
	background: #1D1D1D;
}
.gw50th-kv-logo{
	opacity: 0;
}
body.is-show-logo .gw50th-kv-logo{
	transition: opacity 600ms ease;
	opacity: 1;
}
.gw50th-kv-news-txt h2{
	 font-family: "リュウミン H-KL", sans-serif;
}
.gw50th-statemant-txt__title{
	 font-family: "リュウミン M-KL", sans-serif;
}
.sec-cs strong,
.gw50th-kv-news figure:after{
	font-family: "VibeMO Compressed Pro Light", sans-serif;
}

@media screen and (min-width: 768px) {

.sec-cs{
	margin: 40px 0 0;
	color: #fff;
	text-align: center;
}
.sec-cs strong{
	display: block;
	font-size: 52px;
}
.sec-cs p{
	margin: 20px 0 0;
	font-size: 14px;
	line-height: 1.5;
}


/* gw50th-kv-news
====================================================================*/

	.gw50th-kv-news{
		position: absolute;
		right: 15px;
		bottom: 15px;
		width: 370px;
	}
	.gw50th-kv-news a{
		position: relative;
		display: flex;
		align-items: center;
		border: 1px solid #1D1D1D;
		background: #1D1D1D;
		transition: opacity 600ms ease;
	}
	.gw50th-kv-news a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 6px;
		height: 12px;
		background: url(../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.gw50th-kv-news a:hover{
		opacity: 0.7;
	}
	.gw50th-kv-news figure{
		position: relative;
		width: 110px;
	}
	.gw50th-kv-news figure:after{
		position: absolute;
		top: 0;
		left: 0;
		content: "NEW";
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 30px;
		font-size: 18px;
		background: #1D1D1D;
		color: #CEAF68;
	}
	.gw50th-kv-news-txt{
		padding: 15px 30px 15px 15px;
		width: calc(100% - 110px);
	}
	.gw50th-kv-news-txt h2{
		font-size: 14px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.gw50th-kv-news-txt p{
		margin: 10px 0 0;
		font-size: 12px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}



/* gw50th-bg-movie
====================================================================*/

	.gw50th-kv{
		position: relative;
		display: flex;
		height: 100vh;
		align-items: center;
		justify-content: center;
		z-index: 10;
	}
	.gw50th-kv-logo{
		width: 495px;
	}

}



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


.sec-cs{
	margin: 30px 0 0;
	color: #fff;
	text-align: center;
}
.sec-cs strong{
	display: block;
	font-size: 30px;
}
.sec-cs p{
	margin: 15px 0 0;
	font-size: 12px;
	line-height: 1.5;
}

/* gw50th-kv-news
====================================================================*/

	.gw50th-kv-news{
		position: absolute;
		bottom: 80px;
		left: 0;
		padding: 0 15px;
		width: 100%;
		transform: translateY(50px);
		opacity: 0;
		transition: all 600ms ease;
		visibility: hidden;
	}

	.is-show-news .gw50th-kv-news{
		transform: translateY(0);
		opacity: 1;
		visibility: visible;	
	}

	.gw50th-kv-news a{
		position: relative;
		display: flex;
		align-items: center;
		border: 1px solid #1D1D1D;
		background: #1D1D1D;
	}
	.gw50th-kv-news a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 6px;
		height: 12px;
		background: url(../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.gw50th-kv-news figure{
		position: relative;
		width: 110px;
	}
	.gw50th-kv-news figure:after{
		position: absolute;
		top: 0;
		left: 0;
		content: "NEW";
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 30px;
		font-size: 18px;
		background: #1D1D1D;
		color: #CEAF68;
	}
	.gw50th-kv-news-txt{
		padding: 15px 30px 15px 15px;
		width: calc(100% - 110px);
	}
	.gw50th-kv-news-txt h2{
		font-size: 14px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.gw50th-kv-news-txt p{
		margin: 10px 0 0;
		font-size: 12px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}


/* gw50th-bg-movie
====================================================================*/

	.gw50th-kv{
		position: relative;
		display: flex;
		height: 100vh;
		align-items: center;
		justify-content: center;
		z-index: 10;
		padding: 0 15px;
	}
	.gw50th-kv-logo{
		margin: auto;
		max-width: 310px;
	}


}