/*popup*/
#cast_dt {padding:0; text-align:left; background: url(../img/bg.png);}
#cast_dt #mainbox {width:90%; height:auto; margin:10px auto 0; padding:0;}

#cast_dt h1 {width:95%; margin:0 auto 20px;}
#cast_dt h1 {
	position: relative;
	padding: 0 .5em;
	background-color: #fff;
	border: 3px solid #111;
	border-radius: 8px;
	box-shadow:2px 3px #111;
}
#cast_dt h1::before,
#cast_dt h1::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 15px solid transparent;
}
#cast_dt h1::before {
	border-top: 30px solid #111;
}
#cast_dt h1::after {
	margin-top: -10px;
	border-top: 30px solid #fff;
}

#cast_dt h1 span.castname{ width:516px; height:80px; margin:0; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#cast_dt h1#kokoro span.castname { background: url(../img/chart/name_kokoro.png) no-repeat center center; background-size: cover;}
#cast_dt h1#takahata span.castname { background: url(../img/chart/name_takahata.png) no-repeat center center; background-size: cover;}
#cast_dt h1#mibu span.castname { background: url(../img/chart/name_mibu.png) no-repeat center center; background-size: cover;}
#cast_dt h1#wada span.castname { background: url(../img/chart/name_wada.png) no-repeat center center; background-size: cover;}
#cast_dt h1#iokibe span.castname { background: url(../img/chart/name_iokibe.png) no-repeat center center; width:595px; height:84px; background-size: cover;}
#cast_dt h1#jun span.castname { background: url(../img/chart/name_jun.png) no-repeat center center; background-size: cover;}
#cast_dt h1#kikuchi span.castname { background: url(../img/chart/name_kikuchi.png) no-repeat center center; background-size: cover;}
#cast_dt h1#kuji span.castname { background: url(../img/chart/name_kuji.png) no-repeat center center; background-size: cover;}
#cast_dt h1#yasui span.castname { background: url(../img/chart/name_yasui.png) no-repeat center center; background-size: cover;}
#cast_dt h1#narita span.castname { background: url(../img/chart/name_narita.png) no-repeat center center; background-size: cover;}
#cast_dt h1#kazuo span.castname { background: url(../img/chart/name_kazuo.png) no-repeat center center; background-size: cover;}
#cast_dt h1#sara span.castname { background: url(../img/chart/name_sara.png) no-repeat center center; background-size: cover;}
#cast_dt h1#tsukasa span.castname { background: url(../img/chart/name_tsukasa.png) no-repeat center center; background-size: cover;}
#cast_dt h1#numata span.castname { background: url(../img/chart/name_numata.png) no-repeat center center; background-size: cover;}
#cast_dt h1#misato span.castname { background: url(../img/chart/name_misato.png) no-repeat center center; background-size: cover;}
#cast_dt h1#kawa span.castname { background: url(../img/chart/name_kawa.png) no-repeat center center; background-size: cover;}
#cast_dt h1#nakata span.castname { background: url(../img/chart/name_nakata.png) no-repeat center center; background-size: cover;}
#cast_dt h1#mikura span.castname { background: url(../img/chart/name_mikura.png) no-repeat center center; background-size: cover;}
#cast_dt h1#rinne span.castname { background: url(../img/chart/name_rinne.png) no-repeat center center; background-size: cover;}
#cast_dt h1#oka span.castname { background: url(../img/chart/name_oka.png) no-repeat center center; background-size: cover;}
#cast_dt h1#kinu span.castname { background: url(../img/chart/name_kinu.png) no-repeat center center; background-size: cover;}
#cast_dt h1#shuto span.castname { background: url(../img/chart/name_shuto.png) no-repeat center center; background-size: cover;}
#cast_dt h1#ayu span.castname { background: url(../img/chart/name_ayu.png) no-repeat center center; background-size: cover;}
#cast_dt h1#baku span.castname { background: url(../img/chart/name_baku.png) no-repeat center center; background-size: cover;}

