@charset "utf-8";
/* CSS Document */
.scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}
#common_header{
	width: 100%;
	/*height: 166px;*/
	position: relative;
	top: 0px;
	z-index: 10000;
	background-color: black;
	display:flex;
	left: 0;
	/*height: 129px;*/
	height: 91px;
}
#common_header_col_box1{
	background-color: #1b1464;
	width:100%;
	height:91px;
	position: absolute;
	z-index: 10000;
	/*border-bottom: 2px solid white;*/
	box-sizing: border-box;
}
#common_header_col_box2{
	background-color: #f5cb00;
	width: 100%;
	height: 38px;
	position: absolute;
	top: 90px;
	z-index: 10000;
	display: none;
}
#common_header_col_box3{
	background-color: #991a1a;
	height: 38px;
	width:50%;
	position: absolute;
	/*top: 128px;*/
	z-index: 10000;
	display: none;
	top:91px;
}
#common_header_col_box_separate{
	position: relative;
	height: 89px;
	width: 100%;
	z-index: 10000;
	overflow: hidden;
	display: flex;
}
#common_header_col_box4{
	background-color: #1b1464;
	height: 89px;
	width:100%;
	z-index: 10000;
	display: block;
	position: absolute;
}
#common_header_col_box5{
	background-color: #1b1464;
	height: 89px;
	width: 100vw;
	z-index: 10000;
	position: absolute;
	left: 374px;
}
#common_header .menubox_hr{display: none;}
#common_header_box{
	width: 1200px;
	/*height: 166px;*/
	position: absolute;
	top: 0px;
	z-index: 10000;
	background-color: black;
	display: flex;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	/*height: 129px;*/
	height: 91px;
}
#common_header_base{
	width:100%;
	/*height:90px;*/
	z-index: 10000;
	background-color: transparent;
	position: absolute;
	height: 89px;
}
#common_header #flex_box{
	display: flex;
	position: absolute;
	width: 115px;
	/*height: 90px;*/
	z-index: 10000;
	left: 374px;
	height: 89px;
	border-left: 3px solid #939299;
	border-right: 3px solid #939299;
}
#common_header #logo{
	/*width: 374px;*/
	width:200px;
	/*height: 90px;*/
	position: absolute;
	z-index:10000;
	height: 89px;
	background-color: #1b1464;
}
#common_header #logo a{
	display: block;
	width:100%;
	height: 100%;
	position: relative;
}
#common_header #logo a img{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*width: 151px;
    height: 59px;*/
    margin: auto 15px;
	max-width: inherit;
	width: 100%;
}
#common_header #logo p{
    bottom: -30px;
	width: 151px;
	height: 59px;
	margin: 0px 0px 0 284px;
	position: absolute;
	color: white;
}
#common_header #ship{
	display: none;
}
#common_header #today{
	width: 110px;
	height: 82px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 8px;
	color: black;
	background-color: white;
	font-size: 13px;
	z-index:10000;

}
.font_Goldman{
	font-family: 'Noto Sans JP', sans-serif;
}
.font_note{
	font-family: 'Noto Sans JP', sans-serif;
}
#common_header #today .today_m{
	font-size: 33px;
	vertical-align: 0px;
	display: inline;
}
#common_header #today .today_d{
	font-size: 47px;
	vertical-align: -7px;
	display: inline;
}
#common_header #today .today_w{display: none;}
#common_header #status_base{display: none;}
#common_header #kaisai_status{
	width: 110px;
	height: 30px;
	font-size: 18px;
	padding:8px 0px 2px;
	margin: 0px;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
	color: white;
	background-color: #1b1464;
	z-index:10000;
}
#common_header #kaisai_status a{
	text-decoration: none;
	color: white;
}
#common_hikaisai{display: none;}
#common_header #kaimon_time{
	width: 110px;
	height: 20px;
	position: absolute;
	top: 69px;
	z-index: 10000;
	font-size: 14px;
	display: inline;
	text-align: center;
	font-weight: bold;
}
#common_live_race{display: none;}
#common_closing_time{display: none;}
#common_mile{display: none;}
#common_header #header_sns{
	position: relative;
	left: 934px;
	width: 107px;
	height: 90px;
	/*background-image: url("../images/new_site/common/sns.png?v=1");*/
	background-repeat: no-repeat;
	z-index: 10000;
}
#common_header #header_sns #svg{
	position: absolute;
	width: 61.56px;
	height: 60.79px;
	z-index: 10000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.header_sns_new {
    position: absolute;
    display: block;
    top: 40px;
    right: 0px;
    font-size: 0.6rem;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 1px red;
}
#common_menu{
	display: block;
	position: absolute;
	left: 489px;
	text-align: center;
	z-index: 10000;
	top:0;
}
#common_menu ul{
	display: flex;
}
#common_menu ul li{
	width: 105px;
	height: 90px;
	position: relative;
	text-align: center;
}
#common_menu ul li a{
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
	display: flex;
	justify-content: center;
}
#common_menu ul li:hover{
	background: linear-gradient(to bottom right, darkgoldenrod, lemonchiffon);
}
#common_menu ul li .image{
	padding: 13px;
}

