#cast_dt{
	}
div.character {
	padding: 4px;
	position: relative;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000;
	background-color: #fff;
	}
div.character {border: solid 3px #136325;} 
/*div.character.charaBg02 {border: solid 3px #0062dd;}
div.character.charaBg03 {border: solid 3px #ee8100;}
div.character.charaBg04 {border: solid 3px #a52309;}
div.character.charaBg05 {border: solid 3px #221ab5;}
div.character.charaBg06 {border: solid 3px #2292d2;}
div.character.charaBg07 {border: solid 3px #de3656;}*/

.phArea{ position: relative;}

.data {background-position: top left; 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?0");}
.chara_06 .data {background-image: url("../img/chart/name_06.png");}
.chara_07 .data {background-image: url("../img/chart/name_07.png?0");}
.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");}
.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");}
.chara_15 .data {background-image: url("../img/chart/name_15.png");}
.chara_16 .data {background-image: url("../img/chart/name_16.png");}
.chara_17 .data {background-image: url("../img/chart/name_17.png");}
.chara_18 .data {background-image: url("../img/chart/name_18.png");}
.chara_19 .data {background-image: url("../img/chart/name_19.png");}
.chara_20 .data {background-image: url("../img/chart/name_20.png");}
.chara_21 .data {background-image: url("../img/chart/name_21.png");}
.chara_22 .data {background-image: url("../img/chart/name_22.png");}
.chara_23 .data {background-image: url("../img/chart/name_23.png");}
.chara_24 .data {background-image: url("../img/chart/name_24.png");}
.chara_25 .data {background-image: url("../img/chart/name_25.png");}
.chara_26 .data {background-image: url("../img/chart/name_26.png");}
.chara_27 .data {background-image: url("../img/chart/name_27.png");}
.chara_28 .data {background-image: url("../img/chart/name_28.png");}
.chara_29 .data {background-image: url("../img/chart/name_29.png?0");}
.chara_30 .data {background-image: url("../img/chart/name_30.png");}
.chara_31 .data {background-image: url("../img/chart/name_31.png");}
.chara_32 .data {background-image: url("../img/chart/name_32.png");}
.chara_33 .data {background-image: url("../img/chart/name_33.png");}
.chara_34 .data {background-image: url("../img/chart/name_34.png");}
.chara_35 .data {background-image: url("../img/chart/name_35.png");}
.chara_36 .data {background-image: url("../img/chart/name_36.png");}
.chara_37 .data {background-image: url("../img/chart/name_37.png");}
.chara_38 .data {background-image: url("../img/chart/name_38.png");}
.chara_39 .data {background-image: url("../img/chart/name_39.png");}
.chara_40 .data {background-image: url("../img/chart/name_40.png");}

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

@media all and (min-width: 768px) {
	#cast_dt{ padding: 0px;}
	div.character {position: relative; width: 716px; height: 456px;}
	.sizeS div.character {height: 370px;}
	div.character .charaBox { height: 456px; background-image: linear-gradient(0deg, rgba(174, 223, 174, 1), rgba(239, 249, 184, 1));}
	.phArea{ width: 370px; height: 456px; 
		float:right;/*display: inline-block;*/}
	#cast_dt .ph_cut, #cast_dt .ph_cut span, #cast_dt .ph_cut span img {
		width: 370px;
		height: 456px;
		background-position: center top;
	}
	#cast_dt.sizeS div.character .charaBox, #cast_dt.sizeS .phArea, #cast_dt.sizeS .ph_cut, #cast_dt.sizeS .ph_cut span, #cast_dt.sizeS .ph_cut span img {height: 370px;}
	#cast_dt .ph_cut {
		margin: 0 0!important; padding: 0!important; border: none; display: inline-block; vertical-align: top;
	}
	
	.profArea{ position: relative; width:346px; padding-top: 75px; letter-spacing: 0em; 
		float:left;
		
		/*display: inline-block; vertical-align: top; padding-top: 10px; */}
	.sizeS .profArea { padding-top: 35px;}
	.profBlock { width:346px;}
	.data { width:346px; height: 155px; background-size: cover; margin: 0 0 0 auto;}
	#cast_dt .txtArea { padding: 20px;}
	#cast_dt .txtArea .txt {padding:0 0 0.5em;}
	
div.character p.degree {background-position: top left; background-repeat: no-repeat; background-size: contain; width: 100%; height: 35px; text-indent: -9999px; position: absolute; top:35px; left:0;}
.chara_01 p.degree {background-image: url(../img/chart/degree_01.png);}
.chara_02 p.degree {background-image: url(../img/chart/degree_02.png);}
.chara_03 p.degree {background-image: url(../img/chart/degree_03.png);}
.chara_04 p.degree {background-image: url(../img/chart/degree_04.png);}
.chara_05 p.degree {background-image: url(../img/chart/degree_05.png);}
.chara_06 p.degree {background-image: url(../img/chart/degree_06.png);}
.chara_07 p.degree {background-image: url(../img/chart/degree_07.png);}
.chara_08 p.degree {background-image: url(../img/chart/degree_08.png);}
.chara_13 p.degree {background-image: url(../img/chart/degree_13.png);}
.chara_15 p.degree {background-image: url(../img/chart/degree_15.png);}
.chara_16 p.degree {background-image: url(../img/chart/degree_16.png);}
.chara_22 p.degree {background-image: url(../img/chart/degree_22.png);}
.chara_23 p.degree {background-image: url(../img/chart/degree_23.png);}
.chara_32 p.degree {background-image: url(../img/chart/degree_24.png);}
.chara_36 p.degree {background-image: url(../img/chart/degree_36.png);}
.chara_37 p.degree {background-image: url(../img/chart/degree_37.png);}
}
@media all and (max-width: 767px) {
	div.character {
		margin: 10px;
		position: relative;
	}
	div.character .charaBox {}

	#cast_dt .ph_cut {
		width: 100%;
		margin: 0 auto 0em;
		border: none; padding: 0;
	}
	#cast_dt .ph_cut span {
		padding-top: 100%;
	}
	
	div.character .profArea {background-image: linear-gradient(0deg, rgba(174, 223, 174, 1), rgba(239, 249, 184, 1));}
	/*div.character.charaBg01 .profArea {background-image: linear-gradient(0deg, rgba(126, 204, 129, 1), rgba(246, 250, 202, 1));}
	div.character.charaBg02 .profArea {background-image: linear-gradient(0deg, rgba(145, 195, 246, 1), rgba(225, 252, 255, 1));}
	div.character.charaBg03 .profArea {background-image: linear-gradient(0deg, rgba(255, 205, 132, 1), rgba(255, 253, 203, 1));}
	div.character.charaBg04 .profArea {background-image: linear-gradient(0deg, rgba(247, 172, 162, 1), rgba(255, 229, 233, 1));}
	div.character.charaBg05 .profArea {background-image: linear-gradient(0deg, rgba(163, 191, 255, 1), rgba(231, 240, 255, 1));}
	div.character.charaBg06 .profArea {background-image: linear-gradient(0deg, rgba(155, 219, 255, 1), rgba(237, 254, 253, 1));}
	div.character.charaBg07 .profArea {background-image: linear-gradient(0deg, rgba(255, 159, 168, 1), rgba(255, 236, 231, 1));}*/

	div.character p.degree {}
	.data { width:90%; height: 0; padding-top: 44%; background-position: top center; background-size: contain; margin: 0 auto;}
	#cast_dt .txtArea { width: 90%; margin: 0 auto; padding:0 0 4em;}
	
