body { background-color: silver; background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px); background-size: 80px 80px; font-family: Arial, sans-serif; display: grid; margin: 0;}
header { text-align: center; margin: 1rem; max-width: 1060px; margin: 0 auto 20px; } 
header img { max-width: 100%; height: auto; } 
.lang-box { position: absolute; top: 1rem; right: 1rem; background: rgba(255, 255, 255, 0.8); padding: 0.5rem; border-radius: 5px; } 

.news { padding: 10px 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.exhibition-info { background-color: rgba(255, 255, 255, 0.8); padding: 10px 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 20px; border: solid 5px rgba(100, 100, 100, 0.9); }
.part, .exhibition-info, .news { margin: 0 auto 40px; max-width: 1000px; } 
#part1 img, #part3 img { max-width: 600px; height: auto; margin: 10px 0; } 
#part2 img { max-width: 800px; height: auto; margin: 10px 0; } 
@media (max-width: 930px) { 
  #part2 img { max-width: 100%; height: auto; margin: 10px 0; } 
} 
@media (max-width: 730px) { 
  #part1 img, #part3 img { max-width: 100%; height: auto; margin: 10px 0; } 
} 
h1, h2, h3 { color: #333; } 
h1 { font-size: 2.5rem; margin: 0rem auto 0.5rem; } 
h2 { font-size: 1.8rem; margin: 1rem auto 1rem; } 
p { line-height: 1.4; color: #333; margin-block-start: .4rem; margin-block-end: .4rem; }
a { color: rgba(210, 80, 87, 1); text-decoration: none; font-weight: bold; } 
a:hover { color: rgba(210, 80, 87, 0.7); } 
div.part { background-color: rgba(255, 255, 255, 0.8); padding: 10px 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } 
div#part1 { border: solid 5px rgba(230, 0, 18, 0.9); } 
div#part2 { border: solid 5px rgba(148, 30, 87, 0.9); } 
div#part3 { border: solid 5px rgba(0, 104, 183, 0.9); } 
figcaption { display: block; margin: 0 auto; text-align: center; font-size: 0.8rem; color: #666; width: fit-content; }
.img-gallery_part1 { 
  display: grid; 
  grid-template: 
    "p1_design p1_pict1" 1fr
    "p1_design p1_pict2" 1fr
    "p1_caption p1_caption" auto
    / 1fr 1fr; 
  gap: 5px;
  margin: 0 auto;
  max-width: 1000px;
}
.img-gallery_part1 img { width: 100%; height: auto; }
.p1_design { grid-area: p1_design; }
.p1_pict1 { grid-area: p1_pict1; } 
.p1_pict2 { grid-area: p1_pict2; }
.p1_caption { grid-area: p1_caption; }
.img-gallery_part2 { display: grid; grid-template: 
    "p2_pict1 p2_pict2" 1fr
    "p2_caption p2_caption" auto 
    / 1fr 1fr; gap: 5px; margin: 0 auto; max-width: 1000px; }
.img-gallery_part2 img { width: 100%; height: auto; }
.p2_pict1 { grid-area: p2_pict1; }
.p2_pict2 { grid-area: p2_pict2; }
.p2_caption { grid-area: p2_caption; }
.img-gallery_part3
{ display: grid; grid-template: 
    "p3_pict1 p3_pict2 p3_pict3" 1fr
    "p3_pict4 p3_pict5 p3_pict6" 1fr
    "p3_caption p3_caption p3_caption" auto 
    / 1fr 1fr 1fr; gap: 0; margin: 0 auto; max-width: 1000px; }
.img-gallery_part3 img { width: 100%; height: auto; }
.p3_pict1 { grid-area: p3_pict1; }
.p3_pict2 { grid-area: p3_pict2; }
.p3_pict3 { grid-area: p3_pict3; }
.p3_pict4 { grid-area: p3_pict4; }
.p3_pict5 { grid-area: p3_pict5; }
.p3_pict6 { grid-area: p3_pict6; }
.p3_caption { grid-area: p3_caption; }

footer { text-align: center; background: rgba(255,255,255, .9); padding: 20px 0 0;}
footer a {margin: 0 5px;}
footer a img {width: 100%; max-width: 250px; height: auto; margin: 5px auto; display: inline-block;}

.section-content {border-top: dotted 1px rgba(100,100,100,.3); padding: 1rem 0;}
.section-content:first-child { border-top: none; padding-top: 0; }
.picture-content { display: flex; flex-direction: row; align-items: center; gap: 20px; margin-top: 1em;}
.left-content {max-width: 400px; display: block;}
.right-content { max-width: 600px; min-width: 400px; display: block; }
.right-content img {width: 100%; max-width: 600px;}
@media (max-width: 750px) { 
  .picture-content { display: block;}
  .left-content, .right-content { max-width: 100%; }
}

.event-table { width: 100%; border-collapse: collapse; background: #fff; table-layout: fixed;}
.event-table th, .event-table td { border: 1px solid #ccc; padding: 0.7em 0.8em; text-align: left; vertical-align: top; font-size: 1em; display: table-cell;}
.event-table th { background: #f5f5f5; font-weight: bold; white-space: nowrap; width: 7em}
@media (max-width: 600px) {
    .event-table, .event-table thead, .event-table tbody, .event-table tr { display: block; }
    .event-table th, .event-table td { display: block; width: 100%; box-sizing: border-box; }
    .event-table tr { margin-bottom: 0; }
    .event-table th { width: 100%; background: #f5f5f5; font-size: 1em; border-bottom: none; }
    .event-table td { width: 100%; padding: 0.5em 0.8em; }
}

.right-content img.image-miike-director {max-width: 280px;}
@media (max-width: 600px) {
  .right-content img.image-miike-director { max-width: 50%; }
}

.news-section > h3, .news-section > h4 { margin: 0;}
.news-segments { margin: 0 0 .7em;}