/*chart*/
#chara .ph_chara{position:relative; width:940px; height:851px; margin:0 auto !important; background:url(./img/chara.png?230910) no-repeat center center; background-size:cover;}
#chara .inner{padding:0 !important; background:#eee; width:}
#chara h1#ttl{background-image: url(../img/top/chara.svg); background-size:100%; background-position:left 10% top 25%;}
#chara h1#ttl span.ttltxt{color:#fff; font-size:200%;
font-family:a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
font-style: normal;
text-shadow:2px 2px 0px rgba(0,0,0,0.5);}
#chara h1#ttl span.pastep{
font-family: "proxima-nova-extra-condensed", sans-serif;
font-weight: 700;
font-style: normal;
color:#fff; font-size:170%;
letter-spacing:0 !important;}
#chara h1#ttl span.f75 {font-size:3rem !important;}

@media all and (max-width: 767px) {
#chara .ph_chara{width:98%; height:0; padding:88.69% 0 0;}
#chara h1#ttl{background-position:left 10% top 50%; background-size:100%;}
#chara h1#ttl{background-size:auto 100%; background-position:left top;}
#chara h1#ttl span.ttltxt{font-size:10vw;}
#chara h1#ttl span.pastep{font-size:8vw;}
#chara h1#ttl span.f75 {font-size:4vw !important;}
}

#chara .ph_chara ul,#chara .ph_chara ul li {position: absolute;}
#chara .ph_chara ul li a{ display: block; text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#chara .ph_chara ul li a img {display:block;}
#chara .ph_chara ul li.sz-m a img {width:96px; height:128px;}
#chara .ph_chara ul li.sz-m2 a img {width:96px; height:132px;}

#chara .ph_chara ul li.takada {left:6px; top:29px;}
#chara .ph_chara ul li.wada {left:120px; top:29px;}
#chara .ph_chara ul li.kawai {left:6px; top:163px;}
#chara .ph_chara ul li.ota {left:120px; top:163px;}
#chara .ph_chara ul li.akemi {left:120px; top:298px;}
#chara .ph_chara ul li.suzuki {left:6px; top:433px;}
#chara .ph_chara ul li.sano {left:120px; top:433px;}
#chara .ph_chara ul li.dram {left:6px; top:568px;}
#chara .ph_chara ul li.hirose {left:120px; top:568px;}

#chara .ph_chara ul li.kumagai {left:255px; top:0;}
#chara .ph_chara ul li.usami {left:369px; top:0;}
#chara .ph_chara ul li.govi {left:483px; top:0;}
#chara .ph_chara ul li.suguru {left:255px; top:135px;}
#chara .ph_chara ul li.nagano {left:369px; top:135px;}
#chara .ph_chara ul li.nishioka {left:483px; top:135px;}

#chara .ph_chara ul li.yuzuki {left:255px; top:289px;}
#chara .ph_chara ul li.nogi {left:369px; top:289px;}
#chara .ph_chara ul li.nozaki {left:483px; top:289px;}
#chara .ph_chara ul li.kurosu {left:255px; top:430px;}
#chara .ph_chara ul li.nogoon {left:369px; top:430px;}
#chara .ph_chara ul li.nokor {left:483px; top:430px;}

#chara .ph_chara ul li.waniz {left:731px; top:28px;}
#chara .ph_chara ul li.mitsui {left:844px; top:28px;}
#chara .ph_chara ul li.hara {left:617px; top:163px;}
#chara .ph_chara ul li.yusuke {left:731px; top:163px;}
#chara .ph_chara ul li.shichi {left:844px; top:163px;}
#chara .ph_chara ul li.shinjo {left:617px; top:298px;}
#chara .ph_chara ul li.piyo {left:731px; top:298px;}
#chara .ph_chara ul li.mata {left:844px; top:298px;}
#chara .ph_chara ul li.yamamoto {left:617px; top:432px;}
#chara .ph_chara ul li.batraka {left:731px; top:432px;}
#chara .ph_chara ul li.mizukami {left:844px; top:432px;}
#chara .ph_chara ul li.cinggis {left:617px; top:567px;}
#chara .ph_chara ul li.ali {left:731px; top:567px;}
#chara .ph_chara ul li.iria {left:844px; top:567px;}
#chara .ph_chara ul li.sam {left:731px; top:702px;}

#chara .ph_chara ul li.hiromichi {left:255px; top:583px;}
#chara .ph_chara ul li.sakurai {left:369px; top:583px;}
#chara .ph_chara ul li.tojo {left:483px; top:583px;}
#chara .ph_chara ul li.jemaine {left:483px; top:718px;}
#chara .ph_chara ul li.adiel {left:369px; top:718px;}
#chara .ph_chara ul li.zaire {left:255px; top:718px;}

p.notice{text-align:center; padding:1.8em 0 .5em; font-size:110%;} 

@media all and (min-width: 768px) {
#chara .ph_chara ul li a {
background:linear-gradient(to top, rgba(51,52,54,0) 0%,rgba(175,25,24,0.6) 100%);
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
transition: 0.3s;
/*background-color:rgba(126,0,255,.6);*/}
#chara .ph_chara ul li a:hover {filter: alpha(opacity=100); -moz-opacity:100; opacity:100;}
}
@media all and (max-width: 767px) {
#chara .ph_chara ul {position: absolute; left:0; top:0; width:100%; height:100%;}
p.notice{padding:4% 0 1%; font-size:3vw;} 
}

/*popup*/
#cast_dt {text-align:left; background-color:#1b1d1e; border:2px solid #af1918; position: relative;
background-image:url(./img/stripe2.svg),url(../img/bg2.png);
background-repeat:no-repeat,no-repeat;
background-size:120%,550px;
background-position:right 0,0 0;
position:absolute;left:50%;
z-index:999999999 !important;}