#cast_dt .prof { width:60%; margin:0 0 0;}
#cast_dt .photo {width:30%; height:0; padding:35.4% 0 0; margin:0; border:4px solid #111; box-shadow:3px 6px #111;}
#cast_dt #mainbox .ovtxt {height:220px; overflow-x: hidden; overflow-y:scroll;}
#cast_dt #mainbox p {font-size:105%; line-height:1.6; padding:7px 0 0;}

#cast_dt #mainbox .ph_kokoro {background:#111 url(../img/chart/ph_kokoro.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_takahata {background:#111 url(../img/chart/ph_takahata.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_mibu {background:#111 url(../img/chart/ph_mibu.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_wada {background:#111 url(../img/chart/ph_wada.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_iokibe {background:#111 url(../img/chart/ph_iokibe.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_jun {background:#111 url(../img/chart/ph_jun.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_kikuchi {background:#111 url(../img/chart/ph_kikuchi.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_kuji {background:#111 url(../img/chart/ph_kuji.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_yasui {background:#111 url(../img/chart/ph_yasui.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_narita {background:#111 url(../img/chart/ph_narita.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_kazuo {background:#111 url(../img/chart/ph_kazuo.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_sara {background:#111 url(../img/chart/ph_sara.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_tsukasa {background:#111 url(../img/chart/ph_tsukasa.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_numata {background:#111 url(../img/chart/ph_numata.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_misato {background:#111 url(../img/chart/ph_misato.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_kawa {background:#111 url(../img/chart/ph_kawa.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_nakata {background:#111 url(../img/chart/ph_nakata.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_mikura {background:#111 url(../img/chart/ph_mikura.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_rinne {background:#111 url(../img/chart/ph_rinne.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_oka {background:#111 url(../img/chart/ph_oka.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_kinu {background:#111 url(../img/chart/ph_kinu.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_shuto {background:#111 url(../img/chart/ph_shuto.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_ayu {background:#111 url(../img/chart/ph_ayu.jpg) no-repeat center center; background-size: contain;}
#cast_dt #mainbox .ph_baku {background:#111 url(../img/chart/ph_baku.jpg) no-repeat center center; background-size: contain;}


@media all and (min-width: 768px) {
#cast_dt #mainbox {width:750px;}
#cast_dt .photo {width:250px; height:295px; padding:0; margin:0 0 0 10px; border:4px solid #111; box-shadow:3px 6px #111;}
}
@media all and (max-width: 767px) {
#cast_dt h1 {width:95%; margin:0 auto 15px;}
#cast_dt h1::before,#cast_dt h1::after {position: absolute; top: 100%; left: 20%;}
#cast_dt h1 span.castname{ width:100%; height:0; padding:16% 0 0;}
#cast_dt h1#iokibe,#cast_dt h1#mibu,#cast_dt h1#kinu { padding:2px .5em; }
#cast_dt h1#iokibe span.castname { width:100%; height:0; padding:14% 0 0; margin:0 0 2px;}
#cast_dt h1#mibu span.castname { margin:0 0 2px;}
#cast_dt .photo {width:60%; height:0; padding:70.8% 0 0; margin:0 auto; border:3px solid #111; box-shadow:3px 6px #111; }
#cast_dt .photo,#cast_dt .prof {float:none;}
#cast_dt .prof {width:95%; margin:10px auto 0;}
#cast_dt #mainbox p {font-size:90%; line-height:1.5; padding:7px 0 0;}
}

#cast_dt {position:absolute;left:50%; z-index:5800 !important;}
#cast_dt .btn-w-close a{display:block;/*position:absolute;top:10px;right:0;*/width:156px; height:40px; background:url(../img/chart/close.png) no-repeat; margin:20px auto; background-size: contain;}
#cast_dt .btn-w-close a{cursor:pointer;}

@media all and (min-width: 768px) {
#cast_dt {width:800px;margin-left:-430px;}
}

@media all and (max-width: 767px) {
#cast_dt {width:100%; margin-left:-50%;}
#cast_dt .btn-w-close a{width:135px; height:35px;}
}