#chart h1#ttl{letter-spacing:.15em;}

/*chart*/
#chart #contents{padding:2em 0 2em;}
#chart .diagram{ position:relative; margin:0 auto 1em; background:url(../chart/img/chart.png?241222) 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(25,25,102,0.2);*/}
#chart .diagram ul li a img {display:block;}
#chart .diagram ul li.sz-l a img {width:154px; height:200px;}
#chart .diagram ul li.sz-m a img {width:131px; height:170px;}
#chart .diagram ul li.sz-s a img {width:120px; height:156px;}
#chart .diagram ul li.sz-s2 a img {width:108px; height:142px;}
#chart .diagram ul li.sz-ss a img {width:96px; height:124px;}
#chart .diagram ul li.sz-c a img {width:230px; height:175px;}

#chart ul li.teppei {left:402px; top:308px;}
#chart ul li.shinpei {left:190px; top:308px;}
#chart ul li.asako {left:402px; top:582px;}
#chart ul li.rina {left:190px; top:582px;}
#chart ul li.kensho {left:704px; top:308px;}
#chart ul li.yuriko {left:646px; top:582px;}
#chart ul li.ippei {left:238px; top:75px;}
#chart ul li.tatsuo {left:555px; top:75px;}
#chart ul li.collier {left:748px; top:100px;}
#chart ul li.haru {left:54px; top:75px;}
#chart ul li.sumiko {left:841px; top:612px;}
#chart ul li.osho {left:22px; top:612px;}
#chart ul li.motohito {left:841px; top:830px;}
#chart ul li.machiko {left:123px; top:830px;}
#chart ul li.shokichi {left:374px; top:830px;}
#chart ul li.umeko {left:490px; top:830px;}
#chart ul li.takeo {left:608px; top:830px;}
#chart ul li.reo {left:172px; top:1089px;}
#chart ul li.izumi {left:504px; top:1089px;}
#chart ul li.kazuma {left:792px; top:1359px;}
#chart ul li.kanoko {left:610px; top:1359px;}
#chart ul li.sawada {left:742px; top:1148px;}
#chart ul li.masahiko {left:453px; top:1373px;}
#chart ul li.seiya {left:809px; top:1582px;}
#chart ul li.chikage {left:545px; top:1582px;}
#chart ul li.michael {left:209px; top:1373px;}
#chart ul li.light {left:71px; top:1373px;}
#chart ul li.airi {left:220px; top:1582px;}

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


