@charset "UTF-8";
/* CSS Document */

@media screen and ( max-width:767px) {


/*-----------
top
-----------*/

#main_visual_wrapper{
  background: none;
}

#main_visual{
  min-width: 100%;
  max-width: 100%;
}

nav{
  position: relative;
}

nav .main_schedule{
  position: absolute;
  top: -20%;
  left: 0;
  margin-left: 0;
}

nav .main_schedule img{
  width: 98%;
  padding: 0 1%;
}

nav ul{
  width: 100%;
  padding: 5% 0 2%;
}

nav ul li:first-child{
  border-left: none;
  border-right: 1px solid #e50113;
}

nav ul li:last-child{
  border-right: none;
}

nav ul li{
  padding: 1% 1% 1% 2%;
  margin: 0;
  border-right: 1px solid #e50113;
  box-sizing: border-box;
}
nav ul li img{
  display: block;
}

nav ul li.nav_race{
  width: 24.8%;
}

nav ul li.nav_schedule{
  width: 21.1%;
}

nav ul li.nav_campaign{
  width: 26.6%;
}

nav ul li.nav_info{
  width: 27.5%;
}

nav ul li img{
  height: auto;
  width: 100%;
}


/*----race----*/

#race{
  padding: 9% 0 14%;
}

#race_today{
  width: 93%;
  margin: 3% 3.5% 0;
}

#race_today h2{
  text-align: center;
  margin: 0;
}

#race_today h2 img{
  width: 65%;
  margin: 0 auto;
}

#race_today > ul{
  margin: 0 0 10%;
  background: none;
}

#race_today > ul > li{
  width: 100%;
  margin: 5% 0 0;
  border-radius: 5px;
}

#race_today > ul > li:nth-child(even){
  margin: 5% 0 0;
}

#race_next .race_name img{
  margin-left: -5px;
}

#race_next .horse.name_l{
  left: 66.5%;
  width: 33.6%;
}

 .horse.name_l img{
  width: 210%;
}

#race .race_link_live{
  border-radius: 3px;
  padding: 5px 0 !important;
}

#race .race_link li a{
  padding: 5px 0;
  border-radius: 3px;
}

#race #race_next .race_link_live{
  padding: 4px 0 !important;
}

#race #race_next .race_link li a{
  padding: 4px 0;
  border-radius: 3px;
}

#race .race_link_live.bottom_0 {
  bottom: 0;
}

#race .race_link li.race_link_more a{
  padding: 6px 0;
}

#race .race_link li.race_link_more a img{
  width: 30%;
}

#race_next{
  width: 100%;
  margin: 3% 0 0;
  padding: 0 0 10px;
  text-align: center;
}

#race_next h2{
  margin: 0;
}

#race_next h2 img{
  width: 56%;
}
	
#race_next > ul.slider_no{
  background: none;
}

.slider_next{
  padding: 0;
  background: none;
}

.slider_no{
  width: 93%;
  margin: 0 3.5%;
}

#race_next ul.slider_no > li{
  margin: 20px 0 20px 0 !important;
}

.slick-arrow{
  width: 36px;
  height: 36px;
}

.slick-prev{
  background: url("../common/js/slick/slick_prev.png") no-repeat left top;
  background-size: 36px auto;
  left: 2px;;
  margin-top: -18px;
}

.slick-next{
  background: url("../common/js/slick/slick_next.png") no-repeat left top;
  background-size: 36px auto;
  right: 2px;
  margin-top: -18px;
}

#race_next ul.slider_next li.gold,
#race_next ul.slider_next li.silver{
  width: 320px !important;
  margin: 15px 5px;
  border-radius: 5px;
}

#race_next .race_name img{
  width: 76.02%;
}

#race_next .horse img{
  width: 173%;
}

.race_wrapper{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

#race_round{
  width: 100%;
}

#race_round h2{
  width: 100%;
  margin-left: 0;
}

