/*popup*/
#cast_dt {text-align:left; border:1px solid #b043ff; background:url(../img/bg.jpg);}
#cast_dt #mainbox {width:90%; height:auto; margin:10px auto; padding:0 0 1.5em;}

#cast_dt h1 {width:100%; margin:.8em;}

#cast_dt h1 span.castname{ width:526px; height:44px; 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#tomioka span.castname { background-image: url(../img/chart/tomioka.png);}
#cast_dt h1#hada span.castname { background-image: url(../img/chart/hada.png);}
#cast_dt h1#hanabayashi span.castname { background-image: url(../img/chart/hanabayashi.png);}
#cast_dt h1#amekawa span.castname { background-image: url(../img/chart/amekawa.png);}
#cast_dt h1#yoshioka span.castname { background-image: url(../img/chart/yoshioka.png);}
#cast_dt h1#shimada span.castname { background-image: url(../img/chart/shimada.png);}
#cast_dt h1#kawakami span.castname { background-image: url(../img/chart/kawakami.png);}
#cast_dt h1#hotta span.castname { background-image: url(../img/chart/hotta.png);}
#cast_dt h1#uehara span.castname { background-image: url(../img/chart/uehara.png);}
#cast_dt h1#tougane span.castname { background-image: url(../img/chart/tougane.png);}
#cast_dt h1#oyaji span.castname { background-image: url(../img/chart/oyaji.png);}
#cast_dt h1#yoshikun span.castname { background-image: url(../img/chart/yoshikun.png);}
#cast_dt h1#kishida span.castname { background-image: url(../img/chart/kishida.png);}
#cast_dt h1#tsuchiya span.castname { background-image: url(../img/chart/tsuchiya.png);}

#cast_dt .detail { width:62%;}
#cast_dt .photo {background-repeat: no-repeat; background-position: 0 0; background-size: cover; border:1px solid #b043ff;
box-shadow:3px 4px #b043ff;}
#cast_dt #mainbox .ovtxt {height:220px; overflow-x: hidden; overflow-y:scroll;}
#cast_dt #mainbox p {line-height:1.5; font-size:95%;}

#cast_dt #mainbox .ph_tomioka {background-image: url(../img/chart/arita.jpg);}
#cast_dt #mainbox .ph_hada {background-image: url(../img/chart/honda.jpg);}
#cast_dt #mainbox .ph_hanabayashi {background-image: url(../img/chart/kaku.jpg);}
#cast_dt #mainbox .ph_amekawa {background-image: url(../img/chart/yoshimura.jpg);}
#cast_dt #mainbox .ph_yoshioka {background-image: url(../img/chart/comai.jpg);}
#cast_dt #mainbox .ph_shimada {background-image: url(../img/chart/dotama.jpg);}
#cast_dt #mainbox .ph_kawakami {background-image: url(../img/chart/fukuyama.jpg);}
#cast_dt #mainbox .ph_hotta {background-image: url(../img/chart/ace.jpg);}
#cast_dt #mainbox .ph_uehara {background-image: url(../img/chart/fuchikami.jpg);}
#cast_dt #mainbox .ph_tougane {background-image: url(../img/chart/murakami.jpg);}
#cast_dt #mainbox .ph_oyaji {background-image: url(../img/chart/mitsuishi.jpg);}
#cast_dt #mainbox .ph_yoshikun {background-image: url(../img/chart/inaba.jpg);}
#cast_dt #mainbox .ph_kishida {background-image: url(../img/chart/nagase.jpg);}
#cast_dt #mainbox .ph_tsuchiya {background-image: url(../img/chart/koyanagi.jpg);}

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


@media all and (min-width: 768px) {
#cast_dt {width:800px;margin-left:-400px;}
#cast_dt #mainbox {width:750px;}
#cast_dt .photo {width:250px; height:310px; padding:0; margin:0 0 0 10px;}
}

@media all and (max-width: 767px) {
#cast_dt {width:96%; margin-left:-48%;}
#cast_dt .btn-w-close a{width:90px; height:21px;}
#cast_dt h1 {width:100%; margin:.5em auto;}
#cast_dt h1 span.castname{ width:95%; height:0; margin:0 auto; padding:9.7644% 0 0; background-position: center center;}
#cast_dt h1#eguchi span.castname{width:100%; height:0; margin:0 auto; padding:6.583% 0 0; background-position: center center;}
#cast_dt .photo {width:60%; height:0; padding:70.8% 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 .detail {float:none;}
#cast_dt .detail {width:98%; margin:10px auto 0;}
#cast_dt #mainbox p {line-height:1.55; padding:7px 0 0;}
}