@charset "UTF-8";
/* CSS Document */

@media screen and ( max-width:767px) {


/*-----------
top
-----------*/



/*----key visual ----*/

#key_visual{
  width: 100%;
}

#key_visual .img_kv{
  width: 100%;
}


#key_visual .slider_key_visual{
  height: 119%;
  background: #000;
}

#key_visual .slider_key_visual .race_today{
  width: 100%;
  height: auto;
}

#key_visual .slider_key_visual .kv_bnr{
  width: 100%;
  height: auto;
}

#key_visual .slider_key_visual .kv_bnr img{
  width: 100%;
  height: auto;
  margin: 0;
}

#key_visual .slider_key_visual .race_today.gold,
#key_visual .slider_key_visual .race_today.silver,
#key_visual .slider_key_visual .race_today.bronze,
#key_visual .slider_key_visual .race_today.yellow{
  background: none;
}

#key_visual .slider_key_visual .race_today.gold > .inner,
#key_visual .slider_key_visual .race_today.silver > .inner,
#key_visual .slider_key_visual .race_today.bronze > .inner,
#key_visual .slider_key_visual .race_today.yellow > .inner{
  width: 100%;
  height: auto;
  padding-bottom: 119.33%;
  margin: 0;
  position: relative;
}

#key_visual .slider_key_visual .race_today.gold > .inner{
  background: url("../img/race_today_bg_gold_sp.png") no-repeat left top;
  background-size: 100% auto;
}

#key_visual .slider_key_visual .race_today.silver > .inner{
  background: url("../img/race_today_bg_silver_sp.png") no-repeat left top;
  background-size: 100% auto;
}

#key_visual .slider_key_visual .race_today.bronze > .inner{
  background: url("../img/race_today_bg_bronze_sp.png") no-repeat left top;
  background-size: 100% auto;
}

#key_visual .slider_key_visual .race_today.yellow > .inner{
  background: url("../img/race_today_bg_yellow_sp.png") no-repeat left top;
  background-size: 100% auto;
}

#key_visual .slider_key_visual .race_today.gold.flip > .inner{
  background: url("../img/race_today_bg_gold_sp_f.png") no-repeat left top;
  background-size: 100% auto;
}

#key_visual .slider_key_visual .race_today.silver.flip > .inner{
  background: url("../img/race_today_bg_silver_sp_f.png") no-repeat left top;
  background-size: 100% auto;
}

#key_visual .slider_key_visual .race_today.bronze.flip > .inner{
  background: url("../img/race_today_bg_bronze_sp_f.png") no-repeat left top;
  background-size: 100% auto;
}

#key_visual .tab{
  position: absolute;
  left: 0;
  top: 0;
  width: 180%;
  z-index: 100;
}

#key_visual .race_name,
#key_visual .flip .race_name{
  position: absolute;
  width: 100%;
  margin:0;
  top: 10%;
  left: 4.5%;
}

#key_visual .horse{
  position: absolute;
  width: 155%;
  bottom: 0;
  right: -25%;
}

#key_visual .flip .horse{
  right: auto;
  left: -22%;
}

#key_visual .race_name img,
#key_visual .horse img{
  width: 100%;
}

#key_visual a.btn_prediction{
  width: 54%;
  height: 9.6%;
  right: 0;
  bottom: 3.4%;
}

#key_visual .flip a.btn_prediction{
  left: 0;
  right: auto;
}

#key_visual .race_link{
  width: 30%;
  display: block;
  position: absolute;
  left: 20px;
  bottom: 40px;
}

#key_visual .flip .race_link{
  left: auto;
  right: 20px;
}

#key_visual .race_link.race_link_r {
  padding-right: 0;
}

#key_visual .race_link li{
  width: 100%;
  margin-right: 0;
  margin-bottom: 3%
}

#key_visual .race_link li a{
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
  padding: 13px 9px 15px 2px;
  background: #000 url("../common/img/icon_arrow_white_r01.png") no-repeat right 4px center;
  background-size: 10px auto;
  position: relative;
  text-align: center;
}

