#cast_dt {
	font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  -ms-text-size-adjust: 100%;
  font-kerning: normal;
  font-feature-settings: "palt";
	letter-spacing: 0.1em;
	text-align: justify;
  /* &#228;&#184;&#161;&#231;&#171;&#175;&#230;&#143;&#402;&#227;&#129;&#710; */
  text-justify: inter-ideograph;
  /* &#228;&#184;&#161;&#231;&#171;&#175;&#230;&#143;&#402;&#227;&#129;&#710;&#227;&#129;&#174;&#231;¨&#174;&#233;&#161;&#382; */
}
.character .ph_cut span {
	/* background-color: #fff; */
}
p.position {
	padding: 0.6em 26px;
	background-color: #fff7d8;
	margin: 0 0 15px -26px;
	letter-spacing: 0.05em;
	color: #e50265;
}
p.name {
	padding-bottom: 16px;
	padding-left: 26px;
	border-bottom: 2px solid #e50265;
	margin-left: -26px;
}
p.name, p.kana, p.actor{
	letter-spacing: 0.15em;
	color: #e50265;
}
p.actor {
	text-align: right;
}
p.actor span {
	color: #fff;
	background-color: #e50265;
	display: inline-block;
}
@media all and (min-width: 768px) {
	div.character {
		/* border: 1px solid #000; */
		padding: 25px 45px;
		/* margin: 50px 50px 100px; */
	}
	.chart div.character,
	.story div.character {
		/* border: 13px solid #f9e401; */
		padding: 0;
		background-color: white;
	}
	.character .ph_cut, .character .ph_cut span {
		width: 236px;
		height: 300px;
		background-position: center top;
		background-size: 100%;
		border: 0;
		box-shadow: 0 0 BLACK;
		margin-top: -108px;
	}

	.character .ph_cut span img {
		width: 236px;
		height: 300px;
		background-position: center top;
		background-size: 100%;
		border: 0;
		box-shadow: 0 0 BLACK;
	}

	.ph_cut {
		margin: 0px 0;
	}
	div.data {
		width: 391px;
		float: right;
		margin: -173px 2px 0;
	}
	p.actor {
		margin-top: -57px;
		height: 39px;
		margin-bottom: 40px;
	}
	p.position {
		font-size: 20px;
	}
	p.name {
		font-size: 46px;
		margin-bottom: 18px;
		letter-spacing: 0.12em!important;
	}
	p.name, p.kana, p.actor {
		letter-spacing: 0.1em;
	}
	p.actor > span {
		font-size: 20px;
		/* height: 39px; */
		padding: 0.5em 1em;
	}
	.uesugi p.actor > span {
		padding: 0.5em 0.5em 0.5em 0.8em;
	}
	p.kana {
		font-size: 17px;
		letter-spacing: 0.4em;
	}
	p.txt {
		font-size: 18px;
	}

}
@media all and (max-width: 767px) {
	div.character {
		/* padding: 1em; */
		/* margin: 1em; */
	}
	p.position {
		font-size: 20px;
	}
	p.name {
		font-size: 20px;
		margin-bottom: 10px;
	}
	p.name, p.kana, p.actor {
		letter-spacing: 0.15em;
	}
	p.actor > span {
		font-size: 17px;
		padding: 0.5em;
		border-radius: 5px;
	}
	p.kana {
		font-size: 13px;
	}
	p.actor {
		margin-top: -43px;
		height: 39px;
		margin-bottom: 18px;
	}
	.character .ph_cut {
		width: 70%;
		margin: -5% auto 1em;
		border: 0;
		box-shadow: 0 0 BLACK;
	}
	.character .ph_cut span {
		padding-top: 127.11864406779661%;
		background-size: 100%;
		background-position: center top;
	}
}


div.end {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 300px;
	height: 70px;
	margin: -60px auto 80px;
}
@media all and (max-width: 767px) {
	div.end {
		background-size: 100%;
		width: 170px;
		height: 40px;
		margin: 40px auto 40px;
	}
}
}
