body{
    font-size: clamp(16px, 1.5vw, 20px);
}

.top{
    display: flex;
    align-items: center;
    gap: 100px;
}

.list{
    display: flex;
    gap: 10px;
}

.schedule {
    width: 100%;
}

.schedule-item {
    display: flex;
    gap: 20px;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.time {
    width: 60px;
    font-weight: bold;
    font-size: 18px;
}

.place {
    flex: 1;
}

.place strong {
}

.place p {
    margin: 5px 0 0;
    color: #666;
}

.day{
    flex: 1;
}

#map {
    width: 90vw;
    height: 40vw;
    max-height: 600px;
}

.images{
    width: 45vw;
    height: 27vw;
    object-fit: cover;
    margin-left: 0%;
}

.imagesarea{
    display: flex;
    margin-top: 10px;
}

.imgcontent{
    margin-top: 0;
    margin-bottom: 0;
}