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

.topicsList{ border-top: solid 1px #CCCCCC;}
.topicsList li{ display: flex; margin: 0 0 0 0; padding: 0.7em 0; border-bottom: solid 1px #CCCCCC;}
.topicsList li *{ margin-top:0;}
.topicsList time{ display: block; white-space: nowrap; }
.topicsList .category{ margin-left:1.0em; white-space: nowrap; }
.topicsList .category span{ display: inline-block; font-size:86%; padding: 0.2em 0.5em; background: #595757; color: #FFFFFF; min-width: 7.0em; text-align: center;}
.topicsList .title{ margin-left: 1.0em;}

.notice{ border-top: solid 1px #CCCCCC;}
.notice li{ display: flex; margin: 0; padding: 0.7em 0; border-bottom: solid 1px #CCCCCC; justify-content: space-between; align-items: center; }
.notice li *{ margin-top:0;}
.notice li img{ dsiplay: inline-block;}
.notice li .icon{ vertical-align: middle; display: inline-block;}