/*popup*/
#cast_dt {text-align:left; background:url(../img/chart/bg.jpg);
box-shadow:0 0 20px rgba(137,105,127,0.3);
border:1px solid rgba(255,255,255,0.5);}
#cast_dt #mainbox {width:100%; height:auto; margin:0 auto; padding:0;}

#cast_dt h1 {width:100%; margin:0 auto .6em; padding:.8em 0 0;}

#cast_dt h1 span.castname{ width:90%; height:50px; margin:0 auto; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
#cast_dt h1#hijiri span.castname { background-image: url(../img/chart/hijiri.png);}
#cast_dt h1#hijiri2 span.castname { background-image: url(../img/chart/hijiri2.png);}
#cast_dt h1#akira span.castname { background-image: url(../img/chart/akira.png);}
#cast_dt h1#akira2 span.castname { background-image: url(../img/chart/akira2.png);}
#cast_dt h1#shotaro span.castname { background-image: url(../img/chart/shotaro.png);}
#cast_dt h1#shotaro2 span.castname { background-image: url(../img/chart/shotaro2.png);}
#cast_dt h1#ritsu span.castname { background-image: url(../img/chart/ritsu.png);}
#cast_dt h1#ritsu2 span.castname { background-image: url(../img/chart/ritsu2.png);}
#cast_dt h1#aiko span.castname { background-image: url(../img/chart/aiko.png);}
#cast_dt h1#aiko2 span.castname { background-image: url(../img/chart/aiko2.png);}
#cast_dt h1#michiyo span.castname { background-image: url(../img/chart/michiyo.png);}
#cast_dt h1#chizuru span.castname { background-image: url(../img/chart/chizuru.png);}
#cast_dt h1#chizuru2 span.castname { background-image: url(../img/chart/chizuru2.png);}
#cast_dt h1#shigeru span.castname { background-image: url(../img/chart/shigeru.png);}
#cast_dt h1#shigeru2 span.castname { background-image: url(../img/chart/shigeru2.png);}
#cast_dt h1#runa span.castname { background-image: url(../img/chart/runa.png);}
#cast_dt h1#runa2 span.castname { background-image: url(../img/chart/runa2.png);}
#cast_dt h1#mayumi span.castname { background-image: url(../img/chart/mayumi.png);}
#cast_dt h1#nobuhiko span.castname { background-image: url(../img/chart/nobuhiko.png);}
#cast_dt h1#tadayuki span.castname { background-image: url(../img/chart/tadayuki.png);}
#cast_dt h1#junichiro span.castname { background-image: url(../img/chart/junichiro.png);}
#cast_dt h1#junichiro2 span.castname { background-image: url(../img/chart/junichiro2.png);}
#cast_dt h1#michiru span.castname { background-image: url(../img/chart/michiru.png);}
#cast_dt h1#michiru2 span.castname { background-image: url(../img/chart/michiru2.png);}
#cast_dt h1#atsuki span.castname { background-image: url(../img/chart/atsuki.png);}
#cast_dt h1#atsuki2 span.castname { background-image: url(../img/chart/atsuki2.png);}
#cast_dt h1#yuu span.castname { background-image: url(../img/chart/yuu.png);}
#cast_dt h1#yuu2 span.castname { background-image: url(../img/chart/yuu2.png);}
#cast_dt h1#kazuki span.castname { background-image: url(../img/chart/kazuki.png);}
#cast_dt h1#miwa span.castname { background-image: url(../img/chart/miwa.png);}
#cast_dt h1#ayano span.castname { background-image: url(../img/chart/ayano.png);}
#cast_dt h1#kosuke span.castname { background-image: url(../img/chart/kosuke.png);}

#cast_dt .prof {width:100%; text-shadow:0 0 1px rgba(255,255,255,1),0 1px 3px rgba(255,255,255,1),0 1px 5px rgba(255,255,255,1);}
#cast_dt .photo {background-repeat: no-repeat; background-position: 0 0; background-size: cover; border:4px solid rgba(255,255,255,0.8); box-shadow:10px 10px 10px rgba(134,89,115,0.2);}
#cast_dt #mainbox .ovtxt {height:220px; overflow-x: hidden; overflow-y:scroll;}

