/*chart*/
#chart #contents{
background:rgba(233,234,235,0.9) url(../img/crack2.svg) no-repeat center bottom; background-size:100%;
}
#chart .diagram{
display:flex; flex-flow: row wrap; align-items: flex-start;
width:95%;
position:relative;
margin:0 auto;
padding:2em 0 0;
overflow: hidden;
z-index:1;
}
#chart .diagram h2{
font-family: headline-gothic-atf-rough-n2, sans-serif;
font-weight: 400;
font-style: normal;
 font-size: clamp(2rem, 8vw, 6rem); 
 position: absolute; top:-.4em;
 background-color:rgba(126,0,255,0);
 line-height:0 !important
 display:block !important;
 width:100% !important;
 z-index:111 !important;
}
#chart .chart1995 h2{
  left:0;
  color:#676b86;
 padding:0 0 0 3% !important;
}
#chart .chart2026 h2{
  left:0;
  color:#414ca2;
  text-align:right;
 padding:0 3% 0 0 !important;
}
#chart .chart2026{
  width:540px; 
  position:relative;
  background:url(./img/chart2026.jpg?1) no-repeat 0 0; 
  background-size:cover; 
  aspect-ratio: 1419 / 3016;
}
#chart .chart1995{
  width:385px; 
  position:relative;
  background:url(./img/chart1995.jpg?1) no-repeat 0 0; 
  background-size:cover; 
  aspect-ratio: 1051 / 1827;
}
@media all and (min-width: 768px) {
#chart .diagram {justify-content: space-between;}
}

#chart .chart1995 ul,#chart .chart2026 ul {position: absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(233,234,23,0);}
#chart .chart1995 ul li,#chart .chart2026 ul li {position: absolute;}
#chart .chart1995 ul li a,#chart .chart2026 ul li a{ display: block; text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;
background-color:rgba(126,0,255,0);}
#chart .chart1995 ul li a img,#chart .chart2026 ul li a img {display:block;}
#chart .chart2026 ul li.sz-l a img {width:158px; height:198px;}
#chart .chart2026 ul li.sz-m a img {width:116px; height:146px;}
#chart .chart2026 ul li.sz-s a img {width:96px; height:120px;}
#chart .chart2026 ul li.sz-ss a img {width:92px; height:115px;}
#chart .chart1995 ul li.sz95 a img {width:92px; height:115px;}

.chart1995 ul li.makoto95 {left:148px; top:486px;}
.chart1995 ul li.minoru95 {left:260px; top:486px;}
.chart1995 ul li.yukiteru95 {left:19px; top:283px;}
.chart1995 ul li.sakutaro {left:264px; top:283px;}
.chart1995 ul li.yuka {left:144px; top:283px;}
.chart1995 ul li.sadao95 {left:264px; top:89px;}
.chart1995 ul li.fumi95 {left:144px; top:89px;}
.chart1995 ul li.tsuda95 {left:19px; top:89px;}

.chart2026 ul li.makoto {left:72px; top:524px;}
.chart2026 ul li.minoru {left:310px; top:524px;}
.chart2026 ul li.kudo {left:26px; top:769px;}
.chart2026 ul li.naoki {left:26px; top:940px;}
.chart2026 ul li.koike {left:150px; top:769px;}
.chart2026 ul li.hyuga {left:418px; top:770px;}
.chart2026 ul li.yukiteru {left:260px; top:244px;}
.chart2026 ul li.karu {left:425px; top:275px;}
.chart2026 ul li.takeuchi {left:160px; top:965px;}
.chart2026 ul li.kiritani {left:300px; top:770px;}
.chart2026 ul li.kagura {left:335px; top:965px;}
.chart2026 ul li.fumi {left:214px; top:60px;}
.chart2026 ul li.sadao {left:353px; top:60px;}
.chart2026 ul li.tsuda {left:63px; top:60px;}
.chart2026 ul li.haruko {left:92px; top:244px;}

@media all and (max-width:991px) {
#chart .chart1995{
  width:40%; 
}  
#chart .chart2026{
  width:59%; 
}  
#chart .diagram h2{
  top:-2vw;
  font-size:6.5vw;
}
}
@media all and (max-width: 767px) {
#chart .diagram{width:92%; justify-content: center;}
#chart .diagram h2{
  top:-6.8vw;
  font-size:12vw;
}

#chart .chart2026{
  width:100%; 
  margin:0 auto;
  order: 0;
}
#chart .chart1995{
  width:100%; 
  margin:8% auto 0;
  order: 1;
}
}

/*popup*/
#cast_dt {text-align:left;
overflow: hidden;
background-color:#eeeded;
background-image:linear-gradient(to top, rgba(200,197,199,.5), rgba(200,197,199,.5)),url(../img/crack3.png),url(../img/crack4.png);
background-repeat:no-repeat,no-repeat,no-repeat;
background-size:45% 45%,100%,cover;
background-position:right 0 top 40%,left top,left top;
border:1px solid rgba(65,76,162,0.65);
}
#cast_dt #mainbox {width:100%; height:100%; margin:0 auto; padding:0; position:relative;}
#cast_dt h1 {padding:.8em .5em 0 0; position:relative; width:55%; margin:0 0 0 auto;}
#cast_dt h1 span.castname{ width:100%; aspect-ratio: 996 / 335; 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#naoki span.castname {background-image: url(./img/naoki.png);}
#cast_dt h1#makoto span.castname {background-image: url(./img/makoto.png);}
#cast_dt h1#minoru span.castname {background-image: url(./img/minoru.png);}
#cast_dt h1#makoto95 span.castname {background-image: url(./img/makoto95.png);}
#cast_dt h1#minoru95 span.castname {background-image: url(./img/minoru95.png);}
#cast_dt h1#kudo span.castname {background-image: url(./img/kudo.png);}
#cast_dt h1#koike span.castname {background-image: url(./img/koike.png);}
#cast_dt h1#hyuga span.castname {background-image: url(./img/hyuga.png);}
#cast_dt h1#yukiteru span.castname {background-image: url(./img/yukiteru.png);}
#cast_dt h1#karu span.castname {background-image: url(./img/karu.png);}
#cast_dt h1#takeuchi span.castname {background-image: url(./img/takeuchi.png);}
#cast_dt h1#kiritani span.castname {background-image: url(./img/kiritani.png);}
#cast_dt h1#kagura span.castname {background-image: url(./img/kagura.png);}
#cast_dt h1#sakutaro span.castname {background-image: url(./img/sakutaro.png);}
#cast_dt h1#yuka span.castname {background-image: url(./img/yuka.png);}
#cast_dt h1#fumi span.castname {background-image: url(./img/fumi.png);}
#cast_dt h1#sadao span.castname {background-image: url(./img/sadao.png);}
#cast_dt h1#tsuda span.castname {background-image: url(./img/tsuda.png);}
#cast_dt h1#haruko span.castname {background-image: url(./img/haruko.png);}

