body{margin:0px;font-feature-settings:"palt";font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:18px;line-height:1.75em;background:#eee;position:relative;}
img{border:none;width:100%;}
a{text-decoration:none;color:#C18F3A;}
a:hover{opacity:.5;transition-duration:.2s;transform:translate(2px,2px)}
a img:hover{opacity:.5;transition-duration:.2s;transform:translate(2px,2px)}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
li{margin:0px;padding:0px;}
table{border-collapse:collapse;width:100%;border:none;margin:0 auto;background:white;}
th,td{padding:10px;border:1px solid #C18F3A;font-weight:normal;}
th a{color:black;font-weight:bold;}
/*
tr td:first-of-type{border-left:none;}
tr td:last-of-type{border-right:none;}
*/
th{background:#C18F3A;text-align:center;color:white;border:1px solid white}
table.brn br{display:none;}
h4.soon{text-align:center;}

/* レイアウト */
img.img_sp{display:none;}
img.img_pc{display:block;}
.pc{display:block!important}
.sp{display:none!important}

a.btn{text-align:right;color:#C18F3A;display:inline-block;line-height:56px;font-size:21px;margin:21px 0 42px 83%;}
a.btn::before{content:"　";height:56px;width:56px;display:inline-block;background:url("img/more.svg") ;background-size:cover;margin-right:-1.2em;letter-spacing:.1em;}

a.btnw{text-align:right;color:white;display:inline-block;line-height:56px;font-size:21px;margin:21px 0 42px 83%;}
a.btnw::before{content:"　";height:56px;width:56px;display:inline-block;background:url("img/morew.svg") ;background-size:cover;margin-right:-1.2em;letter-spacing:.1em;}

/* ナビゲーション */
a.toplogo{width:60px;height:auto;display:block;position:fixed;top:30px;left:10px;z-index:12}
nav{position:fixed;height:100%;left:0px;background:black;top:0;width:80px;z-index:10;}
ol.sidemenu{position:fixed;bottom:20px;z-index:11;left:15px;}
ol.sidemenu li{width:20px;margin:10px 15px}

.menu-trigger,.menu-trigger span{display:inline-block;transition: all .2s;box-sizing:border-box;cursor :pointer;}
.menu-trigger{position:fixed;width:50px;height:50px;z-index: 11;left:15px;top:40%;}
.menu-trigger span{position: absolute;background:white;width: 40px;height: 2px;left: 0;right: 0;margin: auto;}
.menu-trigger span:nth-of-type(1){top: 15px;}
.menu-trigger span:nth-of-type(2){top: 23px;}
.menu-trigger p{font-size:12px;text-align:center;color:white;padding-top:12px;}
.menu-trigger.active span:nth-of-type(1){transform: translateY(4px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){transform: translateY(-4px) rotate(45deg);}
.menu-trigger.active p{display:none;}
.g-nav{display:none;position:fixed;top:0px;left:80px;background:rgba(0,0,0,1);width:calc(100% - 50px);height:100vh;padding:50px 0;z-index:10;}
.g-nav > ul{margin:50px auto 0px;width:1000px;color:white;display:flex;flex-wrap:wrap;font-size:24px;}
.g-nav a {color:white;font-weight:bold;}
.g-nav ul li{margin-bottom:30px;width:29%}
.g-nav ul li.menu{width:1000px;font-weight:bold;}
.g-nav ul li a{padding:2px 0px;display:block;color:white;}
.g-nav ul li ul {width:1000px;display:flex;flex-wrap:wrap;margin-top:20px;}
.g-nav ul li ul li {width:41%}
.g-nav ul li ul li a{margin:0px 5% 0 0;border-bottom:1px solid white;position:relative;font-size:.75em;line-height:1.8em;}
.g-nav ul li ul li a:after{content: '';width:15px;border-bottom:1px solid white;position:absolute;bottom:3px;right:0;transform:rotate(30deg);}
.g-nav ol{display:none;}


/*.g-nav > ul > li:nth-of-type(6){display:none;}*/
/*.g-nav > ul > li:nth-of-type(2){display:none;}*/
/*.g-nav > ul > li:nth-of-type(2) > a{pointer-events:none; color:gray;}*/
/* 非表示の際には display:none;*/
.g-nav ul li ul li:nth-of-type(1){display:none;}
.g-nav ul li ul li:nth-of-type(2){display:none;}
.g-nav ul li ul li:nth-of-type(3){display:none;}
.g-nav ul li ul li:nth-of-type(4){display:none;}
.g-nav ul li ul li:nth-of-type(5){display:none;}
.g-nav ul li ul li:nth-of-type(6){display:none;}
.g-nav ul li ul li:nth-of-type(7){display:none;}
.g-nav ul li ul li:nth-of-type(8){display:none;}

/* メニュー内バナー */
.g-nav .navlink{display:none;width:900px;margin:0px auto 30px auto;padding-right:180px;}
.g-nav .navlink a{display:inline-block;width:45%;height:auto;color:white;text-align:center;padding:10px 0%;margin:20px 2%;font-size:20px;position:relative;line-height:1.4em;pointer-events:none;}/* リンク有効時にはpointer-events:none;を削除 */
.g-nav .navlink a span{height:auto;font-size:.8em;display:block;}/* リンク有効時にはdisplay:none; */
.g-nav .navlink a::after{content:"";width:10px;height:10px;border-top:1px solid white;border-right:1px solid white;transform:rotate(45deg);position:absolute;right:5%;top:calc(50% - 5px)}
.g-nav .navlink a.btn_k{background:#005f98;}
.g-nav .navlink a.btn_2{background:#00913a;}

.g-nav .navbanner{width:900px;margin:0px auto 30px;padding-right:180px;}
.g-nav .navbanner a{display:inline-block;width:405px;height:auto;margin:0px 2% 20px;}  
.g-nav .navbanner a:nth-of-type(1){display:none;}
.g-nav .navbanner a:nth-of-type(2){}

/*.g-nav .navbanner a{display:inline-block;width:45%;height:auto;margin:20px 2%;}*/


.acd-check{display: none;}
.acd-label{display: block;padding:2px 0px 0;display:block;position:relative;border-bottom:1px solid white;width:80%;}
.acd-label:after{box-sizing:border-box;content:'＋';display:block;font-size:26px;padding: 0px;position: absolute;right:0px;top:5px;color:white;}
.acd-label:hover{cursor:pointer;}
.acd-content{display:block;height:0;opacity:0;padding:0px;transition:.2s;visibility:hidden;}
.acd-check:checked + .acd-label:after{content: 'ー';background:none;top:10px;line-height:1em;}
.acd-check:checked + .acd-label + .acd-content{height:auto;opacity:1;padding:0 0 20px;visibility:visible;color:white;}


header{min-width:1000px;width:calc(100% - 80px);margin-left:80px;overflow:hidden;}
section,article{min-width:calc(1000px - 10%);width:calc(90% - 80px);margin-left:80px;overflow:hidden;}
footer{min-width:calc(1000px - 10%);width:calc(90% - 80px);margin-left:80px;}

/* 本文ヘッダー */


header{background:url(img/head.png) no-repeat;background-size:cover;min-height:780px;height:57vw;position:relative;}
header #next_race{position:absolute;bottom:0px;width:100%;line-height:90px;transform:skewX(45deg);background:#C18F3A;margin-left:-45px;}
header #next_race h3{width:33%;color:white;display:inline-block;vertical-align:middle;text-align:center;margin:0px 0 0 0px;padding:0vw 0 0px 0%;font-weight:normal;font-size:30px;transform: skewX(-45deg);}
header #next_race h3 span{border-bottom:1px solid white;}
header #next_race h2{width:66%;color:white;display:inline-block;margin:0%;padding:0%;font-size:60px;letter-spacing:.1em;vertical-align:middle;transform: skewX(-45deg);}
header #next_race h2 span{font-size:.7em;margin-right:.5em;line-height:.7em;}
header #next_race h2:after{content:"";position:absolute;right:5%;top:calc(50% - .2em);width:.4em;height:.4em;border-top: 2px solid white;border-right:2px solid white;transform: rotate(45deg);display:block;}

/* トップ本文 */
/*
.topmain section h2,article h2{text-align:center;font-size:36px;color:#C18F3A;text-align:center;line-height:1.5em;width:75%;margin:0 auto;padding:70px 0;letter-spacing:.2em;}
.topmain section h2 span,article h2 span{display:block;font-size:20px;display:flex; align-items:center;margin:15px 0 0vw;font-weight:normal;justify-content: space-around;}
.topmain section h2 span:before,article h2 span:before {margin-right:5px; border-top:1px solid #C18F3A; content:" ";flex:1 0 auto;margin-left:10%}
.topmain section h2 span:after,article h2 span:after {margin-left:5px; border-top:1px solid #C18F3A; content:" ";flex:1 0 auto;margin-right:10%}
*/
.topmain section h2,article h2{text-align:center;font-size:36px;color:#C18F3A;text-align:center;line-height:1.5em;width:75%;margin:0 auto;padding:5vw 0;letter-spacing:.2em;}
.topmain section h2 span,article h2 span{display:block;font-size:20px;display:flex; align-items:center;margin:2vw 0 0vw;font-weight:normal;}
.topmain section h2 span:before,article h2 span:before {margin-right:5px; border-top:1px solid #C18F3A; content:"";flex:1 0 auto;margin-left:10%}
.topmain section h2 span:after,article h2 span:after {margin-left:5px; border-top:1px solid #C18F3A; content:"";flex:1 0 auto;margin-right:10%}

.topmain section h2 span,article h2 span{justify-content: space-around;}



.topmain section#column{background: url(img/column_back.jpg);background-size: cover; background-position: center center;}
.topmain section#column h2{color:#FAE705;}
.topmain section#column h2 span:before {border-top:1px solid #FAE705;}
.topmain section#column h2 span:after {border-top:1px solid #FAE705;}
.topmain section.midashiw h2{color:white;}
.topmain section.midashiw h2 span:before {border-top:1px solid white;}
.topmain section.midashiw h2 span:after {border-top:1px solid white;}
.topmain section#purchase{background:#C18F3A;}
.topmain section#media{background:#1e237e;}

.topmain section#about{background:url(img/about_back.jpg) no-repeat;background-size:cover;padding:10px 5%;}
.topmain section#about h3{font-weight:normal;text-align:center;font-size:26px;line-height:2em;}

.topmain section#abouta{background:url(img/abouta_back.jpg) no-repeat;background-size:cover;padding:10px 5%;}
.topmain section#abouta h3{font-weight:normal;text-align:center;font-size:26px;line-height:2em;}

.topmain section#aboutb{background:url(img/abouta_back.jpg) no-repeat;background-size:cover;padding:10px 5%;}
.topmain section#aboutb h3{font-weight:normal;text-align:center;font-size:26px;line-height:2em;}

.topmain section#schedule{margin:-40px 0;height:auto;background: url(img/nittei_back.jpg);background-size:cover;background-position: center center;width:90%;padding:0px 5% 50px;}
.topmain section#schedule ul{margin:0 auto;display:block;padding:70px 0 20px;width:920px;}
.topmain section#schedule ul li{color:white;font-size:26px;border-top:2px solid white;border-bottom:2px solid white;line-height:40px;margin:-2px 0 0px;width:50%;min-width:600px;}
.topmain section#schedule ul li h3{margin:6px 0;font-weight:normal}
.topmain section#schedule ul li span{width:18%;background:white;color:#C18F3A;display:inline-block;margin-right:5%;position:relative;padding:5px 2%}
.topmain section#schedule ul li span b{width:36px;text-align:center;height:36px;line-height:36px;font-size:24px;display:block;background:#C18F3A;color:white;border-radius:20px;position:absolute;right:10%;top:7px;}
.topmain section#schedule ul li span::after{content: '';position: absolute;left:100%;top: 0;width: 0;height: 0;border-style: solid;border-width: 50px 30px 0vw 0vw;border-color: white transparent transparent transparent ;}
.topmain section#schedule ul li:nth-of-type(2){margin-left:60px;}
.topmain section#schedule ul li:nth-of-type(3){margin-left:120px;}
.topmain section#schedule ul li:nth-of-type(4){margin-left:180px;}
.topmain section#schedule ul li:nth-of-type(5){margin-left:240px;}
.topmain section#schedule ul li:nth-of-type(6){margin-left:300px;}
.topmain section#schedule ul li:nth-of-type(7){margin-left:360px;}
.topmain section#schedule ul li:nth-of-type(8){margin-left:420px;}
.topmain section#schedule ul li:nth-of-type(9){margin-left:480px;border-bottom:none;}
.topmain section#schedule ul li a{color:white;}

.topmain section#ranking{background:url(img/main_back.jpg);background-size:cover;padding:50px 5%;}
.topmain section#ranking table{width:74%;margin:0 auto;}
/*.topmain section#ranking table th{white-space: nowrap;}*/
.topmain section#ranking table td{padding:20px 5%;font-size:26px;line-height:1.2em;}
/*.topmain section#ranking table td,.topmain section#ranking table th{padding:20px 5%;font-size:26px;line-height:1.2em;white-space: nowrap;}*/
.topmain section#ranking > span{font-size:20px;text-align:left;display:block;margin:20px 0% 0 13%;}

.topmain section#ranking tr td:first-of-type{text-align:center;width:20%;}
.topmain section#ranking tr td:last-of-type{text-align:center;width:28%;}

.topmain section#ranking #news{width:74%;height:auto;display:block;padding:0 0 0 0;border:2px solid #C18F3A;margin:0px auto 0;font-size:26px;background:white;}
.topmain section#ranking #news h2{width:30%;margin:0 auto 0vw;}
.topmain section#ranking #news ul{overflow: auto;height: 210px;padding:0 7.0%;}
.topmain section#ranking #news li{line-height:1.5em;padding:15px 0px 15px 120px;}
.topmain section#ranking #news li span{display: block;width:100px;margin: 0 0 -39px -120px;}
/*
.topmain section#ranking #news{width:64%;height:auto;display:block;padding:35px 5% 35px;border:2px solid #C18F3A;margin:0px auto 0;font-size:26px;background:white;}
.topmain section#ranking #news h2{width:30%;margin:0 auto 0vw;}
.topmain section#ranking #news li{line-height:1.5em;padding:15px 0}
*/


.topmain section#column{padding:5px 5% 50px;width:calc(90% - 80px)}
.topmain section#column > ul{width:68%;display:flex;flex-wrap:wrap;min-width:700px;height:auto;padding:2vw 3% 2vw;margin:-30px auto 0;background:white;border-radius:15px;}
.topmain section#column > ul > li:nth-of-type(1){width:20%;height:auto;margin-right:2%;}
.topmain section#column > ul > li:nth-of-type(2){width:78%;height:auto;}
.topmain section#column > ul > li ul{display:flex;flex-wrap:wrap;}
.topmain section#column li ul li:nth-of-type(2){width:68%;height:auto;margin:0vw 2% 0vw 0%;}
.topmain section#column li ul li:nth-of-type(3){width:30%;height:auto;}

.topmain section#column > ul > li:nth-of-type(2) h4{display:none;}

.topmain section#column h3{font-size:28px;color:#006CB9;line-height:1.4em;padding-bottom:20px;margin:0px 0 0px}
.topmain section#column h4{font-size:18px;padding:0px;margin:0px;font-weight:normal;text-align:center;}
.topmain section#column p{font-size:18px;line-height:1.6em;position:relative;margin:0px;}
.topmain section#column ul a{font-size:18px;color:#006CB9;text-align:right;display:block;margin-top:1em;}
.topmain section#column ul a span{font-size:16px;}

.topmain section#purchase{padding:5px 5% 50px;width:calc(90% - 80px)}
.topmain section#purchase ul{width:77%;display:flex;flex-wrap:wrap;margin:-30px auto 0;}
.topmain section#purchase ul li{width:21%;height:auto;margin:15px 2%;background:white;border-radius:20px;}
.topmain section#purchase ul li img{width:90%;margin:30px 5% 0;}
.topmain section#purchase ul li p{border-top:1px solid #AEAEAE;line-height:1.5em;text-align:center;font-size:18px;padding-top:20px}
.topmain section#purchase ul li a{color:black} 

.topmain section#media{padding:5px 5% 50px;width:calc(90% - 80px)}
.topmain section#media div{width:68%;background:white;text-align:center;color:#1E247D;margin:20px auto;padding:30px 4% 35px;display:flex;flex-wrap:wrap;}
.topmain section#media div a{width:48%;margin:0 auto;}
.topmain section#media div a img{width:90%;height:auto;border-radius:15px;margin:35px auto 0;padding:50px 5%;}
.topmain section#media div a.live img{background:#1E247D;}
.topmain section#media div a.keiba img{border:2px solid black}
.topmain section#media div p{display:block;color:#1E247D;margin:0px;padding:0px;line-height:1.2em;font-size:22px;}

.topmain section#media ul{width:79%;display:flex;flex-wrap:wrap;margin:40px auto 0vw;}
.topmain section#media ul li{width:21%;height:auto;margin:2vw 2%;}
.topmain section#media ul li p{text-align:center;line-height:1.4em;margin:0px;font-size:22px}
.topmain section#media ul li a{color:white;}


/* 共通バナー */
article{padding:50px 5% 100px;background:white;}
article ul{display:flex;flex-wrap:wrap;justify-content: center;}
article ul li{margin:15px 5%}
article ul li img{height:50px;width:auto;}
article a.nar img{width:auto;height:50px;margin:20px auto;display:block;}


/* フッター */

footer{background:black;padding:50px 5%;text-align:center;color:white;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} 
footer a{color:white;font-size:18px;}
footer a.gotop{background:black;width:100px;height:100px;border-radius:50px;line-height:100px;margin:-100px auto 0;display:block;font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
footer a.gotop:hover{opacity:1;transform:translate(0px,-10px)}
footer p{text-align:center;font-size:14px;padding:30px 0;margin:0px;line-height:1.4em;} 
footer br{display:none;}

/* サブページ共通 */
.submain{background:url(img/back.jpg);background-size:contain;height:auto;display:block;width:100%;min-width:1000px;}
.submain section{padding:30px 15%;width:calc(68% - 80px);}
.submain section h1{padding:20px 2%;font-size:35px;line-height:2.5em;text-align:center;background:#C18F3A;color:white;letter-spacing:.1em;margin:50px -10%}
.submain section h1::before{content:"";width:100%;border-top:1px solid white;display:block;}
.submain section h1::after{content:"";width:100%;border-top:1px solid white;display:block;}
.submain section p{font-size:22px;line-height:40px;}

/*.submain section h2{color:#C18F3A;text-align:left;font-size:40px;padding:40px 0 20px;letter-spacing:.25em;}*/
.submain section h2{color:#C18F3A;text-align:left;font-size:40px;padding:40px 0 20px;}
.submain section h2::after{content:"";border-bottom:2px solid #C18F3A;display:block;width:20%;padding-top:20px;}



.submain section > h3{text-align:center;position:relative}
.submain section > h3 b{font-size:30px;border-bottom:1px solid #C18F3A;color:#C18F3A;display:inline-block;margin:40px auto 20px;padding-bottom:5px;}
.submain section > h3::after{content:"";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #C18F3A;position:absolute;bottom:12px;left:calc(50% - 4px)}


.submain section a.gohome{position:relative;width:50%;background:black;text-align:center;color:white;display:block;font-size:26px;padding:30px 2% 30px 6%;margin:100px auto 50px;}
.submain section a.gohome::before{content: '';width: 0;height: 0;border:solid 10px transparent;border-right: solid 20px white;position:absolute;left:5%;top:calc(50% - 10px);}
.submain section a.gohome::after{content:"";border-bottom:2px solid white;width:10%;position:absolute;left:8%;top:calc(50% - 1px);}



@media all and (min-width: 0) and (max-width: 749px)  {
body{background:white;}
table th,table td{padding:2vw 5%;font-size:3vw;line-height:1.2em;}
table.brn br{display:block;}
.acd-label{width:100%;}

img.img_sp{display:block;}
img.img_pc{display:none;}
a.btn{text-align:right;color:#C18F3A;line-height:8vw;font-size:3vw;margin:3vw 0% 6vw 76%;}
a.btn::before{content:"　";height:8vw;width:8vw;display:inline-block;background:url("img/more.svg") ;background-size:cover;margin-right:-1.5em;}

a.btnw{text-align:right;color:white;line-height:8vw;font-size:3vw;margin:3vw 0% 6vw 76%;}
a.btnw::before{content:"　";height:8vw;width:8vw;display:inline-block;background:url("img/morew.svg") ;background-size:cover;margin-right:-1.5em;}

header,section,article,footer{margin-left:0px;min-width:90%;}

nav{display:none;}
a.toplogo{display:none;}
ol.sidemenu{display:none;}

.menu-trigger,.menu-trigger span{display:inline-block;transition: all .2s;box-sizing: border-box;cursor :pointer;}
.menu-trigger{position:fixed;width:50px;height:50px;z-index:11;left:calc(100% - 50px);top:0px;background:black}
.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: 15px;}
.menu-trigger span:nth-of-type(2){top: 23px;}
.menu-trigger p{font-size:2vw;text-align:center;color:white;padding-top:12px;}
.menu-trigger.active span:nth-of-type(1){transform: translateY(4px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){transform: translateY(-4px) rotate(45deg);}
.menu-trigger.active p{display:none;}
.g-nav{display:none;top:0px;left:0%;background:rgba(0,0,0,1);width: 100%;height:100vh;padding:8vw 0;z-index:10;}
.g-nav > ul{margin:0px auto;width:80%;color:white;height:auto;}
.g-nav a {color:white;}
.g-nav ul li{margin-bottom:2.5vw;width:100%;line-height:1em;}/* メニューリストの行間をmargin-bottomで調整 */
.g-nav ul li a{padding:2px 0px;display:block;font-size:4vw;color:white;}
.g-nav ul li.menu{width:100%;font-size:4vw;}
.g-nav ul li ul{margin-top:0px;width:100%;}
.g-nav ul li ul li{width:90%;margin:0 auto;}
.g-nav ul li ul li a{margin:2vw 0% 0;border-bottom:1px solid white;position:relative;font-size:.9em;line-height:1.8em;}
.g-nav ul li ul li a:after{content: '';width:15px;border-bottom:1px solid white;position:absolute;bottom:3px;right:0;transform:rotate(30deg);}
.g-nav ol{display:flex;flex-wrap:wrap;justify-content: center;border-top:1px solid white;border-bottom:1px solid white;width:80%;margin:2vw auto 0;}
.g-nav ol li{width:7.6vw;margin:3vw 6% 1vw;}
/*.g-nav ul li:nth-of-type(1){order:1;}
.g-nav ul li:nth-of-type(2){order:2;}
.g-nav ul li:nth-of-type(3){order:3;}
.g-nav ul li:nth-of-type(4){order:5;}
.g-nav ul li:nth-of-type(5){order:6;}
.g-nav ul li:nth-of-type(6){order:7;}
.g-nav ul li:nth-of-type(7){order:8;}
.g-nav ul li:nth-of-type(8){order:9;}
.g-nav ul li:nth-of-type(9){order:4;padding:1vw 0;}*/


/* スマートフォンバビゲーション　バナー */
.g-nav .navlink{width:80%;margin:6vw auto;padding-right:0px;}
.g-nav .navlink a{margin:0px auto;display:block;width:90%;color:white;text-align:center;padding:1vw 5% 2vw 0;margin-bottom:2vw;font-size:4vw;position:relative;line-height:1.4em;}/* リンク有効時にはpointer-events: none;を削除 */
.g-nav .navlink a span{font-size:.8em}
.g-nav .navlink a::after{content:"";width:2vw;height:2vw;border-top:1px solid white;border-right:1px solid white;transform:rotate(45deg);position:absolute;right:5%;top:calc(50% - 1vw)}

/* スマートフォンバビゲーション　ふるさと案内所｜バナー */
.g-nav .navbanner{width:80%;margin:0vw auto 6vw 12vw;padding-right:0px;}
.g-nav .navbanner a{width:95%;height:auto;margin:0vw;}

.acd-label{padding:2px 0px 5px;}
.acd-label:after{content:'＋';font-size:5vw;top:0;color:white;}
.acd-check:checked + .acd-label:after{content: 'ー';background:none;top:0px;line-height:1em;}


header{background:url(img/head_sp.jpg) no-repeat;background-size:contain;width:100%;height:156vw;min-height:156vw;position:relative;}
header #next_race{position:absolute;bottom:-9vw;height:29vw;width:100%;line-height:1em;background:none;margin:0px;transform:skewX(0deg)}
header #next_race h3{width:20%;background:#C18F3A;color:white;display:block;margin:0 0 -1px;padding:2vw 0 .1em 10%;font-weight:normal;font-size:3.5vw;transform:skewX(0deg);position:relative;}
header #next_race h3 span{border-bottom:1px solid white;}
header #next_race h3::after{content: '';position: absolute;left:100%;top: 0;width: 0;height: 0;border-style: solid;border-width: 8vw 0 0 8vw;border-color: transparent transparent transparent #C18F3A;}
header #next_race h2{width:90%;background:#C18F3A;color:white;display:block;margin:0px;padding:.5em 0 .5em 10%;font-size:7.2vw;letter-spacing:.1em;transform:skewX(0deg)}
header #next_race h2 span{font-size:.7em;margin-right:.5em;}


/*.topmain section h2,article h2{text-align:center;font-size:4.5vw;color:#C18F3A;text-align:center;line-height:1.5em;width:80%;margin:0 auto 0;padding:5vw 0 5vw;letter-spacing:.1em;}*/
.topmain section h2,article h2{text-align:center;font-size:4.5vw;color:#C18F3A;text-align:center;line-height:1.5em;width:80%;margin:0 auto 0;padding:3vw 0;letter-spacing:.1em;}
.topmain section h2 span,article h2 span{display:block;font-size:3vw;display:flex; align-items:center;margin:2vw 0 0vw;font-weight:normal;}
.topmain section h2 span:before,article h2 span:before {margin-right:5px; border-top:1px solid #C18F3A; content:""; flex-grow:1;margin-left:10%}
.topmain section h2 span:after,article h2 span:after {margin-left:5px; border-top:1px solid #C18F3A; content:""; flex-grow:1;margin-right:10%}


/*.topmain section#about{width:90%;background:url(img/about_back_sp.jpg) no-repeat top;background-size:contain;margin:0;padding:5vw 5% .1vw;}*/
.topmain section#about{width:90%;background:url(img/about_back_sp.jpg) no-repeat top;background-size:cover;margin:0;padding:5vw 5% 0vw;}
.topmain section#about h3{font-size:4vw;}
.topmain section#schedule{width:90%;padding:5vw 5% 10vw;margin-top:0vw;background:url(img/back_c.jpg) no-repeat;background-size:cover;height:auto;}
.topmain section#schedule ul{width:100%;margin:5vw auto;border-top:1px solid white;padding:0px;}
.topmain section#schedule ul li{color:white;font-size:4vw;border-bottom:1px solid white;border-top:none;line-height:6vw;margin:0px;width:100%;min-width:100%;}
.topmain section#schedule ul li h3{margin:1vw 0;font-weight:normal}
.topmain section#schedule ul li span{width:18%;background:white;color:#C18F3A;display:inline-block;margin-right:5%;position:relative;padding:1vw 2%}
.topmain section#schedule ul li span b{width:6vw;text-align:center;height:6vw;line-height:6vw;font-size:4vw;display:block;background:#C18F3A;color:white;border-radius:3vw;position:absolute;right:5%;top:1vw;}
.topmain section#schedule ul li span::after{content: '';position: absolute;left:100%;top: 0;width: 0;height: 0;border-style: solid;border-width: 8.1vw 3vw 0vw 0vw;border-color: white transparent transparent transparent ;}
.topmain section#schedule ul li:nth-of-type(2){margin-left:0px;}
.topmain section#schedule ul li:nth-of-type(3){margin-left:0px;}
.topmain section#schedule ul li:nth-of-type(4){margin-left:0px;}
.topmain section#schedule ul li:nth-of-type(5){margin-left:0px;}
.topmain section#schedule ul li:nth-of-type(6){margin-left:0px;}
.topmain section#schedule ul li:nth-of-type(7){margin-left:0px;}
.topmain section#schedule ul li:nth-of-type(8){margin-left:0px;}
.topmain section#schedule ul li:nth-of-type(9){display:none;}

.topmain section#ranking{width:90%;background:url(img/back.jpg) no-repeat;background-size:cover;padding:0.1vw 5% 5vw;}
.topmain section#ranking table{width:100%;margin:0 auto;}
.topmain section#ranking table td{padding:3vw 1%;font-size:4vw;line-height:1.2em;}
.topmain section#ranking table th{padding:3vw 1%;}
/*.topmain section#ranking table td,.topmain section#ranking table th{padding:3vw 5%;font-size:4vw;line-height:1.2em;}*/
.topmain section#ranking > span{font-size:3vw;text-align:right;display:block;margin:0 0% -2vw 0;}

.topmain section#ranking tr td:first-of-type{width:15%;}
.topmain section#ranking tr td:last-of-type{width:20%;}

.topmain section#ranking #news{width:100%;height:auto;display:block;border:1px solid #C18F3A;margin:0 auto 0;font-size:3.5vw;background:white;}
.topmain section#ranking #news h2{width:30%;margin:0 auto 2vw;}
.topmain section#ranking #news ul{height: 38vw;padding:0 2vw;}
/*.topmain section#ranking #news li{line-height:1.5em;padding:2vw 0}*/
.topmain section#ranking #news li{line-height:1.5em;padding:2vw 0px 2vw 14vw;}
.topmain section#ranking #news li span{display: block;width:100px;margin: 0 0 -5vw -14vw;}
/*
.topmain section#ranking #news li{line-height:1.5em;padding:15px 0px 15px 100px;}
.topmain section#ranking #news li span{display: block;width:100px;margin: 0 0 -39px -100px;}
*/
/*
.topmain section#ranking #news{width:94%;height:auto;display:block;padding:2vw 3%;border:1px solid #C18F3A;margin:0vw auto 0;font-size:3.5vw;background:white;}
.topmain section#ranking #news h2{width:30%;margin:0 auto;}
.topmain section#ranking #news li{line-height:1.5em;padding:2vw 0}
*/

.topmain section#column{width:90%;padding:1vw 5% 0vw;background: #006CB9;}
.topmain section#column > ul{width:90%;display:flex;flex-wrap:wrap;min-width:90%;height:auto;padding:5vw 5% 3vw;margin:0px auto 0;background:white;border-radius:2vw;}
.topmain section#column > ul > li:nth-of-type(1){width:30%;height:auto;margin-right:2%;}
.topmain section#column > ul > li:nth-of-type(2){width:68%;height:auto;}
.topmain section#column > ul > li ul{display:flex;flex-wrap:wrap;}
.topmain section#column li ul li:nth-of-type(1){min-height:28vw;height:auto;display;block;width:100%;}
.topmain section#column li ul li:nth-of-type(2){width:86%;height:auto;margin:0vw 2% 0vw -46%;}
.topmain section#column li ul li:nth-of-type(3){width:58%;height:auto;}

.topmain section#column > ul > li:nth-of-type(1) h4{display:none;}
.topmain section#column > ul > li:nth-of-type(2) h4{display:block;}

.topmain section#column h3{font-size:4vw;padding:3vw 0 0;}
.topmain section#column h4{font-size:3vw;text-align:left;}
.topmain section#column p{font-size:3vw;}
.topmain section#column ul a{font-size:3vw;margin:0 2% 0px;}
.topmain section#column ul a span{font-size:3vw;}


.topmain section#purchase{width:100%;padding:1vw 0 10vw}
.topmain section#purchase ul{width:94%;display:flex;flex-wrap:wrap;margin:0 auto;}
.topmain section#purchase ul li{width:46%;height:auto;margin:2vw 2%;background:white;border-radius:3vw}
.topmain section#purchase ul li img{width:90%;margin:5vw 5% 0;}
.topmain section#purchase ul li p{border-top:1px solid #AEAEAE;line-height:1.5em;text-align:center;font-size:4vw;padding-top:3vw;margin:0px 0 3vw;}

.topmain section#media{width:100%;padding:1vw 0 5vw}
.topmain section#media div a{width:100%;margin:0 auto;}
.topmain section#media div{width:90%;background:white;text-align:center;color:#1E247D;margin:3vw auto;padding:2vw 0 5vw}
.topmain section#media div a img{width:80%;height:auto;border-radius:2vw;margin:5vw auto 0;padding:5vw 5%}
.topmain section#media div a.live img{background:#1E247D;}
.topmain section#media div a.keiba img{border:1px solid black}
.topmain section#media div p{display:block;color:#1E247D;margin:0px;padding:0px;line-height:1.2em;font-size:4vw;}

.topmain section#media ul{width:94%;display:flex;flex-wrap:wrap;margin:6vw auto 0vw;}
.topmain section#media ul li{width:46%;height:auto;margin:2vw 2%;border-radius:3vw}
.topmain section#media ul li p{text-align:center;line-height:1.4em;margin:0px;font-size:3.5vw}
.topmain section#media ul li a{color:white;}


article{padding:8vw 0% 16vw;width:100%;}
article ul li{margin:2vw 5%}
article ul li img{height:7vw;width:auto;}
article a.nar img{width:auto;height:6vw;margin:3vw auto;display:block;}

footer{width:100%;padding:8vw 0;} 
footer a{font-size:3vw;}
footer a.gotop{width:16vw;height:16vw;border-radius:8vw;line-height:14vw;margin:-16vw auto 0;font-size:5vw;}
footer p{text-align:center;font-size:2.5vw;padding:4vw 0;margin:0px;} 
footer br{display:block;}

/* サブページ共通 */
a.sublogo img{width:auto;height:50px;position:absolute;left:2%;top:2vw}

.submain {background:url(img/back.jpg) ;background-size:contain ;padding:60px 0% 0vw;width:100%;height:auto;display:block;min-width:100%;}
.submain section h1{padding:3vw 2%;font-size:5vw;line-height:2.5em;text-align:center;background:#C18F3A;color:white;letter-spacing:.1emc;margin:0vw -5% 4vw; }
.submain section h1::before{content:"";width:100%;border-top:1px solid white;display:block;}
.submain section h1::after{content:"";width:100%;border-top:1px solid white;display:block;}
.submain section p{font-size:3vw;line-height:1.7em;}

.submain section h2{color:#C18F3A;text-align:left;font-size:6vw;padding:6vw 0 3vw}
.submain section h2::after{content:"";border-bottom:1px solid #C18F3A;display:block;width:30%;padding-top:0px;}


.submain section > h3{text-align:center;position:relative}
.submain section > h3 b{font-size:5vw;border-bottom:1px solid #C18F3A;color:#C18F3A;display:inline-block;margin:6vw auto 3vw}
.submain section > h3::after{content:"";width: 0;height: 0;border-left:1.5vw solid transparent;border-right:1.5vw solid transparent;border-top:1.5vw solid #C18F3A;position:absolute;bottom:1.5vw;left:49.25%}

.submain section h4{font-size:4vw;}

.submain section{padding:5vw 5%;width:90%;}
.submain section p{font-size:3vw;line-height:1.85em;}

.submain section a.gohome{position:relative;width:86%;background:black;text-align:center;color:white;display:block;font-size:3vw;padding:2.5vw 2% 2.5vw 12%;margin:10vw auto 5vw;}
.submain section a.gohome::before{content: '';width: 0;height: 0;border:solid 4px transparent;border-right: solid 10px white;position:absolute;left:5%;top:calc(50% - 3px);}
.submain section a.gohome::after{content:"";border-bottom:1px solid white;width:10%;position:absolute;left:8%;top:50%}

.scroll{overflow: auto;white-space:nowrap;padding-bottom:5px;}
.scroll::-webkit-scrollbar{height:10px;}
.scroll::-webkit-scrollbar-track{background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background:#BCBCBC;border-radius:5px;}


.sp{display:block!important}
.pc{display:none!important}
}
table.fix {
	table-layout: fixed;
}
table.center {
	text-align: center;
}