#content::before{ background-image: url(../../images/voice/main.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; content:""; display: block; width:100%; height:260px; }
.detail li h3{ text-align:left; font-weight:normal; }
.detail li{ position: relative;}
.detail li .category{ background-color: #0852a0; color:#fff; position: absolute; top:0; left:0;}
.detail li .customer{ text-align:right; }
.detail .list li .thumb{ width:100%; position: relative; overflow: hidden; }
.parts{ margin-top:10px; -webkit-box-pack:justify;  -ms-flex-pack:justify; justify-content:space-between;}
.parts span{ display: inline-block; background: #eee; padding:3px 0; margin-bottom:2px; text-align:center; font-size:.7rem; }
@media screen and (min-width: 600px){/* ＰＣ & タブレット */
    .detail .list::after{ content:""; display: block; flex-basis: 31%; }
    .detail .list li .text{ width:98%; margin:0 auto;}
    .detail .list li .thumb{ height:200px; }
    .detail li h3{ min-height:54px; }
    a:hover .parts span{ color:#222; }
}
@media screen and (min-width: 600px) and (max-width: 959px) {/* タブレット */

}
@media screen and (min-width: 1000px){
    .detail .list li{ flex-basis: 31%; margin-bottom:30px;}
    .parts span{ flex-basis: 32%; }
}
@media screen and (max-width: 999px){
    .detail .list li{ flex-basis: 49%; margin-bottom:20px;}
    .parts span{ flex-basis: 32%; }
}
@media screen and (max-width: 599px){/* スマートフォン（ディスプレイ幅599px以下）より小さい画面 */
    .parts span{ flex-basis: 49%; }
}