@charset "UTF-8";
.articlelist {
  padding-bottom: 80px; }
  @media screen and (max-width: 750px) {
    .articlelist {
      padding-bottom: 8.6666666667vw; } }
  .articlelist .ttl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 290px;
    margin: auto;
    height: 250px; }
    @media screen and (max-width: 750px) {
      .articlelist .ttl {
        width: 62.9333333333vw;
        height: 44.2666666667vw; } }
    .articlelist .ttl .year {
      font-size: 3.0rem;
      font-weight: bold;
      line-height: 1;
      letter-spacing: 0.05em;
      margin-bottom: 10px;
      font-family: 'Barlow Semi Condensed', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif; }
      @media screen and (max-width: 750px) {
        .articlelist .ttl .year {
          font-size: 59px;
          font-size: 7.8666666667vw;
          margin-bottom: 2.6666666667vw; } }
    .articlelist .ttl .month {
      font-size: 8.0rem;
      font-weight: bold;
      line-height: 1;
      text-align: center;
      font-family: 'Barlow Semi Condensed', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif; }
      @media screen and (max-width: 750px) {
        .articlelist .ttl .month {
          font-size: 119px;
          font-size: 15.8666666667vw; } }
      .articlelist .ttl .month:after {
        display: block;
        content: '';
        height: 6px;
        background: linear-gradient(#B5D43D, #63AE2A);
        margin-top: 10px; }
        @media screen and (max-width: 750px) {
          .articlelist .ttl .month:after {
            height: 0.9333333333vw;
            margin-top: 2.6666666667vw; } }
    .articlelist .ttl .arrows {
      position: absolute;
      pointer-events: none;
      left: 0;
      top: 100px;
      width: 100%; }
      @media screen and (max-width: 750px) {
        .articlelist .ttl .arrows {
          top: 20vw; } }
    .articlelist .ttl .prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: url("../images/event/calendar-prev.svg") 0 0 no-repeat;
      background-size: 100% auto;
      cursor: pointer;
      pointer-events: auto; }
      @media screen and (max-width: 750px) {
        .articlelist .ttl .prev {
          width: 10.4vw;
          height: 10.4vw; } }
      .articlelist .ttl .prev.calender_prev_disabled {
        background-image: url("../images/event/calendar-prev-off.svg");
        cursor: default;
        pointer-events: none; }
    .articlelist .ttl .next {
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: url("../images/event/calendar-next.svg") 0 0 no-repeat;
      background-size: 100% auto;
      cursor: pointer;
      pointer-events: auto; }
      @media screen and (max-width: 750px) {
        .articlelist .ttl .next {
          width: 10.4vw;
          height: 10.4vw; } }
      .articlelist .ttl .next.calender_next_disabled {
        background-image: url("../images/event/calendar-next-off.svg");
        cursor: default;
        pointer-events: none; }
  .articlelist .no-data-txt {
    text-align: center;
    margin-bottom: 60px; }

/*# sourceMappingURL=event.css.map */