@charset "utf-8";

/**************** FONT ****************/

@font-face {
	font-family: 'shippori';
	src: url('fonts/shippori.eot'); /* IE9 Compat Modes */
	src: url('fonts/shippori.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
	     url('fonts/shippori.woff') format('woff'), /* woff - Modern Browsers */
	     url('fonts/shippori.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
	     url('fonts/shippori.svg#svgFontName') format('svg'); /* svg - Legacy iOS */
}
/**************** FONT ****************/
body {
	z-index: 999;
	height: 100%;
	overflow: scroll;
/*	background-size: auto 15.7%;*/
/*	background-image:url(../images/main/bg_top.png);*/
	}


/**************** PC ****************/

/* PC用 */


@media screen and (min-width:769px){

/**************** BACKGROUND ****************/
.bg{
    min-width:1200px;
 background: url(../img/bg.png);
 background-size: cover;
 background-position:center;
 background-attachment: fixed;
 }
/**************** BACKGROUND ****************/

/**************** HEADER ****************/
#header{
 text-align:center;
 height: 615px;
 position: relative;
 overflow: hidden;
 
 }
.main{
 position:absolute; 
 margin:0 auto;
 transform-origin:center top;
 animation:showimg 4s both;
 }
.headerinner{
 width:60%;
 margin: 0 auto;
}
.copy01{
 transform-origin:center top;
 animation:show01 3s both;
}
.copy02{
 transform-origin:center top;
 animation:show02 5s both;
}
.copy03{
 transform-origin:center top;
 animation:show02 6s both;
}

.catchcopy{
 position:absolute;
 padding-top:10px;
 padding-left:100px;
 text-align:left;
 z-index:2;
 width:100%;
 
}
.catchcopy div{
 margin: 20px 0;
}
@keyframes show01 {
	0% {
		transform:translate(0,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
@keyframes show02 {
	0% {
		transform:translate(0,0);
		opacity:0;
	}
	80% {
		transform:translate(0,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

@keyframes showimg {
	0% {
		transform:translate(0,0);
		opacity:0;
	}
		40% {
		transform:translate(0,0);
		opacity:0;
	}

	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

.logo{
 float:left;
}
.notop{
 width: 1200px;
 margin: 0 auto;
 height:191px;
}
.schedule{
 text-align:right;
 padding-top:90px;
 }
#header #sns { position:absolute; padding:0; margin-top:-65.5em; right: 35.2em; z-index:999;}
#header #sns p { float:none;  left:1.6em;}
.sp{
 display: none;
}
/**************** HEADER ****************/

/**************** MENU ****************/
.navbase{
 background: -moz-linear-gradient(top, #656bb2, #434e82);
background: -webkit-linear-gradient(top, #656bb2, #434e82);
background: -ms-linear-gradient(top, #656bb2, #434e82);

background: linear-gradient(top, #656bb2, #434e82); 
 min-width: 1200px;
 text-align: center;
}
.nav{
 width: 1200px;
 text-align: center;
 margin: 0 auto;
 position: relative;
 z-index: 999;
}

.navbutton{
 display: inline-block;
 text-align: center;
 font-size: 18px;
 font-family: 'shippori';
 font-weight: bold;
}
.navbutton a{
 text-decoration: none;
 display: block;
 margin:5px 40px;
 color: #fff;
 }
.navbutton a:hover{
 color: #004270;
 }
.navbutton span{
 display: block;
 font-size: 12px;
 } 
 .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
/**************** MENU ****************/

/**************** CONTAINTS ****************/
.wrap{
 min-width: 1200px;
 margin: 0 auto;
 text-align: center;
 }
.container{
 width: 1200px;
 margin: 0 auto;
 padding: 50px 0;
 background: rgba(255,255,255,0.5);
 }
.container h1{
 line-height: 1.3;
 font-weight:bold;
 font-size: 25px;
 font-family: "shippori";
 text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
 color: #004270;//非対応のブラウザでの文字色を設定
 margin:20px auto;
}

.container h2{
 font-size: 25px;
 font-family: "shippori";
 color: #004270;
 font-weight: bold;
 }
 
.container h3{
 font-size: 25px;
 font-family: "shippori";
 color: #000;
 font-weight:bold;
 line-height:1.3;
 }
.intro01{
 width:1000px;
 margin: 30px auto;
 padding: 30px 0;
 height:350px;
}
.intro01 img{
 float: right;
  width:50%;

}
.intro01 p{
 line-height: 1.5;
 display:inline-block;
 width: 45%;
 margin: 0 0 0 20px;
 font-size: 19px;
 color: #000;
 text-align: center;
 float: left;
 font-family:"shippori";
  font-weight: bold;
}

.intro02{
 width:1000px;
 margin: 30px auto;
 padding: 30px 0;
 height:350px;
}
.intro02 img{
 float: left;
 width:50%;
}
.intro02 p{
 line-height: 1.5;
 display:inline-block;
 width: 45%;
 margin: 0 0 0 20px;
 font-size: 19px;
 color: #000;
 text-align: center;
 float: right;
 font-family:"shippori";
 font-weight: bold;
}
/**************** キャスト ****************/
.cp_accordionslide03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	width: 90%;
	height: 60vh;
	margin: 40px auto;
}
.cp_accordionslide03 .slideitem {
	position: relative;
	visibility: visible;
	overflow: hidden;
	width: 25%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.cp_accordionslide03 .slideitem:nth-child(1) {
	background-image: url('../img/01.png');
}
.cp_accordionslide03 .slideitem:nth-child(2) {
	background-image: url('../img/02.png');
}
.cp_accordionslide03 .slideitem:nth-child(3) {
	background-image: url('../img/03.png');
}
.cp_accordionslide03 .slideitem:nth-child(4) {
	background-image: url('../img/04.png');
}
.cp_accordionslide03 .slideitem:after {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;
	background-color: rgba(57,73,171 ,0.6);
}
.cp_accordionslide03:hover .slideitem:hover {
	width: 60%;
}
.cp_accordionslide03:hover .slideitem:not(:hover):after {
	-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	opacity: 1;
}
.cp_accordionslide03 .slideitem .slidecont {
	position: absolute;
	z-index: 4;
	bottom: 60px;
	left: -60px;
	visibility: hidden;
	max-width: 400px;
	padding: 20px;
	color: #ffffff;
	border-radius: 5px;
	background-color: rgba(255,255,255 ,0.6);
}
.cp_accordionslide03:hover .slideitem:hover .slidecont {
	left: 30px;
	visibility: visible;
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 1.82) 0.5s;
	transition: all 0.3s cubic-bezier(0, 0, 0, 1.82) 0.5s;
	opacity: 1;
}
/**************** キャスト ****************/
/**************** STORY ****************/

/* commonBox ------ */
.tab-box dt{
    font-family:'shippori';
    font-size: 25px;
    font-weight: bold;
    text-shadow:
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
    padding-bottom:20px;
     color: #004270;//非対応のブラウザでの文字色を設定
 margin:20px auto;
    }
.tab-box dd{
    font-family:'shippori';
    font-size: 20px;
    font-weight: bold;    
    color: #000;
}

.tab-box dd{
    font-family:'shippori';
    font-size: 18px;
    margin: 20px 0;
 }
.tab-content.buttonarea{
 width:1000px;
 padding:0 20px;
 margin:0 auto;
 
}
.tab-wrap{
 padding-bottom:200px;
 text-align: center;
 }
.tab-box {
  clear:both;
  padding-top:30px;
  }


.tab-content {
  width: 80%;
  }

.tab-content input[type="radio"] {
  display: none;
}

.tab-content input[type=radio]:checked + label {
  opacity: 0.5;
  }


.tab-content > .tab-box > div {
  display: none;
}

label.tab_item{
    padding: 5px 10px;
    border: double 5px #000080;
    background: rgba(57,73,171 ,0.6);
    color: #FFF;
    display: inline-block;
    margin:5px 0;
}

#tab1:checked ~ .tab-box > #tabView1 { display: block; }
#tab2:checked ~ .tab-box > #tabView2 { display: block; }
#tab3:checked ~ .tab-box > #tabView3 { display: block; }
#tab4:checked ~ .tab-box > #tabView4 { display: block; }
#tab5:checked ~ .tab-box > #tabView5 { display: block; }
#tab6:checked ~ .tab-box > #tabView6 { display: block; }
#tab7:checked ~ .tab-box > #tabView7 { display: block; }
#tab8:checked ~ .tab-box > #tabView8 { display: block; }
#tab9:checked ~ .tab-box > #tabView9 { display: block; }
#tab10:checked ~ .tab-box > #tabView10 { display: block; }
#tab11:checked ~ .tab-box > #tabView11 { display: block; }
#tab12:checked ~ .tab-box > #tabView12 { display: block; }
#tab13:checked ~ .tab-box > #tabView13 { display: block; }
#tab14:checked ~ .tab-box > #tabView14 { display: block; }
#tab15:checked ~ .tab-box > #tabView15 { display: block; }
#tab16:checked ~ .tab-box > #tabView16 { display: block; }
#tab17:checked ~ .tab-box > #tabView17 { display: block; }
#tab18:checked ~ .tab-box > #tabView18 { display: block; }
#tab19:checked ~ .tab-box > #tabView19 { display: block; }
#tab20:checked ~ .tab-box > #tabView20 { display: block; }
#tab21:checked ~ .tab-box > #tabView21 { display: block; }
#tab22:checked ~ .tab-box > #tabView22 { display: block; }
#tab23:checked ~ .tab-box > #tabView23 { display: block; }
#tab24:checked ~ .tab-box > #tabView24 { display: block; }
#tab25:checked ~ .tab-box > #tabView25 { display: block; }
#tab26:checked ~ .tab-box > #tabView26 { display: block; }
#tab27:checked ~ .tab-box > #tabView27 { display: block; }
#tab28:checked ~ .tab-box > #tabView28 { display: block; }
#tab29:checked ~ .tab-box > #tabView29 { display: block; }
#tab30:checked ~ .tab-box > #tabView30 { display: block; }
#tab31:checked ~ .tab-box > #tabView31 { display: block; }
#tab32:checked ~ .tab-box > #tabView32 { display: block; }
#tab33:checked ~ .tab-box > #tabView33 { display: block; }
#tab34:checked ~ .tab-box > #tabView34 { display: block; }
#tab35:checked ~ .tab-box > #tabView35 { display: block; }
#tab36:checked ~ .tab-box > #tabView36 { display: block; }
#tab37:checked ~ .tab-box > #tabView37 { display: block; }
#tab38:checked ~ .tab-box > #tabView38 { display: block; }
#tab39:checked ~ .tab-box > #tabView39 { display: block; }
#tab40:checked ~ .tab-box > #tabView40 { display: block; }
#tab41:checked ~ .tab-box > #tabView41 { display: block; }
#tab42:checked ~ .tab-box > #tabView42 { display: block; }
#tab43:checked ~ .tab-box > #tabView43 { display: block; }
#tab44:checked ~ .tab-box > #tabView44 { display: block; }
#tab45:checked ~ .tab-box > #tabView45 { display: block; }
#tab46:checked ~ .tab-box > #tabView46 { display: block; }
#tab47:checked ~ .tab-box > #tabView47 { display: block; }
#tab48:checked ~ .tab-box > #tabView48 { display: block; }
#tab49:checked ~ .tab-box > #tabView49 { display: block; }
#tab50:checked ~ .tab-box > #tabView50 { display: block; }
#tab51:checked ~ .tab-box > #tabView51 { display: block; }
#tab52:checked ~ .tab-box > #tabView52 { display: block; }
#tab53:checked ~ .tab-box > #tabView53 { display: block; }
#tab54:checked ~ .tab-box > #tabView54 { display: block; }
#tab55:checked ~ .tab-box > #tabView55 { display: block; }
#tab56:checked ~ .tab-box > #tabView56 { display: block; }
#tab57:checked ~ .tab-box > #tabView57 { display: block; }
#tab58:checked ~ .tab-box > #tabView58 { display: block; }
#tab59:checked ~ .tab-box > #tabView59 { display: block; }
#tab60:checked ~ .tab-box > #tabView60 { display: block; }
#tab61:checked ~ .tab-box > #tabView61 { display: block; }
#tab62:checked ~ .tab-box > #tabView62 { display: block; }
#tab63:checked ~ .tab-box > #tabView63 { display: block; }
#tab64:checked ~ .tab-box > #tabView64 { display: block; }
#tab65:checked ~ .tab-box > #tabView65 { display: block; }
#tab66:checked ~ .tab-box > #tabView66 { display: block; }
#tab67:checked ~ .tab-box > #tabView67 { display: block; }
#tab68:checked ~ .tab-box > #tabView68 { display: block; }
#tab69:checked ~ .tab-box > #tabView69 { display: block; }
#tab70:checked ~ .tab-box > #tabView70 { display: block; }
#tab71:checked ~ .tab-box > #tabView71 { display: block; }
#tab72:checked ~ .tab-box > #tabView72 { display: block; }
#tab73:checked ~ .tab-box > #tabView73 { display: block; }
#tab74:checked ~ .tab-box > #tabView74 { display: block; }
#tab75:checked ~ .tab-box > #tabView75 { display: block; }
#tab76:checked ~ .tab-box > #tabView76 { display: block; }
#tab77:checked ~ .tab-box > #tabView77 { display: block; }
#tab78:checked ~ .tab-box > #tabView78 { display: block; }
#tab79:checked ~ .tab-box > #tabView79 { display: block; }
#tab80:checked ~ .tab-box > #tabView80 { display: block; }
#tab81:checked ~ .tab-box > #tabView81 { display: block; }
#tab82:checked ~ .tab-box > #tabView82 { display: block; }
#tab83:checked ~ .tab-box > #tabView83 { display: block; }
#tab84:checked ~ .tab-box > #tabView84 { display: block; }
#tab85:checked ~ .tab-box > #tabView85 { display: block; }
#tab86:checked ~ .tab-box > #tabView86 { display: block; }
#tab87:checked ~ .tab-box > #tabView87 { display: block; }
#tab88:checked ~ .tab-box > #tabView88 { display: block; }

.storyimg img{
 width: 32%;
 margin: 5px;
 display: inline-block;
}

/**************** STORY ****************/
/**************** CHART ****************/
.chart img{
 width: 950px;
 margin-top: 30px;
 }
/**************** CHART ****************/

/**************** CAST&STAFF ****************/
.cast{
 width:100%;
 height:500px;
 margin: 0 0 0 80px;
 }
.foot{
text-align: center;
}

}


  
/**************** PC ****************/

/**************** MOBILE ****************/

/* モニター幅768px以下 */

/**************** MOBILE ****************/

@media screen and (max-width:768px), print{

/**************** BACKGROUND ****************/
.bg{
 background: url(../img/bg.png);
 background-size: cover;
 background-position:center;
 background-attachment: fixed;
 }
 
.bar img{
 width:100%;
}
.headerinner{
 display: none;
}
.sp{
 display:block;
 margin: 0 auto;
 text-align: center;
}
.sp img{
 width:100%;
}
/**************** BACKGROUND ****************/

/**************** HEADER ****************/
header{
top: 0;

}
#header{
position: relative;
 text-align:center;
 width: 100%;
 overflow: hidden;
 }
.main{
 width: 100%;
 position: absolute;
 }
.main img{
 width: 120%;
 bottom: 0;
 
}
.notop img{
 width:100%;
 }
.catchcopy{
 top:0;
 left:-80px;
 position:absolute;
 z-index: 2;
}
.catchcopy img{
 width: 45%;
}
.catchcopy div{
 margin:10px 0;
}
.logo{
 float:center;
 width:90%;
 display:block;
 margin: 0 auto;
}
.notop{
 width: 100%;
 margin: 20px auto 0 auto;
}
.schedule{
 width: 90%;
  display:block;
 margin: 0 auto;

 }
#header #sns { position:absolute; padding:0; margin-top:-65.5em; right: 35.2em; z-index:999;}
#header #sns p { float:none;  left:1.6em;}

/**************** HEADER ****************/
/**************** MENU ****************/
.navbase{
 background: -moz-linear-gradient(top, #656bb2, #434e82);
background: -webkit-linear-gradient(top, #656bb2, #434e82);
background: -ms-linear-gradient(top, #656bb2, #434e82);
background: linear-gradient(top, #656bb2, #434e82); 
 width: 100%;
 text-align: center;
}
.nav{
 width: 100%;
 text-align: center;
 margin: 0 auto;
}

.navbutton{
 width: 100%;
 text-align: center;
  margin: 0 auto;
 display: inline-block;
 text-align: center;
 font-size: 18px;
 font-family: "shippori";
 font-weight: bold;
 border-bottom: solid 1px #004270;
}

.navbutton a{
 text-decoration: none;
 display: block;
 margin:5px 40px;
 color: #fff;
 }
.navbutton a:visited{
 color: #fff;
}
.navbutton a:hover{
 color: #004270;
 }
.navbutton span{
 display: block;
 font-size: 12px;
 } 
/**************** MENU ****************/

  
/**************** CONTAINTS ****************/

.wrap{
 width: 100%;
 margin: 0 auto;
 text-align: center;
 }
.container{
 width: 95%;
 margin: 0 auto;
 padding: 50px 0;
  background: rgba(255,255,255,0.5);

 }

 
.container h1{
 font-size: 18px;
 font-family: "shippori";
 text-shadow: 
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
     color:  #004270;//非対応のブラウザでの文字色を設定
 margin:10px auto;
 font-weight: bold;
}
.container h2{
 font-size: 23px;
 font-family: "shippori";
 font-weight: bold;
 color: #004270;
 }
.intro01{
 width:100%;
 margin: 0 auto;
 padding: 30px 0;
}
.intro01 img{
 width:100%;
}
.intro01 p{
 width: 90%;
 margin: 0 auto;
 font-size: 14px;
 color: #000;
 text-align: center;
 font-family:"shippori";
 font-weight: bold; 
}
.intro02{
 width:100%;
 margin: 0 auto;
 padding: 30px 0;
}
.intro02 img{
 width:100%;
}
.intro02 p{
 width: 90%;
 margin: 0 auto;
 font-size: 14px;
 color: #000;
 text-align: center;
 font-family:"shippori";
  font-weight: bold; 

 
}

/**************** STORY ****************/

/* commonBox ------ */
.tab-box dt{
    font-family:'shippori';
    font-size: 16px;
    font-weight: bold;
    text-shadow:
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
    padding-bottom:20px;
     color: #665027;//非対応のブラウザでの文字色を設定
    }
.tab-box dd{
    font-family:'shippori';
    font-size: 14px;
    margin: 10 auto;
 }
.tab-content.buttonarea{
 width:100%;
 margin:0 auto;
}
.tab-wrap{
 padding-bottom:100px;
 width: 100%;

}
.tab-box {
  clear:both;
  padding-top:30px;
  }

.tab-box dd{
    font-family:'shippori';
    font-size: 16px;
    font-weight: bold;    
    color: #000;
}

.tab-content {
  width: 100%;
  }

.tab-content input[type="radio"] {
  display: none;
}

.tab-content input[type=radio]:checked + label {
  opacity: 0.5;
  }


.tab-content > .tab-box > div {
  display: none;
}

#tab1:checked ~ .tab-box > #tabView1 { display: block; }
#tab2:checked ~ .tab-box > #tabView2 { display: block; }
#tab3:checked ~ .tab-box > #tabView3 { display: block; }
#tab4:checked ~ .tab-box > #tabView4 { display: block; }
#tab5:checked ~ .tab-box > #tabView5 { display: block; }
#tab6:checked ~ .tab-box > #tabView6 { display: block; }
#tab7:checked ~ .tab-box > #tabView7 { display: block; }
#tab8:checked ~ .tab-box > #tabView8 { display: block; }
#tab9:checked ~ .tab-box > #tabView9 { display: block; }
#tab10:checked ~ .tab-box > #tabView10 { display: block; }
#tab11:checked ~ .tab-box > #tabView11 { display: block; }
#tab12:checked ~ .tab-box > #tabView12 { display: block; }
#tab13:checked ~ .tab-box > #tabView13 { display: block; }
#tab14:checked ~ .tab-box > #tabView14 { display: block; }
#tab15:checked ~ .tab-box > #tabView15 { display: block; }
#tab16:checked ~ .tab-box > #tabView16 { display: block; }
#tab17:checked ~ .tab-box > #tabView17 { display: block; }
#tab18:checked ~ .tab-box > #tabView18 { display: block; }
#tab19:checked ~ .tab-box > #tabView19 { display: block; }
#tab20:checked ~ .tab-box > #tabView20 { display: block; }
#tab21:checked ~ .tab-box > #tabView21 { display: block; }
#tab22:checked ~ .tab-box > #tabView22 { display: block; }
#tab23:checked ~ .tab-box > #tabView23 { display: block; }
#tab24:checked ~ .tab-box > #tabView24 { display: block; }
#tab25:checked ~ .tab-box > #tabView25 { display: block; }
#tab26:checked ~ .tab-box > #tabView26 { display: block; }
#tab27:checked ~ .tab-box > #tabView27 { display: block; }
#tab28:checked ~ .tab-box > #tabView28 { display: block; }
#tab29:checked ~ .tab-box > #tabView29 { display: block; }
#tab30:checked ~ .tab-box > #tabView30 { display: block; }
#tab31:checked ~ .tab-box > #tabView31 { display: block; }
#tab32:checked ~ .tab-box > #tabView32 { display: block; }
#tab33:checked ~ .tab-box > #tabView33 { display: block; }
#tab34:checked ~ .tab-box > #tabView34 { display: block; }
#tab35:checked ~ .tab-box > #tabView35 { display: block; }
#tab36:checked ~ .tab-box > #tabView36 { display: block; }
#tab37:checked ~ .tab-box > #tabView37 { display: block; }
#tab38:checked ~ .tab-box > #tabView38 { display: block; }
#tab39:checked ~ .tab-box > #tabView39 { display: block; }
#tab40:checked ~ .tab-box > #tabView40 { display: block; }
#tab41:checked ~ .tab-box > #tabView41 { display: block; }
#tab42:checked ~ .tab-box > #tabView42 { display: block; }
#tab43:checked ~ .tab-box > #tabView43 { display: block; }
#tab44:checked ~ .tab-box > #tabView44 { display: block; }
#tab45:checked ~ .tab-box > #tabView45 { display: block; }
#tab46:checked ~ .tab-box > #tabView46 { display: block; }
#tab47:checked ~ .tab-box > #tabView47 { display: block; }
#tab48:checked ~ .tab-box > #tabView48 { display: block; }
#tab49:checked ~ .tab-box > #tabView49 { display: block; }
#tab50:checked ~ .tab-box > #tabView50 { display: block; }
#tab51:checked ~ .tab-box > #tabView51 { display: block; }
#tab52:checked ~ .tab-box > #tabView52 { display: block; }
#tab53:checked ~ .tab-box > #tabView53 { display: block; }
#tab54:checked ~ .tab-box > #tabView54 { display: block; }
#tab55:checked ~ .tab-box > #tabView55 { display: block; }
#tab56:checked ~ .tab-box > #tabView56 { display: block; }
#tab57:checked ~ .tab-box > #tabView57 { display: block; }
#tab58:checked ~ .tab-box > #tabView58 { display: block; }
#tab59:checked ~ .tab-box > #tabView59 { display: block; }
#tab60:checked ~ .tab-box > #tabView60 { display: block; }
#tab61:checked ~ .tab-box > #tabView61 { display: block; }
#tab62:checked ~ .tab-box > #tabView62 { display: block; }
#tab63:checked ~ .tab-box > #tabView63 { display: block; }
#tab64:checked ~ .tab-box > #tabView64 { display: block; }
#tab65:checked ~ .tab-box > #tabView65 { display: block; }
#tab66:checked ~ .tab-box > #tabView66 { display: block; }
#tab67:checked ~ .tab-box > #tabView67 { display: block; }
#tab68:checked ~ .tab-box > #tabView68 { display: block; }
#tab69:checked ~ .tab-box > #tabView69 { display: block; }
#tab70:checked ~ .tab-box > #tabView70 { display: block; }
#tab71:checked ~ .tab-box > #tabView71 { display: block; }
#tab72:checked ~ .tab-box > #tabView72 { display: block; }
#tab73:checked ~ .tab-box > #tabView73 { display: block; }
#tab74:checked ~ .tab-box > #tabView74 { display: block; }
#tab75:checked ~ .tab-box > #tabView75 { display: block; }
#tab76:checked ~ .tab-box > #tabView76 { display: block; }
#tab77:checked ~ .tab-box > #tabView77 { display: block; }
#tab78:checked ~ .tab-box > #tabView78 { display: block; }
#tab79:checked ~ .tab-box > #tabView79 { display: block; }
#tab80:checked ~ .tab-box > #tabView80 { display: block; }
#tab81:checked ~ .tab-box > #tabView81 { display: block; }
#tab82:checked ~ .tab-box > #tabView82 { display: block; }
#tab83:checked ~ .tab-box > #tabView83 { display: block; }
#tab84:checked ~ .tab-box > #tabView84 { display: block; }
#tab85:checked ~ .tab-box > #tabView85 { display: block; }
#tab86:checked ~ .tab-box > #tabView86 { display: block; }
#tab87:checked ~ .tab-box > #tabView87 { display: block; }
#tab88:checked ~ .tab-box > #tabView88 { display: block; }
.storyimg {
width: 100%;
text-align: center;
padding:5px;
}
.storyimg img{
 width: 90%;
 display: inline-block;
 margin: 5px auto;
}
.tab-wrap{
  width: 100%;
  margin: 0 auto;
}
.tab-box dl{
  width: 90%;
  margin:20px auto 20px auto ;
}




.swiper-wrapper{
  width: 100%;
}
label.tab_item{
    padding: 5px 10px;
    border: double 5px #000080;
    background: rgba(57,73,171 ,0.6);
    color: #FFF;
    display: inline-block;
    margin:5px 0;
}

/**************** STORY ****************/

/**************** CHART ****************/
.chart img{
 width: 100%;
 margin-top: 30px;
 }
/**************** CHART ****************/

/**************** CAST&STAFF ****************/

.cast{
 width:100%;
 padding:10px;
 }
.cast img{
 width:90%;
 margin: 10px auto;
 }
 .foot{
 text-align: center;
 }
/**************** CAST&STAFF ****************/
}  