#common_menu ul li .text{
	font-size: 15px;
	font-weight: bold;
	  position: absolute;
  top: 71px;
  z-index: 0;
  width: 100%;
  transform: translate(0, -50%);
	line-height: 16px;
	color: white;
}
#common_menu ul li:after{
	content: '';
	width: 2px;
	height: 80px;
	top: 5px;
	left:105px;
	position: absolute;
	background: #939299;
}
#common_menu2{
	display: none;
	position: absolute;
	text-align: center;
	z-index: 10000;
	width: 100%;
	height: 38px;
	top: 90px;
	background-color: #f5cb00;
}
#common_menu2 ul{
	display: flex;
	position: absolute;
	left: 374px;
}
#common_menu2 ul li{
	width: 200px;
	height: 38px;
	position: relative;
	text-align: center;
	font-size: 13px;
	line-height: 38px;
	font-weight: bold;
}
#common_menu2 ul a{
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	text-decoration: none;
}
#common_menu2 ul li:before{
	content: '';
	width: 1px;
	height: 34px;
	top: 2px;
	left:0;
	position: absolute;
	background: black;
}
.common_header_line{
	width: 100%;
	height: 2px;
	position: absolute;
	z-index:9999;
	/*top: 166px;*/
	background-color: white;
	top: 129px;
}
/*メニュー-------------------------------------------*/
#menu_drawer {
  position: absolute;
	top: 0px;
	right: 85px;
	border-top: 38px solid transparent;
	border-right: 38px solid transparent;
	border-bottom: 38px solid transparent;
	border-left: 38px solid transparent;
}
#menu_icon_base{
	/*width: 55px;
	border-top: 38px solid red;
	border-right: 38px solid transparent;
	border-bottom: 38px solid transparent;
	border-left: 38px solid transparent;
	position: absolute;
	top:-38px;
	z-index:10000;
	left:65px;*/
}
/*チェックボックス等は非表示に*/
.menu_unshown {
  display:none;
}

/*アイコンのスペース*/
#menu_open {
  display: inline-block;
  width: 130px;
  height: 50px;
  vertical-align: middle;
	position: absolute;
	top:-19px;
	/*left:-20px;*/
	left: -15px;
	z-index: 10050;
	cursor: pointer;
}
#menu_title{
	position: relative;
	top: 29px;
}

#menu_title:after{
	color: white;
	font-size: 16px;
	position: absolute;
	top: -30px;
	z-index:10000;
	content: 'メニュー';
	width: 4em;
	left: -8px;
	font-weight: bold;
}

#menu_dammy{
  display: inline-block;
  width: 3px;
  height: 22px;
  vertical-align: middle;
	position: relative;
	top: 0;
	z-index:10000;
	left:65px;
}
#menu_dammy span, #menu_dammy span:before, #menu_dammy span:after{
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 3px;/*長さ*/
  border-radius: 3px;
  background-color: white;
  display: block;
  content: '';
  cursor: pointer;
}
#menu_dammy span:before{
	bottom:-8px;
}#menu_dammy span:after{
	bottom:-16px;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#menu_open span, #menu_open span:before, #menu_open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 40px;/*長さ*/
  border-radius: 3px;
  background-color: white;
  display: block;
  content: '';
  cursor: pointer;
  z-index:10000;

}
#menu_open span{
	top:20px;
	left:95px;
}
#menu_open span:before {
    bottom: -8px;
	width: 30px;
	z-index:10000;

}
#menu_open span:after {
  bottom: -16px;
	width: 20px;
		z-index:10000;

}

