/* tpl-content-head-area
----------------------------------------*/
.tpl-content-head-area .content-head-bg {
	background-image: url("/actors/img/mainvisual.jpg?v=1");
	background-color: #000; }
	@media screen and (min-width: 751px) {
		.tpl-content-head-area .content-head-bg {
			background-position: center 40%;
			background-size: 100%; } }

@media screen and (min-width: 751px) {
	.actors {
		margin-top: 50px; } }

@media screen and (max-width: 750px) {
	.actors {
		margin-top: 6.66667vw; } }

.actors:first-child {
	margin-top: 0; }

.actors .actors__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; }
	@media screen and (min-width: 751px) {
		.actors .actors__list {
			row-gap: 50px; } }
	@media screen and (max-width: 750px) {
		.actors .actors__list {
			row-gap: 6.66667vw; } }
	@media screen and (min-width: 751px) {
		.actors .actors__list li {
			width: 300px;
			width: 30%; } }
	@media screen and (max-width: 750px) {
		.actors .actors__list li {
			width: 41.33333vw; } }
	@media screen and (min-width: 751px) {
		.actors .actors__list::after {
			content: "";
			width: 300px; } }

.actors .actors__item {
	position: relative;
	display: block; }

.actors .actors__img {
	margin-left: auto; }
	@media screen and (min-width: 751px) {
		.actors .actors__img {
			width: 80%; } }
	@media screen and (max-width: 750px) {
		.actors .actors__img {
			width: 80%; } }
	.actors .actors__img img {
		width: 100%;
		height: auto; }

.actors .actors__name {
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-style: normal;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1em; }
	@media screen and (min-width: 751px) {
		.actors .actors__name {
			font-size: 50px; } }
	@media screen and (max-width: 750px) {
		.actors .actors__name {
			font-size: 20px;
			font-size: 6.25vw; } }