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

/* character */
.chara-bg-image{
    width : 100%;
}

.chara-info{
	
}

.chara-main-image{
	height:980px;
    position: absolute;
    bottom: 0px;
    right: 2%;
    z-index: 10;
    opacity: 0.0;
    transition-timing-function: ease-out;
    transition-duration: 0.5s;
    transform: translate(0px,0px) scale(1.0,1.0);
}

.chara-main-image[data-visible="show"]{
    transform: translate(0px,0px) scale(1.0,1.0);
    opacity: 1.0;
}
.chara-main-image[data-visible="hide"]{
    transform: translate(0px,0px) scale(1.1,1.1);
    opacity: 0.0;
}

.chara-icon-size{
    width:200px;
}
.chara-voice-size{
    width:120px;
}

.chara-info{
	font-weight: bold;
	font-size: 1.6em; 
	color: #333333; 
	text-align: left;
	text-shadow: 0px 0px 10px #FFFFFF , 0px 0px 10px #FFFFFF;
}

.chara-info h2{
	text-align: center;
	font-size: 1.4em; 
	color : rgb(206, 0, 89);
}

.chara-info-subname{
	color : rgb(206, 0, 89);
}

.chara-info-voice{
	color : rgb(107, 28, 144);
}