@charset "UTF-8";

#Contents{
  padding-top: 0;
}
.main-area .articlePart__wrapper {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 auto;
}
.main-area .articlePart__title{
  font-family: "font-ja";
  letter-spacing: 0;
  text-align: left;
  /* pointer-events: none; */
}
.main-area .c-pager-ttl{
  margin-bottom: 0;
}
.main-area .articlePart__category,
.main-area .First-Newicon{
  display: none;
}
.font-times,
.main-area .articlePart__date {
  font-family:"Times New Roman", Times, serif;
}

.font-roboto {
  font-family: "roboto", sans-serif;
}

/*========== pagination ==========*/
.main-area.c-pager.ranking .pager{
  border-top: solid 1px #707070;
  width: 100%;
}

.pcOnly {
  display: none;
}


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

  .spOnly {
    display: none;
  }
  .pcOnly {
    display: block;
  }

  .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));
  }

  .main-area .c-pager-ttl{
    padding: 11.7rem 0 0 0;
    font-size: max(32px, 32*(100vw / 2100));
    line-height: 1.09375;
    text-align: center;
    margin-bottom: max(20px, 68*(100vw / 2100));
  }
  .main-area .c-pager-ttl_sub{
    font-size: max(11px, 11 *(100vw / 2100));
    margin-top: 0;
    margin-left: 2.5rem;
  }

  span.c-pager-ttl_sub.js-fade.js-fade_delay1.js-fadein {
    font-size: max(12px, 12*(100vw / 2100));
    line-height: 1.3333333333;
    margin: 0;
    margin-top: max(14px, 17*(100vw / 2100));
  }

  .main-area .articleProductInfoList {
    width: 20%;
    position: relative;
    transition: 0.5s;
  }
  .main-area .articlePart__img{
    height: 33.8rem;
  }
  .main-area .articlePart__info{
    width: 80%;
    margin: max(12px, 21 *(100vw / 2100)) 0 0 max(12px, 20 *(100vw / 2100));
  }
  .main-area .articleProductInfoList:first-child .articlePart__info{
    margin-left: 2.3rem;
  }
  .main-area .articlePart__title{
    font-size: max(10px, 13 *(100vw / 2100));
    line-height: 1.6153846154;
    text-align: left;
  }
  .main-area  .articlePart__date{
    font-size: max(11px, 14 *(100vw / 2100));
    padding-left: max(5px, 5 *(100vw / 2100));
    margin-bottom: max(8px, 15 *(100vw / 2100));
  }
  .main-area span.rankingListInner__txt-btn{
    display: none;
  }

  /*========== PC NEW POST ==========*/
  .main-area .articleProductInfoList .articlePart__date,
  .main-area .articleProductInfoList:first-child .articlePart__date{
    position: relative;
  }
  .main-area .articleProductInfoList .articlePart__date::before{
    content: "";
    display: block;
    background: #000;
    width: max(1px, 2 *(100vw / 2100));
    height: max(10px, 13 *(100vw / 2100));
    position: absolute;
    top: 0;
    left: 0;
    /* pointer-events: none; */
  }
  .main-area .articleProductInfoList:first-child .articlePart__date::after{
    content: "NEW POST";
    display: block;
    font-size: max(10px, 14 *(100vw / 2100));
    letter-spacing: 0;
    color: #FF0000;
    position: absolute;
    top: 0;
    left: max(62px, 75 *(100vw / 2100));
    /* pointer-events: none; */
  }
  ul.list-ranking.articlePart__wrapper li {
    width: 20%;
  }

  /*========== hover-animation PC ==========*/
  .rankingListInner__cont-txt{
    font-size: max(10px, 11 *(100vw / 2100));
    line-height: 1.36363636;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
  }

  .rankingListInner__cont .rankingListInner__cont-img a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .rankingListInner__cont.js-credit .rankingListInner__cont-img{
    opacity: 50%;
  }
  .rankingListInner__cont.js-credit .rankingListInner__cont-txt{
    opacity: 1;
  }

  .rankingListInner__cont-img,
  .rankingListInner__cont .rankingListInner__cont-txt{
    transition: 0.5s;
  }
  .rankingListInner__cont-txt .product_txt {
    text-align: left;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
  }
  .rankingListInner__cont-txt .product_txt .txt .ttl {
    width: 18.5rem;
    text-align: left;
    line-height: 1.583333333333;
    margin: 0 0 max(12px, 8*(100vw / 2100)) 0;
    font-family: font-ja;
    letter-spacing: 0.02em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .rankingListInner__cont-txt .product_txt .product_price {
    font-size: max(12px, 14*(100vw / 2100));
    font-family: "roboto", sans-serif;
    font-weight: 500 !important;
  }
  .rankingListInner__cont-txt .product_txt .product_price p {
    font-weight: 500 !important;
  }
  .main-area.c-pager.ranking .pager {
    border-top: none;
  }
  .journal-archive .rank {
    font-size: 2.6rem;
    padding-left: 2rem;
  }

  /*========== PC fadein ==========*/
  .articlePart__wrapper li{
    opacity: 0;
    transition: 0.5s;
  }
  .articlePart__wrapper li:nth-child(1){
    transition-delay: 1s;
  }
  .articlePart__wrapper li:nth-child(2){
    transition-delay: 1.5s;
  }
  .articlePart__wrapper li:nth-child(3){
    transition-delay: 2s;
  }
  .articlePart__wrapper li:nth-child(4){
    transition-delay: 2.5s;
  }
  .articlePart__wrapper li:nth-child(5){
    transition-delay: 3s;
  }
  .articlePart__wrapper li.js-fadein{
    opacity: 1;
  }

  /*========== pagination ==========*/
  .main-area.c-pager .pageNumbers{
    top: 9%;
  }
}

