/*popup*/
#cast_dt {text-align:left; background-color:rgba(255,151,202,0.3);
border:2px dashed #fd52ba;
background-image:url(../img/chart/heart.png),url(../img/chart/pink.png),url(../img/chart/st_w.png);
background-repeat:no-repeat,no-repeat,repeat;
background-position:right 0px bottom 50px,0 0,0 0;
background-size:auto,auto,auto;}
#cast_dt #mainbox {width:100%; height:auto; margin:0 auto; padding:0; }

#cast_dt h1 {width:100%; margin:0 0 .5em .5em; padding:.6em 0 0; background:none;}
/*#cast_dt h1{position:relative; z-index:2;}*/
#cast_dt:before{background:url(../img/chart/grn.png) no-repeat right bottom;
  content: '';
  position: absolute;
  bottom:0;
  right:0;
  width:100%;
  height:155px;
  z-index:-1;
}

#cast_dt h1 span.castname{ width:598; height:82px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
#cast_dt h1#reiko span.castname {background-image: url(../img/chart/reiko.png);}
#cast_dt h1#keita span.castname { background-image: url(../img/chart/keita.png);}
#cast_dt h1#ken span.castname { background-image: url(../img/chart/ken.png);}
#cast_dt h1#jun span.castname { background-image: url(../img/chart/jun.png);}
#cast_dt h1#maria span.castname { background-image: url(../img/chart/maria.png);}
#cast_dt h1#ruri span.castname { background-image: url(../img/chart/ruri.png);}
#cast_dt h1#tamotsu span.castname { background-image: url(../img/chart/tamotsu.png);}
#cast_dt h1#mizuki span.castname { background-image: url(../img/chart/mizuki.png);}
#cast_dt h1#hikari span.castname { background-image: url(../img/chart/hikari.png);}
#cast_dt h1#haruto span.castname { background-image: url(../img/chart/haruto.png);}
#cast_dt h1#nanako span.castname { background-image: url(../img/chart/nanako.png);}
#cast_dt h1#meiko span.castname { background-image: url(../img/chart/meiko.png);}
#cast_dt h1#yoshiaki span.castname { background-image: url(../img/chart/yoshiaki.png);}
#cast_dt h1#sachi span.castname { background-image: url(../img/chart/sachi.png);}
#cast_dt h1#tomihiko span.castname { background-image: url(../img/chart/tomihiko.png);}
#cast_dt h1#yasuo span.castname { background-image: url(../img/chart/yasuo.png);}

#cast_dt .prof {width:100%;}
#cast_dt .prof p{padding:.5em;}
#cast_dt .photo {background-repeat: no-repeat; background-position:center center; background-size: cover; position:absolute; left:0; bottom:0; z-index:-2;}

#cast_dt #mainbox .ph_reiko {background-image: url(../img/chart/matsuoka.png);}
#cast_dt #mainbox .ph_keita {background-image: url(../img/chart/miurah.png);}
#cast_dt #mainbox .ph_ken {background-image: url(../img/chart/miuras.png);}
#cast_dt #mainbox .ph_jun {background-image: url(../img/chart/kitamura.png);}
#cast_dt #mainbox .ph_maria {background-image: url(../img/chart/seira.png);}
#cast_dt #mainbox .ph_ruri {background-image: url(../img/chart/otomo.png);}
#cast_dt #mainbox .ph_tamotsu {background-image: url(../img/chart/inada.png);}
#cast_dt #mainbox .ph_mizuki {background-image: url(../img/chart/nakamura.png);}
#cast_dt #mainbox .ph_hikari {background-image: url(../img/chart/yagi.png);}
#cast_dt #mainbox .ph_haruto {background-image: url(../img/chart/kawai.png);}
#cast_dt #mainbox .ph_nanako {background-image: url(../img/chart/kimura.png);}
#cast_dt #mainbox .ph_meiko {background-image: url(../img/chart/uika.png);}
#cast_dt #mainbox .ph_yoshiaki {background-image: url(../img/chart/ikeda.png);}
#cast_dt #mainbox .ph_sachi {background-image: url(../img/chart/minami.png);}
#cast_dt #mainbox .ph_tomihiko {background-image: url(../img/chart/kusakari.png);}
#cast_dt #mainbox .ph_yasuo {background-image: url(../img/chart/ishimaru.png);}

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

@media all and (min-width: 768px) {
#cast_dt {width:750px; height:500px; margin-left:-350px;}
#cast_dt #mainbox {margin:0 auto;}
#cast_dt .prof{width:50%; margin-left:auto; margin-right:2.5%;
/*width:calc(98% - 330px);*/}

#cast_dt .photo {width:325px; height:415px;}
#cast_dt .prof p{font-size:92%; line-height:160%;}
#cast_dt span.ovtxt {display:inline-block; height:230px; overflow-x: hidden; overflow-y:scroll; }
.ovtxt::-webkit-scrollbar{width:4px; background:none;}
.ovtxt::-webkit-scrollbar-thumb{background:#111;}
#cast_dt .btn-w-close{position:absolute;right:2%; bottom:5%;}
}

@media all and (max-width: 767px) {
#cast_dt {width:90%; margin-left:-45%;
background-position:right 0px center,0 0,0 0;}
#cast_dt #mainbox {margin:2px auto; padding:0 0 .5em;}
#cast_dt h1 {width:94%; margin:0 auto 2%; padding:3.5% 0 0 0;}
#cast_dt h1 span.castname{ width:100%; height:0; padding:14% 0 0 0; background-size: contain;}
#cast_dt .photo {width:60%; height:0; padding:76.6% 0 0; margin:0 auto 4%; position: relative; box-shadow:30px 50px 20px rgba(201,95,136,0.2);}
#cast_dt .photo img{position:absolute;left:0;top:0; width:100%; height:100%;}
#cast_dt .prof {width:98%; margin:1em auto 0; padding: 0 5%;}
#cast_dt .prof p {font-size:100%; font-size:3.5vw; line-height:165%; padding:0 0 1em;}
#cast_dt .btn-w-close a{margin:0 auto 6%; width:172px; height:58px;}
}