.p-category{
font-family:"Helvetica Neue",'Noto Sans JP',"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.c-breadcrumbs {
margin-bottom: 35px;
padding-left: 15px;
padding-right: 15px;
}

h2.p-category__ttl {
position: relative;
padding: 0 60px;
margin:10px 0 40px 0;
text-align: center;
font-size:30px;
line-height:1;
letter-spacing:5px;
font-family:"Helvetica Neue",'Noto Sans JP',"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
font-weight: 400;
}

h2.p-category__ttl:before {
position: absolute;
top: calc(30% - 1px);
left: 0;
width: 100%;
height: 12px;
content: '';
background: #fff;
}

h2.p-category__ttl span {
position: relative;
padding: 0 0.6em;
background: #dde6e8;
}

@media screen and (max-width: 767px) {
h2.p-category__ttl {
position: relative;
padding: 0 50px;
margin:6px 0 30px 0;
text-align: center;
font-size:24px;
line-height:1;
}
h2.p-category__ttl:before {
position: absolute;
top: calc(30% - 1px);
left: 0;
width: 100%;
height: 8px;
content: '';
background: #fff;
}
h2.p-category__ttl span {
position: relative;
padding: 0 0.5em;
background: #dde6e8;
}
}


.p-category-free {
margin:0 auto;
line-height:1;
}
.p-category-free span{
display: flex;
justify-content: center;
align-items: center;
font-size: 22px;
text-align: center;
letter-spacing:2px;
color: #99896f;
font-family: 'Abel','Noto Sans JP', sans-serif;
}
.p-category-free span::before,
.p-category-free span::after {
content: '';
width: 1px;
height: 30px;
background-color: #99896f;
}
.p-category-free span::before {
margin-right: 25px;
transform: rotate(-35deg)
}
.p-category-free span::after {
margin-left: 22px;
transform: rotate(35deg)
}


@media screen and (max-width: 767px) {
.p-category-free span{
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
text-align: center;
letter-spacing:2px;
color: #99896f;
font-family: 'Abel','Noto Sans JP', sans-serif;
}
.p-category-free span::before,
.p-category-free span::after {
content: '';
width: 1px;
height: 24px;
background-color: #99896f;
}
.p-category-free span::before {
margin-right: 23px;
transform: rotate(-35deg)
}
.p-category-free span::after {
margin-left: 20px;
transform: rotate(35deg)
}
}


.p-category-search {
margin-bottom: 30px;

}
/***** カテゴリ一覧 *****/
.p-category-list {
display: flex;
flex-wrap: wrap;
margin-top: 60px;
margin-bottom: 60px;
margin-left: -25px;
margin-right: -25px;
}
@media screen and (max-width: 767px) {
.p-category-list {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (max-width: 767px) {
.p-category-list {
display: block;
margin-left: 0;
margin-right: 0;
margin-top: 30px;
}
}
.p-category-list__item {
box-sizing: border-box;
margin-bottom: 50px;
padding-left: 25px;
padding-right: 25px;
width: 33.3333%;
}
@media screen and (max-width: 1030px) {
.p-category-list__item {
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.p-category-list__item {
margin-bottom: 15px;
padding-left: 0;
padding-right: 0;
width: auto;
}
}
.p-category-list__link {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
padding: 20px;
text-align: center;
}
@media screen and (max-width: 1030px) {
.p-category-list__link {
padding: 10px;
text-align: left;
min-height: 70px;
}
}
.p-category-list__link:hover {
background: rgba(240, 237, 232, 0.8);
text-decoration: none;
}
.p-category-list__img {
display: block;
margin-right: 20px;
width: 100px;
}
@media screen and (max-width: 1030px) {
.p-category-list__img {
width: 50px;
}
}
.p-category-list__name {
display: block;
flex: 1;
font-size: 18px;

}
@media screen and (max-width: 767px) {
.p-category-list__name {
font-size: 16px;
}
}
/***** 商品件数・ソート *****/
.p-item-list-head {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
font-family: "Helvetica Neue",'Noto Sans JP',"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}
.p-item-list-num {
font-size: 18px;
}
@media screen and (max-width: 767px) {
.p-item-list-num {
font-size: 14px;
}
}
.p-item-sort-list {
display: flex;
flex-wrap: wrap;
}
.p-item-sort-list__item {
margin-left: 30px;
}
@media screen and (max-width: 767px) {
.p-item-sort-list__item {
margin-left: 25px;
}
}
.p-item-sort-list__item:first-child {
margin-left: 0;
}
.p-item-sort-list__item span {
text-decoration: underline;
}
.l-bottom h2{font-family: 'Abel', sans-serif;}

.c-item-list__price {
margin-top: 15px;
}
.c-item-list__img {
margin-bottom: 20px;
}