/*popup*/
#cast_dt {text-align:left;}
#cast_dt #mainbox {width:90%; height:auto; margin:10px auto; padding:0 0 1.5em;}

#cast_dt h1 {width:100%; margin:0; padding:1em 0 0 1em;}

#cast_dt h1 span.castname{ width:638px; height:99px; margin:0; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; background-size: contain;}
#cast_dt h1#kosaka span.castname { background-image: url(../img/chart/mikoto.png);}
#cast_dt h1#nakado span.castname { background-image: url(../img/chart/nakado.png);}
#cast_dt h1#kube span.castname { background-image: url(../img/chart/kube.png);}
#cast_dt h1#shoji span.castname { background-image: url(../img/chart/shoji.png);}
#cast_dt h1#suetsugu span.castname { background-image: url(../img/chart/suetsugu.png);}
#cast_dt h1#kibayashi span.castname { background-image: url(../img/chart/kibayashi.png);}
#cast_dt h1#akihiko span.castname { background-image: url(../img/chart/akihiko.png);}
#cast_dt h1#sakamoto span.castname { background-image: url(../img/chart/sakamoto.png);}
#cast_dt h1#shishido span.castname { background-image: url(../img/chart/shishido.png);}
#cast_dt h1#mori span.castname { background-image: url(../img/chart/mori.png);}
#cast_dt h1#kamikura span.castname { background-image: url(../img/chart/kamikura.png);}
#cast_dt h1#mukojima span.castname { background-image: url(../img/chart/mukojima.png);}
#cast_dt h1#sekiya span.castname { background-image: url(../img/chart/sekiya.png);}
#cast_dt h1#natsuyo span.castname { background-image: url(../img/chart/natsuyo.png);}
#cast_dt h1#yukiko span.castname { background-image: url(../img/chart/yukiko.png);}

#cast_dt .prof { width:55%; padding:.5em .5em 0 0;}
#cast_dt .photo {background-repeat: no-repeat; background-position: 0 0; background-size: cover; border:5px solid #fff; box-shadow:0px 0px 0px 1px #fff inset;
box-shadow:2px 5px 10px rgba(10,10,10,0.1);}
#cast_dt #mainbox .ovtxt {height:220px; overflow-x: hidden; overflow-y:scroll;}
#cast_dt #mainbox p {line-height:1.5;}

#cast_dt #mainbox .ph_mikoto {background-image: url(../img/chart/ishihara.jpg);}
#cast_dt #mainbox .ph_nakado {background-image: url(../img/chart/iura.jpg);}
#cast_dt #mainbox .ph_kube {background-image: url(../img/chart/kubota.jpg);}
#cast_dt #mainbox .ph_shoji {background-image: url(../img/chart/ichikawa.jpg);}
#cast_dt #mainbox .ph_suetsugu {background-image: url(../img/chart/ikeda.jpg);}
#cast_dt #mainbox .ph_kibayashi {background-image: url(../img/chart/ryusei.jpg);}
#cast_dt #mainbox .ph_akihiko {background-image: url(../img/chart/kai.jpg);}
#cast_dt #mainbox .ph_sakamoto {background-image: url(../img/chart/iio.jpg);}
#cast_dt #mainbox .ph_shishido {background-image: url(../img/chart/kitamura.jpg);}
#cast_dt #mainbox .ph_mori {background-image: url(../img/chart/okura.jpg);}
#cast_dt #mainbox .ph_kamikura {background-image: url(../img/chart/matsushige.jpg);}
#cast_dt #mainbox .ph_mukojima {background-image: url(../img/chart/yoshida.jpg);}
#cast_dt #mainbox .ph_sekiya {background-image: url(../img/chart/fukushi.jpg);}
#cast_dt #mainbox .ph_natsuyo {background-image: url(../img/chart/yakushimaru.jpg);}
#cast_dt #mainbox .ph_yukiko {background-image: url(../img/chart/hashimoto.jpg);}

#cast_dt {position:absolute;left:50%; z-index:5800 !important;}
#cast_dt .btn-w-close a{display:block; width:122px; height:28px; background:url(../img/chart/close.png) no-repeat; margin:-1.2em .5em 0 auto; background-size: contain;}
#cast_dt .btn-w-close a{cursor:pointer;}

@media all and (min-width: 768px) {
#cast_dt {width:700px; height:512px; margin-left:-350px; background-image:url(../img/chart/boad1.png) !important; background-repeat: no-repeat; background-position: 0 0;}
#cast_dt.men{background-image:url(../img/chart/boad2.png) !important;}
#cast_dt #mainbox {width:640px;}
#cast_dt .photo {width:250px; height:320px; padding:0; margin:0 0 0 10px;}
}

@media all and (max-width: 767px) {
#cast_dt {width:96%; margin-left:-48%; border:5px solid #c9c9ca; border-radius:8px; box-shadow: 0px 0px 30px 2px rgba(10,10,10,0.1) inset;
background-image:url("../img/chart/eng.png"),url("../img/chart/pnk.png"),linear-gradient(to top,#efefef,#fff,#fff,#fff);
background-position:center top,left bottom,left top;
background-repeat:no-repeat,no-repeat,no-repeat;
background-size:100%,80%,cover;
}
#cast_dt.men{background-image:url("../img/chart/eng.png"),url("../img/chart/blu.png"),linear-gradient(to top,#efefef,#fff,#fff,#fff);}
#cast_dt #mainbox {margin:2px auto; padding:0 0 1em;}
#cast_dt .btn-w-close a{width:80px; height:18px;  margin:1em auto 0;}
#cast_dt h1 {width:94%; margin:0 auto; padding:.4em 0 0 0;}
#cast_dt h1 span.castname{ width:100%; height:0; margin:0 auto; padding:15.5172% 0 0;}

#cast_dt .photo {width:65%; height:0; padding:82.5% 0 0; margin:0 auto; position: relative;}
#cast_dt .photo img{position:absolute;left:0;top:0; width:100%; height:100%;}
#cast_dt .photo,#cast_dt .prof {float:none;}
#cast_dt .prof {width:98%; margin:.5em auto 0; padding:0;}
#cast_dt #mainbox p {font-size:95%; line-height:1.55; padding:7px 0 0;}
}