#race_round .race_round_box{
  width: 94%;
  box-sizing: border-box;
  border: 2px solid #000;
  border-radius: 5px;
  background: #fff;
  margin: -21% auto 0;
  padding-top: 12%;
}

#tab_menu li{
  width: 21%;
  height: auto;
  margin-left: -1.5%;
  cursor: pointer;
}

#tab_menu li.selected {
  padding-bottom: 8.5%;
}

#tab_menu li.selected img {
  display: none;
}

#tab_menu li.race_1223 {
  background: url("../img/race_round_tab_1223_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1224 {
  background: url("../img/race_round_tab_1224_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1225 {
  background: url("../img/race_round_tab_1225_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1226 {
  background: url("../img/race_round_tab_1226_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1227 {
  background: url("../img/race_round_tab_1227_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1228 {
  background: url("../img/race_round_tab_1228_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1229 {
  background: url("../img/race_round_tab_1229_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1230 {
  background: url("../img/race_round_tab_1230_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_1231{
  background: url("../img/race_round_tab_1231_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_0101 {
  background: url("../img/race_round_tab_0101_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_0102 {
  background: url("../img/race_round_tab_0102_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_0103 {
  background: url("../img/race_round_tab_0103_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_0104 {
  background: url("../img/race_round_tab_0104_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}
#tab_menu li.race_0105 {
  background: url("../img/race_round_tab_0105_on_sp.png") no-repeat left top;
  background-size: 100% auto;
}

#tab_menu li img {
  width: 100%;
}

.tab_panel{
  padding: 0 2%;
}

.race_round_open{
  margin: 9% 0;
}

.race_round_open h3{
  width: 30%;
  height: auto;
  margin: 0 auto 4%;
}

.race_round_open ul{
  padding: 8px 5px;
}

.race_round_open ul li{
  width: 25%;
  margin: 2px 5px;
  box-sizing: border-box;
}

.race_round_btn{
  width: 80%;
}

#race_news{
  width: 94%;
  margin: 0 auto;
}

#race_news h2{
  width: 136px;
  margin: 20px auto 10px;
}

#race_news h2 img{
  width: 100%;
}

#race_news .race_news_box{
  height: auto;
  background: #000;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 10px 10px 20px;
  position: relative;
}

#race_news .race_news_box ul{
  padding: 0;
  position: relative;
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

#race_news .race_news_box ul li{
  border-bottom: 1px solid #ccc;
  display: none;
}
	
#race_news .race_news_box ul li:first-child{
  border-top: none;
}

#race_news .race_news_box ul li:nth-child(5){
  border-bottom: none
}

#race_news .race_news_box ul li:first-child,
#race_news .race_news_box ul li:nth-child(2),
#race_news .race_news_box ul li:nth-child(3),
#race_news .race_news_box ul li:nth-child(4),
#race_news .race_news_box ul li:nth-child(5){
  display: block;
}


#race_news .race_news_box ul li a{
  display: block;
  color: #000;
  padding: 15px;
  font-size: 15px;
}

#race_news .race_news_box ul li span{
  display: block;
  font-size: 13px;
  font-weight: bold;
}
	


#race_news .race_news_box .race_news_btn_l{
  display: none;
}

#race_news .race_news_box .race_news_btn{
  display: block;
  margin: 20px auto 0;
  width: 230px;
}

#race_news .race_news_box .race_news_btn img{
  width: 100%;
}

/*----bnr----*/

#bnr{
  background:#46a400 url("../img/bg_grad.png") repeat-x left top;
}

.slider_bnr{
  width: 100%;
  margin: 0;
  padding: 14% 0 0;
}

#bnr ul.slider_bnr .slick-list .slick-track li{
  width: 320px !important;
  margin: 0 5px;
}

#bnr ul.slider_bnr .slick-list .slick-track li img{
  width: 100%;
}

.slider_bnr .slick-arrow{
  top:38%;
}

.slider_bnr li img{
  height: auto;
}


/*----contents common----*/


h2{
  margin-bottom: 8%;
}

h2 img{
  width: 98%;
}

