@charset "UTF-8";






/*================================================
 *  トップページ
 ================================================*/


/*スマホ専用の公認マーク*/

#sp_official{display:none;}


h2.top-h2{
	margin-top:40px;
	font-size:80px;
	color:#1286C9;
	font-family: 'Anton', "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
	
	










/*================================================
 *  スライドショー
 ================================================*/
 
#mainvisual{
	box-sizing:border-box;
	width: 100%;
	height:860px;/*IE9*/
	height:90vh;
	margin:102px 0 0 0;
	color:#fff;
	text-align:left;
	font-family: "Noto Sans JP","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position:relative;
	}



#mainvisual p{
	color:#fff;
	font-size:30px;
	/*font-size:2.3vw;*/
	font-size:2.0vw;
	line-height:1.2;
	text-align:center;
	z-index:500;
	position:absolute;
	top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	margin-top:-0.5vh;
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	}


#mainvisual p .day{
	font-size:130%;
	
	}


#mainvisual p img.vicon{
	margin-bottom:-0.5vw;
	width:3.8vw;
	height:auto;
	filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
	}


#mainvisual a.mv_live{
	background-color:#fff;
	color:#000;
	display:inline-block;
	font-size:22px;
	font-family: 'Oswald', sans-serif; 
	font-weight:700;
	text-decoration:none;
	padding:4px 25px 7px;
	border-radius:2px;
	}
#mainvisual a.mv_live:hover{
	background-color:#C1272D;
	color:#fff;
	transition:all 0.2s ease 0s;
	}
/*#mainvisual a.mv_live .baselineup{
	vertical-align: 10%;
	}*/	




@media screen and (max-width:400px) {
	/*spスライドショー*/
	#mainvisual{
		margin-top:0;
	  width: 100%;
	  /*height: 320px !important;*/
	  height: 500px !important;/*20240704  460→500*/
		}
  

	#mainvisual p{
		width:100%;
	font-size:6.0vw;
	/*font-size: clamp(8px, 5vw, 30px);*/
	}
	#mainvisual p img.vicon{
	width:8.5vw;
	max-width:60px;
	/*width:6vw; ocfマーク用*/
	}
	
	#mainvisual a.mv_live{
	font-size:3.7vw;
	font-size: clamp(8px, 3.7vw, 22px);
	margin-top:5px;
	padding:3px 8px 3px;
	}

	
	#mainvisual a.mv_live{
	font-size:3.7vw;
	font-size: clamp(8px, 3.7vw, 22px);
	margin-top:5px;
	padding:3px 8px 3px;
	}

}







/*差し替え*/
/*カウントダウン直前まで*/
#mainvisual .countdown{
	position:absolute;
	right:-20px;
	bottom:45px;
	z-index:510;
	background-color:#111;
	border-left:5px solid #1286C9;
	display:block;
	padding:0 60px 0 35px;
	transform:skewX(-10deg);
	}
	
#mainvisual .countdown .countdown_inner{
	font-size: clamp(16px, 1.31vw, 18.5px);
	}	
	
#mainvisual .countdown .countdown_inner .days{
	font-size: clamp(34px, 3.85vw, 50px);
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-weight:900;
	padding:0 10px;
	}

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

#mainvisual .countdown{
	bottom:30px;
	width:50vw;
	padding:0 10px 0 20px;
	border-left:3px solid #1286C9;
	}
	
#mainvisual .countdown .countdown_inner{
	font-size:12px;
	}	
	
#mainvisual .countdown .countdown_inner .days{
	font-size:24px;
	padding:0;
	}
}



/*差し替え*/
/*youtubeliveリンク（カウントダウン差し替え）*/

#mainvisual a.youtubelivelink{
	position:absolute;
	right:-20px;
	bottom:45px;
	z-index:510;
	background-color:#000;
	border-left:11px solid #900;
	display:block;
	padding:8px 60px 8px 35px;
	transform:skewX(-10deg);
	
	font-size: clamp(26px, 2.69vw, 35px);
	text-decoration:none;
	color:#fcfcfc;
	font-weight:bold;
	font-weight:900;	
	}

#mainvisual a.youtubelivelink:hover{
	background-color:#900;
	color:#fff;
	transition:all 0.2s ease 0s;
	
	}





/*差し替え*/
/*ピックアップバナー*/
#mainvisual .pickuplinkbnr{
	position:absolute;
	right:-4px;
	bottom:45px;
	z-index:510;
	width:420px;
	}
#mainvisual .pickuplinkbnr .pickuplinkbnr_message{
	display:inline-block;
	background:#000;
	padding:3px 15px 0;
	border-radius:12px 12px 0 0;
	}	
#mainvisual .pickuplinkbnr .pickuplinkbnr_message strong{
	display: inline-block;
	font-size: 15px;
	color: #fff;
	/*color: #5ED2FF;*/
	transform: skewX(-10deg);
	}	
