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

.content_body{ background: #f0f0f0;}

.archives .grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 0 1.0rem;}
.archives article{ margin: 1.0em 0 0 0;}
.archives article *{ margin-top: 0;}
.archives article a{ display: block; background: #fff; border-radius: 0.7em; padding: 1.0em; height: 100%; color: #121212; text-decoration: none;}
.archives article figure{ display: block; padding: 100% 0 0 0; background: #f2f2f2 no-repeat center center / contain; line-height: 1.0;}
.archives article .category{ margin: 0.5rem 0 0 0; display: flex; gap: 0 0.5rem; align-items: center;}
.archives article .category span{ display: block; font-size: 77%; color: #fff; background: #0073bc; border-radius: 0.5rem; line-height: 1.0; padding: 0.3em 0.8em;}
.archives article .event_date{ font-size: 77%; margin: 0.5rem 0 0 0; }
.archives article h3{ color: #00379c; margin: 0 0 0 0; }
@media screen and ( max-width: 480px ) {
  .archives .grid{ grid-template-columns: 1fr;}
  .archives article a{ display: grid; grid-template-columns: 80px 1fr; gap: 0 0.5em;}
  .archives article figure{ grid-row: auto / span 3;}
  .archives article .event_date{ margin: 0;}
  .archives article h3{ margin: 0; font-weight: bold; font-size: 108%;}
}



.entry article{ background: #fff; padding: 1.0rem 1.5rem; border-radius: 0.8rem;}
.entry .outline{ margin: 0; padding: 0; display: flex; align-items: center; gap: 0 1.0rem;}
.entry .outline *{ margin-top: 0;}
.entry .outline .category{ display: flex; gap: 0 0.5rem; align-items: center;}
.entry .outline .category span{ display: block; font-size: 77%; color: #fff; background: #0073bc; border-radius: 0.5rem; line-height: 1.0; padding: 0.3em 0.8em;}
.entry .entry_title{ font-size: 132%; color: #00379c; font-weight: bold; margin: 1.0rem 0 0 0;}
.entry .figure{ width: 90%; margin-left: auto; margin-right: auto;}
.entry .figure figure{ display: block; padding: 100% 0 0 0; background: #f2f2f2 no-repeat center center / contain;}

.entry .event_info{ display: grid; grid-template-columns: auto 1fr; line-height: 1.5; }
.entry .event_info dt{ margin: 0.3em 0 0 0; white-space: nowrap; background: #0073bc; color: #fff; font-size: 86%; padding: 0.1em 1.0em; border-radius: 0.5em; align-self: flex-start; text-align: center;}
.entry .event_info dd{ margin: 0.3em 0 0 0.5em;}

.entry .content h2{ color: 132%; color: #00379c; font-weight: bold; border-top: solid 3px #00379c;}
.entry .content h3{ color: 116%; color: #00379c; font-weight: bold; border-top: solid 1px #00379c;}
.entry .content h4{ color: 100%; color: #00379c; font-weight: bold; }

.entry .article_title{ background: #e5ebf5; color: #00379c; padding: 0.5em 1.0em; font-weight: bold;}

.docs_list{}
.docs_list li{ margin: 0.5em 0 0 0;}
.links_list{}
.links_list li{ margin: 0.5em 0 0 0;}
.gallery_list{ display: grid; grid-template-columns: repeat(4,1fr); gap: 0 1.0em; }
.gallery_list li{ margin: 1.0em 0 0 0; padding: 0;}
.gallery_list li a{ display: block; background: #f2f2f2 no-repeat center center / contain; padding: 100% 0 0 0;}