.main_catch{
  position:absolute;
top: -20%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
  text-align: center;
  font-size:1.5rem;
  text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 8px #000,0px 0px 8px #000,0px 0px 8px #000,0px 0px 8px #000;
  font-family: serif;
  margin-bottom: 20px;
  line-height:1.8rem;
  color:#fff;
  width:600px;

}
@media only screen and (max-width: 768px) {
.main_catch{
  font-size:1rem;
  margin-bottom: 20px;
  line-height:1.8rem;
  width:100%;
  max-width:390px;
}
}

.btmoji{
  font-family: 'Noto Sans JP', sans-serif;
  color:red;
  font-size:1.5rem;
  font-weight:bold;
}

.mazu{
  text-align: center;
  font-size:2rem;
  text-shadow:0px 0px 3px #ff0000,0px 0px 8px #ee3333;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 50px;
  line-height:3rem;
}

.nyujo{
  font-size:1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 80px;
}

.pclass{
  margin-bottom: 40px;
  font-size:1.1em;
  background:#000;
  border:solid 1px #464646;
  color:#D7D7D7;
  padding:20px;
}

.pclass_title{
  font-size:1.5rem;
  font-family: 'Noto Sans JP', sans-serif;
}

.pclass_setsu{
  font-size:0.8rem;
  margin-top:30px;
}

.pclass_en{
  font-size:1.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  background:#001168;
  padding:10px;
  margin-bottom: 30px;
}




.first{
  height: 100vh;
}
.swiper-container.firstSwiper{
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh; 
}
.firstSwiper .swiper-wrapper{
  width:100%;
  height:100vh;  
}
.firstSwiper .swiper-slide{
  width:100%;
  height:100vh; 
  background-size:cover;
  background-position: center center; 
}
.navbar-header {
float: none;
}


body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000000;
  line-height:25px;
  background-color:#FFFFFF;
  }

span{
  display: inline-block;
  }

img{
  width: 100%;
  }

.video{
position:relative;
width:100%;
padding-top:56.25%;
margin-bottom: 30px;

}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;

}

footer{
text-align: center;
font-size:0.8em;
letter-spacing: 1px;
opacity:0.8;
}

@font-face{
font-family: 'slickerweb';
src: url('SLICKER.TTF') format("truetype");
}

.titleen{
  text-align: center;
  font-size:3.2em;
  margin-top:80px;
  margin-bottom:5px;
  font-family: slickerweb;
  letter-spacing: 0.1em;
  line-height: 1em;
  text-shadow: 3px 3px 3px rgba(0,0,0,0.8);
}

.titlejp{
  text-align: center;
  margin-bottom:70px;
  text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
@media screen and (max-width:768px) { 
.titleen{
  font-size:2.2em;
}
.titlejp{
  font-size:1em;
}
}




.menuen{
  font-family: 'Noto Sans JP', sans-serif;
  font-size:1.3em;
  margin-right:3vw;
  margin-left:3vw;
  margin-top:10px;
      text-align: center;
}
.menuensp{
  font-family: 'Noto Sans JP', sans-serif;
  font-size:1em;
  margin-right:0.5vw;
  margin-left:0.5vw;
  margin-top:10px;
  line-height: 1.2em;
  text-align: center;
}

.menujp{
  text-align: center;
  font-size:0.6em;
}
.menujpsp{
  text-align: center;
  font-size:0.3em;
  line-height: 1.2em;
  margin-top:5px;
}

.divblack{
  background-color: rgba(0,0,0,0.9);
  color:white;
  padding-bottom:50px;
}
.divintro{
  background-color: rgba(29, 29, 29, 0.9);
  color:rgb(255, 255, 255);
  padding-bottom:50px;
}
.divwhite{
  background-color: rgba(40,40,40,0.9);
  background-image: url("../img-a/bg_entry.jpg");
  background-repeat:no-repeat;
  background-position: top center; 
  background-size: cover;
  color:white;
  padding-bottom:50px;
}

@media (max-width:480px){
  .divwhite{
      background-image: url("../img-a/bg_entry_sp.jpg");
  }
}

.footerlogo{
  text-align: center;
  padding:30px 0 30px;
}

.dricap{
  text-align: center;
  margin:10px 0px;
}

.nanbu{
font-size:1.3em;
background: black;
height: 50px;
line-height:50px;
margin-bottom: 10px;
}


.tanso {
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFF;
background: rgba(215,0,15,0.6);
border: solid 1px rgba(215,0,15,1);/*線色*/
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  margin-top: 30px;
}

.movi p{
    position: relative;
display: inline-block;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFF;
background: rgba(64,64,64,1);
border: solid 1px rgba(0,0,0,1);/*線色*/
border-radius: 4px;
  margin-bottom: 5px;
  width:100%;
  text-align: center;
}

.gallery div{
  margin-bottom: 30px;
}
@media only screen and (max-width: 576px) {
.gallery div{
  margin-bottom: 15px;
}}

row-eq-height{
  display: flex;
  flex-wrap: wrap;
}

.h100 div{
  display:inline-block;
  overflow: hidden;
  height:15vw;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
.h100 div{
  height:26vw;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.h100 div{
  height:20vw;
}
}

.first img,
.first p{
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
transition-duration: 0.4s;
}

.first a img:hover{
filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.6));
opacity: 0.6;

transition-duration: 0.4s;
}



