@charset "utf-8";/*ページ*/
/* ---------------------------------------------------------------------- */
#cast {
}
.cast {
}
.castbloc {
	padding: 50px 0px;
}
.cast-title {
	color: var(--white);
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	margin-bottom: 30px;
}
.cast-title span {
	display: block;
	font-size: 30px;
	font-weight: 600;
	line-height: 1em;
	text-transform: capitalize;
}
.cast-title strong {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
}
/* ---------------------------------------------------------------------- */
.castbloc section {
	position: relative;
/*
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
	background-color: var(--black);
	border-bottom: 5px solid var(--red2);
*/
}
@media screen and (max-width: 767px) {
	.castbloc section {
	}
}
.cast-outer {
	position: relative;
	z-index: 1;
}
/* ---------------------------------------------------------------------- */

.castbox {
/*
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
*/
	background-color: #000;
	background-repeat: repeat-y;
	background-position: right center;
}
.castbox:nth-child(even) {background-color: #920783;}
.castbox:nth-child(odd) {background-color: #000;}
.role {
}
.role-outer {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.role-photo {
	display: table-cell;
	width: 520px;
	vertical-align: middle;
}
.role-inner {
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.role {
		background-position: center bottom;
		background-attachment: scroll;
	}
	.role-outer {
		display: block;
		width: auto;
	}
	.role-photo {
		display: block;
		width: auto;
	}
	.role-inner {
		display: block;
	}
}
.role-photo img {
	margin: 0px auto;
}
.role .role-photo img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
@media screen and (min-width: 768px) {
	.castbox:nth-child(even) .role .role-photo img {clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);}
	.castbox:nth-child(odd) .role .role-photo img {clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);}
}
#zero.role .role-photo img {background-image: url("../img/cast/role/role_zero.jpg");}
#takayoshiagata.role .role-photo img {background-image: url("../img/cast/role/role_takayoshiagata.jpg");}
#cry.role .role-photo img {background-image: url("../img/cast/role/role_cry.jpg");}
#ryujin.role .role-photo img {background-image: url("../img/cast/role/role_ryujin.jpg");}
#kanzaki.role .role-photo img {background-image: url("../img/cast/role/role_kanzaki.jpg");}
#shiden.role .role-photo img {background-image: url("../img/cast/role/role_shiden.jpg");}
#wakakusa.role .role-photo img {background-image: url("../img/cast/role/role_wakakusa.jpg");}
#shunsui.role .role-photo img {background-image: url("../img/cast/role/role_shunsui.jpg");}
#lester.role .role-photo img {background-image: url("../img/cast/role/role_lester.jpg");}
#anger.role .role-photo img {background-image: url("../img/cast/role/role_anger.jpg");}
#sadness.role .role-photo img {background-image: url("../img/cast/role/role_sadness.jpg");}
#drkosesumeragi.role .role-photo img {background-image: url("../img/cast/role/role_drkosesumeragi.jpg");}
#immortal.role .role-photo img {background-image: url("../img/cast/role/role_immortal.jpg");}
#osiris.role .role-photo img {background-image: url("../img/cast/role/role_osiris.jpg");}

#seere.role .role-photo img {background-image: url("../img/cast/role/role_seere.jpg");}
#furcas.role .role-photo img {background-image: url("../img/cast/role/role_furcas.jpg");}

.role-name {
	text-align: center;
	margin-bottom: 50px;
/*
	transform: rotate(-5deg);
*/
}
.role-name h3 {
	color: var(--white);
	font-weight: 400;
	padding: 10px;
}
.role-name h3 b {
	display: block;
	display: none;
	font-size: 36px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 10px;
}
.role-name h3 span {
	display: block;
	color: var(--purple2);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 110px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}
.castbox:nth-child(even) .role-name h3 span,
.castbox:nth-child(even) .role-name h3 strong {color: var(--black);}
.castbox:nth-child(odd) .role-name h3 span,
.castbox:nth-child(odd) .role-name h3 strong {color: var(--purple1);}
.role-name h3 strong {
	display: block;
	color: var(--purple1);
	font-size: 32px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	line-height: 1em;
}
@media screen and (max-width: 767px) {
	.role-name {
		margin-bottom: 20px;
	}
	.role-name h3 {
	}
	.role-name h3 b {
		font-size: 20px;
	}
	.role-name h3 span {
		font-size: 60px;
	}
	.role-name h3 strong {
		font-size: 24px;
	}
}
/* ---------------------------------------------------------------------- */
.act {
	color: var(--white);
	margin-bottom: 20px;
	padding: 10px;
}
.act {
	color: var(--white);
	margin-bottom: 20px;
	padding: 10px;
}
.act-name {
	margin-bottom: 10px;
}
.act-name h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
.act-name h3 strong {
	display: inline-block;
	font-size: 24px;
	font-weight: 400;
}
.act-name h3 strong em {
	display: inline-block;
	font-size: 18px;
	padding-left: 5px;
}
.act-name h3 span {
	display: inline-block;
	color: #ccc;
	font-size: 15px;
	text-transform: capitalize;
	padding-left: 10px;
}
.act-profile {
	font-size: 13px;
	line-height: 1.3em;
	margin-bottom: 30px;
}
.act-profile p {
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.act-name {
		text-align: center;
	}
	.act-name h3 strong {
		display: inline-block;
		font-size: 24px;
	}
	.act-name h3 span {
		font-size: 14px;
	}
	.act-photo {
		position: static;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.act-photo img {
	}
}
.act-sns {
	text-align: right;
}
.act-sns ul {
}
.act-sns li {
	display: inline-block;
	text-align: center;
}
.act-sns li a {
	display: inline-block;
	width: 50px;
	color: var(--white);
	line-height: 1em;
	text-decoration: none;
	background-color: #000;
	border: 1px solid;
	padding: 2px;
}
.act-sns li.twitter a {background-color: #1da1f2;border-color: #1da1f2;}
.act-sns li.instagram a {background-color: #db236c;border-color: #db236c;}
.act-sns li.blog a {background-color: #0ca814;border-color: #0ca814;}
.act-sns li a .mysvg {
	display: block;
	width: 16px;
	height: auto;
	margin: 5px auto;
}
.act-sns li a .mysvg path,
.act-sns li a .mysvg circle,
.act-sns li a .mysvg polygon {
	fill: currentColor;
	color: #fff;
}
/*
.act-sns li.twitter a .mysvg path,.act-sns li.twitter a .mysvg circle,.act-sns li.twitter a .mysvg polygon {color: #1da1f2;}
.act-sns li.instagram a .mysvg path,.act-sns li.instagram a .mysvg circle,.act-sns li.instagram a .mysvg polygon {color: #db236c;}
.act-sns li.blog a .mysvg path,.act-sns li.blog a .mysvg circle,.act-sns li.blog a .mysvg polygon {color: #0ca814;}
*/
.act-sns li a span {
	font-size: 10px;
	line-height: 1em;
}
.act-sns li a:hover {
	background-color: #000;
}
.act-sns li a:hover .mysvg path,
.act-sns li a:hover .mysvg circle,
.act-sns li a:hover .mysvg polygon {
	color: var(--white);
	fill: currentColor;
}
/*
.act-sns li.twitter a:hover {border-color: #1da1f2;}
.act-sns li.instagram a:hover {border-color: #db236c;}
.act-sns li.blog a:hover {border-color: #0ca814;}
*/

@media screen and (max-width: 767px) {
	.act-sns {
		text-align: center;
	}
	.act-sns li {
		padding: 0px 5px;
	}
	.act-sns li a {
		width: 60px;
		line-height: 1em;
		text-decoration: none;
		padding: 10px 5px;
	}
	.act-sns li a span {
		font-size: 12px;
	}
}
/* ---------------------------------------------------------------------- */
.ense {
	background-color: #000;
	padding: 10px 0px;
}
.ense ul {
	text-align: center;
}
.ense ul li {
	display: inline-block;
	width: 30%;
	margin-bottom: 20px;
}
.ense-photo {
}
.ense-photo img {
	margin: 0px auto;
}
.ense-name {
	margin-bottom: 50px;
}
.ense-name h3 {
	color: var(--white);
	font-weight: 400;
	padding: 10px;
}
.ense-name h3 strong {
	display: block;
	color: var(--white);
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
}
.ense-name h3 span {
	display: block;
	color: var(--red2);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1em;
}
@media screen and (max-width: 767px) {

	.ense ul li {
		width: 48%;
	}
	.ense-name h3 strong {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.ense-name h3 span {
		font-size: 15px;
	}
}
/* ---------------------------------------------------------------------- */
#cast-staff {
	color: var(--white);
	background-color: #000;
}
.staff {
}
.staff ul {
	display: block;
	margin-bottom: 20px;
}
.staff ul:last-child {
	margin-bottom: 0px;
}
.staff ul li {
	display: block;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 10px;
}
.staff ul li:last-child {
	margin-bottom: 0px;
}
.staff dl {
}
.staff dt {
	width: 48%;
	text-align: right;
}
.staff dt span::after {
	content: "：";
}
.staff dd {
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.staff {
		text-align: center;
		padding: 10px;
	}
	.staff dt {
		display: inline-block;
		width: auto;
		text-align: right;
	}
	.staff dd {
		display: inline-block;
	}
}
/* ---------------------------------------------------------------------- */