@charset "utf-8";

.character{
	width:1000px;
	margin:0px auto;
	background:url(../img/chara-bg.jpg) no-repeat center center;
}

.charac{
	max-width:1000px;
	margin:0px auto;
	width:100%;
}

.charac img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.profilebg{
	background:#FFCC00;
	padding:2%;
}

.profilebg:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.profilebg .name{
	font-size:160%;
	line-height:120%;
	font-weight:bold;
	margin-bottom:20px;
}

.profilebg .name span{
	font-size:80%;
	font-weight:bold;
}

.profilebg li{
	float:left;
	color:#000;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

.profilebg li:nth-child(1){
	width:17%;
	margin:0 2% 0 0;
}

.profilebg li:nth-child(1) img{
	width:100%;
	height:auto;
}

.profilebg li:nth-child(2){
	width:36%;
	background:#fff;
	padding:2%;
	margin:0 1% 0 0;
}

.profilebg li:last-child{
	width:36%;
	background:#fff;
	padding:2%;
}

.profilebg th{
	width:20%;
	font-weight:bold;
}

.profilebg td,
.profilebg th{
	padding:1%;
}



@media screen and (max-width: 768px){

.character{
	width:100%;
	margin:0px auto;
	background:none;
}

.charac{
	max-width:883px;
	margin:0px auto;
	width:100%;
	padding:6% 0;
	text-align:center;
	background:url(../img/chara-bg.jpg) no-repeat center top;
}

.charac img{
	width:90%;
	height:auto;	
}

.profilebg{
	background:#FFCC00;
	padding:8%;
}

.profilebg:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.profilebg .name{
	font-size:160%;
	line-height:120%;
	font-weight:bold;
	margin-bottom:20px;
}

.profilebg .name span{
	font-size:80%;
	font-weight:bold;
}

.profilebg li{
	float:none;
	color:#000;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

.profilebg li:nth-child(1){
	width:100%;
	margin:0 auto 4%;
	max-width:160px;
}

.profilebg li:nth-child(1) img{
	width:100%;
	height:auto;
}

.profilebg li:nth-child(2){
	width:90%;
	background:#fff;
	padding:5%;
	margin:0 0 2% 0;
}

.profilebg li:last-child{
	width:90%;
	background:#fff;
	padding:5%;
}

.profilebg th{
	width:20%;
	font-weight:bold;
}

.profilebg td,
.profilebg th{
	padding:1%;
}

}