.overlay {
	display: none;
	position: relative;
	width: 640px;
	height: 450px;
	-webkit-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
	background: url(../../character/img/cha_base.jpg) no-repeat center top;

	-webkit-backface-visibility: hidden;
}

#wrap_cha {
	     opacity: 0.85 !important;
	position: absolute;
	z-index: 5000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;

	filter: alpha(opacity=85) !important;
	-moz-opacity: 0.85 !important;
	-webkit-backface-visibility: hidden;
}

.overlay .inner .chara_name {
	margin-left: 30px;
	width: 310px;
	height: 152px;
}

.overlay .inner .chara_name .name {
	display: none;
}

.overlay .inner .chara_txt {
	overflow: auto;
	position: relative;
	z-index: 100;
	margin: 30px 0 0 36px;
	width: 270px;
	height: 220px;
	color: #f1f1f1;
	font-size: 14px;
	line-height: 25px;
}

.overlay .inner img {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}

.overlay .close {
	position: absolute;
	z-index: 100;
	top: 23px;
	right: 23px;
	width: 20px;
	height: 20px;
	cursor: pointer;
  background: url(../../character/img/close.png) no-repeat;
  background-size: 20px;
}

@media screen and (max-width: 640px) {
	.overlay .close:hover {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	}
}

.overlay .close:hover {
	     opacity: 0.80 !important;

	filter: alpha(opacity=80) !important;
	-moz-opacity: 0.80 !important;
}

.is-safari .overlay .inner .chara_txt {
	text-shadow: 0 0 0 #999;
}

/* jscrollpane */
.chara_txt {
	padding-right: 10px;
}

@media screen and (max-width: 640px) {
	.chara_txt p {
		font-size: 17px;
		line-height: 1.4;
	}
	#cha_hanaoka .chara_txt {
		width: 250px;
	}
	#cha_motoyama .chara_txt {
		width: 225px;
	}
}

.jspVerticalBar {
	width: 6px !important;
	background: transparent !important;
}

.jspDrag {
	left: -2px !important;
	width: 8px;
	background: #f9f600 !important;
}

.jspTrack {
	width: 4px;
	background: #6c6c6c !important;
}