@charset "utf-8";
/* CSS Document */

/*==================================================
	
 
==================================================*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700,900');
/*--------------------------------------------------
  ○ staffcast
--------------------------------------------------*/

.staffcastbox{
	padding-left:80px;
	padding-top:70px;
}

.staffcastinbox{
	height:700px;
	overflow:auto;
}

.scroll {
    margin: 0 0 50px 0;
}
.scroll,
.scroll-pane {
    overflow: auto;
}
.scroll-pane .jspVerticalBar {
    width: 5px;
}
.scroll-pane .jspTrack{
    background: #BBB;
}
.scroll-pane .jspDrag{
    background: #999;
}



.staffArea,
.castArea{
	color:#FFF;
	font-family: 'Noto Serif JP', sans-serif;
	font-size:26px;
	padding-bottom:60px;
	float:left;
	padding-right:30px;
}

.stafflead,
.castlead{
	width:500px;
	display:flex;
	align-items: center;
	font-size:30px;
}
.stafflead:after,
.castlead:after{
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}

span.fs{
	font-size:15px;
}

.stafftxt,
.casttxt{
	padding-bottom:30px;
}

.stafftxt li,
.casttxt li{
	padding-bottom:20px;
}

.casttxt li a{
	color:#FFF !important;
}

.casttxt li a:hover{
	text-decoration:none;
	color:#666 !important;
}



.modal{
	width:800px;
	height:auto;
	padding:30px;
	margin:0 auto;
	background:url(../../images/bg.jpg) repeat !important;
	color:#FFF;
	font-family: 'Noto Serif JP', sans-serif;
	border:1px solid #999;
}


.castBox{
	width:800px;
	height:auto;
	overflow:hidden;
	
	font-family: 'Noto Serif JP', sans-serif;
	font-size:18px;
}
.castName{
	font-size:20px;
	padding-bottom:20px;
}
.cimg{
	width:250px;
	float:left;
	text-align:left;
}

.ctxt{
	width:550px;
	height:280px;
	float:left;
	font-size:18px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}