@charset "UTF-8";
/*イベント終了通知用*/
/*///使い方////*/
/*1.イベント終了通知を表示したいところのclass名に「end-event」と「フォルダ名-end-event」を追加*/
/*2.「../end-event/css/end-event.css」を読み込ませる*/
/*3.beforeとafterの大きさと位置を調節する*/
/*4.2つ以上表示させる必要がある場合は、「フォルダ名-end-event-mv」「フォルダ名-end-event-con1」などにして各位置を調節してください*/
/*sango35339を参考にしてください*/
/*ベースのcss*/
.end-event {
  position: relative;
}
.end-event:before, .end-event:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0.005turn);
          transform: translate(-50%, -50%) rotate(0.005turn);
}
.end-event:before {
  content: "本イベントは終了しました";
  color: #fff;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  z-index: 2;
  width: 100%;
  font-size: 200%;
}
.end-event:after {
  content: "";
  position: absolute;
  background-color: rgba(51, 51, 51, 0.8);
  z-index: 1;
  width: 80%;
  height: 80%;
}

/*ベースのcss*/
/*260116追記_sango35339イベント終了*/
.sango35339-end-event-mv::after {
  width: 50rem;
  height: 10%;
}
.sango35339-end-event-mv:before, .sango35339-end-event-mv:after {
  top: 85%;
}
@media only screen and (max-width: 768px) {
  .sango35339-end-event-mv::after {
    max-width: 25rem;
  }
  .sango35339-end-event-mv:before {
    font-size: 150%;
  }
}
@media only screen and (max-width: 425px) {
  .sango35339-end-event-mv:before, .sango35339-end-event-mv:after {
    top: 82%;
  }
  .sango35339-end-event-mv::after {
    max-width: 18rem;
    height: 15%;
  }
}

/*260116追記_sango35339イベント終了*/
/*260116追記_salomengo39イベント終了*/
.salomengo39-end-event-mv::after {
  width: 50rem;
  height: 5%;
}
.salomengo39-end-event-mv:before, .salomengo39-end-event-mv:after {
  top: 63%;
}
@media only screen and (max-width: 768px) {
  .salomengo39-end-event-mv::after {
    max-width: 30rem;
  }
  .salomengo39-end-event-mv:before {
    font-size: 150%;
  }
}
@media only screen and (max-width: 425px) {
  .salomengo39-end-event-mv:before, .salomengo39-end-event-mv:after {
    top: 62%;
  }
  .salomengo39-end-event-mv::after {
    max-width: 19rem;
    height: 8%;
  }
}

/*260116追記_salomengo39イベント終了*/
/*260116追記_pokemonイベント終了*/
.pokemon-end-event-h4::after {
  width: 50rem;
  height: 100%;
}
.pokemon-end-event-h4:before, .pokemon-end-event-h4:after {
  top: -20%;
}
@media only screen and (max-width: 768px) {
  .pokemon-end-event-h4::after {
    max-width: 30rem;
  }
  .pokemon-end-event-h4:before {
    font-size: 150%;
  }
}
@media only screen and (max-width: 425px) {
  .pokemon-end-event-h4::after {
    max-width: 19rem;
  }
  .pokemon-end-event-h4:before {
    font-size: 120%;
  }
}

/*260116追記_pokemonイベント終了*/
/*260116追記_tank-top-festival2025イベント終了*/
.tank-top-festival2025-end-event-mv::after {
  width: 30rem;
  height: 10%;
}
.tank-top-festival2025-end-event-mv:before, .tank-top-festival2025-end-event-mv:after {
  top: 101%;
}
@media only screen and (max-width: 768px) {
  .tank-top-festival2025-end-event-mv::after {
    max-width: 25rem;
    height: 12%;
  }
  .tank-top-festival2025-end-event-mv:before {
    font-size: 150%;
  }
}
@media only screen and (max-width: 425px) {
  .tank-top-festival2025-end-event-mv::after {
    max-width: 10rem;
  }
  .tank-top-festival2025-end-event-mv:before {
    font-size: 60%;
  }
}
.tank-top-festival2025-end-event-data::after {
  width: 100%;
  height: 100%;
}
.tank-top-festival2025-end-event-data:before, .tank-top-festival2025-end-event-data:after {
  top: -30%;
}
.tank-top-festival2025-end-event-data:before {
  font-size: 100%;
}

/*260116追記_tank-top-festival2025イベント終了*/
/*260401追記_spring2026イベント終了*/
.spring2026-end-event::before {
  font-size: 150%;
}
.spring2026-end-event::after {
  width: 30rem;
  height: 10%;
}
.spring2026-end-event::before, .spring2026-end-event::after {
  top: 58%;
}
@media only screen and (max-width: 425px) {
  .spring2026-end-event::before {
    font-size: 90%;
  }
  .spring2026-end-event::after {
    width: 10rem;
    height: 8%;
  }
  .spring2026-end-event::before, .spring2026-end-event::after {
    top: 57%;
  }
}

/*260401追記_spring2026イベント終了*/