html, body#chara {background:#000 !important;}
#chart h1#ttl span.hdl{letter-spacing:.1em;}

/*chart*/
#chart #contents{padding:0;}
#chart .diagram{ position:relative; margin:0 auto; background:url(./img/chart.jpg?0917) no-repeat 0 0;}
#chart .diagram ul,#chart .diagram ul li {position: absolute;}
#chart .diagram ul li a{ display: block; text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;
/*background-color:rgba(126,0,255,.6);*/}
#chart .diagram ul li a img {display:block;}
#chart .diagram ul li.sz-xl a img {width:223px; height:280px;}
#chart .diagram ul li.sz-l a img {width:188px; height:234px;}
#chart .diagram ul li.sz-m a img {width:153px; height:192px;}
#chart .diagram ul li.sz-s a img {width:135px; height:168px;}
#chart .diagram ul li.sz-ss a img {width:109px; height:136px;}

#chart ul li.eiji {left:364px; top:387px;}
#chart ul li.kozo {left:662px; top:433px;}
#chart ul li.meguro {left:134px; top:433px;}
#chart ul li.kanako {left:294px; top:122px;}
#chart ul li.takeshi {left:47px; top:178px;}
#chart ul li.shohei {left:168px; top:178px;}
#chart ul li.kyoko {left:487px; top:122px;}
#chart ul li.yutaro {left:661px; top:122px;}
#chart ul li.yuriko {left:836px; top:178px;}
#chart ul li.masaomi {left:101px; top:802px;}
#chart ul li.yoshihiro {left:257px; top:778px;}
#chart ul li.hiroshi {left:472px; top:778px;}
#chart ul li.sumire {left:652px; top:835px;}
#chart ul li.daichi {left:780px; top:835px;}
#chart ul li.tsuneaki {left:469px; top:1079px;}
#chart ul li.ryujiro {left:653px; top:1079px;}

@media all and (min-width: 992px) {
#chart .diagram{ width:1000px; height:1329px; background-size:cover;}
}
@media all and (max-width:991px) {
#chart .diagram{margin:0 auto; overflow:hidden; width:100%; height:0; padding:132.88% 0 0; background-size: cover;}
#chart .diagram ul {position: absolute; left:0; top:0; width:100%; height:100%;}
}
@media all and (max-width: 767px) {
#chart #contents{background-size:50%;}
}

/*popup*/
#cast_dt {text-align:left;
background-image:url(./img/stripe.svg),linear-gradient(135deg, rgba(8,79,4,.2) 0%,rgba(8,98,0,.7) 40%,rgba(9,108,0,.7) 100%),url(../img/bg2.jpg);
background-repeat:no-repeat,no-repeat,no-repeat;
background-position:right -15% top,0 0,center 0;
background-size:60%,auto,cover;
}
#cast_dt #mainbox {width:100%; height:100%; margin:0 auto; padding:0; position:relative;}
#cast_dt h1 {padding:0; position:relative; z-index:11; width:50%; margin: 0 .8em 0 auto;}
#cast_dt h1 span.castname{ width:100%; height:130px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position:right top; background-size: contain; background-color:rgba(255,255,255,0);}
#cast_dt h1#eiji span.castname {background-image: url(./img/eiji.png);}
#cast_dt h1#kozo span.castname {background-image: url(./img/kozo.png);}
#cast_dt h1#meguro span.castname {background-image: url(./img/meguro.png);}
#cast_dt h1#kanako span.castname {background-image: url(./img/kanako.png);}
#cast_dt h1#takeshi span.castname {background-image: url(./img/takeshi.png);}
#cast_dt h1#shohei span.castname {background-image: url(./img/shohei.png);}
#cast_dt h1#kyoko span.castname {background-image: url(./img/kyoko.png);}
#cast_dt h1#yutaro span.castname {background-image: url(./img/yutaro.png);}
#cast_dt h1#yuriko span.castname {background-image: url(./img/yuriko.png);}
#cast_dt h1#masaomi span.castname {background-image: url(./img/masaomi.png);}
#cast_dt h1#yoshihiro span.castname {background-image: url(./img/yoshihiro.png);}
#cast_dt h1#hiroshi span.castname {background-image: url(./img/hiroshi.png);}
#cast_dt h1#sumire span.castname {background-image: url(./img/sumire.png);}
#cast_dt h1#daichi span.castname {background-image: url(./img/daichi.png);}
#cast_dt h1#tsuneaki span.castname {background-image: url(./img/tsuneaki.png);}
#cast_dt h1#ryujiro span.castname {background-image: url(./img/ryujiro.png);}

#cast_dt .prof {width:100%;}
#cast_dt .prof p{color:#fff; text-shadow: 0px 0px 8px #112132; font-weight:600;}

#cast_dt .photo{box-shadow: 8px 8px 0px 0px rgba(8,98,0,.3);}
#cast_dt .photo::before {
  content:'';
  width:calc(100% - 14px);
  height:calc(100% - 14px);
  top:6px;
  left:6px;
  position: absolute;
	border:1px solid #084f04;
	z-index:11;
}
#cast_dt .photo span{background-repeat: no-repeat; background-position:0 0; background-size: cover; z-index:1; display:block; width:100%; height:100%;}

