body{margin:0px;font-size:14px;line-height:22px;background:#f4f4f4;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
@media print {body {/zoom: 0.75;} }
a{color:black;text-decoration:none;transition: 0.2s}
a:hover{color:#e0be7f;opacity: 0.5 ;}
img{border:0px;}
table {border-collapse: collapse;font-size:10px;line-height:14px;text-align:center;}
th{background:#002763;border-right:1px solid #91a1b9;color:white;font-weight:normal;padding:5px 2px;}
tr,td{border:1px solid #efefef;padding:5px 2px;}
.even tr:nth-child(even){background:#f7f7f7;}
tr.tr_haikei{background:#f7f7f7;}
ul{list-style-type:none;}
.border_bottom{border-bottom:1px solid #eee;}
ol{list-style-type:none;font-size:12px;margin-left:-5px;}
ol table{margin-left:-20px;}
ol > li{margin:0 0 20px -1.2em;text-indent:-1.5em;}
ol > li tr,td{margin:0 ;text-indent:0;}
ol > li span{color:#f39806;}
.ol_abc > li:before{color:#f39806;margin-right:.5em;}
.ol_abc > li:nth-child(1):before{content:"A:";}
.ol_abc > li:nth-child(2):before{content:"B:";}
.ol_abc > li:nth-child(3):before{content:"C:";}
.ol_abc > li:nth-child(4):before{content:"D:";}
.ol_abc > li:nth-child(5):before{content:"E:";}
.ol_abc > li:nth-child(6):before{content:"F:";}
.ol_abc > li:nth-child(7):before{content:"G:";}
ol > li >ul{list-style-type:disc;margin:10px 0 0 -20px;text-indent:0px;}
ol > li >ul li{margin-bottom:10px;}
ol.ol_num{margin-top:10px;}
.ol_num > li{margin:10px 0 0 0em;text-indent:-2.7em;}
.ol_num > li:before{margin-right:.2em}
.ol_num > li:nth-child(1):before{content:"順位1:";}
.ol_num > li:nth-child(2):before{content:"順位2:";}
.ol_num > li:nth-child(3):before{content:"順位3:";}

h2{font-feature-settings:"palt";font-style:oblique;position: relative;font-size:26px;font-family:'Roboto Condensed', "メイリオ", Meiryo, sans-serif;margin:135px 0 35px 0px;line-height:110%;}
h2:before{content: '';position: absolute;top:-20px;display:block;width:20px;height:4px;background:#f39806;}
h3{font-size:12px;line-height:14px;margin:0 0 15px;}
h4{clear:both;font-feature-settings:"palt";font-style:oblique;position: relative;font-size:20px;font-family:'Roboto Condensed', "メイリオ", Meiryo, sans-serif;margin:80px 0 0px 0px;padding-left:30px;}
h4:before{content: '';position: absolute;top:10px;left:0px;display:block;width:20px;height:4px;background:#f39806;}

.mt20{margin-top:20px;}
.akamoji{color:red;}
.orange_link a{color:#f39806}
.sp_text{font-size:12px;line-height:20px;margin:10px 0;}
.soon{font-feature-settings:"palt";font-style:oblique;position: relative;font-size:30px;font-family:'Roboto Condensed', "メイリオ", Meiryo, sans-serif;margin:200px 0;text-align:center;border-bottom:1px solid #f39806;padding-bottom:2px;}


/* トップページ */

#top_head{width:100%;height:auto;display:block;position: relative;}
#top_head img{width:100%;height:auto;display:block;}
img.sp_menu_i{position: absolute;display: block;top: 15px;right: 15px;width: 20px !important;height: 20px !important;}

.top_content{margin:0 5% ;width:90%;}
.top_content_w{width:90%;background:white;display:block;padding:0 5%;}
.top_content .topnavi{margin-top:-90px;text-align:center;}
.top_content .topnavi a{display:inline-block;line-height:90px;margin:0 20px;font-weight:bold;}


.top_info{float:left;width:100%;height:300px;background:white;margin:0;padding:0px;overflow:auto;}
.top_info ul{width:90%;height:300px;margin:0 0 0 15px;padding:0px;}
.top_info li{padding:20px 0 20px 50px;font-size:12px;line-height:22px;color:#20335c;border-bottom:1px solid #eee}
.top_info li span{margin-left:-50px;font-family:'Roboto Condensed', "メイリオ", Meiryo, sans-serif;color:black;width:50px;display:block;float:left;}

.poster{float:left;margin:60px 0 0 0;width:49%;display:block;}
.poster img{width:100%}
.live_link{float:right;margin:60px 0 0 0px;width:49%;display:block;}
.live_link img{width:100%}

.movie_b{clear:both;width:100%;height:100wh;display:block;position:relative;margin:140px 0 0;}
.movie_b iframe{width:100%;height:100wh;border:none;}


#jockey{margin:0px auto 0;width:100%;display:block;padding-top:60px}
.jockey_l{width:100%;}
.jockey_l h2{margin-top:60px;}
.jockey_l a{background:#002763;display:block;width:100%;height:70px;color:white;text-align:center;line-height:70px;margin-top:40px;}
.jockey_l a:after{content:">";color:#f39806;margin-left:20px;}
.jockey_l p{font-size:20px;line-height:36px;font-weight:bold;}
.jockey_l img{width:100%;height:auto;display:block;}

.interview{width:90%;height:auto;background:#f8f8f8;display:block;margin-top:10px;padding:5%;font-size:14px;font-weight:bold;}
.interview p{font-size:12px;line-height:20px;font-weight:bold;margin:0 0 15px;}
.interview img{float:right;width:30%;height:auto;margin:0 0 0px 7px;}
.interview span{font-size:10px;color:#b2b2b2;padding-right:10px;}
.interview_m{display:block;width:100%;height:100wh;margin-bottom:100px;}
.interview_m iframe{width:100%;height:100wh;border:none;}

.playback{width:90%;height:auto;background:#f8f8f8;display:block;margin-top:10px;padding:5%;font-size:14px;font-weight:bold;}
.playback p{font-size:16px;line-height:20px;font-weight:bold;margin:0 0 15px;}
.playback img{float:right;width:30%;height:auto;margin:0 0 0px 7px;}
.playback span{font-size:10px;color:#b2b2b2;padding-right:10px;}
.playback_m{display:block;width:100%;height:100wh;margin-bottom:100px;}
.playback_m iframe{width:100%;height:100wh;border:none;}
.playback a{background:#002763;display:block;width:100%;height:70px;color:white;text-align:center;line-height:70px;margin-top:40px;}
.playback a:after{content:">";color:#f39806;margin-left:20px;}

#footer_navi {width:100%;margin:0px;}
#footer_navi a{width:100%;height:auto;display:block;}
#footer_navi a img{width:100%;height:auto;}

#footer{clear:both;width:100%;padding:30px 0;margin:0px;}
#footer a{display:inline-block;height:auto;margin:0px 3px;padding:0px;}
#footer_text{width:100%;padding:20px 0;font-size:11px;color:#aaa;}
#footer_text ul{list-style-type:disc;margin:10px 4%;padding:0px;}
#footer_text p{float:right;font-family:'Roboto Condensed', "メイリオ", Meiryo, sans-serif;color:black;margin:0;font-size:12px}


/* スライドメニュー */
.contents {position: relative;transition-property: all;transition-delay: .1s;transition-duration: .1s;}
.check:checked ~ .contents {-webkit-transform: translateX(-300px);-ms-transform: translateX(-300px);transform: translateX(-300px);}
.drawer-menu {position: fixed;top: 0;right: 0;width: 300px;height: 100%;opacity: 0;: all;transition-property: all;;transition-duration: .1s;transition-delay: 0s;overflow:hidden;-webkit-transform: perspective(500px) rotateY(-90deg);
    transform: perspective(500px) rotateY(-90deg);
    opacity: 0;}
.drawer-menu img{width:100%;}
.check:checked ~ .drawer-menu {opacity: 1;-webkit-transform: none;
    -ms-transform: none;
    transform: none;}
.check {display: none;}
.menu-btn {position: fixed;display: block;top: 10px;right: 10px;width: 30px;height: 30px;cursor: pointer;z-index: 3;}
.close-menu {position: fixed;top: 0;right: 300px;width: 100%;height: 100vh;visibility: hidden;opacity: 0;}
.check:checked ~ .close-menu {visibility: visible;opacity: 1;z-index: 3;}


/* サブページ共通 */
.sub_content{margin:0;width:100%;padding:10px 0%;}
.sub_content p.blue{color:#20335c;font-weight:bold;line-height:2em;margin:40px 0} 
.sub_content h2{font-style:normal;margin-left:0px;}
.sub_content h3{color:#002763;font-size:16px;border-bottom:1px solid #f39806;padding-bottom:10px;margin:40px 0 15px;}
.sub_content hosoku{font-size:12px;}



#sub_head{clear:both;margin:0px;width:100%;display:block;position: relative;}
#sub_head img{width:100%;margin:0 auto;display:block;}


/* シリーズ概要 */
.overview_tab{width:100%;display:block;height:40px;position: absolute;bottom:-10px;font-size:12px;}
/* .overview_tab a{float:left;background:#f0f0f0;display:block;width:50%;height:40px;color:#b3b3b3;text-align:center;line-height:40px;padding:5px 0 0;border-bottom:10px solid rgba(0, 0, 0, 0);} */
.overview_tab a{pointer-events: none;float:left;background:#f0f0f0;display:block;width:50%;height:40px;color:#b3b3b3;text-align:center;line-height:40px;padding:5px 0 0;border-bottom:10px solid rgba(0, 0, 0, 0);}
.overview_tab a:before{content:">";color:#b3b3b36;margin-right:5px;}
.overview_tab a.this{pointer-events: none;background:#002763;color:white;padding:5px 0 5px;}
.overview_tab a.this:before{content:"∨";color:#f39806;margin-right:5px;}

/*.jockey_tab{width:100%;display:block;height:40px;position: absolute;bottom:150px;font-size:12px;}*/
.jockey_tab{width:100%;display:block;height:40px;margin-top:50px;font-size:10px;}
.jockey_tab a{float:left;background:#404040;display:block;width:50%;height:40px;color:#b3b3b3;text-align:center;line-height:40px;padding:5px 0 0;border-bottom:10px solid rgba(0, 0, 0, 0);}
.jockey_tab a:before{content:">";color:#b3b3b36;margin-right:5px;}
.jockey_tab a.this{pointer-events: none;background:#002763;color:white;padding:5px 0 5px;}
.jockey_tab a.this:before{content:"∨";color:#f39806;margin-right:5px;}

/* 開催競馬場 */
.cource_menu{width:90%;background:white;margin:40px auto;}
.cource_menu a{display:inline-block;width:80px;height:25px;vertical-align:top;padding:20px 0 0 10px;font-size:11px;}
.cource_menu a span{display:block;font-size:10px;line-height:10px;}
.cource_menu a:after{content:"∨";color:#f39806;float:right;margin-right:0px;}
.cource_menu a.jra_link{height:50px;}
.cource_menu a.jra_link:after{margin-top:-32px;}

.curse_width{width:100%;padding:10px 0px;}
.curse_width h2{padding-top:20px;margin-top:40px;}
.curse_width h2:before{content: '';position: absolute;top:-10px;}
.curse_width h4{font-style:normal;border-top:2px solid #f0f0f0;padding:20px 0 0 0;margin-bottom:20px;}
.curse_width h4:before{content: '';position: absolute;top:-2px;left:0px;display:block;width:20px;height:2px;background:#f39806;}
.curse_tr1 img{width:100%;margin:10px 0;}
.curse_tr2, .curse_tr3{width:100%;margin-bottom:40px;}
.curse_tr3 dt{width:90px;line-height:2em;font-weight:bold}
.curse_tr3 dd{margin:-1.8em 0 20px 90px;}
.curse_tr4{clear:both;border-top:1px solid #f0f0f0;padding-top:30px;}
.curse_tr4 dl{width:100%;display:block;}
.curse_tr4 dt{width:75px;line-height:2em;font-weight:bold;}
.curse_tr4 dd{margin:-1.8em 0px 20px 75px;}

/* ジョッキー*/
.jockey_w{position: relative;background:url(subimg/jockey/waku.png) no-repeat;width:290px;height:330px;display:block;margin:0 auto;}
.j_no{position: absolute;top:8px;left:15px;color:white;font-feature-settings:"palt";font-style:oblique;font-family:'Roboto', "メイリオ", Meiryo, sans-serif;font-size:17px;}
.j_no span{font-size:13px;}
.j_name_a{position: absolute;top:28px;left:10px;color:white;font-feature-settings:"palt";font-style:oblique;font-family:'Roboto', "メイリオ", Meiryo, sans-serif;font-size:14px;}
.j_name_k{position: absolute;top:83px;left:53px;font-size:10px;}
.j_name_b{position: absolute;top:98px;left:53px;font-size:16px;color:#002763;font-weight:bold;}
.j_syozoku{position: absolute;top:178px;left:125px;font-size:12px;}
.j_year{position: absolute;top:194px;left:125px;font-size:12px;}
.j_img_cover{overflow: hidden;position: relative;height:167px;margin-left:150px;}
/*.jockey_w img{position: absolute;top:40px;left:150px;width:98px;height:127px;}*/
.jockey_w img{position: absolute;top:40px;width:98px;}
.j_come{position: absolute;top:215px;left:125px;font-size:10px;width:145px;line-height:11px;}
.j_fuku img{position: absolute;top:246px;left:55px;width:50px;height:50px;}
ul#jockey_list{padding-top:10px}
.j_tr{position: absolute;top:118px;left:53px;font-size:9px;line-height:9px;}

.jockey_thumb{width:100%;display:block;margin:60px auto 20px;}
.jockey_thumb a{clear:both;width:100px;height:40px;opacity: 1;display:inline-block;margin:0 0px 20px 5px;color:white;border-radius:4px;}
.jockey_thumb a div:after{content:">";color:#f39806;float:right;margin-right:2px;}
/*.jockey_thumb a img{height:40px;width:25px;float:left;display:block;border-radius:2px;}*/
.jockey_thumb a img{height:40px;float:left;display:block;border-radius:4px 0 0 4px;}
.jockey_thumb a div{float:right;width:68px;height:40px;display:block;font-size:10px;margin-left:2px;}
.jockey_thumb a span{font-size:10px;display:block;}
.jockey_thumb a:hover{opacity: 0.7;}
a.active{opacity:1; }
.jockey_thumb a.active div{border-bottom:2px solid #002763;}
.jockey_thumb a.active{background:white !important;color:black;}
.jockey_thumb a.active div:after{content:"∨";}

.jockey_thumb a:nth-child(1){background:#002763;}
.jockey_thumb a:nth-child(2){background:#002763;}
.jockey_thumb a:nth-child(3){background:#002763;}
.jockey_thumb a:nth-child(4){background:#002763;}
.jockey_thumb a:nth-child(5){background:#002763;}
.jockey_thumb a:nth-child(6){background:#002763;}
.jockey_thumb a:nth-child(7){background:#002763;}
.jockey_thumb a:nth-child(8){background:#002763;}
.jockey_thumb a:nth-child(9){background:#002763;}
.jockey_thumb a:nth-child(10){background:#002763;}
.jockey_thumb a:nth-child(11){background:#002763;}
.jockey_thumb a:nth-child(12){background:#002763;}
.jockey_thumb a:nth-child(13){background:#002763;}
.jockey_thumb a:nth-child(14){background:#002763;}
.jockey_thumb a:nth-child(15){background:#002763;}
.jockey_thumb a:nth-child(16){background:#002763;}
.jockey_thumb a:nth-child(17){background:#002763;}
.jockey_thumb a:nth-child(18){background:#002763;}
.jockey_thumb a:nth-child(19){background:#002763;}
.jockey_thumb a:nth-child(20){background:#002763;}
.jockey_thumb a:nth-child(21){background:#002763;}
.jockey_thumb a:nth-child(22){background:#002763;}
.jockey_thumb a:nth-child(23){background:#002763;}
.jockey_thumb a:nth-child(24){background:#002763;}

/*発売情報*/
.release_ta table{width:100%;margin:0 0 10px 0;float:left;}
.release_ta tr:nth-child(even){background:#f7f7f7;}
.release_ta td.bg{background:#f7f7f7;}
.release_ta td.tx{color:#f39806}
.release_ta a{color:#f39806}
.release_ta tr,td{text-align:center;}
/*.td25{width:25% !important}*/
.td25{width:15% !important}
.nakayama{clear:both;padding-top:0px;margin-bottom:100px;}
.nakayama a{width:99%;height:70px;line-height:70px;border:1px solid #002763;color:#f39806;text-align:center;display:block;font-size:12px;}
.nakayama a:after{content:">";color:#b3b3b36;margin-right:10px;float:right;}
.release_tat{width:3em;background:#edf8fc;text-align:center;white-space:nowrap;}
.release_tat_name{text-align:left;}
.tatemoji{line-height:1.2em;}

/*結果*/
.top3_cont{width:100%;background:#ccd4e0;padding:10px 0 0 0px}
.top3{width:90%;margin:0 auto;;display:block;}
.top3 h2{font-style:normal;}
.top3 h2 span{display:block;font-size:16px;margin:0 0 10px 0;}
.top3_waku{width:100%;background:white;border-top:3px solid #002763;padding:10px;margin:0 0px 40px 0;}
.top3_waku h5{color:#002763;font-size:20px;margin:5px 0;}
.top3_waku li{clear:both;font-size:18px;border-bottom:1px solid #ccc;margin:10px 0 10px 10px;font-weight:bold;font-size:14px;padding-top:15px;}
.top3_waku li:before{border-radius:20px;padding:10px 9px;font-size:12px;margin:0 10px 0 -20px;}
.top3_waku li:nth-child(1):before{content:"1位";background:#fff3b8;}
.top3_waku li:nth-child(2):before{content:"2位";background:#c0d6f0;}
.top3_waku li:nth-child(3):before{content:"3位";background:#be8f68;}
.top3_waku li span{font-size:12px;color:black;margin-left:10px;}
.top3_waku li p{display:inline;float:right;margin-top:0px;font-family:'Roboto Condensed', "メイリオ", Meiryo, sans-serif;font-size:20px;}
.top3_waku li:nth-child(1) p{color:#e3c16b;}
.top3_waku li:nth-child(2) p{color:#c0d6f0;}
.top3_waku li:nth-child(3) p{color:#be8f68;}
.top3_waku li p:after{content:"pt";font-size:12px;margin-left:5px;color:black;}
 table.result_ta{width:100%;}
 table.result_ta td,th{padding:5px 10px;text-align:center;}
 table.result_ta tr:nth-child(4n+1){background:#f7f7f7;}
 table.result_ta tr:nth-child(4n){background:#f7f7f7;}
.result_ta a{background:url(subimg/result/ya.png) no-repeat;width:13px;height:13px;display:block;margin:0 auto;}
.scroll table {overflow: auto;white-space: nowrap;display:block;width:auto;z-index:3;position:relative;}
.scroll table::-webkit-scrollbar {height: 5px;}
.scroll table::-webkit-scrollbar-track {background: #F1F1F1;}
.scroll table::-webkit-scrollbar-thumb {background: #BCBCBC;}
.table_arr{position:relative}
.table_arr:before{content:url(js/images/pre.png);transform: scale(0.75);display:block;z-index:999;position: absolute;top:50%;left:-20px;opacity:.3; }
.table_arr:after{content:url(js/images/next.png);transform: scale(0.75);display:block;z-index:999;position: absolute;top:50%;right:-20px;opacity:.3; }