p.read{
  width: 94%;
  margin:0 auto 10%;
}

.bg{
  padding: 11% 0 0;
  min-width: 100%;
}




/*----nenga----*/

#nenga{
  background:#00acee url("../img/bg_grad.png") repeat-x left top;
  min-width: 100%;
  padding: 0 0 18%;
}

#nenga .bg{
  background:url("../img/nenga_bg_txt.png") no-repeat center top;
  background-size: 500px auto;
}

#nenga h2{
  margin-bottom: 2%;
}

#nenga h2 img{
  width: 87.49%;
}

#nenga .nenga_img{
  width: 100%;
  padding:0 0 8%;
}

#nenga .nenga_how{
  width: 90%;
  padding-bottom: 6%;
}

#nenga .nenga_period{
  width: 90%;
}

#nenga .nenga_btn{
  width: 68%;
  margin: 8% auto 0;
}

#nenga ul{
  font-size: 12px;
  list-style: none;
  text-align: left;
  width: 80%;
  margin: 0 auto;
}

#nenga ul li{
  display: block;
  padding: 0;
}


#nenga .txt_close{
  font-size: 22px;
  margin-top: 40px;
}



/*----campaign----*/

#campaign{
  background:#e50113 url("../img/bg_grad.png") repeat-x left top;
  min-width: 100%;
  padding: 0 0 18%;
  overflow: hidden;
}

#campaign .bg{
  background:url("../img/campaign_bg_txt.png") no-repeat center top;
  background-size: 1041px auto;
}

#campaign h2{
  width: 100%;
}

#campaign h2 img{
  width: 100%;
}

.campaign_detail{
  width: 94%;
  margin: -11% auto 0;
  padding: 12% 0 0;
}

.campaign_detail ul.detail{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.campaign_detail ul.detail li:first-child{
  border-right:none;
  width: 100%;
  text-align: center;
  margin-bottom: 14%;
}

.campaign_detail ul.detail li:first-child .ab{
  width: 100%;
}

.campaign_detail ul.detail li:first-child .txt{
  width: 100%;
}

.campaign_detail ul.detail li:first-child .img{
  width: 96%;
  padding: 0 0 0 4%
}

.campaign_detail ul.detail li:last-child{
  width: 100%;
  padding: 0;
  text-align: center;
  margin-bottom: 10%;
}

.campaign_detail ul.detail li .detail_a{
  display: block;
  width: 60px;
  margin:-15px auto 10px;
}

.campaign_detail ul.detail li .detail_b{
  display: block;
  width: 60px;
  margin:-25px auto 10px;
}

.campaign_detail ul.detail li:last-child .txt{
  width: 68%;
}

.campaign_detail ul.detail li:last-child .img{
  width: 65.13%;
}

.campaign_detail .detail_250{
  position: absolute;
  right: -5%;
  top: -45%;
  width: 26%;
}


ul.detail_note{
}

ul.detail_note li{
  width: 88%;
  margin: 0 7% 0 5%;
}

.campaign_btn{
  width: 68%;
  margin: 8% auto 0;
}



/*----gallery----*/

#gallery{
  background:#46a400 url("../img/bg_grad.png") repeat-x left top;
  min-width: 100%;
  padding: 0;
}

#gallery .bg{
  background:url("../img/gallery_bg_txt.png") no-repeat center top;
  background-size: 500px auto;
}

#gallery h3{
  margin: 0 0 20px;
}

#gallery h3 img{
  height: 25px;
}

#gallery_poster{
  width: 94%;
  margin: 0 auto;
}

#gallery_poster > ul{
  width: 100%;
}

#gallery_poster > ul li{
  width: 100%;
  padding-bottom: 10%;
}

#gallery_poster > ul > li > img{
  width: 80%;
}

#gallery_movie{
  width: 94%;
  margin: 0 auto;
}

#gallery_movie > ul{
  width: 100%;
}

#gallery_movie > ul > li > img{
  width: 100%;
}



