/*popup*/
#cast_dt {text-align:left; border:3px solid #e60012; background:url(../img/chart/pbg.png);
background-image:url(../img/cn4.png),url(../img/cn3.png),url(../img/chart/pbg.png);
background-repeat:no-repeat,no-repeat,repeat;
background-position:left top,right bottom,left top;
background-size:12%,12%,normal;}
#cast_dt #mainbox {width:100%; height:auto; margin:0 auto; padding:0;}

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

#cast_dt h1 span.castname{ width:90%; height:55px; margin:0 auto; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
#cast_dt h1#wakaba span.castname { background-image: url(../img/chart/wakaba.png);}
#cast_dt h1#komako span.castname { background-image: url(../img/chart/komako.png);}
#cast_dt h1#shinsuke span.castname { background-image: url(../img/chart/shinsuke.png);}
#cast_dt h1#taro span.castname { background-image: url(../img/chart/taro.png);}
#cast_dt h1#kyoko span.castname { background-image: url(../img/chart/kyoko.png);}
#cast_dt h1#tsukiko span.castname { background-image: url(../img/chart/tsukiko.png);}
#cast_dt h1#hikari span.castname { background-image: url(../img/chart/hikari.png);}
#cast_dt h1#aoi span.castname { background-image: url(../img/chart/aoi.png);}
#cast_dt h1#asako span.castname { background-image: url(../img/chart/asako.png);}
#cast_dt h1#yuki span.castname { background-image: url(../img/chart/yuki.png);}
#cast_dt h1#nozomi span.castname { background-image: url(../img/chart/nozomi.png);}
#cast_dt h1#mina span.castname { background-image: url(../img/chart/mina.png);}
#cast_dt h1#eri span.castname { background-image: url(../img/chart/eri.png);}
#cast_dt h1#kaori span.castname { background-image: url(../img/chart/kaori.png);}
#cast_dt h1#nagisa span.castname { background-image: url(../img/chart/nagisa.png);}
#cast_dt h1#taeko span.castname { background-image: url(../img/chart/taeko.png);}
#cast_dt h1#haruma span.castname { background-image: url(../img/chart/haruma.png);}
#cast_dt h1#shiori span.castname { background-image: url(../img/chart/shiori.png);}
#cast_dt h1#koto span.castname { background-image: url(../img/chart/koto.png);}
#cast_dt h1#maki span.castname { background-image: url(../img/chart/maki.png);}
#cast_dt h1#sakura span.castname { background-image: url(../img/chart/sakura.png);}
#cast_dt h1#honoka span.castname { background-image: url(../img/chart/honoka.png);}
#cast_dt h1#mami span.castname { background-image: url(../img/chart/mami.png);}
#cast_dt h1#kanna span.castname { background-image: url(../img/chart/kanna.png);}
#cast_dt h1#mako span.castname { background-image: url(../img/chart/mako.png);}
#cast_dt h1#yumi span.castname { background-image: url(../img/chart/yumi.png);}
#cast_dt h1#jets span.castname { background-image: url(../img/chart/jets.png);}
#cast_dt h1#katsuya span.castname { background-image: url(../img/chart/katsuya.png);}
#cast_dt h1#fusako span.castname { background-image: url(../img/chart/fusako.png);}

#cast_dt .prof {width:100%; background-color:#e60012; color:#fff;}
#cast_dt .photo {background-repeat: no-repeat; background-position: 0 0; background-size: cover; border:2px solid #fff; box-shadow:5px 5px #014099;}
#cast_dt #mainbox .ovtxt {height:220px; overflow-x: hidden; overflow-y:scroll;}

