@charset "utf-8";
/*######################################

    mypage movie

######################################*/
.gray-ttl {
	text-align: center;
}
.main-visual h1 {
	color: #2A2C32;
	line-height: 1.5;
	font-size: 4.0rem;
}
.movie-caption-4-break {
	display: inline;
}

@media screen and (max-width: 1023px) {
	.main-visual h1 {
		font-size: 3.0rem;
	}
}

@media screen and (max-width: 900px) {
	.movie-caption-blank-line-1,
	.movie-caption-blank-line-4 {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.main-visual h1 {
		font-size: 2.6rem;
	}
	.content-list h3 {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 660px) {
	.movie-caption-4-break {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.main-visual h1 {
		font-size: 2.0rem;
	}
}

@media screen and (max-width: 600px) {
	.movie-caption-blank-line-2,
	.movie-caption-blank-line-3 {
		display: none;
	}
	.movie-caption-4-break {
		display: inline;
	}
}

@media screen and (max-width: 470px) {
	.main-visual h1 {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 400px) {
	.movie-caption-4-break {
		display: none;
	}
}