.manaka{
  left: 50%;
  position: absolute;
  top: 50%;
}
.trance{
transform: translate(-50%,-50%);
width:110%;
}

@media only screen and (max-width: 768px) {
.trance{
width:180%;
}
}

.sankaku{
  font-size:1.8em;
  color:red;
  filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.6));
  margin-bottom:10px;
}

.sannon{
  font-size:1.8em;
  color:red;
  opacity: 0;
  filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.6));
  margin-bottom:10px;
}

.comeobi{
  margin-bottom:80px;
  font-size:1.1em;
  border:solid 1px #D7D7D7;
  color:#D7D7D7;
  padding:5px;
}

.oshirase{
  display:inline-block;
  width:100%;
  max-width:500px;
  margin:0 auto;
  background:white;
  color:red;
  padding:30px;
  margin-top:50px;
  border:solid 2px red;
}
.table{
  font-size:0.9rem;
}



.linkBtn-box{
display:flex;
justify-content:center;
max-width:630px;
margin:0 auto;
margin-bottom:40px;
}
.linkBtn-box > div{
flex:none;
}
@media (max-width:767px){
.linkBtn-box{
  margin:0 -15px;
  margin-bottom:40px;
} 
}
@media (max-width:480px){
.linkBtn-box{
  margin:0 -1vw;
  margin-bottom:40px;
} 
.linkBtn-box > div{
  flex:none;
  padding:0 1vw;
}
}


#information iframe{
display:block;
height:500px;
background-color:#fff;
}
#information .newsBox-inner{
background-color:#fff;
padding:1rem 0.5rem;
}
#information .info-title{
text-align:center;
}
#information .info-title h3{
display:inline-block;
color:#f00;
font-weight:bold;
border-bottom:2px solid #f00;
margin:1rem 0;
}
#information .info-block .news-box,
#information .info-block .twitter-box{
margin-bottom:60px;
}

#information .link_icons{
display:flex;
margin:0 auto;
}
#information .link_icons .image{
padding:0 1rem;
}
@media (max-width:480px){
#information iframe{
  height:300px !important;
}
#information #twitter-widget-0{
  height:400px !important;
}
#information .link_icons .image{
  max-width: 6rem;
}
}




.div_table{

}
.div_table .tbody{
/*   display:table-row-group; */
}

.div_table .tr{
display:flex;
border-top:1px solid #dee2e6
}
.div_table .td{
padding:0.75rem 0;
}
.div_table .td:nth-child(1){
width:30%;
}
.div_table .td:nth-child(2){
width:55%;
}
.div_table .th:nth-child(3){
width:25%;
}