#cast_dt .photo span.ph_eiji {background-image: url(./img/ph_eiji.jpg?1);}
#cast_dt .photo span.ph_kozo {background-image: url(./img/ph_kozo.jpg?1);}
#cast_dt .photo span.ph_meguro {background-image: url(./img/ph_meguro.jpg?1);}
#cast_dt .photo span.ph_kanako {background-image: url(./img/ph_kanako.jpg?1);}
#cast_dt .photo span.ph_takeshi {background-image: url(./img/ph_takeshi.jpg?1);}
#cast_dt .photo span.ph_shohei {background-image: url(./img/ph_shohei.jpg?1);}
#cast_dt .photo span.ph_kyoko {background-image: url(./img/ph_kyoko.jpg?1);}
#cast_dt .photo span.ph_yutaro {background-image: url(./img/ph_yutaro.jpg?1);}
#cast_dt .photo span.ph_yuriko {background-image: url(./img/ph_yuriko.jpg?1);}
#cast_dt .photo span.ph_masaomi {background-image: url(./img/ph_masaomi.jpg?1);}
#cast_dt .photo span.ph_yoshihiro {background-image: url(./img/ph_yoshihiro.jpg?1);}
#cast_dt .photo span.ph_hiroshi {background-image: url(./img/ph_hiroshi.jpg?1);}
#cast_dt .photo span.ph_sumire {background-image: url(./img/ph_sumire.jpg?1);}
#cast_dt .photo span.ph_daichi {background-image: url(./img/ph_daichi.jpg?1);}
#cast_dt .photo span.ph_ryujiro {background-image: url(./img/ph_ryujiro.jpg?1);}
#cast_dt .photo span.ph_tsuneaki {background-image: url(./img/ph_tsuneaki.jpg?1);}


#cast_dt {position:absolute;left:50%; z-index:10001 !important;}
#cast_dt .btn-w-close a{display:block; width:135px; height:40px; background: url(./img/close.svg) no-repeat center center; background-size: contain; margin:0 auto;}
#cast_dt .btn-w-close a{cursor:pointer;}

@media all and (min-width: 768px) {
#cast_dt {width:800px; height:500px; margin-left:-400px; border:1px solid #086200;}
#cast_dt #mainbox {margin:0 auto; padding:1.25em 0 0 0;}
#cast_dt .prof{width:56%; margin:1.25em 0 0 auto; z-index:0;}
#cast_dt .prof p{word-break: break-all; font-size:105%; line-height:170%; padding:0 1.3em 1.5em 0; width:90%; margin-left:auto;}
#cast_dt p.ovtxt {padding:0 1.6em .5em 0; height:285px; overflow-x: hidden; overflow-y:scroll; border-right:none;}
.ovtxt::-webkit-scrollbar{width:2px; background:none;}
.ovtxt::-webkit-scrollbar-track {background:none;}
.ovtxt::-webkit-scrollbar-corner {display: none;}
.ovtxt::-webkit-scrollbar-thumb {background-color:rgba(126,0,255,.7); border-radius:20px;}
#cast_dt .photo {width:340px; height:429px; position:absolute; left:2%; bottom:5%; z-index:1;}
#cast_dt .btn-w-close{position:absolute;right:2%; bottom:2.5%;}
#cast_dt.letter .btn-w-close{position:absolute;right:0; left:0; bottom:2.5%; margin:auto;}
#cast_dt a.backlist{position:absolute;right:2%; bottom:5%;}
}

@media all and (max-width: 767px) {
#cast_dt {width:100%; margin:0 0 0 -50% !important;
background-position:right -50% top,0 0,center 0;
background-size:80%,auto,cover;
}
#cast_dt #mainbox {margin:0 auto; padding:2.5% 0 0;}

#cast_dt h1 {width:92%; margin:0 auto; padding:0; position: relative;}
#cast_dt h1 span.castname{width:100%; height:0; padding:25% 0 0 0; background-size: contain; margin:0;}
#cast_dt .photo {width:76%; margin:3% auto 0; position: relative;}
#cast_dt .photo::before {
  content:'';
  width:calc(100% - 14px);
  height:calc(100% - 14px);
  top:6px;
  left:6px;
}
#cast_dt .photo span{position: relative; height:0; padding:126.315789474% 0 0;}
#cast_dt .photo span img{position:absolute;left:0;top:0; width:100%; height:100%;}
#cast_dt .prof {width:100%; margin:0 auto; padding:4% 0 2.5%; }
#cast_dt .prof p {font-size:100%; font-size:4vw; line-height:160%; padding:0; width:88%; margin:0 auto;}
#cast_dt .btn-w-close a{width:30%; height:0; padding:9% 0 0; margin:5% auto 5%;}
}

@media all and (min-width: 768px) {
.nobr{display: none;	} 
}
.alt {position:absolute;top:-5000px;left:-9999px;}