/*閉じる用の薄黒カバー*/
#menu_close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 100;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#menu_content {
  overflow:visible;
  position: absolute;
  top: 50px;
  /*left: -360px;*/
  left: -960px;
  z-index: 10000;/*最前面に*/
  width: 960px;/**/
  height: 570px;
  background: white;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  display: none;
}
	#menu_content:before,
	#menu_content:after{
		width: 100%;
		height: 0;
		display: block;
		position: absolute;
		left: 0;
		content: "";
		z-index: -1;
                    box-sizing: inherit;
	}
	#menu_content:before{
		border-bottom: solid 20px white;
		border-left: solid 20px transparent;
		bottom: 100%;
	}
	#menu_content:after{
		border-top: solid 20px white;
		border-right: solid 20px transparent;
		top: 100%;
	}

/*チェックが入ったらいろいろ表示*/
#menu_input:checked ~ #menu_close {
  display: block;/*カバーを表示*/
  opacity: .8;
}

#menu_input:checked ~ #menu_content {
  display: block;
  /*box-shadow: 6px 0 25px rgba(0,0,0,.15);*/
}
#sp_sns{display: none;}
.sp_view{display: none;}
.accbox{
	margin: 10px;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap:10px;
	font-size: 13px;
	background-color: transparent;
	position: relative;
	top:-30px;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}
.accbox label{
	font-weight: bold;
	display: inline-block;
	margin: 10px 0px 0px;
	padding: 10px 10px 0px;
	font-size: 1.2em;
}
.accshow li{
	background-color: whitesmoke;
	/*margin: 5px 0px;*/
	margin: 4px 0px;
	/*padding: 10px;*/
        /*padding: 5px;*/
	padding: 4px;
	list-style: none;
	position: relative;
}

.accshow li a{
	color: black;
}
.accshow ul{
	position: relative;
}
/* ヘッダーの高さを確保する */
#empty_box{
	display: block;
	width: 100%;
	/*height: 166px;*/
	height: 0px;
	content: "";
}
/*テロップ　SP用設定*/
.header_telop{
	position: absolute;
	z-index: 10000;
	width: 1200px;
	display: inline-block;
	/*top: 128px;*/
	/*overflow: hidden;*/
	height: 38px;
	top:90px;
}
.header_telop .telop_img{
	width: 96px;
	height: 38px;
	background-color: #f72a2a;
	line-height: 38px;
	position: absolute;
	z-index: 10;
	content: '';
}
.header_telop .telop_img:after{
	width: 55px;
	border-top: 38px solid #f72a2a;
	border-right: 38px solid transparent;
	border-bottom: 38px solid transparent;
	border-left: 38px solid transparent;
	position: absolute;
	top: 0px;
	z-index: 9;
	left: 58px;
	content: '';
	display: block;
pointer-events: none;
}

