div.cos_directory, div.cos_directory_index { display: flex; flex-wrap: wrap; }
div.cos_directory > div, div.cos_directory_index > div { width: 395px; margin: 8px; padding: 10px; border: solid 1px #d8d8d8; background-color: #f2f2f2; }
.cos_directory_header { text-decoration: none; margin: 20px 0 0 0; }
div.cos_directory > div > .title { margin: 0 0 6px; }
div.cos_directory > div > figure { margin: 8px 0; line-height: 1.7; }
div.cos_directory > div > figure > a { word-wrap: break-word; white-space: nowrap; }
div.cos_directory > div > figure > img { width: 100px; float: left; margin: 0 10px 6px 0; }
div.cos_directory_index > div { margin: 4px 8px; }
div.cos_directory_index > div > a { display: block; margin: -10px; padding: 10px; }
div.cos_directory_index > div:hover { background-color: #eaeaea; }