@charset "UTF-8";
.u-pc-hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-pc-hidden {
    display: inline-block;
  }
}

.u-sp-hidden {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .u-sp-hidden {
    display: none;
  }
}

/*-- globalフォルダの中の_index.scss --*/
.l-main#category .p-category {
  overflow: hidden;
}
.l-main#category .p-category .p-category-fv {
  position: relative;
}
.l-main#category .p-category .p-category-fv::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../img/category/fv-item01.png");
  width: min(41.7%, 417px);
  padding-top: min(39.8%, 398px);
  top: 0;
  left: 0;
  position: absolute;
  z-index: -5;
}
@media screen and (max-width: 768px) {
  .l-main#category .p-category .p-category-fv::before {
    top: 15vw;
  }
}
.l-main#category .p-category .p-category-archive {
  position: relative;
}
.l-main#category .p-category .p-category-archive::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../img/category/archive-item01.png");
  width: min(45.1%, 451px);
  padding-top: min(33.3%, 333px);
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -5;
}
.l-main#category .p-category .p-category-archive .p-category-archive__container {
  margin-top: min(16.1%, 340px);
  padding-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .l-main#category .p-category .p-category-archive .p-category-archive__container {
    margin-top: 16rem;
  }
}
.l-main#category .p-category .p-category-archive .p-category-archive__catname {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3142857143;
  letter-spacing: 0em;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  text-align: center;
  padding: 1em 0.1em;
  color: #FFFFFF;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .l-main#category .p-category .p-category-archive .p-category-archive__catname {
    /* hashimoto */
    /* font-size: 28px; */
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .l-main#category .p-category .p-category-archive .p-category-archive__catname {
    /* hashimoto */
    /* font-size: 2rem; */
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0em;
  }
}
.l-main#category .p-category .p-category-archive .p-category-archive__catname::before, .l-main#category .p-category .p-category-archive .p-category-archive__catname::after {
  content: "";
  display: inline-block;
  position: absolute;
}
.l-main#category .p-category .p-category-archive .p-category-archive__catname::before {
  background-color: #E50112;
  width: calc(50vw + 499px);
  height: 100%;
  left: calc(50% - 50vw);
  top: 0;
  z-index: -5;
  border-radius: 0 400px 400px 0;
}
@media screen and (max-width: 1000px) {
  .l-main#category .p-category .p-category-archive .p-category-archive__catname::before {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .l-main#category .p-category .p-category-archive .p-category-archive__catname::before {
    width: calc(50vw + 17rem);
    border-radius: 0 40rem 40rem 0;
  }
}
.l-main#category .p-category .p-category-archive .p-category-archive__catname::after {
  background-image: url("../../img/category/name-bg01.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 141px;
  height: 100%;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .l-main#category .p-category .p-category-archive .p-category-archive__catname::after {
    width: 8.5rem;
  }
}
.l-main#category .p-category .p-category-archive .p-category-archive__article {
  padding-top: 70px;
}
@media screen and (max-width: 768px) {
  .l-main#category .p-category .p-category-archive .p-category-archive__article {
    padding-top: 5rem;
  }
}
.l-main#category .p-category .p-category-archive .c-archive__big {
  color: #F5F5F5;
  top: 990px;
  right: -110px;
}
@media screen and (max-width: 1200px) {
  .l-main#category .p-category .p-category-archive .c-archive__big {
    right: -12%;
  }
}
.l-main#category .p-category .p-category-archive .c-pagenavi {
  margin-top: 51px;
}
@media screen and (max-width: 768px) {
  .l-main#category .p-category .p-category-archive .c-pagenavi {
    margin-top: 5rem;
  }
}
/*# sourceMappingURL=category.css.map */