body{
background-color:#DB9ECB;
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:1041px;
width:80%;
}

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

.catch{
position:relative;
}
.boochan{
position:absolute;
bottom:0;
left:-45%;
max-width:745px;
width:85%;
}

.middle p{
margin-top:5%;
text-align:justify;
font-size:1.2rem;
line-height:1.6;
color:#7A2D01;
}

.photo{
margin-top:5%;
}

.themesong{
margin:5% auto 0 auto; 
max-width:680px;
width:80%;
}

.comment{
margin-top:5%;
}
.comment p{
margin-top:0;
padding:2% 5% 0 5%;
font-size:1rem;
background-color:#FFF064;
}

.name{
margin:10% auto 0 auto;
width:40%;
}


@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%;
}

.middle p{
font-size:1rem;
}

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

.name{
width:70%;
}
}