#mainvisual .pickuplinkbnr a{
	display:block;
	box-sizing:border-box;
	border:4px solid #000;
	border-radius:7px;
	}
#mainvisual .pickuplinkbnr a img{
	width:100%;
	height:auto;
	}
#mainvisual .pickuplinkbnr a img:hover{
	filter: brightness(1.1);
	}

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

#mainvisual .pickuplinkbnr{
	width:53%;
	bottom:8px;
	}
#mainvisual .pickuplinkbnr .pickuplinkbnr_message{
	padding:0 8px 0;
	border-radius:8px 8px 0 0;
	}	
#mainvisual .pickuplinkbnr .pickuplinkbnr_message strong{
	font-size: 11px;
	}	
#mainvisual .pickuplinkbnr a{
	border:4px solid #000;
	}
}






#overlay{
	width:100%;
	height:auto;
	overflow:hidden;
}
#overlay::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	min-height: 860px;
	/*background-color: rgba(0,0,0,0.3);
	background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;*/
	
	 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABtJREFUGFdjZGBg+M/AwMDIAAVwBjYBsEoMFQBW5gIF0HSEnwAAAABJRU5ErkJggg== ) repeat;
	 }



@media screen and (max-width:400px) {
	/*スマホ横持ちのドット切れ対策*/
	#overlay::after {
	min-height: 600px;
	}

}






/*各レースへのリンク*/

#racelink_wrap{
	width:100%;
	/*background-color:#fff;*/
	overflow:hidden;
	}

#racelink_wrap a{
	text-decoration:none;
	color:#fff;
	}
#racelink_wrap a:hover{
	text-decoration:none;
	color:#fff;
	}


/*racelinkの背景画像拡大*/
.racelink{
	position: relative;
    overflow: hidden;
	padding:0;
	
	float:left;
	width:50%;
	height:400px;
	}
		
.raceback_img1:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/link1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	}
	
.raceback_img2:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/link2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	}

.raceback_img3:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/link3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
	}
	
.racelink:hover:after{
	/*opacity:0.9;*/
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	}
.racelink .racelink_innner {
    z-index: 1;
    position: relative;
}


p.racelink_day{
	padding-top:33px;
	text-align:center;
	}
p.racelink_day strong{
	font-size:60px;
	font-family: 'Oswald',"Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:normal;
	/*letter-spacing: 0.05em*/
	}
p.racelink_day small{
	font-size:22px;
	font-family:"Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:100;
	position:relative;
	top:-20px;
	}

p.racelink_title{
	/*margin-top:-40px;三行*/
	margin-top:-10px;
	padding-left:5%;
	padding-right:5%;
	text-align:center;
	}
p.racelink_title strong{
	font-size:28px;
	/*font-size: clamp(18px, 2.4vw, 38px);三菱地所追加用*/
	font-size: clamp(18px, 3vw, 40px);
	font-family:"Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:900;
	/*line-height:1.0;*/
	line-height:1.2;
	}
p.racelink_title small{
	font-size:16px;
	/*font-size: clamp(11px, 2vw, 16px);*/
	color:#eee;
	font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.0;
	position:relative;
	top:10px;
	}

.racelink b{
	position:absolute;
	bottom:20px;
	right:20px;
	display:block;
	padding:0.5em 1.5em;
	background-color:#000;
	font-size:14px;
	z-index:100;
	}

.racelink b:hover{
	background-color:#1286C9;
	transition:all 0.4s ease 0s;
	}




/*競輪 事業補助*/

#keirin_hojo{
	margin-top:50px;
	text-align:center;
	width:100%;
	padding:10px 0;
	background-color:#222;
	}

#keirin_hojo img{
	width:90%;
	max-width:680px;
	height:auto;
	}



/*新着情報・バナーエリア・facebook*/

#top_split{
	width:96%;
	max-width:1600px;
	margin:0 auto;
	overflow:hidden;
	}
.top_split_left{
	float:left;
	width: calc(100% - 440px);
	}
.top_split_right{
	float:right;
	width:400px;
	padding-top:50px;
	}

		  /* pc1200以下でサイドバー縮小 */
		  @media screen and (max-width:1200px) {
		  .top_split_left{
			  width: calc(100% - 360px);
			  }
		  .top_split_right{
			  width:360px;
			  }
		  }

/*サイドバー内*/

.top_split_right a{
	display:block;
	margin-bottom:20px;
	width:100%;
	height:auto;
	}
	
.top_split_right img{
	width:100%;
	height:auto;
	}
.top_split_right img:hover{
	filter: brightness(110%);
	}









/*news*/

#news_wrap{
	overflow:hidden;
	}


