@charset "UTF-8";
/*-------------------------------------------------------
BASE
-------------------------------------------------------*/
/*
@include custom_max(1440){
  width: calc(100 / 1440 * 100vw);
}
*/
/*-------------------------------------------------------
MODULE
-------------------------------------------------------*/
.is-pc {
  display: inline-block; }
  @media screen and (max-width: 750px) {
    .is-pc {
      display: none; } }

.is-pc-tablet {
  display: inline-block; }
  @media screen and (max-width: 1024px) {
    .is-pc-tablet {
      display: none; } }

.is-tablet {
  display: none; }
  @media screen and (max-width: 1024px) {
    .is-tablet {
      display: inline-block; } }

.is-tablet-sp {
  display: none; }
  @media screen and (max-width: 1024px) {
    .is-tablet-sp {
      display: inline-block; } }
  @media screen and (max-width: 750px) {
    .is-tablet-sp {
      display: none; } }

.is-sp {
  display: none; }
  @media screen and (max-width: 750px) {
    .is-sp {
      display: inline-block; } }

.is-sp320 {
  display: none; }
  @media screen and (max-width: 320px) {
    .is-sp320 {
      display: inline-block; } }

/*-------------------------------------------------------
PAGE
-------------------------------------------------------*/
.box_content .content_items {
  position: relative;
  padding: 66px 0 88px;
  box-sizing: border-box; }
  @media screen and (max-width: 641px) {
    .box_content .content_items {
      padding: 9% 6% 8vw; } }
  .box_content .content_items::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #F2F3F4; }
  .box_content .content_items .detailBtn {
    position: relative;
    margin-top: 60px;
    text-align: center; }
    @media screen and (max-width: 641px) {
      .box_content .content_items .detailBtn {
        margin-top: 30px; } }
    .box_content .content_items .detailBtn a {
      position: relative;
      display: inline-block;
      padding: 10px 40px 10px 22px;
      text-decoration: none;
      font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", MS PMincho, serif;
      color: #fff;
      background: #000;
      box-sizing: border-box;
      transition: .39s; }
      .box_content .content_items .detailBtn a::before {
        position: absolute;
        right: 22px;
        top: calc(50% - 3px);
        content: "";
        width: 6px;
        height: 6px;
        border-left: solid 1px #fff;
        border-top: solid 1px #fff;
        transform: rotate(135deg); }
      .box_content .content_items .detailBtn a:hover {
        opacity: .66; }
  .box_content .content_items .noEventMessage {
    position: relative; }
  .box_content .content_items .flexBox {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .box_content .content_items .flexBox .setBox {
      position: relative;
      width: 30.5%;
      margin-right: 4.25%;
      background: #fff; }
      @media screen and (max-width: 641px) {
        .box_content .content_items .flexBox .setBox {
          width: 100%;
          margin-right: 0; } }
      .box_content .content_items .flexBox .setBox:nth-of-type(3n) {
        margin-right: 0; }
      .box_content .content_items .flexBox .setBox:nth-of-type(n+4) {
        margin-top: 6%; }
      @media screen and (max-width: 641px) {
        .box_content .content_items .flexBox .setBox:nth-of-type(n+2) {
          margin-top: 9%; } }
      .box_content .content_items .flexBox .setBox a {
        display: block;
        width: 100%;
        height: 100%;
        color: #000;
        text-decoration: none;
        transition: .39s; }
        .box_content .content_items .flexBox .setBox a:hover {
          opacity: .66; }
        .box_content .content_items .flexBox .setBox a figure {
          aspect-ratio: 3 / 2;
          margin: 0;
          line-height: 0;
          background: #000; }
          .box_content .content_items .flexBox .setBox a figure img {
            object-fit: cover;
            width: 100%;
            height: 100%; }
        .box_content .content_items .flexBox .setBox a .setBox__txt {
          padding: 20px 20px 30px;
          box-sizing: border-box;
          font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", MS PMincho, serif; }
          .box_content .content_items .flexBox .setBox a .setBox__txt .dateBox {
            margin: 0; }
            .box_content .content_items .flexBox .setBox a .setBox__txt .dateBox span {
              padding: 3px 4px;
              font-size: 14px;
              line-height: 1;
              color: #fff;
              box-sizing: border-box; }
              @media screen and (max-width: 641px) {
                .box_content .content_items .flexBox .setBox a .setBox__txt .dateBox span {
                  font-size: 13px; } }
              .box_content .content_items .flexBox .setBox a .setBox__txt .dateBox span.icoBefore {
                color: #064324;
                font-weight: 700;
                border: 1px solid #064324; }
              .box_content .content_items .flexBox .setBox a .setBox__txt .dateBox span.icoOpen {
                background: #064324;
                border: 1px solid #064324; }
              .box_content .content_items .flexBox .setBox a .setBox__txt .dateBox span.icoClosed {
                background: #c61628;
                border: 1px solid #c61628; }
          .box_content .content_items .flexBox .setBox a .setBox__txt h4 {
            min-height: 62px;
            margin: 12px 0 0;
            text-align: justify;
            font-size: 17px;
            font-weight: 500;
            line-height: 1.8;
            letter-spacing: .06em; }
            @media screen and (max-width: 641px) {
              .box_content .content_items .flexBox .setBox a .setBox__txt h4 {
                min-height: auto;
                font-size: 15px; } }
            .box_content .content_items .flexBox .setBox a .setBox__txt h4:first-letter {
              color: inherit; }
          .box_content .content_items .flexBox .setBox a .setBox__txt dl {
            display: flex;
            align-items: flex-start;
            margin-top: 12px; }
            .box_content .content_items .flexBox .setBox a .setBox__txt dl dt {
              width: 4em;
              line-height: 1.6; }
            .box_content .content_items .flexBox .setBox a .setBox__txt dl dd {
              width: calc(100% - 4em);
              line-height: 1.6; }
  .box_content .content_items .wp-pagenavi {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 66px; }
    @media screen and (max-width: 641px) {
      .box_content .content_items .wp-pagenavi {
        margin-top: 30px; } }
    .box_content .content_items .wp-pagenavi .pages,
    .box_content .content_items .wp-pagenavi .first,
    .box_content .content_items .wp-pagenavi .last {
      display: none; }
    .box_content .content_items .wp-pagenavi span,
    .box_content .content_items .wp-pagenavi a {
      width: 36px;
      margin: 0 7px;
      padding: 0;
      text-decoration: none;
      text-align: center;
      font-family: "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 36px;
      color: #000;
      background: #fff;
      border: none;
      border-radius: 50%;
      box-sizing: border-box; }
      @media screen and (max-width: 641px) {
        .box_content .content_items .wp-pagenavi span,
        .box_content .content_items .wp-pagenavi a {
          width: 28px;
          margin: 0 7px;
          font-size: 12px;
          line-height: 28px; } }
    .box_content .content_items .wp-pagenavi .current,
    .box_content .content_items .wp-pagenavi a:hover {
      opacity: 1;
      color: #fff;
      background: #000; }
    .box_content .content_items .wp-pagenavi a[rel="prev"],
    .box_content .content_items .wp-pagenavi a[rel="next"] {
      position: relative;
      height: 36px; }
      @media screen and (max-width: 641px) {
        .box_content .content_items .wp-pagenavi a[rel="prev"],
        .box_content .content_items .wp-pagenavi a[rel="next"] {
          height: 28px; } }
      .box_content .content_items .wp-pagenavi a[rel="prev"]::before,
      .box_content .content_items .wp-pagenavi a[rel="next"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-40%, -50%);
        transform-origin: center;
        width: 7px;
        height: 14px;
        background: url("../images/event/nav_arr_next.svg") center/100% auto no-repeat; }
        @media screen and (max-width: 641px) {
          .box_content .content_items .wp-pagenavi a[rel="prev"]::before,
          .box_content .content_items .wp-pagenavi a[rel="next"]::before {
            width: 5px;
            height: 12px; } }
      .box_content .content_items .wp-pagenavi a[rel="prev"]:hover,
      .box_content .content_items .wp-pagenavi a[rel="next"]:hover {
        color: #000;
        background: none; }
    .box_content .content_items .wp-pagenavi a[rel="prev"] {
      background: none; }
      .box_content .content_items .wp-pagenavi a[rel="prev"]::before {
        opacity: .5;
        transform: translate(-60%, -50%) scale(-1, 1); }
    .box_content .content_items .wp-pagenavi a[rel="next"] {
      background: none; }