.p-sub-category {
margin: 30px 10px;
padding: 0;
list-style-type: none;
}

.p-sub-category::after {
display: block;
clear: both;
content: '';
}

.p-sub-category__item {
float: left;
box-sizing: border-box;
width: 50%;
padding: 10px 5px;
}

.p-sub-category__image {
display: block;
margin-bottom: 10px;
}

.p-sub-category__link {
display: block;
transition: opacity .2s;
text-decoration: none;
color: #333;
}

.p-sub-category__link:hover {
opacity: .66;
}

.p-sub-category__link:active {
opacity: 1;
}

.p-sub-category__name {
line-height: 1.3;
position: relative;
display: block;
padding-left: .8em;
}

.p-sub-category__name::before {
position: absolute;
top: 0;
left: 0;
content: '-';
}

@media screen and (min-width: 600px) {
.p-sub-category {
margin-right: 0;
margin-left: 0;
}

.p-sub-category__item {
width: 25%;
padding: 15px 10px;
}

.p-sub-category__item:nth-child(4n + 1) {
clear: both;
}
}

@media screen and (max-width: 599px) {
.p-sub-category {margin: 2%;}
.p-sub-category__link {
display: block;
transition: opacity .2s;
text-decoration: none;
color: #ffffff;
background:#660000;
padding: 3% 5%;
border-radius: 5px;
}
.p-sub-category__item:nth-child(2n + 1) {clear: both;}
}