#cast_dt #mainbox .ph_wakaba {background-image: url(../img/chart/tsuchiya.jpg);}
#cast_dt #mainbox .ph_komako {background-image: url(../img/chart/agawa.jpg);}
#cast_dt #mainbox .ph_shinsuke {background-image: url(../img/chart/kinoshita.jpg);}
#cast_dt #mainbox .ph_taro {background-image: url(../img/chart/odajo.jpg);}
#cast_dt #mainbox .ph_kyoko {background-image: url(../img/chart/matsumoto.jpg);}
#cast_dt #mainbox .ph_tsukiko {background-image: url(../img/chart/ogura.jpg);}
#cast_dt #mainbox .ph_hikari {background-image: url(../img/chart/hirose.jpg);}
#cast_dt #mainbox .ph_aoi {background-image: url(../img/chart/araki.jpg);}
#cast_dt #mainbox .ph_asako {background-image: url(../img/chart/sakuma.jpg);}
#cast_dt #mainbox .ph_yuki {background-image: url(../img/chart/yagi.jpg);}
#cast_dt #mainbox .ph_nozomi {background-image: url(../img/chart/hotta.jpg);}
#cast_dt #mainbox .ph_mina {background-image: url(../img/chart/ishizaki.jpg);}
#cast_dt #mainbox .ph_eri {background-image: url(../img/chart/sakanoue.jpg);}
#cast_dt #mainbox .ph_kaori {background-image: url(../img/chart/mizoguchi.jpg);}
#cast_dt #mainbox .ph_nagisa {background-image: url(../img/chart/asahina.jpg);}
#cast_dt #mainbox .ph_taeko {background-image: url(../img/chart/otomo.jpg);}
#cast_dt #mainbox .ph_haruma {background-image: url(../img/chart/shimizu.jpg);}
#cast_dt #mainbox .ph_shiori {background-image: url(../img/chart/ishii.jpg);}
#cast_dt #mainbox .ph_koto {background-image: url(../img/chart/shida.jpg);}
#cast_dt #mainbox .ph_sakura {background-image: url(../img/chart/fukuchi.jpg);}
#cast_dt #mainbox .ph_maki {background-image: url(../img/chart/yamamoto.jpg);}
#cast_dt #mainbox .ph_honoka {background-image: url(../img/chart/yanai.jpg);}
#cast_dt #mainbox .ph_mami {background-image: url(../img/chart/ihara.jpg);}
#cast_dt #mainbox .ph_kanna {background-image: url(../img/chart/adachi.jpg);}
#cast_dt #mainbox .ph_mako {background-image: url(../img/chart/moriya.jpg);}
#cast_dt #mainbox .ph_yumi {background-image: url(../img/chart/saso.jpg);}
#cast_dt #mainbox .ph_katsuya {background-image: url(../img/chart/takahashi.jpg);}
#cast_dt #mainbox .ph_fusako {background-image: url(../img/chart/konno.jpg);}

#cast_dt #mainbox p.jetstxt{color:#014099; width:90%; margin:0 auto;}
#cast_dt {position:absolute;left:50%; z-index:5800 !important;}
#cast_dt .btn-w-close a{display:block; width:141px; height:44px; background:url(../img/chart/close.png) no-repeat; margin:2em 3em 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:530px; margin-left:-350px;}
#cast_dt.jetsbox {width:500px; height:280px; margin-left:-250px;}
#cast_dt #mainbox {margin:0 auto;}
#cast_dt .prof{padding:20px 30px 20px 350px; margin:55px 0 0; height:280px;}
#cast_dt .photo {width:280px; height:360px; padding:0; margin:-35px 0 0 30px; display:block;}
#cast_dt #mainbox p {font-size:97%; line-height:1.6;}
}

@media all and (max-width: 767px) {
#cast_dt {width:100%; margin-left:-50%;}
#cast_dt #mainbox {margin:2px auto; padding:0 0 1em;}
#cast_dt .btn-w-close a{width:120px; height:37px;  margin:3% auto 0;}
#cast_dt h1 {width:100%; margin:0 auto 2%; padding:4% 0 0 0;}
#cast_dt h1 span.castname{ width:90%; height:0; padding:12% 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:90%; margin:1.5em auto 0; padding:4%; border-radius:5px;}
#cast_dt #mainbox p {font-size:98%; font-size:3.3vw; line-height:1.55; padding:0;}
#cast_dt #mainbox p.jetstxt{width:85%; margin:.5em auto 2.5em;}

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