/*popup*/
#cast_dt {text-align:left;
background-image:linear-gradient(120deg, rgba(255,255,255,0) 0%,rgba(1,113,161,0.4) 53%,rgba(0,44,126,.25) 100%),url(./img/bg.jpg);
background-repeat:no-repeat,no-repeat;
background-position:0 0,0 0;
background-size:auto,cover;
}
#cast_dt #mainbox {width:100%; height:auto; margin:0 auto; padding:0; position: relative;}
#cast_dt h1 {padding:.5em .3em .35em .8em; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
#cast_dt h1 span.castname{ width:100%; height:95px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position:0 0; background-size: contain; background-color:rgba(25,25,102,0);}
#cast_dt h1#teppei span.castname {background-image: url(./img/teppei.png);}
#cast_dt h1#shinpei span.castname {background-image: url(./img/shinpei.png);}
#cast_dt h1#asako span.castname {background-image: url(./img/asako.png);}
#cast_dt h1#rina span.castname {background-image: url(./img/rina.png);}
#cast_dt h1#kensho span.castname {background-image: url(./img/kensho.png);}
#cast_dt h1#yuriko span.castname {background-image: url(./img/yuriko.png);}
#cast_dt h1#ippei span.castname {background-image: url(./img/ippei.png);}
#cast_dt h1#tatsuo span.castname {background-image: url(./img/tatsuo.png);}
#cast_dt h1#haru span.castname {background-image: url(./img/haru.png);}
#cast_dt h1#sumiko span.castname {background-image: url(./img/sumiko.png);}
#cast_dt h1#osho span.castname {background-image: url(./img/osho.png);}
#cast_dt h1#motohito span.castname {background-image: url(./img/motohito.png);}
#cast_dt h1#machiko span.castname {background-image: url(./img/machiko.png);}
#cast_dt h1#shokichi span.castname {background-image: url(./img/shokichi.png?1);}
#cast_dt h1#umeko span.castname {background-image: url(./img/umeko.png);}
#cast_dt h1#takeo span.castname {background-image: url(./img/takeo.png?1);}
#cast_dt h1#reo span.castname {background-image: url(./img/reo.png);}
#cast_dt h1#izumi span.castname {background-image: url(./img/izumi.png);}
#cast_dt h1#kazuma span.castname {background-image: url(./img/kazuma.png?1);}
#cast_dt h1#kanoko span.castname {background-image: url(./img/kanoko.png);}
#cast_dt h1#sawada span.castname {background-image: url(./img/sawada.png?1);}
#cast_dt h1#masahiko span.castname {background-image: url(./img/masahiko.png);}
#cast_dt h1#seiya span.castname {background-image: url(./img/seiya.png);}
#cast_dt h1#chikage span.castname {background-image: url(./img/chikage.png);}
#cast_dt h1#michael span.castname {background-image: url(./img/michael.png?1);}
#cast_dt h1#light span.castname {background-image: url(./img/light.png);}
#cast_dt h1#airi span.castname {background-image: url(./img/airi.png);}
#cast_dt h1#iida span.castname {background-image: url(./img/iida.png?1);}
#cast_dt h1#kinta span.castname {background-image: url(./img/kinta.png);}
#cast_dt h1#ginta span.castname {background-image: url(./img/ginta.png);}
#cast_dt h1#yoneda span.castname {background-image: url(./img/yoneda.png);}
#cast_dt h1#yasui span.castname {background-image: url(./img/yasui.png);}
#cast_dt h1#tsuruoka span.castname {background-image: url(./img/tsuruoka.png);}
#cast_dt h1#sakuragi span.castname {background-image: url(./img/sakuragi.png);}
#cast_dt h1#nishimura span.castname {background-image: url(./img/nishimura.png);}
#cast_dt h1#matsuki span.castname {background-image: url(./img/matsuki.png);}
#cast_dt h1#kotetsu span.castname {background-image: url(./img/kotetsu.png);}
#cast_dt h1#kitamura span.castname {background-image: url(./img/kitamura.png?1);}