#news_wrap .learnmore{
	display:block;
	width:100%;
	width: calc(100% - 36px);
	margin:14px auto 0;
	padding:3px 0;
	background-color:#1286C9;
	text-align:center;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	}
		  @media screen and (max-width:999px) {
			  #news_wrap .learnmore{width: calc(100% - 20px); }
		  }
		  
		  
.news{
	float:left;
	width:33.3%;
	height:auto;
	box-sizing:border-box;
	padding:18px;
	overflow:hidden;
	}
	
/*記事アニメ
.news:hover{
	margin-top:-10px;
	margin-bottom:10px;
	transition:all 0.3s;
	}*/
	
.news a{
	color:#000;
	text-decoration:none;
	}
		
.news img{
	width:100%;
	height:auto;
	display:block;
	}	
	
	
.news img:hover{
	filter: brightness(110%);
	}
	
.news p{
	box-sizing:border-box;
	height:140px;
	padding:4% 10% 5%;
	margin:0;
	font-size:16px;
	font-weight:bold;
	background-color:#fff;
	text-overflow: ellipsis;	
	line-height:120%;
	
	border-top:1px solid #ccc;
	}		
		
.news small{
	display:block;
	color:#999;
	font-size:90%;
	margin-bottom:8px;
	}		

		  /* pc 1200以下で２分割に */
		  @media screen and (max-width:1200px) {
		  
		  		.news{
					  float:left;
					  width:49.9%;
					  padding:14px;
					  }
				 .news p{
					  box-sizing:border-box;
					  height:140px;
					  padding:4% 6% 5%;
					  font-size:14px;
					  line-height:130%;
					}	
		  }
	





#newslistlink{/*一覧へ*/
	position:relative;	
	}

#newslistlink a{
	display:block;
	background-color: #1286C9;
	color:#eee;
	text-decoration:none;
	position:absolute;
	right:20px;
	bottom:20px;
	padding:2px 12px;
	font-size:14px;
	}







	
	
/*pv*/

#pvlist{
	width:96%;
	margin:0 auto;
}
	
#pvlist .mov{
	display:block;
	box-sizing:border-box;
	width:33.3%;
	padding:1%;
	float:left;
	text-decoration:none;
	color:#ddd;
	}
	
#pvlist .mov img{
	width:100%;
	height:auto;
	}
#pvlist .mov img:hover{
	filter: brightness(120%);
	}

#pvlist .mov p{
	text-align:center;
	font-size:14px;
	}	
	
	
/*スポンサー*/


#sponsor{
	margin-top: -25px;
	}


#sponsor ul{
	width:94%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	}

#sponsor ul li{
	display:inline-block;
	margin:20px;
	}

#sponsor ul li img{
	/*width:150px;*/
	height:auto;
	}

#sponsor ul li.sponcor_xl{
	display:block;
	margin:20px;
	}
#sponsor ul li.sponcor_xl img{
	width:506px;
	height:auto;
	}

#sponsor ul li.sponcor_l{
	display:inline-block;
	margin:20px;
	}
#sponsor ul li.sponcor_l img{
	width:230px;
	height:auto;
	}



#sponsor ul.m_wrap {
	width:94%;
	/*max-width:1200px;*/
	max-width:800px;
	margin:20px auto 0;
	text-align:center;
	}

#sponsor ul li.sponcor_m{
	display:inline-block;
	margin:20px;
	}
#sponsor ul li.sponcor_m img{
	width:180px;
	height:auto;
	}
		

#sponsor ul li.empty_m{/*s余りバナー位置調整 M*/
	width:180px;
	height:3px;
	margin-top:0;
	margin-bottom:0;
	/*background-color:#acc;*/
	}


#sponsor ul li.sponcor_s{
	display:inline-block;
	margin:20px;
	}
#sponsor ul li.sponcor_s img{
	width:150px;
	height:auto;
	}

#sponsor ul li.empty_s{/*s余りバナー位置調整 S*/
	width:150px;
	height:3px;
	margin-top:0;
	margin-bottom:0;
	/*background-color:#acc;*/
	}
	
	
	
	