.div_table{
width:100%;
}
.div_table .btn-tr{
border-top:none;
}
.div_table .btn-tr .td{
width:100%;
padding-top:0.4rem;
}
.btn-box{
display:flex;
margin:0 -0.5rem;
}
.btn-box a{
flex-grow:1;
margin:0 0.5rem;
display:block;
background-color:#ffe200;
color:#000;
font-weight:bold;
padding: 0rem 1rem;
border-radius:1rem;
text-align:center;
line-height: 2rem;
min-height: 2rem;
}

.btn-box2 a{
display:block;
width:100%;
text-align:center;
background-color:#ffe200;
font-weight: bold;
color: #000;
border-radius: 100px;
margin:5px 0; 
padding:3px 0;
}

.btn-box a:hover{
}

@media (max-width:480px){
.div_table .tr{
  display:flex;
  flex-wrap:wrap;
}
.div_table .tr{
  padding:0.75rem 0;
}
.div_table .btn-tr{
  padding-top:0;
}
.div_table .btn-tr .td{
  padding:0;
}
.div_table .td{
  padding:0;
}
.div_table .td:nth-child(1){
  width:100%;
}
.div_table .td:nth-child(2){
  width:80%;
}
.div_table .th:nth-child(3){
  width:15%;
}
.btn-box{
  margin:0 -0.25rem;
}
.btn-box a{
  margin:0 0.25rem;
  padding: 0rem 0.5rem;
  font-size:0.8rem;
}
}









.loading_area{
  overflow:hidden;
  transition:height 0.5s ease;
}
[data-reporttoggle="close"] + .loading_area{
  height:0px !important;
}




.race_split {
  background-color: #940000;
  margin-left: -30px;
  margin-right: -30px;
  font-family: Helvetica,sans-serif;
  font-weight: bold;
  margin-bottom: 0.5rem;
  position:relative;
}
.blue .race_split{
  background-color:#2421A5;
}
.race_split:after{
  content:attr(data-detail);
  position:absolute;
  right:2.5rem;
  top:50%;
  transform:translateY(-50%);
}
.race_split:before{
  content:"";
  position:absolute;
  right:0.5rem;
  top:50%;
  transform:translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8rem 0 0.8rem 1.5rem;
  border-color: transparent transparent transparent #fff;
  transition:transform 0.5s ease;
}
@media (max-width:480px){
  .race_split:before,
  .race_split:after{
    top:auto;
    bottom:0;
  }
}

[data-reporttoggle="open"] > .race_split:after{
  content:"";
}
[data-reporttoggle="open"] > .race_split:before{
  transform:translateY(-50%) rotate(90deg);
}



.race_block{
  margin-top: 1.5rem; 
  margin-bottom: 1.5rem;
}

.race_split h3 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: inherit;
  width: 100%;
}

.race_title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.7rem 15px;
}

.race_number {
  color: #ffd300;
  margin-right: 0.5rem;
}

.race_date {
  font-size: 1rem;
  letter-spacing: 1.5px;
  /* margin-left:1rem; */
}

@media (min-width: 767px) {
  .race_block {
      margin-top: 3rem;
      margin-bottom: 3rem;
  }

  .race_split h3 {
      /* margin: 0.5rem 0; */
      font-size: 2rem;
  }

  .race_number {
      margin-right: 0.5rem;
  }

  .race_date {
      font-size: 1.5rem;
      letter-spacing: 1.5px;
      /* margin-left:1rem; */
  }
}

@media (min-width: 991px) {
  .race_block {
      margin-top: 3rem;
      margin-bottom: 5rem;
  }

  .race_split h3 {
      /* margin: 0.5rem 0; */
      font-size: 2rem;
      width: auto;
  }

  .race_number {
      margin-right: 0.5rem;
  }

  .race_date {
      font-size: 1.5rem;
      letter-spacing: 1.5px;
      margin-left: 1rem;
  }
}

#result .col-md-6 ~ .col-md-6 {
  /* margin-top: 3rem; */
}

.gallery-title, .race_en-title {
  font-family: Helvetica,sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  background-color: #333333;
  padding: 0 1rem;
  line-height: 1.35;
}