div.character p.degree {background-position: top left; background-repeat: no-repeat; background-size: contain; width: 35px; height: 145px; text-indent: -9999px; position: absolute; top:0px; right:0;}
.chara_01 p.degree {background-image: url(../img/chart/degree_01_sp.png);}
.chara_02 p.degree {background-image: url(../img/chart/degree_02_sp.png);}
.chara_03 p.degree {background-image: url(../img/chart/degree_03_sp.png);}
.chara_04 p.degree {background-image: url(../img/chart/degree_04_sp.png);}
.chara_05 p.degree {background-image: url(../img/chart/degree_05_sp.png);}
.chara_06 p.degree {background-image: url(../img/chart/degree_06_sp.png);}
.chara_07 p.degree {background-image: url(../img/chart/degree_07_sp.png);}
.chara_08 p.degree {background-image: url(../img/chart/degree_08_sp.png);}
.chara_13 p.degree {background-image: url(../img/chart/degree_13_sp.png);}
.chara_15 p.degree {background-image: url(../img/chart/degree_15_sp.png);}
.chara_16 p.degree {background-image: url(../img/chart/degree_16_sp.png);}
.chara_22 p.degree {background-image: url(../img/chart/degree_22_sp.png);}
.chara_23 p.degree {background-image: url(../img/chart/degree_23_sp.png);}
.chara_32 p.degree {background-image: url(../img/chart/degree_24_sp.png);}
.chara_36 p.degree {background-image: url(../img/chart/degree_36_sp.png);}
.chara_37 p.degree {background-image: url(../img/chart/degree_37_sp.png);}

}