body{margin:0px;font-size:16px;line-height:1.65em;background:white;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";background:url(topimg/back01.jpg)}
@media print {body {/zoom: 0.75;} }
a{overflow:hidden;outline:none;color:#e94c96;text-decoration:none;}
a:hover{color:#00b0ec;opacity:.7;}
img{border:0px;}
ul{list-style:none;padding:0px;margin:0px;}

h2{background:url(subimg/h2.png) no-repeat;height:116px;color:#e94c96;font-size:60px;line-height:116px;text-align:center;margin:40px auto;}
h2 span{font-size:80%;}
h3{background:#e94c96;line-height:60px;text-align:center;margin:60px auto 20px;font-size:30px;font-weight:normal;border-radius:10px;color:white;}
h4{background:#00b0ec;line-height:40px;text-align:center;margin:40px auto 20px;font-size:25px;font-weight:normal;border-radius:10px;color:white;}
h5{background:url(subimg/h5.png) no-repeat;background-size:contain;font-size:22px;line-height:22px;color:#d10075;margin:40px 0 10px;padding:0 0 0px 1.2em;font-weight:normal;display: flex;}
h5::after{content:"";display:block;background:#d10075;height:1px;flex-grow:1;margin:10px 0 0 10px;}
table{border-collapse: collapse;margin:20px 0;}
td{border:1px solid #aaa;text-align:center;padding:5px;vertical:align:top;}
th{background:#e94c96;color:white;font-size:1.1em;font-weight:normal;border:1px solid white;border-top:1px solid #e94c96}
th span{display:block;color:black;font-size:.8em;}
table.noborder td{border:none;padding:0 20px}



/* トップページレイアウト */

#content{margin:0 auto;width:1100px;padding:0px 50px;background:white;}
#content h1{width:100%;height:790px;background:url(topimg/head.jpg) no-repeat;background-size:contain;text-indent:-5000em;margin:0px;} /* 2020.01.20　修正 */

/* トップページナビゲーション */
ul#topnavi{display:flex;flex-wrap:wrap;margin:0px auto;width:1000px;height:50px;}
ul#topnavi li{text-align:center;font-size:16px;height:30px;width:calc(100%/6 - 10px);line-height:30px;margin:0 5px;}
ul#topnavi li:last-of-type{width:calc(100%/6 - 11px);}
ul#topnavi li a{display:block;background:url(topimg/navi_back.jpg);border:2px solid #c49c34;color:white;text-shadow:1px 1px 1px rgba(0,0,0,.7 );border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,.7 );}

ul#main{width:980px;height:150px;padding:0 10px 0 10px;margin:0 50px;display:flex;flex-wrap:wrap;position:relative;}
ul#main::before{content:"Topics / What's New";position:absolute;background:#e94c96;border-radius:50%;width:130px;height:130px;top:0px;left:30px;color:white;text-align:center;line-height:130px;font-size:13px;}

li#topics {height:100px;padding:0;overflow:auto;width:490px;margin:15px 30px 0px 160px;}
li#topics li{padding:0px 5px 0px 4.5em;margin-bottom:10px;line-height:1.3em;font-size:14px;color:#666;}
li#topics li span{font-size:.75em;padding-right:10px;color:#00b0ec;font-weight:bold;margin-left:-5em;}

li#poster{display:block;outline:none;height:100px;width:71px;background:url(topimg/poster_thumb.jpg);margin:15px 0 0;}
li#poster a{display:block;height:80px;padding-top:20px;width:71px;background:rgba(233,76,150,.75);text-align:center;line-height:1.3em;color:white;}
li#poster a:hover{opacity:0;}

#linkR ul{margin:15px 0 0 30px;width:145px;}
#linkR li{text-align:center;font-size:14px;margin:4px 0 0px ;}
#linkR li a{display:block;outline:none;height:22px;background:#e94c96;color:white;border-radius:5px;line-height:22px;box-shadow:1px 1px 1px rgba(0,0,0,.7 );}

ul#footer{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;height:auto;background:white;padding:40px 0 0;}
ul#footer li{width:calc(100%/4)}
ul#footer li a{margin:10px 30px;}



/* サブページレイアウト */
#head_s h1{width:100%;height:500px;background:url(subimg/head.jpg) no-repeat;text-indent:-5000em;margin:0 0 20px;} /* 2020.01.20　修正 */
#head_s h1 a{display:block;width:100%;height:500px;} /* 2020.01.20　修正 */
#main_s{width:calc(100% - 100px);padding:0px 50px 50px;background:white;}

#main_s a.btn{border:1px solid #bf001c;border-radius:10px;padding:5px 20px;margin:10px auto 40px;display:block;text-align:center;width:70%;clear:both;}


/* サブページナビゲーション */
ul.subnavi li{width:calc(100%/7 - 10px)!important;}
ul.subnavi li:last-of-type{width:calc(100%/7 - 11px)!important;}



/* サブページ シリーズ概要 */
#main_s iframe{display:block;width:480px;height:270px;margin:20px auto;}
#main_s p{font-size:18px;line-height:1.8em;padding:20px 20px 0;}
#main_s ol{padding-left:3em;}

ol li, ul li{margin-bottom:15px;}
ol ul ul{list-style-type:none;}
ol ul ul li{margin-top:10px;}
ol ul ul li:before{content:"※";margin-left:-10px;}

/* サブページ 開催競馬場 */
.kaisai ul{display:flex;flex-wrap:wrap;}
.kaisai ul li:nth-of-type(1){width:65%}
.kaisai ul li:nth-of-type(2){width:35%}
.kaisai ul li img{width:100%;margin-bottom:10px;}
.kaisai ul dt{width:120px;text-align:center;background:#e94c96;height:30px;line-height:30px;color:white;margin:0 0 20px;}
.kaisai ul dd{margin:-50px 0 20px 130px;}

.kaisai ul:nth-of-type(2n) li:nth-of-type(1){width:calc(60% - 2px);margin-right:2px;}
.kaisai ul:nth-of-type(2n) li:nth-of-type(2){width:40%}
.kaisai ul:nth-of-type(2n) li img{width:100%;display:block;}
.kaisai ul:nth-of-type(2n) li h6{font-size:16px;font-weight:normal;display:block;text-align:center;background:#e94c96;height:30px;line-height:30px;color:white;margin:0 0 20px;}


/* サブページ 騎手紹介 */
.kisyu ul{display:flex;flex-wrap:wrap;padding:75px 200px;}
.kisyu ul li:nth-of-type(1){width:35%;margin-right:5%;}
.kisyu ul li:nth-of-type(2){width:60%}
.kisyu ul li a{display:block;font-size:22px;background:#e94c96;color:white;padding:10px;margin-bottom:30px;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,.7 );}
.kisyu ul li a span{font-size:.75em;margin-left:20px;}
.kisyu ul li img{width:100%;display:block;margin-bottom:10px;}
.kisyu ul dt{width:140px;text-align:center;background:#e94c96;height:30px;line-height:30px;color:white;margin:0 0 20px;}
.kisyu ul dd{margin:-46px 0 20px 145px;font-size:1.2em;border-bottom:1px solid #e94c96;padding-left:10px;}


/* サブページ イベント */
.event td a{display:block;background:#e94c96;color:white;padding:2px 5px;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,.7 );}

.attent{background:#eee;padding:5px 15px 15px;font-size:.8em;line-height:1.4em;}
.attent p{margin:-15px 0 0 .5em;}
.attent ul{padding-left:2em;}
.attent li{margin:0 0 5px;}

/* サブページ ポイント表 */
.kekka table{width:90%;margin:0 5%;}

/* サブページ 発売情報 */
.scroll table{width:100%;font-size:90%;}
p.hosoku{font-size:14px!important;color:red;}

ul#link_s{margin:60px 0;display:flex;flex-wrap:wrap;justify-content:center;padding-top:30px;border-top:1px solid #d10075;}
ul#link_s li{margin:0 5px;display:block;background:#e94c96;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,.7 );width:200px;text-align:center;}
ul#link_s li a{color:white;font-size:14px;line-height:30px;height:30px;padding-bottom:2px;}

.gotop{margin:0 50%;padding:0 0 20px 530px;}
.gotop a{color:white;font-size:20px;border-radius:5px;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);padding:10px 15px 5px 15px;background:rgba(233,76,150,.75)}
.gotop a:hover{background:#1d2088;}

#content .kakutoku th,
#content .kakutoku td{text-align:center;}

ol.ol_abc{list-style-type:none!important;padding-left:0!important;}
ol.ol_abc li{margin:0 0 20px 2em;}
ol.ol_abc li span{padding:0 10px;font-size:1.2em;}
ol.ol_abc li span.abc{margin-left: -41px;}
ol.ol_abc a{display:block;text-align:center;width:60%;margin:0 auto;padding:10px;color:#002664;border:1px solid #002664;}
ol.ol_abc ul{list-style-type:disc!important;}
ol.ol_abc ul li{margin:0 0 0 30px;}
ol.ol_abc ul li:before{content:"";margin-left:0;}

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


@media all and (min-width: 0px) and (max-width: 767px) {
#content{width:100%;padding:0px;}
#content h1 {height:136vw;background:url(topimg/head_sp.jpg) no-repeat;background-size:contain;}
h2{height:12vw;color:#e94c96;font-size:30px;line-height:12vw;background-size:contain;margin:20px auto;}
h3{font-size:18px;line-height:1.3em;padding:10px 5px;font-feature-settings: "palt";}
h4{font-size:16px;line-height:1.3em;padding:10px 5px;font-feature-settings: "palt";}
h5{font-size:16px;padding-left:1.5em;}

ul#topnavi{width:calc(100% - 20px);;height:auto;padding:10px;}
ul#topnavi li{width:100%;margin:0 0 8px;height:20px;line-height:20px;font-size:14px;}
ul#topnavi li:last-of-type{width:100%!important;}

ul#main{width:calc(100% - 20px);height:auto;padding:0 10px;background-image:none;margin:0 0px;}
ul#main::before{top:0px;left:0px;width:100%;height:auto;font-size:20px;line-height:30px;border-radius:0px;}

li#topics{width:100%;height:150px;margin:30px 0px 30px;padding-top:5px;}
li#topics li{margin-bottom:7px;line-height:1.25em;font-size:12px;}

li#poster{width:71px;height:100px;margin:0 15px}


li#linkR{width:calc(100% - 131px);margin:-4px 0 0;}
li#linkR ul{width:100%;margin:0 15px;}
li#linkR li{width:90%;margin-bottom:5px;}
li#linkR li a{height:21px;font-size:14px;line-height:21px;}

.gotop{position:fixed;right:5px;margin:0 0 10px 0;padding:0px;}
ul#footer{margin:30px 10px 10px;padding:0px 0px;width:calc(100% - 20px);height:auto;}
ul#footer li{width:calc(100%/2 - 0px);margin:0 0px;}
ul#footer li a{margin:0px;}
ul#footer li a img{width:100%;}

#head_s h1{width:100%;height:45vw;background:url(subimg/head.jpg) no-repeat;background-size:contain;margin:0px}
#head_s h1 a{width:100%;height:45vw;} /* 2020.01.20　修正 */
#main_s{width:calc(100% - 20px);padding:0px 10px 50px;}
#main_s img, #main_s iframe{max-width:100%;}
/* サブページナビゲーション */
ul.subnavi li{width:calc(100%)!important;}
#main_s p{font-size:14px;line-height:1.6em;padding:10px;}
#main_s ol{padding-left:2em;}
#main_s li{font-size:14px;line-height:1.6em;}

#main_s a.btn{font-size:12px;line-height:1.4em;}

table.noborder td{padding:0 5px;font-size:12px;line-height:1.2em;}
table.noborder td img{width:80%;}

ul#link_s li{margin:0 5% 10px;width:90%}

.kaisai ul li{width:100%!important;}
.kaisai ul dt{width:90px;font-size:12px;}
.kaisai ul dd{margin:-45px 0 20px 95px;font-size:13px;}

.kisyu ul{padding:50px 0px;}
.kisyu ul li{width:100%!important;margin-right:0px!important;}
.kisyu ul li img{width:49%;margin:0 0% 0px;height:auto;display:inline-block;}
.kisyu ul li:nth-of-type(1){}
.kisyu ul li a{margin-bottom:30px;}


.kekka table{width:100%;margin:0 0%;font-size:10px;line-height:1.3em;}
.kekka table th,.kekka table td{padding:3px 2px;}

.scroll{overflow:auto;white-space:nowrap;}
.scroll::-webkit-scrollbar{height:5px;}
.scroll::-webkit-scrollbar-track{background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background:#BCBCBC;}
.scroll table{margin:0 0%;font-size:12px;line-height:1.3em;}
.scroll table th,.kekka table td{padding:3px;}

#content table.kakutoku{width:auto;}
#content .kakutoku th,
#content .kakutoku td{width:1px;padding:2px;}
#content .kakutoku2 th,
#content .kakutoku2 td{width:auto!important;}

ol.ol_abc ul li{margin:0 0 0 20px;}
ol.ol_abc li span.abc{margin-left: -35px;}

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

}