/*chart*/
#chart #contents{padding:0;}
#chart .diagram{ position:relative; margin:0 auto; background: url(./img/chart.jpg?0601) 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-l a img {width:273px; height:342px;}
#chart .diagram ul li.sz-m a img {width:232px; height:290px;}
#chart .diagram ul li.sz-s a img {width:204px; height:256px;}
#chart .diagram ul li.sz-ss a img {width:179px; height:225px;}

#chart ul li.shindo {left:400px; top:141px;}
#chart ul li.hana {left:148px; top:456px;}
#chart ul li.yusuke {left:696px; top:456px;}
#chart ul li.yoshio {left:752px; top:129px;}
#chart ul li.koji {left:176px; top:783px;}
#chart ul li.kazuyuki {left:435px; top:782px;}
#chart ul li.sakiko {left:697px; top:782px;}
#chart ul li.kodai {left:129px; top:1068px;}
#chart ul li.nami {left:338px; top:1068px;}
#chart ul li.junya {left:548px; top:1068px;}
#chart ul li.jaesung {left:763px; top:1068px;}
#chart ul li.saya {left:129px; top:1328px;}
#chart ul li.shinji {left:338px; top:1328px;}
#chart ul li.erika {left:548px; top:1328px;}
#chart ul li.masako {left:778px; top:1343px;}
#chart ul li.tsuyoshi {left:117px; top:1654px;}
#chart ul li.shinichi {left:356px; top:1685px;}
#chart ul li.masataka {left:568px; top:1685px;}
#chart ul li.ryohei {left:778px; top:1685px;}
#chart ul li.soichi {left:143px; top:1947px;}
#chart ul li.sumire {left:568px; top:1947px;}
#chart ul li.yumi {left:657px; top:2208px;}
#chart ul li.tetsu {left:356px; top:1947px;}
#chart ul li.kyoko {left:778px; top:1947px;}
#chart ul li.keisuke {left:447px; top:2208px;}
#chart ul li.sagawa {left:238px; top:2208px;}

@media all and (min-width: 992px) {
#chart .diagram{ width:1080px; height:2492px; background-size:cover;}
}
@media all and (max-width:991px) {
#chart #contents{padding:0;}
#chart .diagram{margin:0 auto; overflow:hidden; width:100%; height:0; padding:230.700094607% 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-color:#061c63;
background:url(../img/bg3.jpg) no-repeat 0 0;
background-size:cover;
border:2px solid rgba(255,255,255,.8);
}
#cast_dt #mainbox {width:100%; height:100%; margin:0 auto; padding:0; position:relative;}
#cast_dt h1 {padding:0; position:relative; z-index:11;}
#cast_dt h1 span.castname{ width:100%; height:100px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position:right bottom; background-size: contain; background-color:rgba(255,255,255,0);}
#cast_dt h1#shindo span.castname {background-image: url(./img/shindo.png);}
#cast_dt h1#hana span.castname {background-image: url(./img/hana.png);}
#cast_dt h1#yusuke span.castname {background-image: url(./img/yusuke.png);}
#cast_dt h1#yoshio span.castname {background-image: url(./img/yoshio.png);}
#cast_dt h1#koji span.castname {background-image: url(./img/koji.png);}
#cast_dt h1#kazuyuki span.castname {background-image: url(./img/kazuyuki.png);}
#cast_dt h1#sakiko span.castname {background-image: url(./img/sakiko.png);}
#cast_dt h1#kodai span.castname {background-image: url(./img/kodai.png);}
#cast_dt h1#nami span.castname {background-image: url(./img/nami.png);}
#cast_dt h1#junya span.castname {background-image: url(./img/junya.png);}
#cast_dt h1#jaesung span.castname {background-image: url(./img/jaesung.png);}
#cast_dt h1#saya span.castname {background-image: url(./img/saya.png);}
#cast_dt h1#shinji span.castname {background-image: url(./img/shinji.png);}
#cast_dt h1#erika span.castname {background-image: url(./img/erika.png);}
#cast_dt h1#masataka span.castname {background-image: url(./img/masataka.png);}
#cast_dt h1#masako span.castname {background-image: url(./img/masako.png);}
#cast_dt h1#tsuyoshi span.castname {background-image: url(./img/tsuyoshi.png);}
#cast_dt h1#shinichi span.castname {background-image: url(./img/shinichi.png);}
#cast_dt h1#ryohei span.castname {background-image: url(./img/ryohei.png);}
#cast_dt h1#sumire span.castname {background-image: url(./img/sumire.png);}
#cast_dt h1#soichi span.castname {background-image: url(./img/soichi.png);}
#cast_dt h1#tetsu span.castname {background-image: url(./img/tetsu.png);}
#cast_dt h1#yumi span.castname {background-image: url(./img/yumi.png);}
#cast_dt h1#kyoko span.castname {background-image: url(./img/kyoko.png);}
#cast_dt h1#keisuke span.castname {background-image: url(./img/keisuke.png);}
#cast_dt h1#sagawa span.castname {background-image: url(./img/sagawa.png);}

#cast_dt h2 {color:#fff100; font-weight:600; font-size:120%; padding:0 0 .5em 1.2em; line-height:140%;}
#cast_dt .prof {width:100%;}
#cast_dt .prof p{color:#fff; font-weight:500; text-shadow: 2px 2px 2px rgba(0,52,159,1);}

