ul.list_type_3{display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0}ul.list_type_3 li{padding:5px;width:25%}.list_type_3 .data{background-color:#FFF;border:1px solid #555;transition:all 300ms;width:100%}.list_type_3 .data:hover{box-shadow:0 0 3px #333}.list_type_3 .data .image{background-color:#333;display:block;position:relative;width:100%}.list_type_3 .data .image img{height:216px;object-fit:contain}.list_type_3 .data .title{display:flex;padding:2px 5px}.list_type_3 .data .title img{width:40px}.list_type_3 .data .title .name{padding:0 5px;width:calc(100% - 40px)}.list_type_3 .data .title .name .maker{font-size:1.2em;font-weight:bold}.list_type_3 .data .title .name .syasyu{font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list_type_3 .data .detail{display:flex;flex-wrap:wrap;padding:2px 5px}.list_type_3 .data .detail .item{width:50%}.list_type_3 .data .detail .item.right{text-align:right}.list_type_3 .data .link{padding:0 5px 5px;text-align:right}@media only screen and (max-width:959px){ul.list_type_3 li{width:33.3%}}@media only screen and (max-width:640px){ul.list_type_3 li{width:50%}}