/******************************/
/* category */
/******************************/
.p-category__ttl {
  margin: 10px 0 30px 0;
  line-height: 1.4;
  font-size: 30px;
  font-weight: normal;
}
.p-category-free {
  margin-bottom: 60px;
  line-height: 2;
}
/***** カテゴリ一覧 *****/
.p-category-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 767px) {
  .p-category-list {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
.p-category-list__item {
  box-sizing: border-box;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-category-list__item {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    text-align: left;
  }
}
.p-category-list__link {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-category-list__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.p-category-list__link:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .p-category-list__link:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    transform: rotate(-45deg);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.p-category-list__img {
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-category-list__img {
    margin-right: 10px;
    margin-bottom: 0;
    width: 75px;
  }
}
.p-category-list__name:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-category-list__name:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-category-list__name {
    flex: 1;
  }
}
/***** 商品件数・ソート *****/
.p-item-list-head {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  border-top: 1px solid #7d7d7d;
}
@media screen and (max-width: 767px) {
  .p-item-list-head {
    padding: 30px 0;
  }
}
.p-item-list-num {
  font-size: 16px;
}
@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;
}


/* =================================================================
商品一覧共通
=================================================================*/
main {width: 100%; max-width: 1400px; padding: 109px 50px 119px; margin: auto;}
.item-list {display: flex; justify-content: space-between; gap: 70px;}
.item-list-main {width: 100%; max-width: 1030px;}


@media screen and (max-width: 1199px) {
	main {padding: 74px 0 119px;}
	.item-list {flex-direction: column-reverse; gap: 63px;}
	.item-list-main {max-width: 100%;}
}

/* =================================================================
fv
=================================================================*/
.fv {width: 100%; aspect-ratio: 1030 / 460; margin-bottom: 58px; position: relative;}
.fv img {width: 100%; display: block; position: absolute; top: 0; left: 0; margin: auto; z-index: -1;}
.fv .category_main_title {font-weight: normal; color: #49322A; font-size: 24px; border-bottom: 1px solid #7B604B; padding-bottom: 10px; padding-right: 14px; padding-left: 99px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: fit-content;/*2em*/}

@media screen and (max-width: 1199px) {
	.fv {display: block;}
	.fv img {position: static;}
	.fv .category_main_title {border-bottom: 0px; text-align: left; padding-left: 40px; font-size: 22px; margin: 0; margin-bottom: 27px; max-width: 100%; position: static; height: auto; padding-right: 40px; padding-bottom: 0;}
}

/* ==============================================================
item-list-category
=================================================================*/
.item-list-category {display: flex; flex-direction: column; gap: 26px; margin-bottom: 77px;}
.item-list-category .wrap {display: none;}
.item-list-category .title {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 36px; font-size: 18px; color: #49322A; border-bottom: 1px solid #D7CFC9; text-decoration: none;}
.item-list-category .title:hover {text-decoration: none;}
.item-list-category .title .icon {display: block; width: 37px; height: 37px; background: #7B604B; position: relative;}
.item-list-category .title .icon:before,
.item-list-category .title .icon:after {position: absolute; right: 0; margin: auto; top: 0; bottom: 0; right: 0; left: 0;}
.item-list-category .title .icon:before {content: ""; width: 17px; height: 1px; background: #fff;}
.item-list-category .title .icon:after {content: ""; width: 1px; height: 17px; background: #fff;}
.item-list-category .title.is-open .icon:after {display: none;} 

.item-list-category .list {display: flex; flex-wrap: wrap; gap: 80px 25px; padding: 25px 0 25px;}
.item-list-category .list a {display: block; width: calc((100% - 25px * 3)/4);}
.item-list-category .list a p {font-size: 14px; margin-top: 10px;}

@media screen and (max-width: 1199px) {
	.item-list-category {margin-bottom: 44px; padding: 0 25px;}
	.item-list-category .title {font-size: 16px; height: 45px;}
	.item-list-category .title .icon {width: 45px; height: 45px;}
	.item-list-category .list {padding: 29px 0 25px; gap: 23px 12px;}
	.item-list-category .list a {display: block; width: calc((100% - 12px)/2);}
	.item-list-category .list a p {font-size: 16px; margin-top: 6px;}
}

/* =================================================================
pager
=================================================================*/
.list-pager {display: flex; justify-content: flex-end; align-items: center;}
.list-pager ul {display: flex; justify-content: flex-end; align-items: center; gap: 2em;}
.list-pager ul li {font-size: 14px; line-height: 1;}
.list-pager ul li a {color: #A49894; display: flex; justify-content: center; align-items: center;}
.list-pager ul li .current {text-decoration: underline;}

@media screen and (max-width: 1199px) {
	.list-pager {padding: 0 25px; justify-content: center;}
}

/* =================================================================
item-list_list
=================================================================*/
.item-list_list {display: flex; flex-wrap: wrap; gap: 17px 25px; padding: 25px 0 25px; margin-bottom: 52px;}
.item-list_list .item {display: block; width: calc((100% - 25px * 3)/4);}
.item-list_list .item h3 {font-size: 14px; margin-top: 10px;}
.item-list_list .item p {font-size: 14px;}

@media screen and (max-width: 1199px) {
	.item-list_list {padding: 29px 25px 25px; gap: 23px 12px; margin-bottom: 34px;}
	.item-list_list .item {display: block; width: calc((100% - 12px)/2);}
	.item-list_list .item h3 {margin-top: 6px;}
	.item-list_list .item img {width: 100%;}
}