/*-----------------------------------------
Sub Contents//Category
-----------------------------------------*/
a.push-btn {
    display: block;
    max-width: 100%;
    padding: 1em;
    margin: 1em auto;
    text-align: center;
    color: #b2545f;
    background: #ffdee2;
  }

  .subcat-area {
      width: 100%;
      margin: 20px auto;
      padding: 20px 10px 10px 10px;
      box-sizing: border-box;
      color: #b2545f;
      background: #ffdee2;
      font-size: 105%;
  }
      .subcat-area ul {
          list-style: none;
          margin: 0;
          padding: 0;

          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: flex-start;
      }
      .subcat-area ul::after {
            display: block;
            content: '';
            width: calc(calc(100% - 20px) / 3);
            height: 0;
      }
          .subcat-area ul li:first-child {
              display: inline-block;
              margin: 0 5px 10px 5px;
              padding: 0 20px;
              text-align: center;
          }
          .subcat-area ul li {
              display: inline-block;
              margin: 0 5px 0 5px;
              padding: 0 20px;
              text-align: center;
          }

  .category-sort-area {
      height: 100%;
  }
  @media screen and (min-width: 520px) {
    .category-sort-area {
      width: 100%;
      margin: 10px 0;
      text-align: right;
    }
  }
  @media screen and (max-width: 519px) {
    .category-sort-area {
      width: 90%;
      margin: 10px auto;
      text-align: center;
    }
  }
  .paging {
      margin: 0 auto;
      text-align: center;
  }
  .category-item-area {
      height: 100%;
      padding: 10px;
      background: #fff;
  }
@media screen and (min-width: 520px) {
  .paging {
      width: 100%;
  }
    .category-item-area {
        width: 69%;
       margin: 0 1% 20px 0;
    }
}
@media screen and (max-width: 519px) {
    .paging {
        width: 90%;
    }
      .category-item-area {
        width: 90%;
       margin: 0 auto 20px auto;
    }
}
      .category-item-area h1.category-title {
          display: block;
          width: calc(100% + 20px);
          text-align: left;
          border-top: 5px solid #ffacb6;
          padding: 20px 12px;
          margin: -10px -10px 20px -10px;
          box-sizing: border-box;
          font-size: 180%;
          color: #b2545f;
      }
      .item-box5 a,
      .item-box5 a:hover,
      .item-box3 a,
      .item-box3 a:hover {
          text-decoration: none;
      }