@charset "utf-8";

/* スマホ用 */
@media screen and (max-width: 560px){
.category-list .list-head::before, .category-list .list-head::after {
    width: 17%!important;
}
.category-list .sub-category {
margin-bottom: 0.1rem!important;
}
body #contents {
padding-top: 6.8rem!important;
}
.category-list .btn-arrow::after {
    right: -0.1rem;
    transform: translate(-50%)rotate(90deg)
}
}
    
    
/* PC用 */
 @media screen and (min-width: 561px){
.category-list .sub-category {
 margin-bottom: 0.7rem;
}
.category-list .list-head::before, .category-list .list-head::after {
 width: 28%!important;
}
 .category-list .item {
     margin-bottom: 1rem;
 }
 .category-list .item a:hover{
     text-decoration:none;
 }
 .category-list .btn-arrow::after {
     right: 0.1rem;
     transform: translate(-50%)rotate(90deg)
 }
 .category-list {
     padding: 2.5%;
 }
 .btn-arrow::after {
     top: 40%;
 }

}