#key_visual .race_link li a[target="_blank"]{
  padding: 13px 11px 15px 2px;
  background-position:  right 6px center;
  background-size: 13px auto;
  margin-left: 0;
}

#key_visual .flip .race_link li a[target="_blank"]{
  margin-left: -30%;
}

.slider_key_visual .slick-arrow{
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  z-index: 9999;
  text-indent: -9999px;
  overflow: hidden;
}

.slider_key_visual .slick-prev{
  background: url("../common/js/slick/slick_prev_l.png") no-repeat left top;
  background-size: 45px auto;
  right: auto;
  margin-top: -22px;
  margin-right: 0;
  left: 0;
}

.slider_key_visual .slick-next{
  background: url("../common/js/slick/slick_next_l.png") no-repeat left top;
  background-size: 45px auto;
  left: auto;
  margin-top: -22px;
  margin-left: 0;
  right: 0;
}



/* 個別 馬位置調整 2025 */
#key_visual .horse.bluebirdcup2025 {
  bottom: -4%;
}

#key_visual .horse.sagakinen2025 {
  right: -35%;
  width: 162%;
  bottom: 0;
}
  
#key_visual .horse.kumotorisho2025 {
  right: -34%;
  width: 162%;
}
  
#key_visual .horse.kakitsubatakinen2025 {
  right: -33%;
  width: 162%;
}
  
#key_visual .horse.diolitekinen2025 {
  left: -22%;
}
  
#key_visual .horse.kurofunesho2025 {
  right: -33%;
  width: 162%;
}
  
#key_visual .horse.keihinhai2025 {
  right: -38%;
  width: 162%;
}
  
#key_visual .horse.hyogojo-ohai2025 {
  right: -32%;
  bottom: 0;
}
  
#key_visual .horse.kawasakikinen2025 {
  bottom: 0;
  left: -24%;
}
  
#key_visual .horse.tokyosprint2025 {
  right: -20%;
}

#key_visual .horse.hanedahai2025 {
  right: -34%;
}

#key_visual .horse.hyogochampionship2025 {
  right: -28%;
}

#key_visual .horse.kashiwakinen2025 {
  left: -27%;
}

#key_visual .horse.kashiwakinen2025 img {
  width: 100%;
}

#key_visual .horse.nagoyagrandprix2025 {
  right: -30%;
}

#key_visual .horse.tokyoderby2025 {
  right: -28%;
}

#key_visual .horse.kantooaks2025 {
  bottom: 0;
}

#key_visual .horse.sakitamahai2025 {
  bottom: 0;
}

#key_visual .horse.teiosho2025 {
  right: -32%;
}

#key_visual .horse.sparkingladycup2025 {
  bottom: -4%;
}

#key_visual .horse.mercurycup2025 {
  left: -21%;
  bottom: -2%;
}

#key_visual .horse.clustercup2025 {
  bottom: -2%;
}
#key_visual .horse.breedersgoldcup2025 {
  right: -19%;
}

#key_visual .horse.hokkaidosprintcup2025 {
  right: -28%;
}



/* 個別 馬位置調整 2024 */
#key_visual .horse.bluebirdcup2024 {
  bottom: -9.5%;
}

#key_visual .horse.sagakinen2024 {
  right: -30%;
}

#key_visual .horse.kumotorisho2024 {
  right: -34%;
}

#key_visual .horse.kakitsubatakinen2024 {
  right: -28%;
}

#key_visual .horse.diolitekinen2024 {
  bottom: -6%;
}

#key_visual .horse.keihinhai2024 {
  right: -36%;
}

#key_visual .horse.kurofunesho2024 {
  right: -33%;
}
	
#key_visual .horse.kawasakikinen2024 {
  top: auto;
}

#key_visual .horse.tokyosprint2024 {
  right: -30%;
}

#key_visual .horse.hanedahai2024 {
  right: -40%;
}
	
#key_visual .horse.hyogochampionship2024 {
  top: auto;
  right: -21%;
}
	
