@charset "utf-8";
/* font-family: 'Noto Sans JP', sans-serif; */
@font-face {
    font-family: "BLG Hudson";
    src: url(../font/bleage_font.ttf);
}

.tick {
  font-size:1rem; white-space:nowrap; font-family:arial,sans-serif;
  font-family: "BLG Hudson";
  text-align: center;
  padding: 0 10px;
}
@media screen and (min-width: 700px) {
  .tick {
    padding: 10px 0 0 0;
  }
}

.tick-flip,.tick-text-inline {
  font-family: "BLG Hudson";
  font-size:2rem;
}
@media screen and (min-width: 400px) {
  .tick-flip,.tick-text-inline {
    font-size:2.2rem;
  }
}
@media screen and (min-width: 450px) {
  .tick-flip,.tick-text-inline {
    font-size:2.55rem;
  }
}
@media screen and (min-width: 500px) {
  .tick-flip,.tick-text-inline {
    font-size:2.9rem;
  }
}
@media screen and (min-width: 550px) {
  .tick-flip,.tick-text-inline {
    font-size:3.2rem;
  }
}
@media screen and (min-width: 600px) {
  .tick-flip,.tick-text-inline {
    font-size:3.6rem;
  }
}
@media screen and (min-width: 650px) {
  .tick-flip,.tick-text-inline {
    font-size:3.97rem;
  }
}
@media screen and (min-width: 700px) {
.tick-flip,.tick-text-inline {
  font-family: "BLG Hudson";
  font-size:2.5em;
}
}

.tick-label {
  margin-top:1em;font-size:1em;
}

.tick-char {
  width:1.5em;
}

.tick-text-inline {
  display:inline-block;text-align:center;min-width:1em;
}

.tick-text-inline+.tick-text-inline {
  margin-left:-.325em;
}

.tick-group {
  margin:0 .5em;text-align:center;
}
@media screen and (min-width: 700px) {
  .tick-group {
    margin:0 .3em;text-align:center;
  }
}
.tick-group:nth-child(4){
  margin-right: 0;
}
.tick-group:nth-child(1){
  margin-left: 0;
}
body {
   /* background-color: rgb(255, 255, 255) !important;  */
}

.tick-text-inline {
   color:rgb(151, 0, 0) !important; 
}

.tick-label {
   color: rgb(151, 0, 0) !important; 
}

.tick-flip-panel {
   color: rgb(151, 0, 0) !important; 
   font-family: "BLG Hudson";
}

.tick-flip {
   font-family:clearsans-regular, sans-serif !important; 
}

.tick-flip-panel-text-wrapper {
   line-height: 1.45 !important; 
}

.tick-flip-panel {
   background-color: rgb(255, 255, 255) !important; 
}

.tick-flip {
   border-radius:0px !important; 
}
.tick-credits{
  display: none;
}
.tick-flip-shadow{

}
.tick-flip-shadow{
  box-shadow: 0 .125em .3125em rgba(0, 0, 0, 0.04), 0 .02125em .06125em rgba(0, 0, 0, 0.04);
}







/* ======================== */

.count-ttl-item{

}
.count-date{
  font-family: "BLG Hudson";
  font-size: 1.66rem;
}
@media screen and (min-width: 700px) {
  .count-date{
    font-family: "BLG Hudson";
    font-size: 3.2rem;
  }
}
.count-ttl{
  font-family: "BLG Hudson";
  font-size: 1.12rem;
}
@media screen and (min-width: 700px) {
  .count-ttl{
    font-size:2.1rem;
  }
}
.count-contents{
  display: flex;
  justify-content: space-between;
  padding: 10px 10px;
}
@media screen and (min-width: 700px) {
  .count-contents{
    padding: 0px 0px;
  }
}
.count-vs{
  font-family: "BLG Hudson";
  text-align: center;

}
@media screen and (min-width: 700px) {
  .count-vs{
    font-size: 1.6rem;
  }
}
.count-logo{
  width: 30px;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 700px) {
  .count-logo{
    width: 55px;
  }
}
.count-game{
  display: grid;
  grid-template-columns: 1fr 30px 1fr;
  align-items: center;
}
@media screen and (min-width: 700px) {
  .count-game{
  grid-template-columns: 1fr 50px 1fr;
  }
}
.count-item p{
  text-align: center;
  font-family: ヒラギノ角ゴ pro w3,Hiragino Kaku Gothic Pro,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,sans-serif;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt";
  font-size: 0.7rem;
}
@media screen and (min-width: 700px) {
  .count-item p{
  font-size:1.2rem;
  padding-top: 5px;
  }
}
.count-sponser{
  font-family: ヒラギノ角ゴ pro w3,Hiragino Kaku Gothic Pro,游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,sans-serif;
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "palt";
  font-size: 1rem;
}
@media screen and (min-width: 700px) {
  .count-sponser{
    font-size: 1.9rem;
  }
}
.count-wrapper{
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  /* padding: 20px; */
  margin-top: 20px;
  padding-bottom: 10px;
  color: black !important;
}

@media screen and (min-width: 700px) {
  .count-wrapper{
    max-width: 910px;
    padding:20px 20px 20px 20px;
  }
}
.count-tick{
  cursor: pointer !important;

}

.tick-group{
  cursor: pointer !important;
}
.tick{
  cursor: pointer !important;

}