#cast_dt .prof {width:100%; background:linear-gradient(120deg, rgba(61,123,188,0.5) 0%,rgba(0,48,149,.7) 56%,rgba(0,48,149,.8) 100%);}
#cast_dt .prof p{color:#fff;}
#cast_dt .photo span{background-repeat: no-repeat; background-position:0 0; background-size: contain; z-index:1; display:block; width:100%; height:100%; background-color:rgba(25,25,102,0);}
#cast_dt .photo span.ph_teppei {background-image: url(./img/ph_teppei.jpg);}
#cast_dt .photo span.ph_shinpei {background-image: url(./img/ph_shinpei.jpg);}
#cast_dt .photo span.ph_asako {background-image: url(./img/ph_asako.jpg);}
#cast_dt .photo span.ph_rina {background-image: url(./img/ph_rina.jpg);}
#cast_dt .photo span.ph_kensho {background-image: url(./img/ph_kensho.jpg);}
#cast_dt .photo span.ph_yuriko {background-image: url(./img/ph_yuriko.jpg);}
#cast_dt .photo span.ph_ippei {background-image: url(./img/ph_ippei.jpg);}
#cast_dt .photo span.ph_tatsuo {background-image: url(./img/ph_tatsuo.jpg);}
#cast_dt .photo span.ph_haru {background-image: url(./img/ph_haru.jpg);}
#cast_dt .photo span.ph_sumiko {background-image: url(./img/ph_sumiko.jpg);}
#cast_dt .photo span.ph_osho {background-image: url(./img/ph_osho.jpg);}
#cast_dt .photo span.ph_motohito {background-image: url(./img/ph_motohito.jpg);}
#cast_dt .photo span.ph_machiko {background-image: url(./img/ph_machiko.jpg);}
#cast_dt .photo span.ph_shokichi {background-image: url(./img/ph_shokichi.jpg);}
#cast_dt .photo span.ph_umeko {background-image: url(./img/ph_umeko.jpg);}
#cast_dt .photo span.ph_takeo {background-image: url(./img/ph_takeo.jpg?1);}
#cast_dt .photo span.ph_reo {background-image: url(./img/ph_reo.jpg);}
#cast_dt .photo span.ph_izumi {background-image: url(./img/ph_izumi.jpg);}
#cast_dt .photo span.ph_kazuma {background-image: url(./img/ph_kazuma.jpg);}
#cast_dt .photo span.ph_kanoko {background-image: url(./img/ph_kanoko.jpg);}
#cast_dt .photo span.ph_sawada {background-image: url(./img/ph_sawada.jpg?1);}
#cast_dt .photo span.ph_masahiko {background-image: url(./img/ph_masahiko.jpg);}
#cast_dt .photo span.ph_seiya {background-image: url(./img/ph_seiya.jpg);}
#cast_dt .photo span.ph_chikage {background-image: url(./img/ph_chikage.jpg?1);}
#cast_dt .photo span.ph_michael {background-image: url(./img/ph_michael.jpg);}
#cast_dt .photo span.ph_light {background-image: url(./img/ph_light.jpg);}
#cast_dt .photo span.ph_airi {background-image: url(./img/ph_airi.jpg);}
#cast_dt .photo span.ph_iida {background-image: url(./img/ph_iida.jpg);}
#cast_dt .photo span.ph_kinta {background-image: url(./img/ph_kinta.jpg);}
#cast_dt .photo span.ph_ginta {background-image: url(./img/ph_ginta.jpg);}
#cast_dt .photo span.ph_yoneda {background-image: url(./img/ph_yoneda.jpg);}
#cast_dt .photo span.ph_yasui {background-image: url(./img/ph_yasui.jpg);}
#cast_dt .photo span.ph_tsuruoka {background-image: url(./img/ph_tsuruoka.jpg);}
#cast_dt .photo span.ph_sakuragi {background-image: url(./img/ph_sakuragi.jpg);}
#cast_dt .photo span.ph_nishimura {background-image: url(./img/ph_nishimura.jpg);}
#cast_dt .photo span.ph_matsuki {background-image: url(./img/ph_matsuki.jpg);}
#cast_dt .photo span.ph_kotetsu {background-image: url(./img/ph_kotetsu.jpg);}
#cast_dt .photo span.ph_kitamura {background-image: url(./img/ph_kitamura.jpg);}

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

/*collier*/
#cast_dt #mainbox.collier {margin:0 auto; padding:3.5% 0 0;}
#cast_dt #mainbox.collier h2 {margin:0 auto; font-weight:600; padding:0 0 4%; color:#103a8b; font-size:200%; text-align: center; text-shadow: 0px 0px 10px rgba(255,255,255,1), 0 0 1px rgba(255,255,255,1);}
ul#member{width:96%; margin:0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
ul#member li{position: relative; padding:21% 0 0; margin:0 .5% 2%;
width: -webkit-calc(100% / 6 - 1%) ;
width: calc(100% / 6 - 1%);
}
ul#member li a{display:block; position:absolute; top:0; left:0; padding:0; width:100%; height:100%; background-repeat: no-repeat; background-position:0 0; background-size:cover;} 
ul#member li a img{position:absolute;left:0;top:0; width:100%; height:100%;}
ul#member li.iida a {background-image: url(./img/prof_iida.jpg?1);}
ul#member li.yoneda a {background-image: url(./img/prof_yoneda.jpg);}
ul#member li.kitamura a {background-image: url(./img/prof_kitamura.jpg?1);}
ul#member li.tsuruoka a {background-image: url(./img/prof_tsuruoka.jpg);}
ul#member li.kinta a {background-image: url(./img/prof_kinta.jpg);}
ul#member li.ginta a {background-image: url(./img/prof_ginta.jpg);}
ul#member li.matsuki a {background-image: url(./img/prof_matsuki.jpg);}
ul#member li.sakuragi a {background-image: url(./img/prof_sakuragi.jpg);}
ul#member li.nishimura a {background-image: url(./img/prof_nishimura.jpg);}
ul#member li.yasui a {background-image: url(./img/prof_yasui.jpg);}
ul#member li.kotetsu a {background-image: url(./img/prof_kotetsu.jpg);}
#cast_dt a.backlist{position: relative; display:block; color:#fff; padding:.5em 2em; font-size:120%; font-weight:500; text-align: center; border-radius:0px; transition:.3s; border:1px solid rgba(255,255,255,0.5);
background-image:linear-gradient(150deg, rgba(61,123,188,0.6) 0%,rgba(0,48,149,.6) 56%,rgba(0,48,149,.8) 100%);
background-repeat:no-repeat;
background-position:0 0;
box-shadow:8px 8px 10px rgba(60,90,149,0.25);
z-index:99999 !important;}
#cast_dt a.backlist::before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  left:10%;
  top:34%;
  transform: rotate(-135deg);
}

