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

.icon {
    width: 20%;
    margin: 20px;
    display: inline-block;

    font-weight: bold;
    font-family: "Arial Black", Gadget, "sans-serif";
    font-size: 1.0em;
}

.small-icon {
    width: 12%;
    margin: 10px;
    display: inline-block;
}

.icon,
.icon:link,
.icon:active,
.icon:hover{
    color:#cf1c1c;
}

.chara-caption1{
    font-size: 3.5em;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
    color : white;
    font-weight: bold;
    font-family: "Arial Black", Gadget, "sans-serif";
}

.chara-caption2{
    font-size: 2.0em;
    color : rgb(255, 204, 0);
    font-weight: bold;
    font-family: "Arial Black", Gadget, "sans-serif";
}

.chara-left{
    position: absolute;
    left:5%;
    top:50px; 
    width: 700px;
    text-align: left;
}
.chara-info{
    display: inline-block;
    width: 100%;
    background-color: #000000b9;
    border-radius: 20px;
    padding: 10px;
    padding-left: 60px;
    padding-right: 60px;
    font-weight: bold;
	font-size: 1.8em; 
	color: rgb(255, 204, 0);
	text-align: left;
	text-shadow: 0px 0px 10px #000000 , 0px 0px 10px #000000;
}

.chara-text{
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
	font-size: 1.8em; 
	color: #ffffff; 
	text-align: left;
	text-shadow: 0px 0px 10px #000000 , 0px 0px 10px #000000;
}

.chara-jump{
    background-color: #000000c9;
}

.chara-voice{
    padding: 10px;
}

.chara-stand{
    text-align: left;
    width: 100%;
    left : 5%;
    bottom : 50px;
}

.voice-icon{

}

.stand-icon{
    width:15%;
}