@charset "utf-8";
/*
------------------*/
#shisetsunavi{
	position:relative;
	z-index:100;
}
#maincol{
	border:0;
}
/* ContentMiddle */
ul.top_banner{
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
	justify-content:center;
	align-items:center;
}
ul.top_banner li{
	margin:10px 5px;
	padding:0;
}

#main_pc{
	background-color:#020202;
	margin-top:-28px;
	overflow:hidden;
	height:398px;
	position:relative;
	z-index:0;
}
#main_pc #main_image{
	position:absolute;
	z-index:0;
	height:398px;
	min-width:1920px;
    left: 50%;
    top: 50%;}
#main_pc #main_image .slides{
}
#main_pc #main_image .slides li{
    transform: translate(-50%,-50%);
}
#main_pc .flexslider .slides img {
}

#main_pc .inner{
	position:relative;
	overflow:hidden;
	height:398px;
	z-index:100;
}
#main_pc ul.top_banner{
	justify-content:flex-start;
	align-items:flex-end;
	position:absolute;
	top:300px;
	left:0;
}
#main_pc h2{
	margin:32px 0 0;
}
#main_pc p{
	color:#FFF;
	font-weight:bold;
	font-size:28px;
	margin:0 5px;
	text-shadow:0 2px 5px rgba(0,0,0,1), -2px -2px 5px rgba(0,0,0,1);
}



#import_content{
	/*width:95%;*/
	margin:0 auto 30px auto;
}
.warning{
	border:solid 1px #CCC;
	padding:10px 10%;
	margin:10px auto;
	width:70%;
	box-sizing:border-box;
}
.warning h2{
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
	color:#ff0000;
}
.warning p{
	/*text-align:center;*/
	font-weight:bold;
}
.caution_date{
	text-align:right;
}
@media screen and (max-width: 767px){
.warning{
	padding:10px 5%;
	margin:10px 0;
	width:auto;
}
}

@media screen and (min-width: 768px){
#contentTop{
	margin:20px auto;
	display:flex;
	justify-content:space-between;
}
.contentLeft{
	width:190px;
}
.contentCenter{
	width:460px;
}
.contentRight{
	width:260px;
	margin:5px 5px;
	padding:0px;
	box-sizing:border-box;
	border:solid 1px #CCC;
	box-shadow:0 0px 5px rgba(0,0,0,0.30);
	border-radius:5px 5px 2px 2px;
}
.warning{
	width:960px;
	margin:0 auto 30px auto;
}
}
#jka_info{
}
#jka_info p{
}
#jka_info a{
	display:block;
	background-color:#000;
	padding:10px 10px;
	color:#FFF !important;
	font-weight:bold;
}
#jka_info a:hover{
	background-color: rgba(0,0,0,.70);
}
#jka_info a img{
	vertical-align:middle;
}
.present_speed a{
	display:block;
	background-color:rgba(222,25,85,.20);
	padding:10px 10px;
	border:solid 1px rgba(222,25,85,1.00);
	color:rgba(222,25,85,1.00) !important;
}
.present_speed a:hover{
	color:#FFF !important;
	background-color:rgba(222,25,85,1.0);
}
.present_speed strong{
	display:block;
	padding:0.5em 0;
}
.contentRight{
}

.contentCenter h2{
	color:#AD6F16;
	margin:0;
	overflow:hidden;
}
.moreinfo a{
	font-size:90%;
	float:right;
	display:inline-block;
	padding:3px 8px;
	font-weight:normal;
	border-radius: 3px;
	color:#FFF !important;
	background-color: rgba(0,132,255,1);
}


#contentTop h3{
	color: rgba(22,112,229,1.00);
}
#contentTop h3 a{
	color:#AD6F16;
}

#contentTop h2,
#contentTop h3{
	font-size:14px;
}
#contentTop a{
	color:#000;
}
#senshu_youtube{
	margin:30px auto;
}
@media screen and (min-width: 768px){

.contentRight #kaisai h2{
	padding: 10px 20px;
	margin: 0;
	background-color: rgba(255,255,255,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(220,220,220,1.00) 27.28%,rgba(195,195,195,1.00) 47.85%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(220,220,220,1.00) 27.28%,rgba(195,195,195,1.00) 47.85%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(220,220,220,1.00) 27.28%,rgba(195,195,195,1.00) 47.85%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(220,220,220,1.00) 27.28%,rgba(195,195,195,1.00) 47.85%,rgba(255,255,255,1.00) 100%);
	border-bottom: solid 1px #DDD;
}
.contentRight #kaisai #jougai h2{
	background-image: -webkit-linear-gradient(270deg,rgba(242,242,242,1.00) 0%,rgba(255,255,255,1.00) 46.58%,rgba(232,232,232,1.00) 98.41%);
	background-image: -moz-linear-gradient(270deg,rgba(242,242,242,1.00) 0%,rgba(255,255,255,1.00) 46.58%,rgba(232,232,232,1.00) 98.41%);
	background-image: -o-linear-gradient(270deg,rgba(242,242,242,1.00) 0%,rgba(255,255,255,1.00) 46.58%,rgba(232,232,232,1.00) 98.41%);
	background-image: linear-gradient(180deg,rgba(242,242,242,1.00) 0%,rgba(255,255,255,1.00) 46.58%,rgba(232,232,232,1.00) 98.41%);
}

#senshu_youtube h2{
	padding:30px 20px;
	margin: 30px auto;
	font-size:18px;
	background:url(../img/common/line.png) no-repeat top center;
}


}
.kaisaiText{
	margin:1em;
}