.header_telop .telop_text{
	background-color: black;
	color: white;
	/*width: 400em;*/
	/*width:1200px;*/
	width: 1218px;
	height: 38px;
	
	position: absolute;
	top: 0;
	z-index: 9;
}
.header_telop p{
	width: auto;
	position: absolute;
	top: 0;
	z-index: 10;
	color: white;
	line-height: 38px;
	left: 20px;
	font-size: 13px;
}
.telop_text {
    width: 400em;
    height: 38px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
}
.header_telop .telop_text p {
    height: 16px;
    font-size: 16px;
    color: #FFF;
    padding: 10px 0px 14px 0px;
    animation: flowing 40s linear infinite;
    transform: translateX(1200px);
	line-height: 19px;
	
}
.header_telop .telop_text p{
	animation: scrollAnime 45s linear infinite;
	white-space: nowrap;
}
@keyframes scrollAnime{
    0% {transform: translateX(100vw)}
  100% {transform: translateX(-100%)}
}
/*高さに対する縮尺調整*/
/*@media screen and (max-height : 800px ){
		body { 
    	zoom: 0.95; 
		-moz-transform: scale(0.95); 
    	-moz-transform-Origin: 0 0;
	} 
}
@media screen and (max-height : 700px ){
		body { 
    	zoom: 0.9; 
		-moz-transform: scale(0.9); 
    	-moz-transform-Origin: 0 0;
	} 
}
@media screen and (max-height : 600px ){
		body { 
    	zoom: 0.85; 
		-moz-transform: scale(0.85); 
    	-moz-transform-Origin: 0 0;
	} 
}*/
/*@media screen and (max-height : 650px ){

	#menu_content {
		position: absolute;
		top: 50px;
		left: -960px;
		z-index: 10000;/*最前面に*/
		/*width: 960px;
		height: 80vh;
		background: white;/*背景色*/
		/*transition: .3s ease-in-out;/*滑らかに表示*/
		/*display: none;
		overflow-y: auto;
		padding: 10px;
	}
}*/
/*@media screen and (max-width : 1100px ){
	body { 
    	zoom: 0.9; 
		-moz-transform: scale(0.9); 
    	-moz-transform-Origin: 0 0;
	} 
	#menu_close{
		width: 1200px;
	}
	.common_header_line{
		width: 1200px;
	}
	
}
@media screen and (max-width : 980px ){
		body { 
    	zoom: 0.85; 
		-moz-transform: scale(0.85); 
    	-moz-transform-Origin: 0 0;
	} 
}
@media screen and (max-width : 900px ){
		body { 
    	zoom: 0.8; 
		-moz-transform: scale(0.8); 
    	-moz-transform-Origin: 0 0;
	} 
}
@media screen and (max-width : 860px ){
		body { 
    	zoom: 0.75; 
		-moz-transform: scale(0.75); 
    	-moz-transform-Origin: 0 0;
	} 
}
@media screen and (max-width : 800px ){
		body { 
    	zoom: 0.7; 
		-moz-transform: scale(0.7); 
    	-moz-transform-Origin: 0 0;
	} 
}*/
@media screen and (max-width : 767px ){
	body { 
    	/*zoom: normal;
		-moz-transform: none; 
    	-moz-transform-Origin: 0 0;*/
		width:  100%;
		/*overflow-y: auto;
		overflow-x: hidden; */
		
	} 
	#common_header{
		width:100%;
		/*height: 165px;*/
		height: 171px; /*1つのとき 202201 */
               /* height: 240px; /*2つのとき 202201 */
height:auto;
		background-color: white;
		background-size: auto;	
		position:relative;
	}
	.common_minitraman_box{display: none;}
	#common_header_col_box1{display: none;}
	#common_header_col_box2{display: none;}
	#common_header_col_box3{display: none;}
	#common_header_col_box_separate{display: none;}
	#common_menu{display: none;}
	#common_menu2{display: none;}
	#common_header_box{
		width: inherit;
		height: inherit;
		position: inherit;
		top: inherit;
		z-index: 10000;
		background-color: transparent;
		display: block;
		margin: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}
	#common_header_base {
		height: 65px;
		width: 100%;
		z-index: 10000;
		background-color: #1b1464;
		position: absolute;
	}
	#common_header #logo{
		height: 59px;
		background-size: contain;
		width: 100%;
	}
	#common_header #logo a img{
		max-width: inherit;
		/*margin: 9px 15px;*/
		height: auto;
		/*width: 115px;*/
		margin: 9px 0px 4px 0px;
		width: 150px;
	}
	#common_header #logo a {
		display: block;
		width: 146px;
		height: 100%;
		position: relative;
	}
	#common_header #logo p{
		bottom: inherit;
		margin: 0;
		position: absolute;
		color: white;
		top: 49px;
		font-size: 8px;
		left: 103px;
	}
	#common_header #flex_box_sp{
		position: relative;
		margin: 0 auto;
		width: 75px;
		height: 65px;
		z-index: 10000;
		display: flex;
		flex-flow: wrap;
		left: 10px;
	}
	#common_header #flex_box_sp .common_day{
		background-color: #515063;
		width: 100%;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 12px;
	}
	#common_header #flex_box_sp .common_day .today_w{
		display: inline-block;
		background-color: grey;
		border-radius: 11px;
		width: 23px;
		text-align: center;
		margin-left: 5px;
	}
	#common_header #flex_box_sp .common_kaisai_status{
		background-color: #f7c6c6;
		width: 100%;
		height: 33px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		font-size: 14px;
	}
	
	#common_header #flex_box{
		padding: 0;
	  	/*display: flex;*/
		display: none;
	  	flex-direction: row;
	  	flex-wrap: wrap;
	  	justify-content: space-between;
		height: 65px;
		width: 100%;
		left: 0;
		position: relative;
		top: 65px;
		background-color: #f5cb00;
	}
	#common_header #today{
		color: black;
		top: 0;
		left: 0;
		z-index: 99;
		height: 59px;
		margin: 15px auto auto 12px;
		background-color: transparent;
		right: 0;
		bottom: 0;
		display: flex;
		width: 6em;
	}
	.font_Goldman{
		font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"A-OTF 新ゴ",A-OTF Shin Go,"ヒラギノ角ゴ W3","Hiragino Kaku Gothic",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
	#common_header #today .today_m {
    	font-size: 20px;
		font-weight: bold;
	}
	#common_header #today .today_d {
		font-size: 20px;
		vertical-align: inherit;
		font-weight: bold;
	}
	#common_header #today .today_w{
		display: block;
		font-weight: bold;
		font-size: 16px;
		width: 3em;
		height: 3.2em;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 5px auto auto 44px;
		position: absolute;
	}
	#common_header #status_base{
		width: 166px;
		height: 71px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background-color: black;
		border: 6px solid white;
		border-radius: 5px;
		display: block;
	}
	#common_header #status_base a{
		display: block;
		width: 100%;
		height: 100%;
	}
	#common_header #kaisai_status{
		background-color: black;
		top: -17px;
		font-size: 14px;
		left: 0;
		right: -70.3vw;
		bottom: 0;
		line-height: 23px;
		width: 103px;
		z-index: 99;
		position: absolute;
		margin: auto;
		display: none;
	}
	#common_header #kaimon_time{
		width: 100%;
		height: 20px;
		position: absolute;
		z-index: 10000;
		font-size: 12px;
		display: inline;
		text-align: center;
		font-weight: bold;
		left: -15px;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 6px auto;
		color: white;
		pointer-events: none;
	}
	#common_header #common_reload{
		background-image: url("../images/new_site/common/reload_icon.png");
		background-repeat: no-repeat;
		background-size:contain;
		width: 15px;
		height: 15px;
		position: absolute;
		margin: auto;
		left: 118px;
		top: -34px;
		right: 0;
		bottom: 0;
		display: block;
		pointer-events: none;
	}
	#common_live_race{
		font-size: 30px;
		font-weight: bold;
		color: white;
		width: 2em;
		height: 1.2em;
		left: -67px;
		top: 4px;
		right: 0;
		bottom: 0;
		margin: auto;
		position: absolute;
		display: block;
		pointer-events: none;
	}
	#common_closing_time{
		    display: block;
			height: 1.8em;
			width: 4em;
			text-align: center;
			font-size: 20px;
			left: 64px;
			top: 23px;
			right: 0;
			bottom: 0;
			margin: auto;
			position: absolute;
			opacity: 0.9;
			border-radius: 5px;
			color: white;
		pointer-events: none;
	}
	#common_hikaisai{
		color: white;
		font-weight: bold;
		font-size: 25px;
		width: 100px;
		height: 25px;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 11px auto;
		z-index: 10000;
		position: absolute;
		text-align: center;
		pointer-events: none;
	}
	#common_mile{
		display: flex;
		width: 8em;
		height: 2.4em;
		right: 0px;
		top: 16px;
		font-size: 12px;
		position: absolute;
		overflow: hidden;
	}
	#common_mile .slider_mile{
		position: relative;
	}
	
	#common_header #ship{display: none;}
	#sp_sns{
		display: block;
		width: 60px;
		height: 60px;
		background-image: url("../images/new_site/common/sns_sp.png");
		background-repeat: no-repeat;
		background-size:cover;
		margin: auto;
		position: absolute;
		top: -131px;
		left: 0;
		right: 0;
		bottom: 0;
	}
	#common_header #header_sns{display: none;}
	.header_telop .telop_img{
		width: 65px;
	}
	.header_telop .telop_info{
		width: 65px;
		position: absolute;
		top: 0;
		z-index: 10;
		color: white;
		line-height: 38px;
		left: 7px;
		font-size: 13px;
	}
	.header_telop .telop_img:after{
		left: 28px;
		border-top: 38px solid #515063;
	}
	.header_telop .telop_img{
		background-color: #515063;
	}
	.header_telop {
		width: 100vw;
		top: 65px;
	}
	.header_telop .telop_text{
		width: 100vw;
		background-color: #0e0a33;
	}
	.header_telop .telop_text p{
		animation: scrollAnime 45s linear infinite;
		white-space: nowrap;
	}
	#header_banner{
		width: 100%;
		height: 68px;
		/*background-color: azure;*/
		/*padding: 5px 0 ; 20210831 */
		padding: 5px 10px ;
		position: relative;
		display: flex;
		top: 38px;
		align-items: center;
		justify-content: center;
	}
	#header_banner img{
		/* width: 232px; 20210831 */
	}
	/* カウントダウンタイマー共通設定*/
	.sp_top_countdown_item{
		width: 100%;
		height: 100%;
		margin: 0;
		position: relative;
	}
	.sp_top_countdown_img img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.sp_top_countdown_text{
		font-size: 42px;
		font-weight: bold;
		line-height: 34px;
		pointer-events: none;
	}
	/* カウントダウンタイマー個別設定*/
	.sp_cnt_classic{
		position: absolute;
		color: #1b1464;
		top: 0;
		left:30px;
	}
        /*20220423 comment
	.sp_cnt_grandprix{
		position: absolute;
		color: white;
		top: 0;
		right:20px;
	}*/
	.sp_cnt_grandprix{
		position: absolute;
		color: yellow;
/*		top: 3px;*/
                top: 29px;
		right: 30px;
                font-size: 24px;
                z-index:100;
	}
	.sp_cnt_grandprix_now{
		position: absolute;
		color: white;
/*		top: 3px;*/
                top: 15px;
		right: 23px;
                font-size: 24px;
                z-index:100;
	}       
	.sp_cnt_{
		position: absolute;
		/*color: white;*/
		color: #333;
                top: 5px;
	        /*right: 1.5rem;*/
		right: 0.5rem;
                font-size: 16px;
                z-index:100;
	}
	.sp_top_countdown_img .sp_top_countdown_text span {
        	font-size: 34px;
		color: #e91e63;
		text-shadow:
            	3px 3px 3px #fff, -3px -3px 3px #fff,
           	-3px 3px 3px #fff,  3px -3px 3px #fff,
            	3px 0px 3px #fff, -3px -0px 3px #fff,
            	0px 3px 3px #fff,  0px -3px 3px #fff;
	}        
        
	.counter-grow-sp{
		text-shadow: 0 0 5px #fff,0 0 15px #fff;
        }

	
	/* カウントダウンタイマー設定終了*/
	#menu_open{
		width:70px;
		left:-70px;
		top: -39px;
	}
	#menu_drawer{
		top: -1px;
		border-top: 50px solid black;
		border-right: none;
		border-bottom: none;
		border-left: 50px solid transparent;
		right: 0;
		left: auto;
		height: 0px;
		position: absolute;
	}
	#menu_icon_base{
		width: 116px;
		top: -50px;
		border-top: 66px solid #515063;
		border-right: none;
		border-bottom: none;
		border-left: 56px solid transparent;
		left: auto;
		right: 0;
		z-index: 10000;
		position: absolute;
	}
	#menu_title:after{
		color: white;
		font-size: 10px;
		writing-mode: vertical-rl;
		position: absolute;
		top: -62px;
		right: 5px;
		z-index: 10010;
		display: block;
		left: inherit;
	}

	
	#menu_dammy{
		position: absolute;
		top: -23px;
		right: 24px;
		z-index: 10010;
		left: inherit;
	}
	#menu_open span{
		position: absolute;
		top: 8px;
		left: -18px;
		z-index: 10010;
		width:55px;
		
	}
	#menu_open span, #menu_open span::before, #menu_open span::after {
		background-color: white;
		height: 5px;
		border-radius: 5px;
	}
	#menu_dammy span, #menu_dammy span::before, #menu_dammy span::after{
		background-color: white;
		height: 6px;
		width: 6px;
		border-radius: 6px;
	}
	#menu_dammy span{
		top: -9px;
	}
	#menu_dammy span::before{
		top: 11px;
	}
	#menu_dammy span::after{
		top: 22px;
	}
	
	#menu_open span:before{
		position: absolute;
		left:10px;
		width: 45px;
		top: 11px;
		
	}
	#menu_open span:after{
		left: 20px;
		width: 35px;
		top: 22px;
	}
	#menu_content{
		width:calc(100vw - 20px);
		height: calc(100vh - 36px);
		top: 70px;
		left: calc(0px - 100vw);
		position: absolute;	
		overflow: auto;
		background-color: transparent;
	}
	#menu_content:before,
	#menu_content:after{
		display: none;
	}
	#menu_title:after{
		content: "MENU";
	}
	#menu_input:checked ~ #menu_title:after{
		content: 'CLOSE';
	}
	#menu_input:checked ~ #menu_dammy{display: none;}
	#menu_input:checked ~ #menu_open span{
		background-color: transparent;
		left: -10px;
	}
	#menu_input:checked ~ #menu_open span:after{
		transform: rotate(45deg);
		width: 40px;
		bottom: -8px;
		left: 10px;
		top: 11px;
	}
	#menu_input:checked ~ #menu_open span:before{
		width:40px;
		transform: rotate(-45deg);
	}
	.sp_view{display: block;}
	.pc_view{display: none;}
	.scroll-prevent {
	  /*動き固定*/
	  position: fixed;
	  /*奥行きを管理*/
	  z-index: -1;
	  /*下2つで背景を元のサイズのまま表示することができる*/
	  width: 100%;
	  height: 100%;
	}
	/*アコーディオンメニュー-----------------------------*/
	/*ボックス全体*/
	.accbox {
		margin: 0px;
		width: 100%;
		max-width: 767px;/*最大幅*/
		top:0;
		display: block;
		padding: 0px 0px 20px;
		position: absolute;
        /*padding-top: 30px;*/
	}

	/*ラベル*/
	.accbox label {
		display: block;
		margin: 0px;
		padding : 13px 12px;
		color: white;
		font-weight: normal;
		background: transparent;
		cursor :pointer;
		transition: all 0.5s;
		border-top: 1px solid gray;
	}
	.accbox label:after {
		content: '＋';
		position: absolute;
		right: 10px;
		font-size: 20px;
		line-height: 20px;
		
	}

	/*チェックは隠す*/
	.accbox input {
		display: none;
	}
	.accshow ul li{
		background-color: transparent;
		color: white;
		margin: 0px;
		padding: 13px 20px 13px 32px;
		list-style: none;
		border-top: 1px solid gray;
	}
	.accshow ul li:after{
		content: '＞';
		position: absolute;
		right: 10px;
		font-size: 1em;
		line-height: 0px;
		top:50%;
	}
	.accshow ul li a{
		color: white;
	}
	/*中身を非表示にしておく*/
	.accbox .accshow {
		height: 0px;
		padding: 0px;
		overflow: hidden;
		opacity: 0;
		/*transition: 0.8s;*/
	}

	/*クリックで中身表示*/
	.cssacc:checked + label + .accshow {
		height: auto;
		padding: 0px;
		opacity: 1;
	}

	.accbox .accshow p {
		margin: 15px 10px;
	}
	
	/*アイコンを入れ替える*/
	.cssacc:checked + label:after {
		content: 'ー';
	}
	
	/* ヘッダーの高さを確保 */
	#empty_box{
		/*height: 165px;*/
		/*height: 183px;*/
		height: 0px;
	}
	.common_header_line{display: none;}
        
        /* 入場制限について */
        .top_entrance_regulation{
                position: relative;
                height: 68px;
                width:  100%;    
                margin-top: 14px;
        }
        .top_entrance_regulation_content{
            position: absolute;
            justify-content: center;
            align-items: center;
            flex-direction: column;    
            width:  100%;
            height: 58px;
            margin: 0;
            background-color: #ffbb33;     
            text-align: center;
        }
        .top_entrance_regulation_content::before,
        .top_entrance_regulation_content::after {
            position: absolute;
            height: 5px;
            width: 100%;
            content: '';
            background: repeating-linear-gradient(45deg, #ffbb33 0, #ffbb33 10px, #0c0c0c 10px, #0c0c0c 20px);
        }
        .top_entrance_regulation_content::before {
            top: 0;
            left: 0;
        }
        .top_entrance_regulation_content::after {
            bottom: 0;
            left: 0;
        }
        .box-title {
            margin: 1rem 0 0 0;
            color: black;
            font-size: 1.25rem;
            font-weight: bold;
        }
        
}
@media screen and (max-width : 350px ){
	#common_header #logo a img{
		width: 127px;
	}
	#common_header #flex_box_sp{
		left: 6px;
	}
	#sp_sns{
		left:44px;
	}
	#common_header #status_base{
		width:146px;
	}
	#common_header #today{
		top:8px;
	}
	#common_header #today .today_m{
		font-size: 13px;
	}
	#common_header #today .today_d{
		font-size: 13px;
	}
	#common_header #today .today_w{
		font-size: 13px;
		top: -5px;
		left: -16px;
	}
	#common_mile{
		width: 7em;
	}
        
}