@charset "UTF-8";
/* CSS Document */

.lives{ display: flex; flex-wrap: wrap; gap: 1.0em 4%; font-size: 86%;}
.lives article{ flex: 0 0 48%; margin: 0; background: rgba(255,255,255,0.8); }
.lives article *{ margin-top: 0;}
.lives a{ display: block; height: 100%; padding: 1.0em; text-decoration: none; color: #000000;}
.lives h3{ font-size: 136%; font-weight: bold; color: #745A30;}
.lives time{ font-weight: bold;}
.lives .stage{}

.post{ font-size: 16px;}
.post h1{ font-size: 148%; line-height: 1.5;}
.post .sub + h1{ margin-top: 0;}
.gp{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.gp figure{ flex: 0 0 48%; display: block; position: relative;}
.gp figure img{ display: block;}
.gp figure figcaption{ position: absolute; background: rgba(0,0,0,0.7); padding: 0.5em; line-height: 1.5; max-width: 50%; margin: 0; right: 0; bottom: 0; font-size: 86%; text-align: left;}
.post table{ border-top: solid 1px rgba(255,255,255,0.3); width: 100%;}
.post table th,
.post table td{ padding: 0.7em 1.0em; border-bottom: solid 1px rgba(255,255,255,0.3);}
.post table th{ white-space: nowrap;}
.post table a{ color: #FFFFFF;}

.section_program{}
.section_program figure{ max-width: 70%; margin-left: auto; margin-right: auto;}
.section_program nav{ text-align: center;}

@media only screen and (max-width:480px){
  .section_program figure{ max-width: 90%;}
}

.section_programs{}
.programs{ margin: 0; display: flex; flex-wrap: wrap; gap: 4%;}
.programs article{ flex: 0 0 48%; margin: 1.0em 0 0 0; padding: 0;}
.programs figure{ display: block; border: solid 1px #a8a8a8;}
.programs figure img{ display: block;}
.programs h3{ margin: 1.0em 0 0 0; font-weight: bold; text-align: center; font-size: 116%; color: #FFFFFF;}