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

section > div p{
margin-top:2%;
text-align:justify;
font-size:1.2rem;
line-height:1.6;
color: #7B581B;
}
section > div p.date{
text-align:center;
font-size:1rem;
}
section > div h2{
margin-top:4%;
font-size:2rem;
color:#ed0084;
}
section > div h2 .sub{
font-size:1.4rem;
}

section > div h3{
margin-top:2%;
font-size:1.6rem;
line-height:1.4;
color: #7B581B;
}
section .comment{
margin-top:8%;
}
section .namae{
margin-top:3%;
font-weight:bold;
font-size:2rem;
color:#6A1393;
}
section .namae .note{
font-weight:bold;
font-size:1rem;
color:#6A1393;
}
section .em{
font-weight:bold;
color:#ed0084;
}
section .note{
margin-top:1%;
font-size:0.8rem;
line-height:1.2;
}

section .comment img{
transform: scale(0.8);
}
section div#n20251213 .namae img {
transform: scale(0.8);
}

#n20260507 .chara{
float: right;
margin-left: 1rem;
width: 30%;
}
#n20260520 .chara{
float: right;
margin-left: 1rem;
width: 15%;
}
#n20260520 .chara.large{
float: right;
margin-left: 1rem;
width: 25%;
}
#n20260520 .chara.small{
float: right;
margin-left: 1rem;
width: 10%;
}

section .summary{
margin-top:1rem;
border-radius: 2vw;
padding:1% 4% 4% 4%;
background-color:#ffef8a;
}
section .summary p{
font-size:0.9rem;
line-height:1.4;
}
section .summary p.midashi{
text-align:center;
font-size:1.1rem;
}
section .summary .note{
font-size:0.8rem;
}

.eizoArea{
position: relative;
margin:1rem auto 0 auto;
width: 100%;
aspect-ratio:16/9;
}
.eizoArea iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.photo{
margin-top:1rem;
}


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

section > div p{
font-size:0.9rem;
}
section > div p.date{
font-size:0.8rem;
}
section > div h2{
font-size:1.2rem;
}
section > div h2 .sub{
font-size:0.8rem;
}
section > div h3{
margin-top:2%;
font-size:1rem;
}

section .namae{
margin-top:6%;
font-size:1.5rem;
line-height: 1;
}
section .note{
font-size:0.7rem;
}

section .comment img {
transform: scale(1);
}
section div#n20251213 .namae img {
transform: scale(1);
}

#n20260507 .chara{
width: 50%;
}
#n20260520 .chara{
width: 50%;
}
#n20260520 .chara.large{
width: 100%;
}
#n20260520 .chara.small{
width: 40%;
}

section .summary{
border-radius: 4vw;
padding:2% 6% 6% 6%;
}
section .summary p{
word-break: break-all; 
font-size:0.8rem;
}
section .summary p.midashi{
font-size:0.9rem;
}
section .summary .note{
font-size:0.7rem;
}



}