.character{
font-family: maru-maru-gothic-alr-stdn, sans-serif;
font-weight: 400;
font-style: normal;
}
#cast_dt .ph_cut span {
background-color: #fbfbf8;
}

#cast_dt .ph_cut, #cast_dt .ph_cut span {
	border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
}
.phArea{ position: relative;}
.data { position: absolute; }

.data {background-position: top right; background-repeat: no-repeat;}
.chara_a .data {background-image: url("../img/chart/name_a.png");}
.chara_b .data {background-image: url("../img/chart/name_b.png");}
.chara_c .data {background-image: url("../img/chart/name_c.png");}
.chara_d .data {background-image: url("../img/chart/name_d.png");}
.chara_e .data {background-image: url("../img/chart/name_e.png");}
.chara_f .data {background-image: url("../img/chart/name_f.png");}
.chara_g .data {background-image: url("../img/chart/name_g.png");}
.chara_h .data {background-image: url("../img/chart/name_h.png");}
.chara_i .data {background-image: url("../img/chart/name_i.png?1");}
.chara_j .data {background-image: url("../img/chart/name_j.png");}
.chara_k .data {background-image: url("../img/chart/name_k.png");}
.chara_l .data {background-image: url("../img/chart/name_l.png");}
.chara_m .data {background-image: url("../img/chart/name_m.png");}


p.name, p.actor, p.degree{
	height: 0; width: 0; text-indent: -9999px;
}


#cast_dt .txtArea .txt { line-height: 1.8em;}

@media all and (min-width: 768px) {
	#cast_dt{
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		background-color: #fbfbf8;
		filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
		padding: 6px;
	}
	div.character {
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border: solid 2px #d22179;
		padding: 15px;
	}
	#cast_dt .ph_cut, #cast_dt .ph_cut span, #cast_dt .ph_cut span img {
		width: 290px;
		height: 300px;
		background-position: center top;
	}
	#cast_dt .ph_cut {
		margin: 0 0!important; padding: 0!important;
	}
.phArea{ display: inline-block; width:290px; vertical-align: top; padding-bottom: 93px;}
.profArea{ display: inline-block; width:410px; vertical-align: top;}
.data { width:290px; height: 112px; top:287px; left: 0; }
#cast_dt .txtArea { padding: 10px 0 0 25px!important; }
}
@media all and (max-width: 767px) {
	#cast_dt{
		background-color: #fbfbf8;
	}
	div.character {
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border: solid 2px #d22179;
		background-color: #fbfbf8;
		padding: 0.5em; margin: 0.5em;
	}
	.phArea { width: 95%; margin: 0 auto; padding:0.5em 0 28%;}

	#cast_dt .ph_cut {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#cast_dt .ph_cut span {
		padding-top: 103.448%;
	}
	.data { width:100%; height: 0; padding-top: 38.62%; background-size: cover; margin: 0 auto; top:72%; left: 0; }
	
.profArea { padding: 0; }
#cast_dt .txtArea { padding: 1em 0.5em 0!important; }

}