@charset "utf-8";
.mainContents{
	width: 100%;
	position: relative;
}
.contSection{
	width: 100%;
	max-width: calc(1200px * var(--max-percent));
	position: relative;
	padding-left: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	padding-right: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	margin: 0 auto;
}
.cont__secTitle{
	margin-left: max(calc(-30 / var(--vw-min) * 100vw), -30px);
}
.contSection___inner{
	position: relative;
	width: 100%;
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	display: flex;
	gap: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
@media screen and (max-width:768px){
	.contSection{
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.cont__secTitle{
		margin-left: 0;
	}
	.contSection___inner{
		padding: calc(96 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) 0;
		flex-direction: column;
		gap: calc(80 / var(--vw-min) * 100vw);
	}
}
.staffcastCont{
	width: min(calc(480 / var(--vw-min) * 100vw), calc(480px * var(--max-percent)));
}
#staff{
	margin-right: auto;
}
#cast{
	margin-left: auto;
}
.staffcastLists{
	width: 100%;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	padding-left: min(calc(32 / var(--vw-min) * 100vw), 32px);
	display: flex;
	flex-direction: column;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.staffcastList{
	width: 100%;
	display: flex;
}
.staffcastList__dt{
	font-weight: 700;
	color: var(--color-main-red);
	padding-right: 1em;
	text-align: right;
	line-height: 2.2;
	letter-spacing: 0;
}
.staffcastList__dd{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
}
.staffcastList__comlink{
	display: inline-block;
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
.staffcastList__comlink > .btn_comment{
	position: absolute;
	top: max(calc(-4 / var(--vw-min) * 100vw), -4px);
	left: min(calc(8 / var(--vw-min) * 100vw), 8px);
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: var(--color-main-yellow);
	-webkit-mask: url(../../../assets/img/common/icon/icon_fukidashi.svg) no-repeat center / contain;
	mask: url(../../../assets/img/common/icon/icon_fukidashi.svg) no-repeat center / contain;
	pointer-events: auto;
	background-color: #000;
}
.staffcastList__dd > small{
	font-size: 60%;
	font-weight: 400;
	display: inline-block;
	line-height: 1.5;
	margin-top: 0.52em;
}
.staffcastList__dd > small.-w100{
	width: 100%;
}
#staff .staffcastList__dt{
	min-width: 11em;
}
#cast .staffcastList__dt{
	min-width: 7.5em;
}
@media (hover: hover) and (pointer: fine){
	.staffcastList__comlink > .btn_comment{
		transition: .3s ease;
	}
	.staffcastList__comlink > .btn_comment:hover{
		background-color: var(--color-main-red);
		transform: scale(110%);
	}
}
@media screen and (max-width: 767px){
	#staffcast .contentIn{
		padding: var(--sp-size-96) var(--sp-size-48) 0;
		flex-direction: column;
	}
	.staffcastCont{
		width: 100%;
	}
	#staff{
		margin-right: 0;
	}
	#cast{
		margin-left: 0;
		padding-top: var(--sp-size-80);
	}
	.staffcastLists{
		padding-top: var(--sp-size-48);
		padding-left: 0;
		gap: calc(24 / var(--vw-min) * 100vw);
	}
	.staffcastList__dt{
		font-size: var(--sp-size-24);
		line-height: var(--sp-size-40);
	}
	.staffcastList__dd{
		font-size: var(--sp-size-26);
	}
	.staffcastList__comlink{
		width: var(--sp-size-48);
		height: var(--sp-size-20);
	}
	.staffcastList__comlink > .btn_comment{
		top: calc(var(--sp-size-2) * -1);
		left: var(--sp-size-8);
		width: var(--sp-size-40);
		height: var(--sp-size-24);
	}
	.staffcastList__dd > small{
		font-size: 76.9231%;
	}
	#staff .staffcastList__dt,
	#cast .staffcastList__dt{
		min-width: 40%;
	}
}
#js-commentModal .oneModalIn__cont{
	width: 100%;
}
#js-commentModalCont{
	width: 100%;
	max-width: 1920px;
	padding: 0 min(6.6667%, calc(80px * var(--max-percent)));
	display: flex;
	margin: 0 auto;
}
.commentCont__img{
	width: 41.5385%;
	margin-right: 4.6154%;
	max-width: 480px;
	flex-shrink: 0;
}
.commentCont__img img{
	width: 100%;
}
.commentCont__Wrap{
	width: 100%;
}
@media screen and (max-width: 860px){
	#js-commentModalCont{
		flex-direction: column;
	}
	.commentCont__img{
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		padding-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
	}
}
.commentCont_h2{
	width: 100%;
	line-height: 1;
}
.commentCont_h2__job{
	display: block;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: var(--color-main-red);
	font-weight: 700;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.commentCont_h2__name{
	display: block;
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	font-weight: 900;
}
.commentCont__commentWrap{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	width: 100%;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: #fff;
	border: 1px solid #000;
}
.commentCont__infoWrap{
	width: 100%;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.commentCont_mainTxt,
.commentCont__infotxt{
	padding-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 2;
}
#js-commentModalCont .cont_txtTitle{
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	line-height: 0.8;
}
@media screen and (max-width: 767px){
	#js-commentModal .oneModalIn__cont{
		padding: var(--sp-size-96) 0;
	}
	#js-commentModalCont{
		padding: 0 6.4%;
	}
	.commentCont__img{
		width: 100%;
		padding-bottom: var(--sp-size-48);
	}
	.commentCont_h2__job{
		font-size: var(--sp-size-32);
		margin-bottom: var(--sp-size-16);
	}
	.commentCont_h2__name{
		font-size: var(--sp-size-40);
	}
	.commentCont__commentWrap{
		margin-top: var(--sp-size-48);
		padding: var(--sp-size-24);
	}
	.commentCont__infoWrap{
		padding-top: var(--sp-size-48);
	}
	.commentCont_mainTxt,
	.commentCont__infotxt{
		padding-top: var(--sp-size-20);
	}
	#js-commentModalCont .cont_txtTitle{
		font-size: var(--sp-size-32);
	}
}