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

.award_articles{ display: grid; gap: 1.0em 1.5em; grid-template-columns: repeat(3,1fr);} 
.award_articles article{ margin: 0; padding: 100% 0 0 0; position: relative;}
.award_articles article *{ margin-top: 0;}
.award_articles article a{ display: flex; position: absolute; top:0; left: 0; width: 100%; height: 100%; border: solid 1px #666; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; color: #000; background: #fff; box-shadow: 4px 4px 4px #ccc;}
.award_articles article .name{}
.award_articles article h3{ font-size: 148%; font-weight: bold;}
.award_articles article .year{}
.award_articles article .txt{ margin: 1.0em 0 0 0; font-size: 108%; font-weight: bold;}

.section_title{ margin: 2.0em 0 0 0;}

.award_content{ display: flex; gap: 1.0em 1.5em;}
.award_content figure{ flex: 1;}
.award_content img{ display: block; border: solid 1px #ccc;}
.award_content figcaption{ font-size: 93%; line-height: 1.5;}

.commentary{ background: rgba(0,0,0,0.05); padding: 1.0em;}


@media screen and ( max-width: 480px ) {
  .award_articles{ grid-template-columns: 1fr;}
  .award_articles article{ padding: 0; height: auto;}
  .award_articles article a{ padding: 2.0em 1.0em; position: relative;}
  .award_content{ display: grid; grid-template-columns: repeat(2,1fr);}
  .award_content figure{ }
  
}