#key_visual .horse.kashiwakinen2024 {
  top: auto;
  left: -22%;
}
	
#key_visual .horse.nagoyagrandprix2024 {
  top: auto;
  right: -29%;
}
	
#key_visual .horse.tokyoderby2024 {
  right: -27%;
}
	
#key_visual .horse.teiosho2024 {
  right: -33%;
}
	
#key_visual .horse.sparkingladycup2024 {
  bottom: -3%;
  left: -22%;
}
	
#key_visual .horse.mercurycup2024 {
  bottom: -3%;
}
	
#key_visual .horse.clustercup2024 {
  bottom: -1%;
  left: -22%;
}
	
#key_visual .horse.marinecup2024 {
  bottom: -3%;
}

#key_visual .horse.breedersgoldcup2024 {
  bottom: 0;
  right: -22%;
}

#key_visual .horse.teletamahaiovalsprint2024 {
  bottom: -3%;
  left: -20%;
}

#key_visual .horse.hakusandaishoten2024 {
  bottom: 0;
  right: -20%;
}

#key_visual .horse.marinecup2024 {
  left: -21%;
}

#key_visual .horse.ladiesprelude2024 {
  bottom: 0;
  right: -28%;
}

#key_visual .horse.tokyohai2024 {
  right: -28%;
}

#key_visual .horse.milechampionshipnambuhai2024 {
  bottom: -5%;
  left: -22%;
}

#key_visual .horse.JBCsprint2024 {
  right: -28%;
}

#key_visual .horse.JBCclassic2024 {
  right: -22%;
}

#key_visual .horse.urawakinen2024 {
  bottom: 0;
  left: -23%;
}

#key_visual .horse.urawakinen2024 img {
  width: 100%;
}

#key_visual .horse.nagoyadaishoten2024 {
  right: -32%;
}

#key_visual .horse.tokyodaishoten2024 {
  right: -31%;
}

#key_visual .horse.hyogogoldtrophy2024 {
  right: -32%;
}


/* 個別 馬位置調整 2023 */
#key_visual .horse.diolitekinen2023 {
  top: auto;
  bottom:-5%;
}

#key_visual .horse.kurofunesho2023 {
  top: auto;
  right: -30%;
}

#key_visual .horse.marinecup2023 {
  bottom: -5%;
}

#key_visual .horse.kakitsubatakinen2023 {
  right: -21%;
}

#key_visual .horse.kashiwakinen2023 {
  bottom: 0;
}

#key_visual .horse.sakitamahai2023 {
  bottom: 0;
  left: -16%;
}

#key_visual .horse.hokkaidosprintcup2023 {
  bottom: 0;
}

#key_visual .horse.teiosho2023 {
  bottom: 0;
  right: -21%;
}

#key_visual .horse.sparkingladycup2023 {
  bottom: -6%;
  left: -22%;
  transform: scale(.95);
}

#key_visual .horse.mercurycup2023 {
  bottom: -7%;
  left: -23%;
}

#key_visual .horse.clustercup2023 {
  left: -15%;
  bottom: -7%;
  transform: scale(.91);
}

#key_visual .horse.breedersgoldcup2023 {
  right: -21%;
}

#key_visual .horse.summerchampion2023 {
  right: -18%;
}

#key_visual .horse.teletamahaiovalsprint2023 {
  bottom: -8%;
}

#key_visual .horse.nippontvhai2023 {
  bottom: 0;
}

#key_visual .horse.milechampionshipnambuhai2023 {
  left: -23%;
  bottom: -4%;
  transform: scale(0.9);
}

#key_visual .horse.edelweisssho2023 {
  bottom: 0;
}

#key_visual .horse.JBCladiesclassic2023 {
  bottom: -8%;
  left: -23%;
}

#key_visual .horse.JBCnisaiyushun2023 {
  bottom: 0;
}

#key_visual .horse.urawakinen2023 {
  bottom: 0;
  left: -22%;
}

#key_visual .horse.queensho2023 {
  bottom: 0;
}

