header h1{
position:absolute;
bottom:25%;
left:50%;
transform:translateX(-50%);
width: 34%;
font-size: 0;
aspect-ratio:1520/340;
background: url("images/midashi.png");
background-size: 100%;
}

/*声の特別出演のみ*/
header h1::before{
background: url("images/h1.png");
background-size: 100%;
animation: floatY1 var(--duration) ease-in-out infinite;
}
header h1::after{
background: url("images/h2.png");
background-size: 100%;
animation: floatY2 var(--duration) ease-in-out infinite;
}

.middle{
padding: 6% 6% 10% 6%;
}
.photo{
margin-top:1rem;
}
.name{
margin:4% auto 0 auto;
width:60%;
}
.middle ul{
display:table;
table-layout:fixed;
margin:4% auto 0 auto;
width:100%;
}
.middle li{
display:table-cell;
vertical-align:top;
width:50%;
}
#guest_0 p{
margin-top:4%;
text-align:justify;
line-height:1.6;
color:#7b581b;
}
#guest_1 p{
margin-top:4%;
text-align:center;
line-height:1.6;
color:#7b581b;
}
#guest_0 .comment p, #guest_1 .comment p{
margin-top:0;
padding:4% 8% 1% 8%;
text-align:justify;
background: url("images/comment_middle_pc.png") repeat-y;
background-size:contain;
}
#guest_1 .charaName{
margin:0 auto;
width:65%;
}
#guest_1 .comment{
margin-top:4%;
}


@media (max-width: 639px) {
header h1 {
bottom: 48%;
width: 80%;
}

.name{
margin:6% auto 0 auto;
width:70%;
}
.middle ul{
display:block;
}
.middle li{
display:block;
width:100%;
}
#guest_0 li:nth-of-type(1){
padding:0 8%;
width:84%;
}
#guest_1 li{
padding:0 8%;
width:84%;
}
#guest_1 li:nth-of-type(2){
margin-top:-4%;
}
#guest_0 p{
font-size:0.9rem;
}
#guest_1 p{
text-align:justify;
font-size:0.9rem;
}
#guest_0 .comment p, #guest_1 .comment p{
margin-top:0;
padding:4% 8% 1% 8%;
font-size:0.8rem;
}
#guest_0 .charaName, #guest_1 .charaName{
margin:0 auto;
width:80%;
}
#guest_0 .comment, #guest_1 .comment{
margin-top:4%;
}
}