.p-sub-category {
  list-style-type: none;
	margin: 0 auto 50px;
}

.p-sub-category::after {
  clear: both;
}

.p-sub-category__item{
	border-bottom: 1px solid #ccc;
}

.p-sub-category__item:nth-of-type(1){
	border-top: 1px solid #ccc;
}

.p-sub-category + .c-section{
	border-top:0;
}

.p-sub-category__link {
	display: table;
    width: 100%;
	padding: 8px 8px 8px 6px;
	font-size: 12px;
	background:url(https://file003.shop-pro.jp/PA01300/922/parts/topic-path.svg) 98% center no-repeat;
	background-size:12px auto;
	overflow: hidden;
	box-sizing: border-box;
  text-decoration: none;
  color: #333;
  transition: opacity .2s;
}

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

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

.p-sub-category__image {
  display: block;
	float:left;
	width:40px;
	height:40px;
}

.p-sub-category__name {
	display: table-cell;
	width: 84%;
	padding-right: 4%;
    vertical-align: middle;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {

  .p-sub-category {
	overflow:hidden;
  }

  .p-sub-category__item {
	float: left;
    width: 32%;
	margin: 0 1% 1% 0;
    border: 0 !important;
  }

  .p-sub-category__item:nth-child(3n + 1) {
    clear: both;
  }
  
  .p-sub-category__link{
	border: 1px solid #ddd;
	border-radius: 4px;
  }
  
  .p-sub-category__name{
	width:80%;
  }
  
}

@media screen and (min-width: 961px) {

  .p-sub-category__item {
	float: left;
    width: 24%;
	margin: 0 1% 1% 0;
    border: 0 !important;
  }

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

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