@charset "utf-8";

.main {
	padding-top:0px;
}

.cast{
	/* padding-top:50px; */
	margin-bottom:60px;
	position:relative;
	z-index:500;
}
.scst--cast:before{
	background:url(../img/common/nav_cast.png) no-repeat center center / contain;
	height: 33px;
}
@media screen and (max-width:768px){
	.main {
		padding-top: 50px;
	}
	.cast{
		/* padding-top:5vw; */
		margin-bottom:9vw;
		position:relative;
		z-index:500;
	}
	.scst--cast:before {
		height: 5.33333333vw;
	}
}
.cast__mainlists{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	margin-bottom:50px;
}
.cast__mainlists li{
	width:calc(100% / 4);
	margin-bottom:3em;
}
.cast__mainlists li a{
	color: #fff;
	display:block;
	position:relative;
	width:100%;
}
.cast__mainlists li a.commentOn:before {
	content:'';
	position: absolute;
	right:10px;
	bottom:7px;
	pointer-events: none;
	width:50px;
	height:58px;
	background:url(../img/caststaff/icon_castcomment.png) no-repeat center center / contain;
	z-index:50;
	transition: all 1s ease;
}
.cast__mainlists__imgWrap {
	overflow: hidden;
}
.cast__mainlists__imgWrap img{
	width: 100%;
	transition:all 1s ease;
}
.cast__mainlists li a.commentOn:hover:before{
	transform:scale(1.1);
}
.cast__mainlists__name {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0.8em;
	letter-spacing: 0;
	line-height: 1;
	text-align: right;
	padding: 0 20px;
}
.cast__mainlists__name__chara {
	color: #07c5e2;
	font-size: 80%;
}
.cast__mainlistsNames{
	position:absolute;
	left:0;
	bottom:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.cast__mainlistsNames dt{
	background:#000;
	color:#07c5e2;
	font-weight:700;
	line-height:1;
	padding:5px 5px 5px 8px;
	font-size:20px;
	letter-spacing:0.225em;
	margin-bottom:5px;
}
.cast__mainlistsNames dd{
	background:#1d1dad;
	color:#FFF;
	font-weight:700;
	line-height:1;
	padding:5px 5px 5px 8px;
	font-size:24px;
	letter-spacing:0.225em;
}

.ens__mainlists{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	margin-bottom:50px;
	justify-content: center;
}
.ens__mainlists li{
	width:calc(100% / 4);
	margin-bottom:3em;
}
.ens__mainlists li a{
	color: #fff;
	display:block;
	position:relative;
	width:100%;
}
.ens__mainlists li a.commentOn:before {
	content:'';
	position: absolute;
	right:10px;
	bottom:7px;
	pointer-events: none;
	width:50px;
	height:58px;
	background:url(../img/caststaff/icon_castcomment.png) no-repeat center center / contain;
	z-index:50;
	transition: all 1s ease;
}
.ens__mainlists__imgWrap {
	overflow: hidden;
}
.ens__mainlists__imgWrap img{
	width: 100%;
	transition:all 1s ease;
}
.ens__mainlists li a.commentOn:hover:before{
	transform:scale(1.1);
}
.ens__mainlists__name {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0.8em;
	letter-spacing: 0;
	line-height: 1;
	text-align: right;
	padding: 0 20px;
}
.ens__mainlists__name__chara {
	color: #07c5e2;
	font-size: 80%;
}
.ens__mainlistsNames{
	position:absolute;
	left:0;
	bottom:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.ens__mainlistsNames dt{
	background:#000;
	color:#07c5e2;
	font-weight:700;
	line-height:1;
	padding:5px 5px 5px 8px;
	font-size:20px;
	letter-spacing:0.225em;
	margin-bottom:5px;
}
.ens__mainlistsNames dd{
	background:#1d1dad;
	color:#FFF;
	font-weight:700;
	line-height:1;
	padding:5px 5px 5px 8px;
	font-size:24px;
	letter-spacing:0.225em;
}

.andMore{
	height:60px;
	background:#000 url(../img/caststaff/andmore.svg) no-repeat center center / auto 12px;
}
@media screen and (max-width:768px){
	.cast__mainlists {
		margin-bottom: 6.4vw;
	}
	.cast__mainlists li{
		width:50%;
		margin-bottom: 5.3333333vw;
	}
	.cast__mainlists li a.commentOn:before {
		right:2vw;
		bottom:1vw;
		width:10vw;
		height:14.6vw;
	}
	.cast__mainlists li a img{
		object-position:center top;
	}
	.cast__mainlistsNames dt{
		padding:3px 6px 4px 0.5em;
		font-size:1.4rem;
		margin-bottom:3px;
	}
	.cast__mainlistsNames dd{
		padding:2px 6px 3px 0.5em;
		font-size:1.7rem;
	}
	.cast__mainlists__name {
		font-size:1.4rem;
		padding: 0 4vw;
	}
	.andMore{
		height:12vw;
		background-size:auto 2.4vw;
	}

	.ens__mainlists {
		margin-bottom: 6.4vw;
	}
	.ens__mainlists li{
		width:50%;
		margin-bottom: 5.3333333vw;
	}
	.ens__mainlists li a.commentOn:before {
		right:2vw;
		bottom:1vw;
		width:10vw;
		height:14.6vw;
	}
	.ens__mainlists li a img{
		object-position:center top;
	}
	.ens__mainlists dt{
		padding:3px 6px 4px 0.5em;
		font-size:1.4rem;
		margin-bottom:3px;
	}
	.ens__mainlistsNames dd{
		padding:2px 6px 3px 0.5em;
		font-size:1.7rem;
	}
	.ens__mainlists__name {
		font-size:1.4rem;
		padding: 0 4vw;
	}
}
.subCast__title {
	text-align: center;
	font-size:22px;
	font-weight: 700;
	margin-bottom:15px;
}
@media screen and (max-width: 768px){
	.subCast__title {
		font-size:1.6rem;
		margin-bottom:2vw;
	}
}
.subCast__lists {
	display: flex;
	flex-direction: column;
	align-items: center;
	width:843px;
	margin:0 auto 50px;
}
.subCast__list{
	display:flex;
	font-size:20px;
	line-height:2;
	padding:10px 0;
	font-weight:700;
	letter-spacing:0.1em;

}
.subCast__list dt{
	white-space:nowrap;
	color:#07c5e2;
}
.subCast__list dt:after{
	content:'：';
}
.subCast__list dd{
	color:#FFF;
	flex:1;
}
.subCast__list dd small{
	font-size:14px;
}

.subCast__list_ans{
	display:flex;
	font-size:20px;
	line-height:2;
	padding:10px 0;
	font-weight:700;
	letter-spacing:0.1em;

}
.subCast__list_ans dt{
	white-space:nowrap;
	color:#07c5e2;
}
.subCast__list_ans dt:after{
	content:'';
}
.subCast__list_ans dd{
	color:#FFF;
	flex:1;
}
.subCast__list_ans dd small{
	font-size:14px;
}

@media screen and (max-width:768px){
	.subCast__lists {
		width:90vw;
		padding-left:3.2vw;
		margin-bottom:6.4vw;
	}
	.subCast__list{
		font-size:1.3rem;
		padding:2vw 0;
	}
	.subCast__list dd small{
		font-size:0.8rem;
	}
	.subCast__list_ans{
		font-size:1.3rem;
		padding:2vw 0;
	}
	.subCast__list_ans dd small{
		font-size:0.8rem;
	}
}
.staff{
	margin:0 auto;
	position:relative;
	z-index:500;
	padding-bottom:60px;
}
.scst--staff:before{
	background:url(../img/common/nav_staff.png) no-repeat center center / contain;
	height: 33px;
}
.staff__lists {
	width:843px;
	margin:0 auto;
	padding-top: 40px;
}
.staff__list{
	display:flex;
	font-size:20px;
	line-height:2;
	padding:10px 0;
	font-weight:700;
	letter-spacing:0.1em
}
.staff__list.nSpace {
	margin-bottom:1.68em;
}
.staff__list dt{
	white-space:nowrap;
	color:#07c5e2;
}
.staff__list dt:after{
	content:'　';
}
.staff__list dd{
	color:#FFF;
	flex:1;
}
.staff__list dd small{
	font-size:14px;
}
@media screen and (max-width:768px){
	.staff{
		padding-bottom:10vw;
	}
	.staff__lists {
		width:82vw;
		padding-top: 5.3333333vw;
	}
	.scst--staff:before {
		height: 5.33333333vw;
	}
	.staff__list{
		font-size:1.2rem;
		padding:2vw 0;
	}
	.staff__list dd small{
		font-size:0.8rem;
	}
}
.comment__btn{
	display:inline-flex;
	align-items:center;
	width:120px;
	height:28px;
	background:#07c5e2;
	color:#000;
	text-decoration:none;
	font-size:16px;
	padding-left:16px;
	margin-left:24px;
	line-height:0.7;
	position:relative;
	transition:all 0.3s ease;
}
.comment__btn:before{
	content:'';
	position:absolute;
	right:9px;
	top:50%;
	height:16px;
	width:14px;
	-webkit-mask:url(../img/common/hexagon.svg) no-repeat center center / contain;
	mask:url(../img/common/hexagon.svg) no-repeat center center / contain;
	background:#000;
	margin-top:-8px;
	transition:all 0.3s ease;
}
.comment__btn:after{
	content:'';
	position:absolute;
	right:14px;
	top:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:3.5px 2px 0 2px;
	border-color:#07c5e2 transparent transparent transparent;
	margin-top:-1px;
	transition:all 0.3s ease;
}
.comment__btn:hover{
	background:#000;
	color:#07c5e2;
}
.comment__btn:hover:before{
	background:#07c5e2;
}
.comment__btn:hover:after{
	border-color:#000 transparent transparent transparent;
}
.comment__btn.active:before{
	transform:rotate(180deg);
}
.comment__btn.active:after{
	transform:rotate(180deg);
}
@media screen and (max-width:768px){
	.comment__btn{
		width:16vw;
		height:3.7333vw;
		font-size:1rem;
		padding-left:1.6vw;
		margin-left:3.2vw;
	}
	.comment__btn:before{
		right:1.2vw;
		height:2.4vw;
		width:1.8666vw;
		margin-top:-1.0666vw;
	}
	.comment__btn:after{
		right:1.8666vw;
		top:50%;
		border-width:0.4666vw 0.2666vw 0 0.2666vw;
		margin-top:-0.1333vw;
	}
}
.comment{
	max-width:800px;
}
@media screen and (max-width:768px){
	.comment{
		width:70%;
		margin:0 auto;
	}
}
.castimg{
	width:437px;
	height:auto;
	margin:0 auto 40px;
}
.castimg img{
	width:100%;
	height:auto;
}
@media screen and (max-width:768px){
	.castimg{
		width:70vw;
		margin-bottom:6vw;
	}
}
.cast_prev{
	width:26px;
	height:26px;
	position:absolute;
	top:calc(50% - 13px);
	left:48px;
}
.cast_prev a{
	width:100%;
	height:100%;
	display:block;
	background:url(../img/common/modal_prev.svg) no-repeat center / contain;
	transition:.3s ease;
}
.cast_next{
	width:26px;
	height:26px;
	position:absolute;
	top:calc(50% - 13px);
	right:48px;
}
.cast_next a{
	width:100%;
	height:100%;
	display:block;
	background:url(../img/common/modal_next.svg) no-repeat center / contain;
	transition:.3s ease;
}
@media screen and (min-width:768px){
	.cast_prev a:hover{
		transform:translateX(-10px);
	}
	.cast_next a:hover{
		transform:translateX(10px);
	}
}
@media screen and (max-width:767px){
	.cast_prev{
		left:12px;
	}
	.cast_next{
		right:12px;
	}
	.castImg{
		width:80.2667%;
		margin:0 auto;
	}
	.castImg img{
		width:100%;
	}
}
.castcomment_title{
	display:inline-flex;
	align-items:center;
	background:#02b5d8;
	padding:8px 14px;
	line-height:1;
	letter-spacing:0.225em;
}
.castcomment_title_chara{
	display:inline-block;
	font-size:16px;
	font-weight:700;
	padding-right:0.5em;
}
.castcomment_title_chara:after{
	content:' ：';
}
.castcomment_title_name{
	font-size:24px;
	font-weight:700;
}
.castcomment_text{
	font-size:16px;
	font-weight:700;
	color:#fff;
	margin-top:32px;
	line-height:2.375;
}

@media screen and (max-width:767px){
	.castcomment_title{
		padding:4px 7px;
	}
	.castcomment_title_chara{
		font-size:1.4rem;
	}
	.castcomment_title_name{
		font-size:1.8rem;
	}
	.castcomment_text{
		font-size:1.15rem;
		margin-top:16px;
	}
	.js-castcommentModalDetail{
		width:85%;
		margin:0 auto;
	}
}
.staff__comment{
	font-size:16px;
	padding:10px 0;
	display:none;
}
@media screen and (max-width:768px){
	.staff__comment{
		font-size:1.1rem;
		padding:2vw 0;
		display:none;
	}
}

.ticket{
	/* padding-top:50px; */
	margin-bottom:60px;
	position:relative;
	z-index:500;
}
.scst--ticket:before{
	background:url(../img/common/nav_ticket.png) no-repeat center center / contain;
	height: 33px;
}
@media screen and (max-width:768px){
	.ticket{
		/* padding-top:5vw; */
		margin-bottom:9vw;
		position:relative;
		z-index:500;
	}
	.scst--ticket:before {
		height: 5.33333333vw;
	}
}

.ticket__txt {
	padding-left:1em;
	width:750px;
	margin:0 auto;
}
.ticket__txt li {
	line-height:1.8;
	margin-bottom:0.6em;
	font-size:20px;
}

.copy {
	line-height:1.8;
	margin-bottom:0.6em;
	font-size:14px;
}

@media screen and (max-width: 768px){
	.ticket__txt {
		width:90%;
	}
	.ticket__txt li {
		font-size:1.4rem;
	}
	.copy {
		font-size:1.2rem;
	}
}


.lam_iframeWrap{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	margin: 40px auto;
}
.lam_iframeWrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px){
	.lam_iframeWrap{
		margin: 24px auto;
	}
}