/* PC */
@media screen and (min-width:768px) {
  .main-area .c-pager-inner {
    margin-top: 8.2rem; 
  }
  .rankingListInner__cont-img {
    margin-top: 1.2rem;
  }
  h2.c-pager-ttl.js-fade.spOnly.js-fadein {
    display: none;
  }
}


/*========== SP - レイアウト ==========*/
@media screen and (max-width: 767px) {
  .header .header-inner.js-header-remove {
    opacity: 1;
    visibility: visible;
  }
  h2.c-pager-ttl.js-fade.pcOnly.js-fadein {
    display: none;
  }
  .span.you_ttl {
    color: red;
  }
  .c-pager-ttl.js-fade.spOnly {
    background: #fff;
    font-size: calc(52 *(100vw /750));
    letter-spacing: 0.02em;
    font-feature-settings: "palt";
    line-height: 1.04;
    display: flex;
    flex-direction: column;
    text-align: left;
    /* position: fixed; */
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 10;
    padding-left: calc(40*(100vw / 750));
    padding-top: calc(160*(100vw / 750));
    border-bottom: 1px solid #000;
    padding-bottom: calc(27*(100vw / 750));
  }
  ul.list-ranking.articlePart__wrapper {
    width: calc(660 *(100vw /750));
    margin: 0 auto;
  }
  .ranking .rankingListInner__cont-img img {
    width: calc(660*(100vw / 750));
    max-height: calc(1024*(100vw / 750));
    height: 100vh;
    object-fit: cover;
    margin: 0 auto;
  }
  .ranking .c-pager-ttl .c-pager-ttl_sub {
    font-size: calc(18*(100vw / 750));
    margin-top: calc(43*(100vw / 750));
    letter-spacing: 0;
  }
  .ranking .c-pager-inner {
    padding-top: calc(0*(100vw / 750));
  }

  li.articleProductInfoList.articlePart__each.rankingListInner__cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  ul.list-ranking.articlePart__wrapper {
    width: calc(660*(100vw / 750));
    margin: 0 auto;
  }
  .ranking p.rank {
    order: 1;
    font-size: calc(56 *(100vw /750));
    letter-spacing: 0.02em;
    font-family:"Times New Roman", Times, serif;
  }
  .ranking .rankingListInner__cont-txt {
    order: 2;
  }
  .ranking .product_txt {
    width: calc(434*(100vw / 750));
    letter-spacing: 0.02em;
    margin-top: calc(20*(100vw / 750));
  }
  .ranking .rankingListInner__cont-txt .product_txt .txt p.ttl {
    font-family: font-ja;
    font-size: calc(20 *(100vw /750));
    text-overflow: ellipsis;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
  }

  .ranking .rankingListInner__cont-img {
    order: 3;
    margin-top: calc(14*(100vw / 750));
  }
  .ranking .product_price {
    display: none;
  }
  .ranking .journal-archive {
    margin-top: calc(57*(100vw / 750));
  }
  li.articleProductInfoList.articlePart__each.rankingListInner__cont:nth-of-type(1) {
    margin-top: 0;
  }
  li.articleProductInfoList.articlePart__each.rankingListInner__cont {
    margin-top: calc(90*(100vw / 750));
  }
  .rankingListInner__cont .rankingListInner__cont-img {
    position: relative;
  }
  .rankingListInner__cont .rankingListInner__cont-img a{
    width: calc(660*(100vw / 750));
    max-height: calc(1024*(100vw / 750));
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
  }

  /*========== SP fadein ==========*/
  .newin_fadein_sp {
    opacity: 0;
    transition-duration: 1.2s;
  }
  .newin_fadein_sp.active {
    opacity: 1;
  }

  /* .fadeinSP {
    opacity: 0;
    transition: opacity 1.6s;
  }
  .fadeinSP.fade-active {
    opacity: 1;
  } */

  /* footer */
  .footer {
    padding: calc(45*(100vw / 375)) 0 calc(10*(100vw / 375));
  }
}

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