/*------------------------------------------------------------------------------
								CAST
------------------------------------------------------------------------------*/
ruby[data-ruby] {
  position:relative;
}
ruby[data-ruby]::before {
  content: attr(data-ruby);
  position:absolute;
  left:-2em;
  top:-1.6em;
  right:-2em;
  text-align:center;
  font-size:.4em;
}
rt {
  display:none;
}
.main {
	background: url("../../img/cast/back.jpg") no-repeat center center / cover;
	min-height: calc(100vh - 565px);
}
.box {
	box-sizing: border-box;
	padding: 4vw 50px;
	position: relative;
	overflow: hidden;
}

.cast-box {
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.cast-box .left-box {
	width: 52%;
	height: 100%;
	position: relative;
	float: left;
}
.cast-box .left-box li {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}
.cast-box .left-box li div {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
}
.cast-box .left-box li#cast-photo1 {display: block;}
#cast-photo1 div {background: url("../../img/cast/photo1.jpg") no-repeat center top / auto 700px;}
#cast-photo2 div {background: url("../../img/cast/photo2.jpg") no-repeat center top / auto 700px;}
#cast-photo3 div {background: url("../../img/cast/photo3.jpg") no-repeat center top / auto 700px;}
#cast-photo4 div {background: url("../../img/cast/photo4.jpg") no-repeat center top / auto 700px;}
#cast-photo5 div {background: url("../../img/cast/photo5.jpg") no-repeat center top / auto 700px;}
#cast-photo6 div {background: url("../../img/cast/photo6.jpg") no-repeat center top / auto 700px;}
#cast-photo7 div {background: url("../../img/cast/photo7.jpg") no-repeat center top / auto 700px;}
#cast-photo8 div {background: url("../../img/cast/photo8.jpg") no-repeat center top / auto 700px;}
#cast-photo9 div {background: url("../../img/cast/photo9.jpg") no-repeat center top / auto 700px;}
#cast-photo10 div {background: url("../../img/cast/photo10.jpg") no-repeat center top / auto 700px;}
#cast-photo11 div {background: url("../../img/cast/photo11.jpg") no-repeat center top / auto 700px;}
#cast-photo12 div {background: url("../../img/cast/photo12.jpg") no-repeat center top / auto 700px;}
#cast-photo13 div {background: url("../../img/cast/photo13.jpg") no-repeat center top / auto 700px;}
#cast-photo14 div {background: url("../../img/cast/photo14.jpg") no-repeat center top / auto 700px;}
#cast-photo15 div {background: url("../../img/cast/photo15.jpg") no-repeat center top / auto 700px;}
#cast-photo16 div {background: url("../../img/cast/photo16.jpg") no-repeat center top / auto 700px;}
.cast-box .right-box {
	width: 48%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	float: right;
}

.cast-box .right-box li.absolute {
	position: absolute;
	top:auto;
	bottom:0px;
	left:0px;
	width: 100%;
	height: auto;
	padding-left: 60px;
	box-sizing: border-box;
}
.cast-box .right-box li.absolute .txt-area {
	display: none;
}
.cast-box .right-box li.absolute #txt-area1 {
	display: block;
}
.name {
	display: none;
}
#name1 {
	display: block;
}
.name {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.name h4 {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 10px;
	line-height: 1em;
	font-size: 40px;
	border-bottom: 2px solid #b89600;
}
.name h3 {
	font-size: 40px;
}
.right-box li.absolute p {
	line-height: 1.8em;
	font-weight: 800;
	font-size: 22px;
	color: #f0d878;
}
.right-box li.absolute p.prof-txt {
	font-weight: 800;
	font-size: 17px;
	text-align: justify;
	color: #FFFFFF;
}
.right-box li.absolute h5 {
	line-height: 24px;
	margin: 10px 0 6px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: 800;
}

.arrow {
	width: 180px;
	height: 80px;
	position: absolute;
	overflow: hidden;
	top:0px;
	right:0px;
	z-index: 10;
}
.arrow li {
	width: 40px;
	height: 80px;
	float: none;
	position: relative;
}
.arrow li a {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	text-indent: -999999px;
}
.arrow li.arrow-left {
	background: url("../../img/cast/arrow.png") no-repeat center center / contain;
	margin-right: 0;
	float: left;
}
.arrow li.arrow-right {
	background: url("../../img/cast/arrow.png") no-repeat center center / contain;
	transform: scaleX(-1.0);
	float: right;
}

#naviWaku {
	width: 100%;
	margin: 60px auto 0;
	max-width: 1080px;
}
#naviWaku ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#naviWaku ul li {
	height: 0px;
	float: left;
	width: 12.2%;
	margin-right: 0.342857142857143%;
	margin-bottom: 0.342857142857143%;
	padding-top: 10%;
	position: relative;
}
#naviWaku ul li:nth-child(8n) {
	margin-right: 0px;
}
#naviWaku ul li#navi1 {
	background: url("../../img/cast/photo1.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi2 {
	background: url("../../img/cast/photo2.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi3 {
	background: url("../../img/cast/photo3.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi4 {
	background: url("../../img/cast/photo4.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi5 {
	background: url("../../img/cast/photo5.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi6 {
	background: url("../../img/cast/photo6.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi7 {
	background: url("../../img/cast/photo7.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi8 {
	background: url("../../img/cast/photo8.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi9 {
	background: url("../../img/cast/photo9.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi10 {
	background: url("../../img/cast/photo10.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi11 {
	background: url("../../img/cast/photo11.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi12 {
	background: url("../../img/cast/photo12.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi13 {
	background: url("../../img/cast/photo13.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi14 {
	background: url("../../img/cast/photo14.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi15 {
	background: url("../../img/cast/photo15.jpg") no-repeat center top 10% / 130%;
}
#naviWaku ul li#navi16 {
	background: url("../../img/cast/photo16.jpg") no-repeat center top 10% / 130%;
}

#naviWaku ul li a {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	text-indent: -99999px;
}
.naviActive{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(36,170,232,0.4);
	border: #24aae8 1px solid;
	box-sizing: border-box;
	display:none;
}
@media screen and (max-width: 1320px) {
/*------------------------------------------------------------------------------
								CAST
------------------------------------------------------------------------------*/
.cast-box {
	height: auto;
	width: 900px;
	margin: 0 auto;
}
.cast-box .left-box {
	width: 100%;
	height: 600px;
	float: none;
	margin: 0 auto;
}
#cast-photo1 div {background: url("../../img/cast/photo1.jpg") no-repeat center top / cover;}
#cast-photo2 div {background: url("../../img/cast/photo2.jpg") no-repeat center top / cover;}
#cast-photo3 div {background: url("../../img/cast/photo3.jpg") no-repeat center top / cover;}
#cast-photo4 div {background: url("../../img/cast/photo4.jpg") no-repeat center top / cover;}
#cast-photo5 div {background: url("../../img/cast/photo5.jpg") no-repeat center top / cover;}
#cast-photo6 div {background: url("../../img/cast/photo6.jpg") no-repeat center top / cover;}
#cast-photo7 div {background: url("../../img/cast/photo7.jpg") no-repeat center top / cover;}
#cast-photo8 div {background: url("../../img/cast/photo8.jpg") no-repeat center top / cover;}
#cast-photo9 div {background: url("../../img/cast/photo9.jpg") no-repeat center top / cover;}
#cast-photo10 div {background: url("../../img/cast/photo10.jpg") no-repeat center top / cover;}
#cast-photo11 div {background: url("../../img/cast/photo11.jpg") no-repeat center top / cover;}
#cast-photo12 div {background: url("../../img/cast/photo12.jpg") no-repeat center top / cover;}
#cast-photo13 div {background: url("../../img/cast/photo13.jpg") no-repeat center top / cover;}
#cast-photo14 div {background: url("../../img/cast/photo14.jpg") no-repeat center top / cover;}
#cast-photo15 div {background: url("../../img/cast/photo15.jpg") no-repeat center top / cover;}
#cast-photo16 div {background: url("../../img/cast/photo16.jpg") no-repeat center top / cover;}
.cast-box .right-box {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto;
}

.cast-box .right-box li.absolute {
	position: relative;
	bottom:auto;
	left:auto;
	width: 100%;
	padding-left: 0px;
}
.name {
	width: 600px;
	margin-bottom: 10px;
	margin-top: 60px;
}
.name h4 {
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-size: 40px;
	border-bottom: 2px solid #b89600;
}
.name h3 {
	font-size: 40px;
}
.right-box li.absolute p {
	font-size: 22px;
}
.right-box li.absolute p.prof-txt {
	font-size: 17px;
}
.right-box li.absolute h5 {
	line-height: 24px;
	margin: 10px 0 6px;
	font-size: 20px;
}

.arrow {
	width: 180px;
	height: 80px;
	position: absolute;
	overflow: hidden;
	top:660px;
}
.arrow li {
	width: 40px;
	height: 80px;
}

#naviWaku {
	width: 900px;
	margin: 60px auto 0;
}
#naviWaku ul li {
	width: 12.2%;
	margin-right: 0.342857142857143%;
	margin-bottom: 0.342857142857143%;
	padding-top: 10%;
}
#naviWaku ul li:nth-child(8n) {
	margin-right: 0px;
}
}
@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
								CAST
------------------------------------------------------------------------------*/
.box {
	padding: 8vw 40px;
}


.cast-box {
	width: 100%;
}
.cast-box .left-box {
	width: 100%;
	height: 60vw;
}
.name {
	width: 60vw;
	margin-bottom: 2.5vw;
	margin-top: 6vw;
}
.name h4 {
	padding-bottom: 2.5vw;
	margin-bottom: 2vw;
	font-size: 4vw;
	border-bottom: 2px solid #b89600;
}
.name h3 {
	font-size: 4vw;
}
.right-box li.absolute p {
	font-size: 2.8vw;
}
.right-box li.absolute p.prof-txt {
	font-size: 2.5vw;
	font-weight: 600;
}
.right-box li.absolute h5 {
	line-height: 24px;
	margin: 3vw 0 2vw;
	font-size: 3vw;
}

.arrow {
	width: 18vw;
	height: 10vw;
	top:66vw;
}
.arrow li {
	width: 5vw;
	height: 10vw;
}

#naviWaku {
	width: 100%;
	margin: 8vw auto 0;
}
#naviWaku ul li {
	width: 24.25%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding-top: 16%;
}
#naviWaku ul li:nth-child(8n) {
	margin-right: 0px;
}
#naviWaku ul li:nth-child(4n) {
	margin-right: 0px;
}
#naviWaku ul li#navi1 {
	background: url("../../img/cast/photo1.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi2 {
	background: url("../../img/cast/photo2.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi3 {
	background: url("../../img/cast/photo3.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi4 {
	background: url("../../img/cast/photo4.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi5 {
	background: url("../../img/cast/photo5.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi6 {
	background: url("../../img/cast/photo6.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi7 {
	background: url("../../img/cast/photo7.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi8 {
	background: url("../../img/cast/photo8.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi9 {
	background: url("../../img/cast/photo9.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi10 {
	background: url("../../img/cast/photo10.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi11 {
	background: url("../../img/cast/photo11.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi12 {
	background: url("../../img/cast/photo12.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi13 {
	background: url("../../img/cast/photo13.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi14 {
	background: url("../../img/cast/photo14.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi15 {
	background: url("../../img/cast/photo15.jpg") no-repeat center top / 100%;
}
#naviWaku ul li#navi16 {
	background: url("../../img/cast/photo16.jpg") no-repeat center top / 100%;
}
}


@media print{
.main ul li .photo-none {
	display:none;
}
}