.race_en-title {
  width: calc(100% - 25px);
}

.race_ja-title {
  font-weight: 800;
  font-size: 1rem;
  padding: 0 1rem;
  line-height: 1.5;
  position: relative;
}

.race-row {
  position: relative;
  margin-top: 2rem;
}

.race-row a{
color:#fff;
}

.race-row:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background-image: url(../img-a/img_01.png);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}

@media (min-width: 767px) {
  .gallery-title, .race_en-title {
      font-size: 1rem;
      padding: 0 1.5rem;
      line-height: 1.35;
  }

  .race_ja-title {
      font-size: 1rem;
      padding: 0 1.5rem;
      line-height: 1.5;
  }

  .race-row:first-child {
      margin-top: 0.7rem;
  }
  .race-row {
      margin-top: 1.5rem;
  }

  .race-row:after {
      width: 55px;
      height: 55px;
  }

  #result .col-md-6 ~ .col-md-6 {
      margin-top: 0rem;
  }
}

@media (min-width: 991px) {
  .gallery-title, .race_en-title {
      font-size: 1.25rem;
      padding: 0 1.5rem;
      line-height: 1.35;
  }

  .race_ja-title {
      font-size: 1.5rem;
      padding: 0 1.5rem;
      line-height: 1.5;
  }

  .race-row:first-child {
      margin-top: 1.2rem;
  }
  .race-row {
      margin-top: 2rem;
  }

  .race-row:after {
      width: 63px;
      height: 63px;
  }
}

.race_gallery {
  margin-top:3rem;
  margin-bottom:3rem;
}

.gallery-wrap {
  position: relative;
  overflow: hidden;
  transition: height 0.5s ease;
}
.gallery-box{
  display:flex;
  flex-wrap:wrap;
  margin:0 -0.5rem;
}
.gallery-box .flex-item{
  width:calc((100% / 2) * 1 - 0.01px);
  padding:0 0.5rem;
  margin-top:1rem;
}

.gallery-btn {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: visible;
  background: linear-gradient(180deg, rgba(9,14,16,0) 0%, rgba(9,14,16,0.45) 15%, rgba(9,14,16,0.75) 35%, rgba(9,14,16,0.9) 55%, rgba(3,3,3,1) 85%);
  transition: height 0.5s ease;
}

.gallery-btn .image {
  display: inline-block;
}

.gallery-btn a {
  cursor: pointer;
}

.gallery-btn .image img {
  transform: rotate(90deg);
  transition: transform 0.5s ease;
  width: 70px;
  height: 70px;
}

.gallery_btn-space {
  transition: height 0.5s ease;
}

[data-toggle="open"] .gallery-btn {
  height: 0;
}

[data-toggle="open"] .gallery-btn .image img {
  transform: rotate(-90deg);
}

[data-toggle="close"].gallery-wrap {
  height: 355px !important;
}

[data-toggle="close"] + .gallery_btn-space {
  height: 63px;
}

@media (min-width: 767px) {
  .race_gallery {
      /* margin: 5rem 0; */
  }

  .gallery-box .flex-item{
    width:calc((100% / 3) * 1 - 0.01px);
    padding:0 0.5rem;
    margin-top:1rem;
}

  .gallery-btn {
      width: 100%;
      height: 200px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
  }

  [data-toggle="close"].gallery-wrap {
      /* height: 350px !important; */
  }

  [data-toggle="close"] + .gallery_btn-space {
      height: 63px;
  }
}

@media (min-width: 991px) {
  .race_gallery {
      /* margin: 5rem 0; */
      margin-top: 5rem;
      margin-bottom: 5rem;
  }

  .gallery-box .flex-item{
    width:calc((100% / 5) * 1 - 0.01px);
    padding:0 0.5rem;
    margin-top:1rem;
}

  .gallery-btn {
      width: 100%;
      height: 200px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
  }

  [data-toggle="close"].gallery-wrap {
      /* height: 350px !important; */
  }

  [data-toggle="close"] + .gallery_btn-space {
      height: 63px;
  }
}