#cast_dt #mainbox .ph_hijiri {background-image: url(../img/chart/arimura.jpg);}
#cast_dt #mainbox .ph_akira {background-image: url(../img/chart/okada.jpg);}
#cast_dt #mainbox .ph_shotaro {background-image: url(../img/chart/machida.jpg);}
#cast_dt #mainbox .ph_ritsu {background-image: url(../img/chart/yoshida.jpg);}
#cast_dt #mainbox .ph_aiko {background-image: url(../img/chart/natsukawa.jpg);}
#cast_dt #mainbox .ph_michiyo {background-image: url(../img/chart/natsuki.jpg);}
#cast_dt #mainbox .ph_chizuru {background-image: url(../img/chart/tomochika.jpg);}
#cast_dt #mainbox .ph_shigeru {background-image: url(../img/chart/makita.jpg);}
#cast_dt #mainbox .ph_runa {background-image: url(../img/chart/ono.jpg);}
#cast_dt #mainbox .ph_mayumi {background-image: url(../img/chart/iketani.jpg);}
#cast_dt #mainbox .ph_nobuhiko {background-image: url(../img/chart/korechika.jpg);}
#cast_dt #mainbox .ph_tadayuki {background-image: url(../img/chart/kaji.jpg);}
#cast_dt #mainbox .ph_junichiro {background-image: url(../img/chart/wakabayashi.jpg);}
#cast_dt #mainbox .ph_michiru {background-image: url(../img/chart/kawaguchi.jpg);}
#cast_dt #mainbox .ph_atsuki {background-image: url(../img/chart/nishimoto.jpg);}
#cast_dt #mainbox .ph_yuu {background-image: url(../img/chart/nakata.jpg);}

#cast_dt #mainbox .ph_hijiri2 {background-image: url(../img/chart/arimura2.jpg);}
#cast_dt #mainbox .ph_akira2 {background-image: url(../img/chart/okada2.jpg);}
#cast_dt #mainbox .ph_shotaro2 {background-image: url(../img/chart/machida2.jpg);}
#cast_dt #mainbox .ph_ritsu2 {background-image: url(../img/chart/yoshida2.jpg);}
#cast_dt #mainbox .ph_aiko2 {background-image: url(../img/chart/natsukawa2.jpg);}
#cast_dt #mainbox .ph_chizuru2 {background-image: url(../img/chart/tomochika2.jpg);}
#cast_dt #mainbox .ph_shigeru2 {background-image: url(../img/chart/makita2.jpg);}
#cast_dt #mainbox .ph_runa2 {background-image: url(../img/chart/ono2.jpg);}
#cast_dt #mainbox .ph_junichiro2 {background-image: url(../img/chart/wakabayashi2.jpg);}
#cast_dt #mainbox .ph_michiru2 {background-image: url(../img/chart/kawaguchi2.jpg);}
#cast_dt #mainbox .ph_atsuki2 {background-image: url(../img/chart/nishimoto2.jpg);}
#cast_dt #mainbox .ph_yuu2 {background-image: url(../img/chart/nakata2.jpg);}
#cast_dt #mainbox .ph_kazuki {background-image: url(../img/chart/watanabe.jpg);}
#cast_dt #mainbox .ph_miwa {background-image: url(../img/chart/murakawa.jpg);}
#cast_dt #mainbox .ph_ayano {background-image: url(../img/chart/ishida.jpg);}
#cast_dt #mainbox .ph_kosuke {background-image: url(../img/chart/kishitani.jpg);}


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

#chart a.btn_ap{font-size:145%; color:#e60012; display:inline-block; font-weight:bold; text-align:center; width:28%; padding:1em 0; border-radius:8px; position: relative; border:2px solid #e60012; background:none; letter-spacing:.05em; box-shadow:none; margin:1em .2em;}
a.btn_ap::after {
 position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
content: '';
border: 1px solid #e60012;
border-radius:8px;
}

@media all and (min-width: 768px) {
#cast_dt {width:750px; height:520px; margin-left:-350px;}
#cast_dt #mainbox {margin:0 auto;}
#cast_dt .prof{display:inline-block; width:50%; margin:20px 0 0; height:335px;}
#cast_dt .photo {width:280px; height:360px; padding:0; margin:0 30px 0 30px;}
#cast_dt #mainbox p {font-size:100%; line-height:180%;}
}

@media all and (max-width: 767px) {
#cast_dt {width:100%; margin-left:-50%; background-size:cover;}
#cast_dt #mainbox {margin:2px auto; padding:0 0 1em;}
#cast_dt .btn-w-close a{margin:.5em auto;}
#cast_dt h1 {width:100%; margin:0 auto 2%; padding:5% 0 1.8% 0;}
#cast_dt h1 span.castname{ width:90%; height:0; padding:10.022% 0 0; background-size: contain;}

#cast_dt .photo {width:60%; height:0; padding:77.1428% 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:88%; margin:.5em auto 0; padding:4% 0;}
#cast_dt #mainbox p {font-size:100%; font-size:3.6vw; line-height:170%; padding:0;}

#chart a.btn_ap{font-size:3.5vw; display:inline-block; width:41%; padding:1em 0; margin:0 1% .5em; border:2px solid #e60012;}
}