@media all and (min-width: 768px) {
#cast_dt {width:760px; height:500px; margin-left:-380px;}
#cast_dt #mainbox {margin:0 auto; padding:5em 0 0 0;}
#cast_dt h1 {margin:0 0 0 auto;
width: -webkit-calc(100% - 330px) ;
width: calc(100% - 330px);
}
#cast_dt .prof{width:65%; margin:1.25em 0 0 auto; position: relative; z-index:0;}
#cast_dt .prof p{word-break: break-all; font-size:110%; line-height:160%; padding:1.8em 1.5em 1.8em 0; width:80.5%; margin-left:auto; position: relative;}
#cast_dt p.ovtxt {margin-top:1.5em; padding:.2em 1.6em .2em 0; height:280px; overflow-x: hidden; overflow-y:scroll; border-right:none;}
.ovtxt::-webkit-scrollbar{width:3px; background:none;}
.ovtxt::-webkit-scrollbar-track {background:none;}
.ovtxt::-webkit-scrollbar-corner {display: none;}
.ovtxt::-webkit-scrollbar-thumb {background:#c51720; border-radius:20px;}
#cast_dt .photo {width:340px; height:415px; position:absolute; left:0; top:30px; 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.5%; bottom:3%;}
#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;}
#cast_dt #mainbox {margin:0 auto; padding:3% 0 0;}

#cast_dt h1 {width:100%; margin:0; padding:2.5% 1.5% 2.5% 2%; position: relative;}
#cast_dt h1 span.castname{width:100%; height:0; padding:17% 0 0 0; background-size: contain; margin:0;}
#cast_dt .photo {width:76%; margin:3% auto 0; position: relative; border:8px solid #fff; box-shadow:8px 8px 10px rgba(39,61,88,0.25);}
#cast_dt .photo span{position: relative; height:0; padding:122% 0 0; background-size: cover;}
#cast_dt .photo span img{position:absolute;left:0;top:0; width:100%; height:100%;}
#cast_dt .prof {width:100%; margin:0 auto; padding:5% 0 5%; }
#cast_dt .prof p {font-size:100%; font-size:3.8vw; line-height:165%; padding:0; width:88%; margin:0 0 0 7%;}
#cast_dt .btn-w-close a{width:30%; height:0; padding:9% 0 0; margin:5% auto 5%;}

/*collier*/
#cast_dt #mainbox.collier h2{font-size:6vw;}
ul#member{width:90%;} 
ul#member li{padding:41% 0 0; margin:0 1% 2%;
width: -webkit-calc(100% / 3 - 2%) ;
width: calc(100% / 3 - 2%);
}
#cast_dt a.backlist{width:28%; padding:2% 0; margin:5% auto; font-size:3.5vw;}
#cast_dt a.backlist::before {
  width: 2vw;
  height: 2vw;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  left:10%;
  top:34%;
}
ul#member li.kinta {order:0;}
ul#member li.ginta {order:1;}
ul#member li.kotetsu {order:2;}
ul#member li.kitamura {order:3;}
ul#member li.nishimura {order:4;}
ul#member li.tsuruoka {order:5;}
ul#member li.yasui {order:6;}
ul#member li.iida {order:7;}
ul#member li.yoneda {order:8;}
ul#member li.matsuki {order:9;}
ul#member li.sakuragi {order:10;}
}
.alt {position:absolute;top:-5000px;left:-9999px;}