#cast_dt{
	}
div.character {
	position: relative;
	font-family: "m-plus-1p", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000;
	border: solid 4px #fff;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	background-color: #fbe576;
	}

.phArea{ position: relative;}
#cast_dt .ph_cut, #cast_dt .ph_cut span, #cast_dt .ph_cut span img {
	background-position: center top;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	}

.data {background-position: bottom right; background-repeat: no-repeat;}
.chara_01 .data {background-image: url("../img/chart/name_01.png");}
.chara_02 .data {background-image: url("../img/chart/name_02.png");}
.chara_03 .data {background-image: url("../img/chart/name_03.png");}
.chara_04 .data {background-image: url("../img/chart/name_04.png");}
.chara_05 .data {background-image: url("../img/chart/name_05.png");}
.chara_06 .data {background-image: url("../img/chart/name_06.png");}
.chara_07 .data {background-image: url("../img/chart/name_07.png");}
.chara_08 .data {background-image: url("../img/chart/name_08.png");}
.chara_09 .data {background-image: url("../img/chart/name_09.png");}
.chara_10 .data {background-image: url("../img/chart/name_10.png");}
.chara_11 .data {background-image: url("../img/chart/name_11.png?0216");}
.chara_12 .data {background-image: url("../img/chart/name_12.png");}
.chara_13 .data {background-image: url("../img/chart/name_13.png");}
.chara_14 .data {background-image: url("../img/chart/name_14.png");}

p.name, p.actor{
	height: 0; width: 0; text-indent: -9999px;
}
#cast_dt .txtArea  {}
#cast_dt .txtArea .txt { text-align: left; font-feature-settings: "palt"; font-weight: 500;}


