/*--------------------------------------------------------------------
							 cast
--------------------------------------------------------------------*/
#cast
{
	background: url(/sp/images/bg/cast.jpg) center center / cover no-repeat fixed;
	height:100%;
}

.cast_pcon{
	font-size: 0;
}

.cast_pimg{
	display: inline-block;
	vertical-align: middle;
	width: 46%;
	margin-right: 4%;
}
.cast_pimg img{
	width: 100%;
}

.cast_name{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	font-size: 7vw;
	color: #003c69;
	text-align: left;
}

.cast_name .name_com{
	font-size: 85%;
	line-height: 1;
}
.cast_name .name_chara::after{
	content: '役：';
	margin-left: 1em;
}

.cast_name .name{
	font-weight: bold;
}

#acMenu_castcomment dt{
    display:block;
    width:100%;
    text-align:center;
    cursor:pointer;
		padding:10px 0;
		background-color:transparent;
		font-size:120%;
		color:#585858;
		clear:both;
		overflow:hidden;
		border-bottom:1px #fff solid;
    }
		
#acMenu_castcomment dt .cast_pcon
{
	  width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
		
#acMenu_castcomment dt .cast_pimg
{
}
#acMenu_castcomment dt .togul_open
{
	font-size: 60%;
	font-size: 4vw;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 0px;
	width: 45%;
    font-weight: normal;
    border: 1px solid #fff;
    margin-right: 10px;
}

.togul_open::before{
	content: 'More Profile';
}

.togul_open::after{
	content: '▼';
	font-size: 80%;
	margin-left: 1em;
}

.togul_open.togul_open_act::after{
	content: '▲';
}


#acMenu_castcomment dt .cast_name ruby
{
	font-size:80%;
}
		
#acMenu_castcomment dd{
    background: #f2f2f2;
    text-align:left;
    display:none;
		padding:10px 10px;
		color:#016aba;
		margin:0px 0px 0px 0px;
		border-bottom:1px solid #fff;
		font-size:90%;
		line-height: 170%;
    }

#acMenu_castcomment dd p{
	margin-bottom: 1em;
    }
#acMenu_castcomment dd p:last-of-type{
	margin-bottom: 0;
    }