#cast_dt .prof {width:100%;}
#cast_dt .prof p{font-weight: 500;}

#cast_dt .photo {width:305px; aspect-ratio: 216 / 275;}
#cast_dt .photo span{
  background-repeat: no-repeat;
  background-position:center center; 
  background-size: cover; 
  z-index:1; 
  display:block; 
  width:100%; 
  height:100%;
}
#cast_dt .photo span.ph_naoki {background-image: url(./img/ph_naoki.jpg);}
#cast_dt .photo span.ph_makoto {background-image: url(./img/ph_makoto.jpg);}
#cast_dt .photo span.ph_minoru {background-image: url(./img/ph_minoru.jpg);}
#cast_dt .photo span.ph_makoto95 {background-image: url(./img/ph_makoto95.jpg);}
#cast_dt .photo span.ph_minoru95 {background-image: url(./img/ph_minoru95.jpg);}
#cast_dt .photo span.ph_kudo {background-image: url(./img/ph_kudo.jpg);}
#cast_dt .photo span.ph_koike {background-image: url(./img/ph_koike.jpg);}
#cast_dt .photo span.ph_hyuga {background-image: url(./img/ph_hyuga.jpg);}
#cast_dt .photo span.ph_yukiteru {background-image: url(./img/ph_yukiteru.jpg);}
#cast_dt .photo span.ph_yukiteru95 {background-image: url(./img/ph_yukiteru95.jpg);}
#cast_dt .photo span.ph_karu {background-image: url(./img/ph_karu.jpg);}
#cast_dt .photo span.ph_takeuchi {background-image: url(./img/ph_takeuchi.jpg);}
#cast_dt .photo span.ph_kiritani {background-image: url(./img/ph_kiritani.jpg);}
#cast_dt .photo span.ph_kagura {background-image: url(./img/ph_kagura.jpg);}
#cast_dt .photo span.ph_sakutaro {background-image: url(./img/ph_sakutaro.jpg?1);}
#cast_dt .photo span.ph_yuka {background-image: url(./img/ph_yuka.jpg);}
#cast_dt .photo span.ph_fumi {background-image: url(./img/ph_fumi.jpg);}
#cast_dt .photo span.ph_fumi95 {background-image: url(./img/ph_fumi95.jpg);}
#cast_dt .photo span.ph_sadao {background-image: url(./img/ph_sadao.jpg);}
#cast_dt .photo span.ph_sadao95 {background-image: url(./img/ph_sadao95.jpg);}
#cast_dt .photo span.ph_tsuda {background-image: url(./img/ph_tsuda.jpg);}
#cast_dt .photo span.ph_tsuda95 {background-image: url(./img/ph_tsuda95.jpg);}
#cast_dt .photo span.ph_haruko {background-image: url(./img/ph_haruko.jpg);}

#cast_dt {position:absolute;left:50%; z-index:10001 !important;}
#cast_dt .btn-w-close a{display:block; width:150px; height:35px; 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:760px; height:460px; margin-left:-380px;}
#cast_dt #mainbox {margin:0 auto;}
#cast_dt .prof{
 width:55%;
 margin:1.25em 0 0 auto; 
 z-index:0; 
 padding:1.25em 1.5em 1.5em; 
 position: relative;
 border-top:1px solid rgba(65,76,162,0.65);
}
#cast_dt .prof p{word-break: break-all; font-size:100%; line-height:150%;}
#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 {position:absolute; left:2%; top:8%; z-index:1;}
#cast_dt .btn-w-close{position:absolute;right:3%; bottom:3%;}
#cast_dt.dogs .btn-w-close{position:absolute;right:0; left:0; bottom:4%; margin:auto;}
#cast_dt a.backlist{position:absolute;right:2%; bottom:5%;}
}

@media all and (max-width: 767px) {
#cast_dt {width:96%; margin:0 0 0 -48% !important;
background-repeat:no-repeat,repeat-y,no-repeat;
background-size:65% 25%,120%,0;
background-position:right 0 top 10%,right bottom,left bottom;
}
#cast_dt #mainbox {margin:0 auto; padding:0 0 0;}

#cast_dt h1 {width:80%; padding:3% 2% 3%; margin:0;}
#cast_dt .photo {width:88%; margin:0 auto; background-color:rgba(255,255,255,0.5);}
#cast_dt .photo span{position: relative;}
#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% 5% 5%;}
#cast_dt .prof p {font-size:3.8vw; line-height:160%; padding:0;}
#cast_dt .btn-w-close a{width:36%; height:0; padding:8% 0 0; margin:0 auto 5%;}
}

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