body{background:white ;margin:0px;font-size:15px;font-family:"メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;font-size:16px;line-height:1.65em;color:#333;}
img{border:none;width:100%;height:auto;}
table{border-collapse: collapse;width:100%;}
th{padding:10px 5px;background:#1E2678;border:1px solid #bdcdde;font-weight:normal;text-align:center;color:white;font-feature-settings:"palt";font-size:15px;}
th span{font-size:.8em;line-height:1.3em;display:block;}
td{padding:10px 5px;border:1px solid #1E2678;font-feature-settings:"palt";font-size:13px;line-height:1.4em;}
table.tbl0 {width:auto;}
table.tbl0 td{border:1px none #1E2678;font-size:16px;padding:5px 5px;}
table table td{border:none;}
table.tdc td:first-child{text-align:center;}
a{transition: 0.2s ;color:#00b0ec;text-decoration:none;}
a:hover{opacity: 0.5 ;}
strong{color:#b4005d;font-weight:normal;}
h1,h2,h3,h4,h5{font-feature-settings:"palt";color:black;}
hr{border:none;border-bottom:1px solid #ccc;margin:60px 0 80px;display:block;height:0px;}
ul,ol,ul li,ol li{list-style-type:none;margin:0px;padding:0px;}
ul.ulli > li{list-style-type:disc;margin:0 0 10px 20px;}
ol.olal > li{list-style-type:lower-latin;margin:0 0 10px 20px;}
ul.ulli > li span,ol.olal > li span{font-size:12px;line-height:1.3em;text-align:right;display:block;}

/* レイアウト */
ul#content{width:1200px;margin:0 auto;padding:0px;display:flex;flex-wrap:wrap;}
ul#content li#side_navi{width:240px;background:#1f2678}
ul#content li#main{width:960px;}

.pc{display:block;}
.sp{display:none;}
img.pc{display:block;}
img.sp{display:none;}
table.pc{display:block;}
table.sp{display:none;}


/* ナビゲーション */
.menu-trigger p{display:none;}

.navi {margin: 0 auto;padding: 0;border-top:1px solid white;font-size:12px;}
.navi a{display:block;color:white;border-bottom:1px solid white;padding:5px 10px;}
.navi .ac-content {margin: 0;padding: 0;}
.navi .ac-cont{text-indent:0px;background:#08084d;}
.navi .ac-content input {display: none;}
.navi .ac-content label {display:block;cursor:pointer;padding:5px 10px;color: #fff;box-sizing: border-box;border-bottom:1px solid white;position:relative;}
.navi .ac-content label::after{content:"";background:url(top_img/ya01.png) no-repeat;width:15px;height:10px;background-size:contain;position:absolute;right:10px;top:15px;}
.navi .ac-cont {transition: 0.2s;height: 0;overflow: hidden;background:rgba(15,15,45,.9);padding-left:0px;box-sizing: border-box;margin-left: 10px;}
.navi .navisoon {background:rgba(170,170,170,.9);color:#000000;}
.navi a.navisoon:hover{opacity: 1;}
.navi input:checked + .ac-cont {height: auto;box-sizing: border-box;}
.head_link_sp{display:none;}
.head_link_pc{display:flex;flex-wrap:wrap;justify-content: flex-end;background:white;}
.head_link_pc img{width:45px;height:auto;margin:10px 5px;}
.navi_link a{position:relative;}
.navi_link a::after{content:"";background:url(top_img/ya02.png) no-repeat;width:13px;height:13px;background-size:contain;position:absolute;right:11px;top:12px;}
.navi a.sp{display:none;}





img.head_logo_pc {height:auto;width:80%;margin:20px auto;}

  /* ヘッダー トップページ */

ul#slider{height:422px;overflow:hidden; display:block;}
  
  /* トップページ コンテンツ */
  
.top_con h3{font-size:50px;text-align:center;font-style:italic;margin:50px 0 20px;}
.top_con h3 span{display:block;margin-top:20px;font-size:20px;font-style:normal;}

.top_con h4{font-size:20px;text-align:center;}
.top_con a.btn{text-align:center;display:block;width:240px;margin:40px auto 60px;padding:10px;border-radius:20px;color:white;font-size:20px;}

.count p{text-align:center;font-size:30px;color:black;font-weight:bold;line-height: 1.85em;margin:10px 0px;}
.count span{font-size:180%;color:#00b0ec;vertical-align:top;}
.count font.honjitsu{font-size:180%;color:#00b0ec;}

#fan_banner{padding:60px 30px;}
#fan_banner a{margin-bottom:15px;}

  /* トップページ メインコンテンツ */
.top_main ul{display:flex;flex-wrap:wrap;padding:10px;}
.top_main ul li{width:calc(100%/4 - 22px);margin:10px;background:white;border:1px solid #9FA0A0;}
.top_main ul li > span{background:#666;text-align:center;color:white;font-size:13px;display:block;}
.top_main ul li a > span{background:#666;text-align:center;color:white;font-size:13px;display:block;}
.top_main ul li.r_li > span{background:#666;text-align:center;color:white;font-size:13px;display:block;position: relative;}
.top_main ul li.r_li a > span{background:#666;text-align:center;color:white;font-size:13px;display:block;position: relative;}
.top_main ul li a p{height:100px;padding:5px;margin:0px;line-height:1.5em;color:black;}
.top_main ul li a p span{font-size:12px;display:block;}
#program ul li a p{height:50px;}

/*a.bslink01{width:100%;margin:0px;display:block;border-top:1px solid #aaa;}*/ /* 2019.10.03追加 */
a.bslink01{width:auto;margin:0px;display:block;border:1px solid #aaa;} /* 2019.10.03追加 */
a.parking01{width:auto;margin:0px;display:block;border:0px solid #aaa;}

  /* トップページ RACE REPORT */
#report{background:url(top_img/report_back.png) no-repeat #FABE00;padding:200px 0 1px;}
#report a.btn{background:#E60012}
#report h3{color:#E60012;margin-top:-120px;margin-bottom:120px;}

  /* トップページ SPECIAL INTERVIEW */
#interview{background:url(top_img/interview_back.png) no-repeat #F08300;padding:200px 0 1px;}/* 2019.10.03修正 */
#interview p{position:relative;}
#interview p span{position:absolute;bottom:5px;text-align:center;width:calc(100% - 20px);margin:5px;background:#EFEFEF;line-height:1.3em;padding:5px 0;} /* 2019.10.03追加 */
#interview a.btn{background:#FFFFFF;color:black;}

  /* トップページ 特別番組 */
#program{background:url(top_img/program_back.png) no-repeat #00AFEC;padding:310px 0 1px;} /* 2019.10.03修正 */
#program a.btn{background:#FABE00;color:black;}
#program a.bslink{width:calc(100% - 60px);margin:10px 30px 50px;display:block;} /* 2019.10.03追加 */

  /* トップページ NEWS */
#news{padding:60px 30px;}
#news li{;border-bottom:1px solid #888;margin-bottom:20px;padding:0 3em 20px 10em;font-size:18px;font-weight:bold;}
#news li span{margin:0 1em 0 -8em;}
#news a.btn{background:#45B035}

  /* トップページ ギャラリー */
#gallery{padding:30px;background:#EFEFEF;}
.gallery{width:70%;height:auto;margin:20px 15%;}
#gallery a.btn{background:#00A7EA}
div.gallery iframe{width:630px;height:355px;}


  /* サブページ */
.sub_con h1{background:url(sub_img/h1_back.jpg);width:100%;height:106px;text-align:center;font-style:italic;font-weight:bold;color:white;margin:0px;padding:80px 0 0 0;}
.sub_con{background:#EFEFEF;}
.sub_con article{width:calc(100% - 120px);margin:30px;background:white;padding:30px;}
.sub_con h2{background:#DCDDDD;margin:50px 0 15px;padding:5px;}
.sub_con h2:first-of-type{margin:0px 0 15px}
.sub_con h3{border-bottom:1px solid #333;font-style:normal;font-size:26px;text-align:left;margin:60px 0 20px;padding-bottom:10px;}
.sub_con h4{border-left:5px solid #333;font-size:22px;margin:60px 0 20px;padding-left:10px;}
.sub_con h5{text-align:left;font-size:18px;margin:-10px 0 30px;font-weight:normal}
.sub_con p{line-height:2em;}
.sub_con a.btn_l{text-align:center;background:#FABE00;display:block;padding:10px;position:relative;color:black}
.sub_con a.btn_l::after{content:"";background:url(sub_img/btn_l-ya01.png) no-repeat;width:10px;height:16px;background-size:contain;position:absolute;right:10px;top:18px;}


.sub_con ul.col2{display:flex;flex-wrap:wrap;}
.sub_con ul.col2 li{width:calc(50% - 15px);margin:20px 0 30px;}
.sub_con ul.col2 li:nth-child(2n-1){margin-right:30px;}

.sub_con img.right_img{width:300px;float:right;margin:0 0 20px 20px;}

.sub_con article.foot_icon{width:calc(100% - 100px);margin:30px;padding:20px;}
.foot_icon ul{display:flex;flex-wrap:wrap;}
.foot_icon ul li{width:calc(100%/3 - 20px);margin:10px;}
.foot_icon ul li:nth-child(3n){margin:10px 0 10px 10px}
.foot_icon a.footsoon div{background:rgba(50,50,50,.9);border-radius: 10px;}
.foot_icon a.footsoon img{opacity: .5;}
.foot_icon a.footsoon:hover{opacity: 1;}



  /* サブページ 出場馬情報等*/
ul.info_btn{display:flex;flex-wrap:wrap;margin-bottom:100px;}
ul.info_btn > li:first-child{width:calc(67% - 20px);margin-right:20px;}
ul.info_btn > li:last-child{width:33%;}
ul.info_btn li ul li a{height:172px;padding-bottom:2px;display:block;}
ul.info_btn li ul li:hover{opacity: 0.5 ;}
ul.info_btn li ul li:first-child{background:url(sub_img/info_btn01.jpg) no-repeat;background-size:contain;margin-bottom:15px;}
ul.info_btn2 li ul li:first-child{background:url(sub_img/info_btn01b.jpg) no-repeat;background-size:contain;margin-bottom:15px;}
ul.info_btn li ul li:last-child{background:url(sub_img/info_btn02.jpg) no-repeat;background-size:contain;}
ul.info_btn3 li ul li:last-child{background:url(sub_img/info_btn02b.jpg) no-repeat;background-size:contain;}
ul.info_btn li.infosoon div{background:rgba(90,90,90,.9);opacity: .9;}
ul.info_btn li.infosoon:hover{opacity: 1;}
div.tousoon{background:rgba(90,90,90,.9);}
div.tousoon a{opacity: 0.5;}
div.tousoon a:hover{opacity: 0.5;}

div.eventsoon {background:rgba(90,90,90,.9);opacity: .9;}
div.eventsoon img{opacity: 0.5;}
div.eventsoon img:hover{opacity: 1;}



  /* フッター */
ul#footer{width:calc(100% - 40px);height:auto;display:flex;flex-wrap:wrap;padding:20px;}
ul#footer li{width:calc(100%/7 - 10px);margin:5px 4px 0 5px;}
ul#footer li img{width:100%;height:auto;}
#copy{text-align:center;font-size:12px;padding:5px 0;background:#595656;color:white;margin-top:40px;}


  /* トップへ戻る */
.foot_link{position:fixed;width:400px;right:0px;bottom:-2px;z-index:998;}
.foot_navi{width:283px;height:64px;background:url(top_img/foot_navi.png) no-repeat;background-size:contain;padding:8px 0 0 118px;margin-top:20px;}
.foot_navi a img{display:inline-block;height:46px;width:auto;}
.foot_navi0{margin-top:20px;}
.gotop a{color:white;font-size:20px;border-radius:1px;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);padding:10px 13px;background:rgba(30,38,120,.9);margin-left:345px;}


.sample-box {position: relative;}
.youtube {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    position: absolute;
    top: 24%;
    left: 38%;
}
#program .youtube {
    top: 30%;
}
.yuushouba {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
    position: absolute;
    bottom: 0;
    left: 0;
    
    color: white;
    background: black;
    opacity: 0.8;
    width: 100%;
}

div.infobox {
    overflow-y: scroll;
    height: 480px;
}
#news div ul li span.new{margin:0;padding:1px;color:white;background:#002664;font-size:12px;font-weight:bold;vertical-align:bottom;}
.top_main ul li > span span.new{margin:0;padding:1px;color:white;background:#E60012;font-size:12px;font-weight:bold;vertical-align:bottom;position: absolute;top: 3px;left: 30px;line-height: normal;}
.top_main ul li a > span span.new{margin:0;padding:1px;color:white;background:#E60012;font-size:12px;font-weight:bold;vertical-align:bottom;position: absolute;top: 3px;left: 30px;line-height: normal;}

.br-pc { display:block; }
.br-sp { display:none; }



@media all and (min-width: 0px) and (max-width: 767px) {
.sub_con table th{padding:5px 2px;font-size:12px;line-height:1.4em;}
.sub_con table td{padding:5px 2px;font-size:10px;line-height:1.4em;}
.scroll{overflow: auto;white-space:nowrap;}
.scroll::-webkit-scrollbar{height:5px;}
.scroll::-webkit-scrollbar-track{background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background:#BCBCBC;}
ul.ulli > li,ol.olal > li{font-size:14px;margin-bottom:5px;}
p[align="right"]{font-size:12px!important;line-height:1.4em;margin:5px 0px;}

/* レイアウト */
ul#content{width:100%;margin:0 auto;padding:0px;position:relative;}
ul#content li#side_navi{width:100%;height:0;position:fixed;top:0px;right:0px;z-index:999;background:none;}
ul#content li#main{width:100%;margin:0px;position:relative;}


.pc{display:none;}
.sp{display:block;}
img.pc{display:none;}
img.sp{display:block;}
table.pc{display:none;}
table.sp{display:block;}

/* ナビゲーション */
.menu-trigger p{display:block;text-align:center;font-size:10px;margin-top:25px;color:white;}
.menu-trigger,.menu-trigger span{display:inline-block;transition: all .4s;box-sizing: border-box;cursor :pointer;}
.menu-trigger{position: relative;width: 50px;height: 50px;background:rgba(30,38,120,.9);z-index: 2;float:right;margin-top:0px;}
.menu-trigger span{position: absolute;background:white;width: 30px;height: 2px;left: 0;right: 0;margin: auto;}
.menu-trigger span:nth-of-type(1){top: 10px;}
.menu-trigger span:nth-of-type(2){top: -10px;bottom: 0;}
.menu-trigger span:nth-of-type(3){bottom: 20px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){opacity: 0;}
.menu-trigger.active span:nth-of-type(3){-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
.g-nav{display: none;position: absolute;top:0px;left:0%;background:rgba(30,38,120,.9);width: 100%;height: auto;padding:50px 0 10px;}

.navi {margin: 0 auto;padding: 0;}
.navi a{line-height:1.5em;}
.navi .ac-content {margin: 0;padding: 0;}
.navi .ac-content input {display: none;}
.navi .ac-content label {display: block;cursor: pointer;box-sizing: border-box;line-height:1.5em;}
.navi .ac-content label::after{top:10px;}
.navi_link a::after{top:7px;}
.navi a.sp{display:block;}

.search{position:absolute;top:0;left:0;width:calc(100% - 50px);}
.search a{border:none;float:left;}
.search .gsc-control-searchbox-only{float:left;width:calc(100% - 55px);}
.search td{border:none!important;margin:0px!important;padding:5px 0px!important}
.search img{width:30px;height:auto;margin-top:5px;}

.head_link_sp{display:flex;flex-wrap:wrap;}
.head_link_sp a{width:calc(100%/3);color:white;}
.head_link_sp a img{width:40px;height:auto;margin:10px auto 0;display:block;}
.head_link_pc{display:none;}

.head_logo_sp{height:50px;}
img.head_logo_sp {height:40px;width:auto;margin:5px auto;}

ul#slider{height:44vw;}

  /* トップページ コンテンツ */
.top_con h3{font-size:35px;margin:30px 0 20px;}
.top_con h3 span{margin-top:5px;font-size:18px;}
.top_con a.btn{width:200px;padding:5px 10px;font-size:16px;}

.count p{font-size:17px;line-height: 1.85em;}
.count font.honjitsu{font-size:150%;}
.count font.honjitsu2{font-size:100%!important;}
.count font.honjitsu3{font-size:100%!important;}
.count font.honjitsu0{font-size:70%!important;}

#fan_banner{padding:40px 15px;}

  /* トップページ メインコンテンツ */
.top_main ul{padding:0px;}
.top_main ul li{width:calc(100%/2 - 12px);margin:5px;}
.top_main ul li > span{font-size:11px;}
.top_main ul li a > span{font-size:11px;}
.top_main ul li.r_li > span{font-size:11px;}
.top_main ul li.r_li a > span{font-size:11px;}
.top_main ul li a p{height:90px;padding:5px;font-size:14px;line-height:1.4em;}
.top_main ul li a p span{font-size:10px;line-height:1.3em;}
#program ul li a p{height:40px;}

  /* トップページ RACE REPORT */
#report{background:url(top_img/report_back_sp.png) no-repeat #FABE00;padding:32vw 0 1px;background-size:contain;}
#report h3{margin-top:-21vw;margin-bottom:21vw;}

  /* トップページ SPECIAL INTERVIEW */
#interview{background:url(top_img/interview_back_sp.png) no-repeat #F08300;padding:32vw 0 1px;background-size:contain;}

  /* トップページ 特別番組 */
#program{background:url(top_img/program_back_sp.png) no-repeat #00AFEC;padding:32vw 0 1px;background-size:contain;} /* 2019.10.03修正 */
#program a.bslink{width:calc(100% - 20px);margin:10px 10px 20px;display:block;} /* 2019.10.03追加 */

  /* トップページ NEWS */
#news{padding:30px 10px;}
#news li{margin-bottom:15px;padding:0 0em 15px 7.5em;font-size:12px;line-height:1.6em;}
#news li span{margin:0 1em 0 -7.5em;}

  /* トップページ ギャラリー */
#gallery{padding:30px 10px;}
.gallery{width:100%;margin:20px 0%;}
div.gallery iframe{width:100%;height:55.25vw;}

  /* サブページ */
.sub_con a.head_logo_link{position:absolute;width:100px;left:calc(50% - 50px)}
  
.sub_con h1{font-size:26px;margin-top:50px;}
.sub_con article{width:calc(100% - 20px);margin:0;background:white;padding:10px;}
.sub_con h2{font-size:18px;}
.sub_con h3{font-size:18px;}
.sub_con h4{font-size:16px;}
.sub_con p{font-size:14px;}

.sub_con ul.col2{display:flex;flex-wrap:wrap;}
.sub_con ul.col2 li{width:100%;margin:0 0 20px 0;}
.sub_con ul.col2 li:nth-child(2n-1){margin-right:0px;}

.sub_con img.right_img{width:100%;float:none;margin:0 0 20px 0px;}

.sub_con article.foot_icon{width:calc(100% - 20px);margin:30px 0;padding:10px;}
.foot_icon ul li, .foot_icon ul li:nth-child(3n){width:calc(100%/2 - 10px);margin:5px;}

  /* サブページ 出場馬情報等*/
ul.info_btn{margin-bottom:60px;}
ul.info_btn > li:first-child{width:100%;margin:0 0 20px 0;}
ul.info_btn > li:last-child{width:100%;}
ul.info_btn li ul li{width:calc(50% - 10px)}
ul.info_btn li ul{display:flex;flex-wrap:wrap;}
ul.info_btn li ul li a{height:28vw;display:block;}
ul.info_btn li ul li:first-child{margin:0 20px 0 0;}



  /* フッター リンク*/
ul#footer_link_btn{display:block;width:calc(100% - 20px);padding:10px;margin-bottom:30px;}
ul#footer_link_btn li{width:100%;padding:2px 0;}
ul#footer_link_btn li a{font-size:13px;padding:1px 0;}

  /* トップへ戻る */
.foot_link{width:320px;height:40px;right:0px;bottom:0px;}
.foot_link_top{bottom:47px;}
.foot_navi{width:220px;height:50px;padding:8px 0 0 100px;margin-top:10px;}
.foot_navi a img{display:inline-block;height:35px;width:auto;}
.foot_navi0{margin-top:10px;}
.gotop a{color:white;font-size:20px;border-radius:1px;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);padding:10px 13px;background:rgba(30,38,120,.9);margin-left:270px;}

ul#footer{width:calc(100% - 20px);height:auto;padding:20px 10px;}
ul#footer li{width:calc(100%/4 - 10px);margin:5px 5px 0 5px;}

#copy{margin-bottom:50px;}

div.infobox {
    height: 280px;
}
#news div ul li span.new{font-size:12px;}
.top_main ul li > span span.new{font-size:11px;top: 15%;left: 5%;}
.top_main ul li a > span span.new{font-size:11px;top: 15%;left: 5%;}

.br-pc { display:none; }
.br-sp { display:block; }

}

@media all and (min-width: 0px) and (max-width: 315px) {
#report h3{font-size:15px;margin-top:-25vw;margin-bottom:25vw;line-height: 1em;}
#report h3 span{margin-top:0px;font-size:10px;}

.top_main ul li > span span.new{font-size:10px;top: 15%;left: 1%;}
.top_main ul li a > span span.new{font-size:10px;top: 15%;left: 1%;}

}