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

.items{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.items *{ margin: 0; padding: 0;}
.items article{ flex: 0 0 31%; margin: 2.0em 0 0 0;}
.items a{ display: block; text-decoration: none; color: #000000; background: #f4f4f4; height: 100%;}
.items figure{ margin:0; padding: 56.25% 0 0 0; background: no-repeat center center / cover;}
.items .content{ margin:0; padding: 1.0em 0.5em;}
.items h3{ font-size: 86%; line-height: 1.3; margin: 0; border-left: solid 4px #c92d4e; padding-left: 8px; }

@media only screen and (max-width:480px){ 
  .items{ display: block;}
}