.event{
padding: 0;
background-color: #f2f2f2;
}

.event article{
width: 100%;
max-width: calc(50% - 3%);
margin: 5px 1.5% 10px 1.5%;
}

.event article img{
border-radius:8px;
border: 1px solid #ccc;
}

.pickup p,.archive p{
margin: .5em; 0 0 0;
font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
font-weight:700;
}

@media (min-width: 768px) {
.event article{
max-width: calc(33.333% - 2%);
margin: 5px 1% 10px 1%;
}
}

#pickup {
padding: 40px min(7vw, 40px);
/*background-size: 16px 16px;
background-image: repeating-linear-gradient(45deg, #f5f5f5 0, #f5f5f5 1px, #fff 0, #fff 50%);*/
}

.center{text-align: center;}


.pickup{
margin: 0 auto .8em auto;
padding: 20px 15px 15px 15px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style:none;
border-radius: 20px;
border: 1px solid #ccc;
max-width: 960px;
background-color: #fff;
}



#archive {
margin: 0 auto;
padding: 40px min(7vw, 50px);
background-color: #fff;
}

.archive{
margin: 0 auto .8em auto;
padding: 20px 15px 15px 15px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style:none;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border: 1px solid #ccc;
max-width: 960px;
}



#archive h3{
margin: 2em auto 0 auto;
padding: .8rem 1rem;
font-size: clamp(1.125rem, 1.08rem + .23vw, 1.25rem);
font-weight: bold;
text-align: center;
color: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
max-width: 960px;
}

#archive h3.exhibition{
background-image: linear-gradient(90deg, #2bb2ea, #4cd9b6);
}

#archive h3.sports{
background-image: linear-gradient(90deg, #47ca84, #d4da3d);
}

#archive h3.stage{
background-image: linear-gradient(90deg, #ffc342, #e95592);
}
#archive h3.music{
background-image: linear-gradient(90deg, #ec4a70 , #b956c8);
}

#about-program{
padding-bottom: 40px;
}


#kouen{
padding-bottom: 40px;
}