/* booking block */
body.no_scroll{
    overflow: hidden;
}

.batsu-position{
	position:absolute;
	right:0;
	top:0;
}

.cast-page-booking-btn{
	padding:10px;
	position:absolute;
	z-index:5;
	border:1px solid white;
	border-radius:10px;
	transition-duration: 500ms;
}
.cast-page-booking-btn:hover{
	background-color:white;
	color:black;
}

#cast-page-booking-btn-1{
	bottom:1em;
	right:1em;
}
#cast-page-booking-btn-2{
	bottom:1em;
	left:1em;
}

#cast-page-booking-block{
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:#00000099;
	z-index:0;
	opacity:0;
}

#cast-page-booking-block table
{
	border:1px solid black;
}

.cast-page-booking-wrap{
	width:60%;
	height:60%;
	padding:10px;
	margin-top:2em;
	background-color:#ffffff;
	border:1px solid black;
	border-radius:10px;
}

/* main block */
.cast-page-main-block{
	width:90%;
	height:90%;
	max-height:90vh;
	min-height:90vh;
	background-color:#0000ff20;
	border:1px solid white;
	margin-top:1em;
	margin-bottom:1em;
	border-radius:30px;
	position:relative;
	overflow: hidden;
}

/* cast block 1 */

#cast-image-block-1{
	position:absolute;
	left:-10%;
	width:55%;
	height:100vh;
	max-width:55%;
	max-height:100vh;
}
#cast-image-block-1 img{
	width:100%;
	height:100%;
	object-position:top;
	transform:rotate(5deg);
}

#cast-text-block-1{
	width:55%;
	max-width:55%;
	height:80%;
	max-height:80%;
	position:absolute;
	left:45%;
	top:2em;
	
}

#cast-name-age-block{
	width:60%;
	max-width:60%;
	padding-bottom:1em;
}
#cast-introduce-block{
	width:90%;
	height:70%;
	max-width:90%;
	min-height:70%;
	padding-bottom:1em;
	margin-bottom:1em;
	white-space: pre-line;
	border-bottom:1px solid white;
}

#cast-name{
	width:100%;
	max-width:100%;
	border-bottom:1px solid white;
}

#cast-age{
	width:100%;
	max-width:100%;
	text-align:right;
}

#cast-tag-block{
	width:90%;
	margin-left:5em;
	margin-top:10px;
}
.cast-tag{
	border:1px solid white;
	padding:5px 10px;
	margin-left:10px;
}

/* cast block 2 */

#cast-image-block-2{
	position:absolute;
	right:-5%;
	width:35%;
	height:100vh;
	max-width:35%;
	max-height:100vh;
}
#cast-image-block-2 img{
	width:100%;
	height:100%;
	object-position:top;
}

#cast-text-block-2{
	width:55%;
	max-width:55%;
	height:80%;
	max-height:80%;
	position:absolute;
	left:2em;
	top:2em;
	
}