#key_visual .horse.zen-nipponnisaiyushun2023 {
  bottom: 0;
  left: -19%;
  transform: scale(1);
}

#key_visual .horse.nagoyagrandprix2023 {
  right: -22%;
  transform: scale(0.85);
  transform-origin: bottom;
}

#key_visual .horse.tokyodaishoten2023 {
  bottom: 0;
}


/* 個別 馬位置調整 */

#key_visual .horse.negishistakes {
  bottom: 0;
}

#key_visual .horse.sagakinen {
  bottom: -1%;
}

#key_visual .horse.kawasakikinen {
  bottom: 0;
}

#key_visual .horse.diolitekinen {
  bottom: -5%;
}

#key_visual .horse.februarystakes {
  bottom: -5%;
}

#key_visual .horse.empresshai {
  bottom: -3%;
}

#key_visual .horse.marinecup {
  bottom: -3%;
}

#key_visual .horse.antaresstakes {
  /* bottom: 5%; */
}

#key_visual .horse.kakitsubatakinen {
  right: -18%;
}

#key_visual .horse.hyogochampionship {
  right: -12%;
}

#key_visual .horse.kashiwakinen {
  /* bottom: 5%; */
}

#key_visual .horse.heianstakes {
  bottom: -3%;
}

#key_visual .horse.sakitamahai {
  /* bottom: 3%; */
}

#key_visual .horse.kantooaks {
  bottom: -1%;
}

#key_visual .horse.unicornstakes {
  bottom: -6%;
}

#key_visual .horse.mercurycup {
  bottom: -7%;
}

#key_visual .horse.elmstakes {
  bottom: -1%;
  right: -12%;
}

#key_visual .horse.clustercup {
  bottom: -5%;
}

#key_visual .horse.nippontvhai {
  bottom: 0%;
}

#key_visual .horse.siriusstakes {
  bottom: -2%;
  left: -17%;
  transform: scale(.96);
}

#key_visual .horse.milechampionshipnambuhai {
  bottom: -4%;
}

#key_visual .horse.JBCclassic {
  /* bottom: 1%; */
}

#key_visual .horse.JBCladiesclassic {
  bottom: -5%;
}

#key_visual .horse.urawakinen {
  bottom: 1%;
}

#key_visual .horse.championscup {
  bottom: -5%;
}


/*----top_nav----*/

#top_nav{
  padding: 2%;
  box-sizing: border-box;
}

#top_nav ul{
  width: 100%;
  margin: 0;
}

#top_nav li:nth-child(odd) {
  width: 49%;
  margin-right: 1%;
}

#top_nav li:nth-child(even) {
  width: 49%;
  margin-left: 1%;
  margin-right: 0;
}

#top_nav li:first-child,
#top_nav li:nth-child(2){
  margin-bottom: 2%;
}

#top_nav li:last-child{
  width: 49%;
}


/*----promo banners----*/
.promo_banners {
  width: 96%;
  margin: 30px auto 25px;
}

.promo_banners ul {
  display: block;
}

.promo_banners ul li {
  margin-bottom: 16px;
}

.promo_banners ul + ul {
  margin-top: 0;
}


/*----next race----*/

#race_next{
  width: 100%;
  padding-top: 3%;
}


#race_next h2{
  width: 98%;
  margin: 0 0 3% 2%;
}

#race_next h2 img{
  width: 100%;
}

#race_next .slider_next .gold,
#race_next .slider_next .silver,
#race_next .slider_next .bronze,
#race_next .slider_next .yellow{
  width: 330px;
  height: 155px;
  margin: 0 5px;
}

#race_next .race_link li a{
  font-size: 11px;
  padding: 8px 2px 9px 0;
  background: #000 url("../common/img/icon_arrow_white_r01.png") no-repeat right 2px center;
  background-size: 6px auto;
}


#race_next .race_link li a[target="_blank"]{
  width: 140%;
  padding: 8px 5px 9px 0;
  background: #000 url("../common/img/icon_link_blank_white_s.png") no-repeat right 5px top 10px;
  background-size: 7px auto;
}




