#cast_dt{
		background-color: rgba(255, 255, 255, 0.2);
	}
	div.character {
		padding: 10px; background-color: #fff;position: relative;
		font-family: source-han-sans-japanese, sans-serif;
		font-style: normal;
		font-weight: 200;
		color: #000;
	}



#cast_dt .ph_cut span {
background-color: #fff;
}
.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?1");}
.chara_i .data {background-image: url("../img/chart/name_i.png");}
.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");}

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

#cast_dt .txtArea  {}
#cast_dt .txtArea .txt { line-height: 1.9em; padding:0 0 1.0em; text-align: left;}

@media all and (min-width: 768px) {
	#cast_dt{ padding: 10px;}
	div.character {letter-spacing: -.4em;}
	#cast_dt .ph_cut, #cast_dt .ph_cut span, #cast_dt .ph_cut span img {
		width: 300px;
		height: 355px;
		background-position: center top;
	}
	#cast_dt .ph_cut {
		margin: 0 0!important; padding: 0!important;
	}
.phArea{ display: inline-block; width:300px; vertical-align: top;}
.profArea{ display: inline-block; width:430px; vertical-align: top;}
.data { width:100%; height: 111px; background-size: cover; }
.txtArea { padding: 20px 5px 20px 20px; letter-spacing: 0em;}
}
@media all and (max-width: 767px) {
	div.character {
		margin: 10px;
		background-color: #fff;
	}

	#cast_dt .ph_cut {
		width: 70%;
		margin: 0.5em auto 0.5em;
		border: none; padding: 0;
	}
	#cast_dt .ph_cut span {
		padding-top: 118.333%;
	}
.profArea { padding: 0 0.5em; }
#cast_dt .txtArea { padding: 0.5em 0em 0; }
.data { width:100%; height: 0; padding-top: 25.813%; background-size: cover; margin: 0 auto; }

}
