body{
background-color:#CAD453;
background-image:url(images/body_bg_l.png),url(images/body_bg_r.png),url(images/body_bg.png);
background-repeat:repeat-y,repeat-y,repeat;
background-position:0% 0%,100% 0%, 50% 50%;
background-size:15%;
}

h1{
position:relative;
margin:-18% auto 0 auto;
max-width:1018px;
width:80%;
}

.middle{
padding:0 10%;
background:url(images/content_middle_pc.png) repeat-y;
background-size: 100%;
}

.name{
margin:10% auto 0 auto;
width:40%;
}
.photo{
margin-top:5%;
}
.chara{
margin-top:1%;
}
.comment{
padding:2% 5% 0 5%;
background-color:#FFF064;
}
.comment p{
text-align:justify;
line-height:1.4;
color:#7A2D01;
}

@media (max-width: 639px) {
body{
background-size:20%;
}

h1{
margin:-24% auto 0 auto;
width:98%;
}

.middle{
font-size: 0;
background:url(images/content_middle.png) repeat-y;
background-size: 100%;
}

.comment p{
font-size: 0.9rem;
}

.name{
width:70%;
}
}