#race_next .race_link li .no_linkicon{
  font-size: 11px;
  width: 140%;
  padding: 8px 5px 9px 0;
  background: #999 url("../common/img/icon_link_blank_white_s.png") no-repeat right 5px top 10px;
  background-size: 7px auto;
}

#race_next .race_link li .no_link{
  font-size: 11px;
  width: 140%;
  padding: 7px 0 9px;
}

/* 個別 馬位置調整 2025 */
#race_next .horse.bluebirdcup2025 {
  width: 116%;
  right: 7%;
}

#race_next .horse.sagakinen2025 {
  width: 110%;
  left: 5%;
  top: -6%;
}

#race_next .horse.tokyosprint2025 {
  top: -10%;
  width: 115%;
  left: 0;
}

#race_next .horse.kashiwakinen2025 {
  top: -7%;
}

#race_next .horse.empresshai2025 {
  width: 106%;
  top: -4%;
  right: 10%;
}

#race_next .horse.teiosho2025 {
  top: -9%;
}
  
#race_next .horse.sparkingladycup2025 {
  top: -9%;
}



/* 個別 馬位置調整 2024 */
#race_next .horse.bluebirdcup2024 {
  top: -11%;
}

#race_next .horse.sagakinen2024 {
  top: -13%;
}

#race_next .horse.kumotorisho2024 {
  top: -15%;
}

#race_next .horse.kakitsubatakinen2024 {
  top: -12%;
}

#race_next .horse.keihinhai2024 {
  top: -9%;
}

#race_next .horse.kurofunesho2024 {
  top: -13%;
}

#race_next .horse.kawasakikinen2024 {
  top: -13%;
}

#race_next .horse.kawasakikinen2024 img {
	width: 95%;
}

#race_next .horse.tokyosprint2024 {
  top: -10%;
}

#race_next .horse.hyogochampionship2024 {
  top: -13%;
}

#race_next .horse.hyogochampionship2024 img {
	width: 95%;
}

#race_next .horse.kashiwakinen2024 {
  top: -13%;
}

#race_next .horse.kashiwakinen2024 img {
  width: 96%;
}

#race_next .horse.nagoyagrandprix2024 {
  top: -9%;
}

#race_next .horse.nagoyagrandprix2024 img {
  width: 94%;
}

#race_next .horse.empresshai2024 {
  top: -8%;
}

#race_next .horse.empresshai2024 img {
  width: 94%;
}

#race_next .horse.tokyoderby2024 {
  top: -15%;
}

#race_next .horse.kantooaks2024 {
  top: -10%;
  right: 2%;
}
	
#race_next .horse.sakitamahai2024 {
  top: -13%;
}

#race_next .horse.teiosho2024 {
  top: -13%;
  left: -1%;
}

#race_next .horse.sparkingladycup2024 {
  top: -14%;
}

#race_next .horse.sparkingladycup2024 img {
  width: 95%;
}

#race_next .horse.clustercup2024 {
  top: -10%;
}

#race_next .horse.hokkaidosprintcup2024 {
  top: -15%;
}

#race_next .horse.breedersgoldcup2024 {
  top: -14%;
  left: 6%;
}

#race_next .horse.breedersgoldcup2024 img {
  width: 95%;
}

#race_next .horse.kozukatasho2024 {
  top: -18%;
  left: -5%;
}

#race_next .horse.teletamahaiovalsprint2024 {
  top: -13%;
}

#race_next .horse.teletamahaiovalsprint2024 img {
  width: 95%;
}

#race_next .horse.hakusandaishoten2024 img {
  width: 95%;
}

#race_next .horse.marinecup2024 img {
  width: 95%;
}

#race_next .horse.ladiesprelude2024 {
  top: -11%;
  left: 5%;
}

#race_next .horse.ladiesprelude2024 img {
  width: 95%;
}

#race_next .horse.milechampionshipnambuhai2024 img {
  width: 95%;
}

