@charset "UTF-8";

.main-area .c-pager-inner__cont{
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: 100%;
}
.main-area .featuresListInner__cont-txt{
  letter-spacing: 0;
  text-align: left;
  pointer-events: none;
}
/* 過去企画が不要なら削除 */
.main-area .featuresListInner__cont .issue_date,
.main-area .featuresListInner__cont-txt .num{
  display: none;
}
.main-area .featuresListInner__cont{
  position: relative;
}
.main-area .featuresListInner__cont a{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width:767px) {
  .main-area .featuresListInner__cont{
    border-bottom: solid 1px #CECECE;
    width: 100%;
    padding: calc(9.5* (100vw / 375));
    margin: 0 auto;
  }
  .main-area .featuresListInner__cont a{
    padding: calc(9.5* (100vw / 375));
  }
  .main-area .featuresListInner__cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-area .featuresListInner__cont:nth-child(5n){
    border-bottom: none;
  }
  .main-area .featuresListInner__cont-img{
    width: calc(160* (100vw / 375));
  }
  .main-area .featuresListInner__cont-txt{
    font-size: calc(11* (100vw / 375));
    line-height: 1.45454545;
    width: calc(160* (100vw / 375));
  }
  .main-area .featuresListInner__txt-btn{
    font-size: calc(9* (100vw / 375));
    margin-top: calc(14* (100vw / 375));
  }

  /*========== SP NEW POST ==========*/
  .main-area .featuresListInner__cont:first-child .featuresListInner__cont-txt{
    position: relative;
  }
  .main-area .featuresListInner__cont:first-child .featuresListInner__cont-txt::before{
    content: "NEW POST";
    display: block;
    font-size: calc(11* (100vw / 375));
    letter-spacing: 0;
    color: #FF0000;
    margin-bottom: calc(2* (100vw / 375));
    pointer-events: none;
  }
  /* end SP NEW POST */

}

@media screen and (min-width:768px) {
  @import url("https://use.typekit.net/tcq3oam.css");

  .footer-inner{
    padding: max(25px, 25 *(100vw / 2100)) max(70px, 42 *(100vw / 2100)) 0 max(20px, 42 *(100vw / 2100));
    margin: 0 0 0 max(250px, 400 *(100vw / 2100));
  }

  #Contents{
    padding-top: 11rem;
  }
  .main-area .featuresListInner__cont {
    width: 20%;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
  }
  .main-area .featuresListInner__cont-txt{
    font-size: max(10px, 11 *(100vw / 2100));
    line-height: 1.36363636;
    text-align: center;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.5s;
  }
  .main-area span.featuresListInner__txt-btn{
    display: none;
  }

  /*========== PC NEW POST ==========*/
  .main-area .featuresListInner__cont:first-child{
    position: relative;
  }
  .main-area .featuresListInner__cont:first-child::before{
    content: "NEW POST";
    display: block;
    font-size: max(12px, 14 *(100vw / 2100));
    letter-spacing: 0;
    color: #FF0000;
    position: absolute;
    top: max(10px, 20 *(100vw / 2100));
    left: max(10px, 20 *(100vw / 2100));
    pointer-events: none;
    z-index: 2;
  }
  /* end PC NEW POST */

  /*========== hover-animation PC ==========*/
  .main-area .featuresListInner__cont.js-credit .featuresListInner__cont-img{
    opacity: 50%;
  }
  .main-area .featuresListInner__cont.js-credit .featuresListInner__cont-txt{
    opacity: 1;
  }
  .main-area .featuresListInner__cont-img,
  .main-area .featuresListInner__cont .featuresListInner__cont-txt{
    transition: 0.5s;
  }
  /* end hover-animation PC */
}

/*========== credit-animation TABLET ==========*/
@media screen and (min-width:768px) {
  .main-area .featuresListInner__cont a{
    visibility: hidden;
    pointer-events: none;
  }
  .main-area .featuresListInner__cont.js-credit a{
    pointer-events: all;
    visibility: visible;
  }
}
/*========== credit-animation PC ==========*/
@media screen and (min-width:1200px) {
  .main-area .featuresListInner__cont a{
    visibility: visible;
    pointer-events: all;
  }
}

/*============ pagination ============*/
li.prev.disabled {
  display: none;
}
li.next.disabled {
  display: none;
}
ul.pager-list .next {
  margin-left: auto;
}