@media screen and (max-width:999px) {
		/*スポンサー*/
		  #sponsor{
			  margin-bottom:-30px;
			  }
		  #sponsor ul{
			  width:96%;
			  margin:0 auto;
			  }
		  #sponsor ul li{
			  width:40%;
			  max-width:150px;
			  display:inline-block;
			  margin:2%;
			  }
		  #sponsor ul li img{
			  width:100%;
			  height:auto;
			  }
		  #sponsor ul li.sponcor_xl{
			  width:90%;
			  max-width:500px;
			  min-width:240px;
			  display:block;
			  margin:0 auto 20px;
			  }
		  #sponsor ul li.sponcor_xl img{
			  width:100%;
			  height:auto;
			  }
		  
		  #sponsor ul li.sponcor_l{
			  width:65%;
			  max-width:230px;
			  min-width:230px;
			  display:block;
			  margin:0 auto 20px;
			  }
		  #sponsor ul li.sponcor_l img{
			  width:100%;
			  height:auto;
			  }	
			  
		  #sponsor ul.m_wrap {
			  width:96%;
			  margin:0 auto;
			  }			  
		  #sponsor ul li.sponcor_m{
			  width:180px;
			  max-width:180px;
			  margin-top:10px;
			  margin-bottom:10px;
			  }
		  #sponsor ul li.empty_m{
			  margin-top:0;
			  margin-bottom:0;
			  }	
			  		  
		  #sponsor ul li.sponcor_m img{
			width:180px;
			  height:auto;
			  }	
			#sponsor ul li.sponcor_s{

				}
			#sponsor ul li.sponcor_s img{
		  
			}	
			#sponsor ul li.empty_s{/*s余りバナー位置調整 S*/
			width:40%;
			max-width:150px;
			}
		}



/*スマホでダミーが作る余白の対応*/
@media screen and (max-width:485px) {
#sponsor ul li.empty_m{	 display:none; }	
 }




/*アニメーション調整*/
.delay1{animation-delay:1s;}
.delay2{animation-delay:2s;}
.delay3{animation-delay:3s;}





/*================================================
 *  PCサイズ限定
 ================================================*/
@media only screen and (min-width: 1000px) {
	






}





/*================================================
 * ■スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:999px) {

	
	
	
	
	/*見出しh3.5*/
	
	
	.racetitle{
		font-size:23px;
		margin-top:2em;
		margin-bottom:1em;
		}
		
		
	
	
	/*================================================
	 *  spトップページ
	 ================================================*/
	
	/*青太字タイトル*/
	h2.top-h2{
		font-size:35px;
		font-size: clamp(20px, 14vw, 60px);
		}
	
	
	
	/*スマホ専用の公認マーク*/
	#sp_official{
		margin-top:60px;
		display:block;
		text-align:right;
		padding:5px 10px;
		background-color:#111;
		border-top:2px solid #1286C9;
		}
	#sp_official img{
		width:30%;
		max-width:130px;
		height:auto;
		vertical-align:middle;
		}
	
	
	#sp_official  span img{
		width:7%;
		max-width:21px;
		height:auto;
		margin-right:8px;
			vertical-align:middle;
		}
	
	
	
	
	
	
	.copytext{
		font-size:15px;
		}
	
	
	
	/*各レースへのリンク*/
	
	#racelink_wrap{
		}
	
	#racelink_wrap a{
		}
	#racelink_wrap a:hover{
		}
	
	
	/*racelinkの背景画像拡大*/
	.racelink{
		position: relative;
		overflow: hidden;
		padding:30px 0 5px;
		
		float:none;
		width:100%;
		height:inherit;
		}
	
	p.racelink_day{
		padding:0;
		
		float:left;
		width:24%;
		margin-top:-3px;
		box-sizing:border-box;
		padding-left:3%;
		}
	p.racelink_day strong{
		font-size:28px;
		font-size: clamp(18px, 9vw, 42px);
		}
	p.racelink_day small{
		font-size:14px;
		position:relative;
		top:-8px;
		}
	
	
	p.racelink_title{
		margin-top:0px;
		box-sizing:border-box;
		padding-right:3%;
		
		float:right;
		width:75%;
		margin:0;
		text-align:left;
		}
	p.racelink_title strong{
		font-size:25px;
		font-size: clamp(13px, 4.5vw, 35px);
	
		line-height:1.0;
		}
	p.racelink_title small{
		font-size: clamp(11px, 3.2vw, 17px);
	
		line-height:1.0;
		position:static;
		}
	
	
	
	
	.racelink b{
		display:none;
		}
	
	
	
	
	
	
	/*sp新着情報・バナーエリア・facebook*/
	
	
		#top_split{
			width:96%;
			}
			
		.top_split_left{
			float:none;
			width:100%;
			}
		.top_split_right{
			float:none;
			width:80%;
			max-width:500px;
			margin:0 auto;
			}
		
		
		/*sp news*/
		
		#news_wrap{
			}
		
		.news{
			float:left;
			
			width:49.9%;
			height:auto;
			
			box-sizing:border-box;
			padding:10px;
			overflow:hidden;
			}
		
		.news a{
			}
			
				
		.news img{
			}	
			
		.news p{
			box-sizing:border-box;
			height:100px;
			padding:4% 6% 5%;
			margin:0;
			font-size:12.5px;
			font-weight:bold;
			}		
			
		.news small{
			margin-bottom:3px;
			}		
		
		
		
		
		
		/*sp   pv*/
	
			#pvlist{
				width:98%;
			}
				
			#pvlist .mov{
				display:block;
				width:66%;
				padding:0;
				float:none;
				margin:0 auto;
				}
				
	



/*spここまで*/
}