ul.infolist{
	list-style:none;
	margin:0 0 20px;
	padding:0;
	justify-content:center;
}
ul.infolist li{
	margin:0px;
	padding:10px 0;
	border-bottom:1px #000 dashed;
	font-weight:bold;
	font-size:12px;
}




/*tab*/
#contentMiddle .mainContentNav{
	background:url("../img/top/mainContentNavBg.png") no-repeat center top;
	min-height:195px;
}
#contentMiddle .mainContents{
	padding:30px 0;
	background:url("../img/top/mainContentNavBg.png") no-repeat center 100px;
	min-height:195px;
}
ul.panel,
ul.tab{
	width:960px;
	margin:0 auto;
	list-style:none;
	padding:0;
}
ul.panel li,
ul.tab li{
	padding:0;
	margin:0 auto;
}
ul.tab{
	display:flex;
}
#contentMiddle .mainContentNav ul.tab li a.selected img{
	opacity:0;
}
#contentMiddle .mainContentNav ul.tab li.schedule{
	background:url("../img/top/mainContentNav01_on.png") no-repeat 0 0;
}
#contentMiddle .mainContentNav ul.tab li.room{
	background:url("../img/top/mainContentNav02_on.png") no-repeat 0 0;
}
#contentMiddle .mainContentNav ul.tab li.guide{
	background:url("../img/top/mainContentNav03_on.png") no-repeat 0 0;
}
#contentMiddle .mainContentNav ul.tab li.fan{
	background:url("../img/top/mainContentNav04_on.png") no-repeat 0 0;
}

ul.panel #guide,
ul.panel #fan{
	background:url("../img/top/bg01.png") no-repeat right 50px;
	min-height:300px;
}

#kaisaijoho{
	display:flex;
	flex-wrap:no-wrap;
	justify-content:space-between;
}
#kaisai_left{
	width:250px;
	box-shadow:-5px 0px 8px -3px rgba(0,0,0,0.30);
	box-sizing:border-box;
	font-size:12px;
	padding:20px 10px;
}
#kaisai_left h3{
	border-top:solid 1px #CCC;
	border-bottom:dashed 1px #CCC;
	padding:5px 0;
}
#kaisai_right{
	width:700px;
}
ul.index_list li{
	display:block !important;
	border:0;
}
ul.index_list li a strong{
	color:#000;
}
ul.index_list li a img{
	height:130px;
	background-color:#FFF;
}
/* ケイリンでGO! */
#contentBottom{
	width:960px;
	margin:30px auto 20px auto;
}
#contentBottom h2,
#contentBottom h3{
	margin-bottom:1em;
}
#contentBottom li{
	padding-left:30px;
	margin-bottom:0.7em;
}
#contentBottom li a{
	text-decoration:none;
	font-size:13px;
}
#contentBottom li.oddGo{
	background:url("../img/common/keirinGoListRed.png") no-repeat left center;
}
#contentBottom li.evenGo{
	background:url("../img/common/keirinGoListBlue.png") no-repeat left center;
}
#joeufmKeirindegoArchive{
	height:350px;
	overflow:auto;
}
#joeufmKeirindegoArchive dt{
	padding-top:5px;
	padding-left:20px;
	background:url("../img/common/keirinGoListRed.png") no-repeat left center;
	font-size:12px;
}
#joeufmKeirindegoArchive dd a{
	font-size:12px;
	display:block;
	text-decoration:none;
	padding:5px 0 5px 20px;
	border-bottom:#cccccc 1px dashed;
}

@media screen and (max-width: 767px){
#sp_menu{
display:block;
}


#main_pc{
	background-color:#FFF;
	margin-top:0px;
	overflow:hidden;
	height:auto;
	position:relative;
	z-index:0;
}
#main_pc #main_image{
	position:absolute;
	z-index:0;
	height:auto;
	min-width:900px;
    left:0%;
    top:0%;
}
#main_pc #main_image .slides li{
    transform: translate(-20%,0%);
}
#main_pc h2{
	margin:10px 2%;
}
#main_pc p{
	font-size:16px;
	margin:10px 2%;
}
#main_pc .inner{
	height:auto;
width:100%;
}
#main_pc ul.top_banner{
	position:relative;
	top:0;
	background-color:#FFF;
	justify-content:center;
	/*justify-content:flex-start;
	align-items:flex-end;
	position:absolute;
	top:0;
	left:0;*/
}
#contentTop{
	margin-top:10px;
}

#contentTop h2,
.contentRight h2,
.contentRight #jougai h2{
	margin:0 -10px 10px;
	padding:10px 5px 10px 15px;
	color:#FFF;
	background:#000 url(../img/common/thumb-empty.png) no-repeat left top;
	background: linear-gradient(90deg, rgba(0,132,255,1) 36%, rgba(0,178,245,1) 90%);
}
#senshu_youtube h2{
	font-size:14px;
	margin:0 -5px 10px;
	padding:10px 15px 10px 15px;
	color:#FFF;
	background:#000 url(../img/common/thumb-empty.png) no-repeat left top;
	background: linear-gradient(90deg, rgba(0,132,255,1) 36%, rgba(0,178,245,1) 90%);
}

ul.top_banner{
flex-wrap:wrap;
	margin-top:10px;
}
ul.top_banner li{
	margin:5px 5px;
	padding:0;
}

#footer #fooerbanner{
	display:block;
}
#footer #fooerbanner ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
	justify-content:center;
	align-items:center;
}
#footer #fooerbanner ul li{
	margin:5px;
}


}