#gallery_movie > ul > li .movie{
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  margin:0 0 30px;
  overflow: hidden;
}

#gallery_movie > ul > li iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/*----wallpaper----*/

#wallpaper{
  background:#f49f0b url("../img/bg_grad.png") repeat-x left top;
  min-width: 100%;
  padding: 0 0 18%;
  overflow: hidden;
}

#wallpaper .bg{
  background:url("../img/wallpaper_bg_txt.png") no-repeat center top;
  background-size: 795px auto;
}

#wallpaper h2 img{
  width: 80%;
}

#gallery h3{
  margin: 0 0 15px;
}

#wallpaper h3 img{
  height: 20px;
}

#gallery h4{
  margin: 0 0 10px;
}

#gallery h4 img{
  height: 17px;
}

#wallpaper .wallpaper_list_sp{
  width: 94%;
  margin: 0 auto 8%;
}

#wallpaper .wallpaper_list_sp > ul{
  width: 100%;
}

#wallpaper .wallpaper_list_sp > ul > li{
  width: 100%;
  text-align: center;
  padding: 0;
}

#wallpaper .wallpaper_list_sp > ul > li > img{
  width: 70%;
}

#wallpaper .wallpaper_list_sp .btn_list,
#wallpaper .wallpaper_list_pc .btn_list{
  width: 100%;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
}

#wallpaper .wallpaper_list_pc{
  width: 94%;
  margin: 0 auto 10%;
}

#wallpaper .wallpaper_list_pc > img{
  width: 100%;
}

#wallpaper .btn_list li{
  width: 49%;
  padding: 0 2% 10px 0;
}

#wallpaper .btn_list li:nth-child(even){
  width: 49%;
  padding: 0 0 10px;
}

#wallpaper a.btn{
  width: 50%;
  margin: 0 auto;
}

#wallpaper .btn_list li a.btn{
  width: 100%;
}

#wallpaper .wallpaper_howto{
  width: 94%;
  margin: 0 auto;
}

#wallpaper .wallpaper_howto dl{
  width: 100%;
}

#wallpaper .wallpaper_howto dl dt{
  background: #eee;
  position: relative;
  width: 28%;
  padding: 0 1%;
}

#wallpaper .wallpaper_howto dl .mac{
  border-top: 1px solid #a0a0a0;
}

#wallpaper .wallpaper_howto dl dt h4{
  position: absolute;
  top: 50%;
  transform : translateY(-50%);
  font-weight: bold;
  text-align: center;
  width: 100%;
}

#wallpaper .wallpaper_howto dl dd{
  width: 70%;
  padding: 10px 14px;
  text-align: left;
  box-sizing: border-box;
}




/*----purchase----*/

#purchase{
  background:#00a3e1 url("../img/bg_grad.png") repeat-x left top;
  min-width: 100%;
  padding: 0 0 18%;
}

#purchase .bg{
  background:url("../img/purchase_bg_txt.png") no-repeat center top;
  background-size: 1536px auto;
}

#purchase ul{
  width: 94%;
  margin: 0 auto;
}

#purchase ul li{
  width: 49%;
  margin: 0 2% 2% 0;
}

#purchase ul li:nth-child(even){
  width: 49%;
  margin: 0 0 2%;
}

#purchase ul li a{
  width: 100%;
  box-sizing: border-box;
}

#purchase ul li a img{
  padding-bottom: 5px;
  width: 100%;
}




/*----info----*/

#info{
  background:#e50113 url("../img/bg_grad.png") repeat-x left top;
  min-width: 100%;
  padding: 0 0 18%;
}

#info .bg{
  background:url("../img/info_bg_txt.png") no-repeat center top;
  background-size: 679px auto;
}

#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;
}




/*----list_racetrack----*/

#list_racetrack{
  width: 100%;
  margin: 0 auto;
  padding: 7% 0 3%;
  box-sizing: border-box;
}


#list_racetrack li{
  padding:0 4px 7px 5px;
}


#list_racetrack li img{
  height: 52px;
}



}