@media all and (min-width: 768px) {
	#cast_dt{ padding: 0px;}
	div.character {position: relative; width: 722px; height: 462px; background-image: url(../img/chart/bg_chara.png);}
	div.character .charaBox { height: 462px; letter-spacing: -.4em;}
	.phArea{ width: 366px; height: 462px; display: inline-block; }
	#cast_dt .ph_cut, #cast_dt .ph_cut span, #cast_dt .ph_cut span img {
		width: 366px;
		height: 462px;
		background-position: center top;
	}
	#cast_dt .ph_cut {
		margin: 0 0!important; padding: 0!important; border: none; display: inline-block; vertical-align: top;
	}
	
	.profArea{ position: relative; width:356px; height: 462px; letter-spacing: 0em; 
		display: inline-block; vertical-align: top;}
	.profBlock {}
	.data { width:383px; height: 167px; background-size: contain; position: absolute; bottom:30px; right:0;}
	#cast_dt.chara_01.chara2 .data, #cast_dt.chara_09.chara2 .data {bottom:15px; }
	#cast_dt .txtArea { padding: 35px 30px 0 0;}
	#cast_dt .txtArea .txt {padding:0 0 0.5em; font-size: 1.1em;}
	#cast_dt.chara_01 .txtArea .txt { line-height: 1.6em;}
	#cast_dt.chara2 .txtArea .txt { line-height: 1.6em;}
		#cast_dt.chara_01.chara2 .txtArea .txt { font-size: 1.0em;}
	
	
	.chara_11:not(.chara2) div.character, .chara_11:not(.chara2) div.character .charaBox, .chara_11:not(.chara2) .phArea, .chara_11#cast_dt:not(.chara2) .ph_cut, .chara_11#cast_dt:not(.chara2) .ph_cut span, .chara_11#cast_dt:not(.chara2) .ph_cut span img, .chara_11:not(.chara2) .profArea,
	.chara_08.chara2 div.character, .chara_08.chara2 div.character .charaBox, .chara_08.chara2 .phArea, .chara_08.chara2#cast_dt .ph_cut, .chara_08.chara2#cast_dt .ph_cut span, .chara_08.chara2#cast_dt .ph_cut span img, .chara_08.chara2 .profArea,
	.chara_12.chara2 div.character, .chara_12.chara2 div.character .charaBox, .chara_12.chara2 .phArea, .chara_12.chara2#cast_dt .ph_cut, .chara_12.chara2#cast_dt .ph_cut span, .chara_12.chara2#cast_dt .ph_cut span img, .chara_12.chara2 .profArea
	{ height: 382px; }
	.chara_07:not(.chara2) div.character, .chara_07:not(.chara2) div.character .charaBox, .chara_07:not(.chara2) .phArea, .chara_07#cast_dt:not(.chara2) .ph_cut, .chara_07#cast_dt:not(.chara2) .ph_cut span, .chara_07#cast_dt:not(.chara2) .ph_cut span img, .chara_07:not(.chara2) .profArea,
	.chara_08:not(.chara2) div.character, .chara_08:not(.chara2) div.character .charaBox, .chara_08:not(.chara2) .phArea, .chara_08#cast_dt:not(.chara2) .ph_cut, .chara_08#cast_dt:not(.chara2) .ph_cut span, .chara_08#cast_dt:not(.chara2) .ph_cut span img, .chara_08:not(.chara2) .profArea,
	.chara_09 div.character, .chara_09 div.character .charaBox, .chara_09 .phArea, .chara_09#cast_dt .ph_cut, .chara_09#cast_dt .ph_cut span, .chara_09#cast_dt .ph_cut span img, .chara_09 .profArea,
	.chara_10:not(.chara2) div.character, .chara_10:not(.chara2) div.character .charaBox, .chara_10:not(.chara2) .phArea, .chara_10#cast_dt:not(.chara2) .ph_cut, .chara_10#cast_dt:not(.chara2) .ph_cut span, .chara_10#cast_dt:not(.chara2) .ph_cut span img, .chara_10:not(.chara2) .profArea,
	.chara_12:not(.chara2) div.character, .chara_12:not(.chara2) div.character .charaBox, .chara_12:not(.chara2) .phArea, .chara_12#cast_dt:not(.chara2) .ph_cut, .chara_12#cast_dt:not(.chara2) .ph_cut span, .chara_12#cast_dt:not(.chara2) .ph_cut span img, .chara_12:not(.chara2) .profArea,
	.chara_11.chara2 div.character, .chara_11.chara2 div.character .charaBox, .chara_11.chara2 .phArea, .chara_11.chara2#cast_dt .ph_cut, .chara_11.chara2#cast_dt .ph_cut span, .chara_11.chara2#cast_dt .ph_cut span img, .chara_11.chara2 .profArea
	{ height: 432px; }
	
div.character p.degree { display: none;/*background-position: top left; background-repeat: no-repeat; background-size: contain; width: 100%; height: 35px; text-indent: -9999px; position: absolute; top:35px; left:0;*/}
}
@media all and (max-width: 767px) {
	div.character {
		margin: 10px;
		position: relative;
		background-image: url(../img/chart/bg_chara_sp.png); background-size: cover; background-position: top center;
	}
	div.character .charaBox {}

	#cast_dt .ph_cut {
		width: 100%;
		margin: 0 auto 0em;
		border: none; padding: 0;
	}
	#cast_dt .ph_cut span {
		padding-top: 123.229%;
	}
	.chara_11#cast_dt:not(.chara2) .ph_cut span, .chara_12#cast_dt .ph_cut span, .chara_08.chara2#cast_dt .ph_cut span {
		padding-top: 101.371%;
	}
	.chara_07#cast_dt:not(.chara2) .ph_cut span, .chara_08#cast_dt .ph_cut span, .chara_09#cast_dt .ph_cut span, .chara_10#cast_dt:not(.chara2) .ph_cut span, .chara_11.chara2#cast_dt .ph_cut span {
		padding-top: 115.032%;
	}
	
	div.character .profArea { position: relative;}

	div.character p.degree {}
	.data { width:100%; max-width: 500px; height: 0; padding-top: 43.523%; background-position: bottom center; background-size: contain; margin: 0 auto; position: absolute; top:-100px; right:0;}
	#cast_dt .txtArea { width: 90%; margin: 0 auto; padding:18% 0 4em;}
	#cast_dt .txtArea .txt { font-size: 1.0em;}


}