@charset "UTF-8";

.ir-news_box {
  display:flex;
}
@media (min-width:1024px) {
  .ir-news_box {
    gap:.30rem;
  }
  .ir-news_box-item:nth-child(2n+1) {
    width:calc(100% / 3 - .30rem * 2 / 3);
  }
  .ir-news_box-item:nth-child(2n+2) {
    width:calc((100% / 3 - .30rem * 2 / 3) * 2 + .30rem);
  }
}
@media (max-width:1023px) {
  .ir-news_box {
    flex-direction: column;
  }
  .ir-news_box-item {
    display:contents;
  }
  .ir-news_box-item-link {
    order:3;
    margin-block-start:.40rem;
  }
}

.ir-contents {
  margin-block-start:2.20rem;
  padding-block-start: 1px;
}
.ir-contents_inner {
  margin-block-start:-1.5rem;
}
@media (max-width:1023px) {
  .ir-contents {
    margin-block-start:1.72rem;
  }
  .ir-contents_inner {
    margin-block-start:-1.20rem;
  }
}


.ir-contents-links {
  display:flex;
  gap:.24rem;
  margin-block-start:.80rem;
}
.ir-contents-links-item {
  display:flex;
  align-items: center;
  border-radius: .20rem;
  padding-inline:.25rem;
  border:1px solid var(--main-color-blue);
  height:1.34rem;
  font-size:.20rem;
  font-weight:700;
  letter-spacing: .05em;
  line-height:1.5;
  background-color:var(--main-color-blue);
  color:#fff;
  transition-property: background-color,color;
  transition-duration: var(--hover-duration-A);
}
.ir-contents-links-item.-movie {
  gap:.28rem;
}
.no-touchevents .ir-contents-links-item:hover {
  background-color:var(--bg-color-gray-A);
  color:var(--main-color-blue);
}
.ir-contents-links-item:not(.-movie) {
  justify-content: center;
}
.ir-contents-links-item:not(.-movie)::after {
  flex-shrink: 0;
  content:"";
  display:inline-block;
  margin-inline-start:.5em;
  width:.16rem;
  height:.16rem;
  background-image:url(/common/img/icon-link-arrow-A.svg);
  background-size:contain;
  filter:brightness(5);
  transition:filter var(--hover-duration-A);
}
.no-touchevents .ir-contents-links-item:hover:not(.-movie)::after {
  filter:brightness(1);
}
@media (min-width:1024px) {
  .ir-contents-links {
  }
  .ir-contents-links-item {
    flex:1;
  }
}
@media (max-width:1023px) {
  .ir-contents-links {
    flex-direction: column;
    gap:.20rem;
    margin-block-start:.50rem;
  }
  .ir-contents-links-item {
    height:2.00rem;
  }
  .ir-contents-links-item.-movie {
    flex-direction: column;
    justify-content: center;
    gap:.08rem;
    text-align: center;
  }
}