@charset "UTF-8";
/* main
================================================ */
.mv-list{
	position: relative;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.mv-txt_area{
	width: 62%;
	height: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -42%);
	transform: translate(-50%, -42%);
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0;
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
}
.mv-txt_area .mv-txt_wrap{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 0 20px;
	font-weight: bold;
}
.mv-txt_area > .mv-txt_wrap > p{
	margin-bottom: 0.2em;
	letter-spacing: 0.1em;
}


/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.mv-txt_area{
	width: 100%;
	height: 350px;
	background-color: transparent;
}
.mv-txt_area > .mv-txt_wrap{
	width: 100%;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.6);
}
}

@media screen and (max-width: 673px) {
.mv-list{
	height: 180px;
}
.mv-txt_area{
	height: 180px;
}
.mv-txt_area > .mv-txt_wrap{
	display: none;
}
}


/* ================================================
スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
.mv-list{
	height: 120px;
}
.mv-txt_area{
	height: 120px;
}
}