#cast_dt h1 {width:92%; margin:0 auto; padding:.8em 0 0; color:#ca0915; font-size:200%; line-height:125%;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
font-style: normal;}
#cast_dt h1 span.charaname{font-size:160%;}
#cast_dt h1 span.castname{font-size:80%; color:#fff; padding:0 0 0 .2em; line-height:100%; display:inline-block; margin:0;}

/*#cast_dt h1 span.castname{ width:500px; height:82px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; background-size:contain;}*/

#cast_dt .prof {width:100%;}
#cast_dt p.desc{padding:0 .5em; font-size:120%; text-align:center; line-height:130%;}
#cast_dt .photo {margin:1em auto 1.25em; background-repeat: no-repeat; background-position:center center; background-size: cover; box-shadow:14px 14px 14px rgba(0,0,0,0.3);}

#cast_dt .ph_sakai {background-image: url(./img/sakai.jpg);}
#cast_dt .ph_abe {background-image: url(./img/abe.jpg);}
#cast_dt .ph_nikaido {background-image: url(./img/nikaido.jpg);}
#cast_dt .ph_dram {background-image: url(./img/dram.jpg);}
#cast_dt .ph_watanabe {background-image: url(./img/watanabe.jpg);}
#cast_dt .ph_enya {background-image: url(./img/enya.jpg);}
#cast_dt .ph_iinuma {background-image: url(./img/iinuma.jpg);}
#cast_dt .ph_kohinata {background-image: url(./img/kohinata.jpg);}
#cast_dt .ph_furuya {background-image: url(./img/furuya.jpg);}
#cast_dt .ph_sakota {background-image: url(./img/sakota.jpg);}
#cast_dt .ph_nandin {background-image: url(./img/nandin.jpg);}
#cast_dt .ph_barslkhagva {background-image: url(./img/barslkhagva.jpg);}
#cast_dt .ph_yamanaka {background-image: url(./img/yamanaka.jpg);}
#cast_dt .ph_marin {background-image: url(./img/marin.jpg);}
#cast_dt .ph_tsaschikher {background-image: url(./img/tsaschikher.jpg);}
#cast_dt .ph_martin {background-image: url(./img/martin.jpg);}
#cast_dt .ph_hashimoto {background-image: url(./img/hashimoto.jpg);}
#cast_dt .ph_ryusei {background-image: url(./img/ryusei.jpg);}
#cast_dt .ph_erkhembayar {background-image: url(./img/erkhembayar.jpg);}
#cast_dt .ph_dan {background-image: url(./img/dan.jpg);}
#cast_dt .ph_kochi {background-image: url(./img/kochi.jpg);}
#cast_dt .ph_bando {background-image: url(./img/bando.jpg);}
#cast_dt .ph_hamada {background-image: url(./img/hamada.jpg);}
#cast_dt .ph_uchino {background-image: url(./img/uchino.jpg);}
#cast_dt .ph_matsusaka {background-image: url(./img/matsusaka.jpg);}
#cast_dt .ph_yakusho {background-image: url(./img/yakusho.jpg);}
#cast_dt .ph_mizutani {background-image: url(./img/mizutani.jpg);}
#cast_dt .ph_kimura {background-image: url(./img/kimura.jpg);}
#cast_dt .ph_takanashi {background-image: url(./img/takanashi.jpg);}
#cast_dt .ph_inoue {background-image: url(./img/inoue.jpg);}
#cast_dt .ph_sakurai {background-image: url(./img/sakurai.jpg);}
#cast_dt .ph_yoshihara {background-image: url(./img/yoshihara.jpg);}
#cast_dt .ph_hayashi {background-image: url(./img/hayashi.jpg);}
#cast_dt .ph_ninomiya {background-image: url(./img/ninomiya.jpg?1);}
#cast_dt .ph_ichikawa {background-image: url(./img/ichikawa.jpg);}
#cast_dt .ph_hirayama {background-image: url(./img/hirayama.jpg);}
#cast_dt .ph_tamaki {background-image: url(./img/tamaki.jpg);}
#cast_dt .ph_nishiyama {background-image: url(./img/nishiyama.jpg);}
#cast_dt .ph_kinoue {background-image: url(./img/kinoue.jpg);}
#cast_dt .ph_uchimura {background-image: url(./img/uchimura.jpg);}
#cast_dt .ph_yhayashi {background-image: url(./img/yhayashi.jpg);}
#cast_dt .ph_baba {background-image: url(./img/baba.jpg);}

#cast_dt .btn-w-close a{ width:130px; height:35px; background: url(./img/close.svg) no-repeat; background-size:contain; margin:2em auto 0; cursor:pointer; display:block;}

.ffs{font-feature-settings: "pwid";}
[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.3em;
    letter-spacing:0;
    text-align:center;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
font-style: normal;
}

@media all and (min-width: 768px) {
#cast_dt {width:500px; height:720px; margin-left:-250px;}
#cast_dt .photo {width:380px; height:429px;}
}

@media all and (max-width: 767px) {
#cast_dt {width:90%; margin-left:-45%;
background-size:120%,100%;
}
#cast_dt h1 {width:95%; margin:0 auto; padding:5% 0 .5% 2%; font-size:6.5vw;}
#cast_dt .photo {width:80%; height:0; padding:90% 0 0; margin:4% auto; position: relative;}
#cast_dt .photo img{position:absolute;left:0;top:0; width:100%; height:100%;}
#cast_dt p.desc{padding:0 .5em 2.5%; font-size:4.3vw;}
#cast_dt .btn-w-close a{width:30%; height:0; padding:8% 0 0; margin:5% auto;}
}
.alt {position:absolute;top:-5000px;left:-9999px;}