#cast_dt .photo{background:url(../img/bg2_50.png) repeat 0 0; background-size:200%;}
#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_shindo {background-image: url(./img/ph_shindo.jpg);}
#cast_dt .photo span.ph_yusuke {background-image: url(./img/ph_yusuke.jpg);}
#cast_dt .photo span.ph_hana {background-image: url(./img/ph_hana.jpg);}
#cast_dt .photo span.ph_yoshio {background-image: url(./img/ph_yoshio.jpg);}
#cast_dt .photo span.ph_koji {background-image: url(./img/ph_koji.jpg);}
#cast_dt .photo span.ph_kazuyuki {background-image: url(./img/ph_kazuyuki.jpg);}
#cast_dt .photo span.ph_sakiko {background-image: url(./img/ph_sakiko.jpg);}
#cast_dt .photo span.ph_kodai {background-image: url(./img/ph_kodai.jpg);}
#cast_dt .photo span.ph_nami {background-image: url(./img/ph_nami.jpg);}
#cast_dt .photo span.ph_junya {background-image: url(./img/ph_junya.jpg);}
#cast_dt .photo span.ph_jaesung {background-image: url(./img/ph_jaesung.jpg);}
#cast_dt .photo span.ph_saya {background-image: url(./img/ph_saya.jpg);}
#cast_dt .photo span.ph_shinji {background-image: url(./img/ph_shinji.jpg);}
#cast_dt .photo span.ph_erika {background-image: url(./img/ph_erika.jpg);}
#cast_dt .photo span.ph_masako {background-image: url(./img/ph_masako.jpg);}
#cast_dt .photo span.ph_tsuyoshi {background-image: url(./img/ph_tsuyoshi.jpg);}
#cast_dt .photo span.ph_shinichi {background-image: url(./img/ph_shinichi.jpg);}
#cast_dt .photo span.ph_masataka {background-image: url(./img/ph_masataka.jpg);}
#cast_dt .photo span.ph_ryohei {background-image: url(./img/ph_ryohei.jpg);}
#cast_dt .photo span.ph_sumire {background-image: url(./img/ph_sumire.jpg);}
#cast_dt .photo span.ph_soichi {background-image: url(./img/ph_soichi.jpg);}
#cast_dt .photo span.ph_tetsu {background-image: url(./img/ph_tetsu.jpg);}
#cast_dt .photo span.ph_yumi {background-image: url(./img/ph_yumi.jpg);}
#cast_dt .photo span.ph_kyoko {background-image: url(./img/ph_kyoko.jpg);}
#cast_dt .photo span.ph_keisuke {background-image: url(./img/ph_keisuke.jpg);}
#cast_dt .photo span.ph_sagawa {background-image: url(./img/ph_sagawa.jpg);}

#cast_dt {position:absolute;left:50%; z-index:10001 !important;}
#cast_dt .btn-w-close a,#letter 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,#letter a{cursor:pointer;}

@media all and (min-width: 768px) {
#cast_dt {width:800px; height:500px; margin-left:-400px;}
#cast_dt #mainbox {margin:0 auto; padding:1.5em 0 0 0;}
#cast_dt h1 {margin:0 0 .8em auto;
width: -webkit-calc(100% - 200px) ;
width: calc(100% - 200px);
}
#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.5em 1.8em 0; width:95%; 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:416px; position:absolute; left:0; bottom:0; z-index:1;}
/*#cast_dt .photo::before {
  content:'';
  width:100%;
  height:80%;
  bottom:0;
  left:0;
  position: absolute;
  background-color:#e06361;
border-radius:0 36px 0 0;
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:center 0;
}
#cast_dt #mainbox {margin:0 auto; padding:3% 0 0;}

#cast_dt h1 {width:100%; margin:0 0 5%; padding:0; position: relative;}
#cast_dt h1 span.castname{width:100%; height:0; padding:18% 0 0 0; background-size: contain; margin:0;}
#cast_dt .photo {width:76%; margin:0 auto; position: relative; border:5px solid rgba(255,255,255,.5); padding:0; background-size:100%; box-shadow:10px 10px 18px rgba(88,153,214,0.8);}
#cast_dt .photo span{position: relative; height:0; padding:122% 0 0; background-size:100%;}
#cast_dt .photo span img{position:absolute;left:0;top:0; width:100%; height:100%;}
#cast_dt .prof {width:90%; margin:0 auto; padding:5% 0 5%; }
#cast_dt h2{font-size:4.5vw; padding:0 0 2.5% 0; line-height:140%;}
#cast_dt .prof p {font-size:100%; font-size:3.8vw; line-height:160%; padding:0; width:100%; 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;}

.letterbox{display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding:0 0 2.5%}  
.letterbox figure{width:46%; padding:61.1288888889% 0 0; background: url(./img/letter1.jpg) no-repeat 0 0; background-size:cover; position:relative; z-index:999999999 !important; margin:0 1% 5%;}
.letterbox figure:nth-child(2){background-image: url(./img/letter2.jpg);}
.letterbox figure img{position:absolute;left:0;top:0; width:100%; height:100%;}

@media all and (max-width: 767px) {
.letterbox{width:82%; height:78vh !important; overflow-x: hidden; overflow-y:scroll; margin:0 auto;}
.letterbox::-webkit-scrollbar{width:2px; background:none;}
.letterbox::-webkit-scrollbar-track {background:none;}
.letterbox::-webkit-scrollbar-corner {display: none;}
.letterbox::-webkit-scrollbar-thumb {background-color:rgba(126,0,255,.7); border-radius:20px;}
.letterbox figure{width:100%; padding:130% 0 0; margin:2%;}
}