#race_next .horse.edelweisssho2024 {
  top: -8%;
  left: 4%;
}
	
#race_next .horse.JBCnisaiyushun2024 img {
  width: 95%;
}

#race_next .horse.JBCladiesclassic2024 {
  top: -10%;
}

#race_next .horse.urawakinen2024 {
  top: -13%;
}

#race_next .horse.hyogojuniorgrandprix2024 img {
  width: 90%;
}
	
#race_next .horse.urawakinen2024 img {
  width: 90%;
}

#race_next .horse.zen-nipponnisaiyushun2024 img {
  width: 95%;
}

#race_next .horse.tokyodaishoten2024 {
  top: -13%;
}



	
	
/* 個別 馬位置調整 2023 */
#race_next .horse.diolitekinen2023 {
  top: -18%;
  right: 6%;
}



.slider_next .slick-arrow{
  width: 35px;
  height: 45px;
}

.slider_next .slick-prev{
  background: url("../common/js/slick/slick_prev.png") no-repeat left top;
  background-size: 35px auto;
  left: 0;
  margin-top: -22px;
}

.slider_next .slick-next{
  background: url("../common/js/slick/slick_next.png") no-repeat left top;
  background-size: 35px auto;
  right: 0;
  margin-top: -22px;
}



/*----bnr_campaign----*/

#bnr_campaign{
  width: 92%;
  margin: 4% auto 0;
}



/*----racelist----*/

#racelist {
  padding-top: 3%;
}

#racelist .btn {
  margin: 6% 0 0;
  padding: 0;
}

#racelist .btn li {
  width: 100%;
  margin: 0 auto 4%;
}


#racelist h2 {
  margin: 0 -4% 3% -2%;
  text-align: center;
}

#racelist h2 img {
  width: 100%;
}

#racelist .annuat_racelist_h {
  padding: 28px 0 5px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}


/*----bnr_set----*/

#bnr_set{
  width: 92%;
  margin: 0 auto;
}

#bnr_set ul{
  display: block;
  margin-top: 4%;
}

#bnr_set li:first-child,
#bnr_set li:nth-child(2),
#bnr_set li:nth-child(3){
  width: 100%;
  margin-right: 0;
  margin-bottom: 4%;
}

#bnr_set .bnr {
  margin-top: 4%;
}



/*----info----*/

#info{
  min-width: 100%;
  padding-top: 5%;
}

#info h2{
  width: 98%;
  margin: 0 0 3% 2%;
}

#info h2 img{
  width: 100%;
}

#info .bg{
  padding: 6% 0 0;
  min-width: 100%;
}

#info ul.list_s{
  width: 94%;
  margin: 0 auto 10%;
}

#info ul.list_s li{
  width: 49%;
  margin: 0 2% 2% 0;
}

#info ul.list_s li:nth-child(even){
  width: 49%;
  margin: 0 0 2%;
}

#info ul.list_s li a{
  width: 100%;
  box-sizing: border-box;
}

#info ul.list_s li a img{
  padding-bottom: 5px;
  width: 100%;
}

#info ul.list_l{
  width: 94%;
  margin: 0 auto;
}

#info ul.list_l > li{
  width: 49%;
  height: auto;
  margin: 0 2% 0 0;
  padding: 2% 2% 4%;
  box-sizing: border-box;
  border-radius: 5px;
}

#info ul.list_l > li:nth-child(even){
  width: 49%;
  margin: 0;
}

#info ul.list_l li h3{
  margin-bottom: 10%;
}

#info ul.list_l .apri_img{
  margin-top: 0;
  padding:  8% 0 10%;
  width: 90%;
}

#info ul.list_l .list_sns{
  height: 34px;
  margin-top: 0;
}

#info ul.list_l .list_sns li{
  width: 40%;
  padding: 0 0 7% 10%;
  text-align: center;
}

#info ul.list_l .list_sns li:nth-child(even){
  padding: 0 10% 0 0;
}

#info ul.list_l .list_sns li img{
  height: 34px;
}


}
