@charset "utf-8";
/* CSS Document */


/*css clear*/

img {
	border:none;
}

* {
	zoom:1;
}

/*css main*/

body {
	max-width: 1050px;
	background-image:url(../../images/keirin_bg.png);
	background-color: #0c2d93;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:90%;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
}

#header {
	margin:0 auto;
	/*width:700px;  20180131*/
	/*height:70px; 20180131*/
	padding-top: 10px;
	text-align: center;
}
#header img {
	max-width:100%;
}

#container {
	margin: 0 auto;
	padding: 5px;
	/*background-color: rgba(255,255,255,0.50);*/
/*	background-color: rgba(255,255,255,0.5);*/
/*	opacity: 0.8; */
/*	filter: alpha(opacity=80);	/* IE6、IE7対応 */
/*	-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
	 border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

#container>div {
	border-radius: 10px;
}


/*スライダー*/
.slider {
	height:240px;
}
.slider ul.bxslider li.newyear { background-image:url(../../images/slide/bg_2016newyear.png); height:220px; text-align:center; color: #333; display:block;}

.slider ul.bxslider li {/*20161217*/
    margin-top: -14px;
	max-height: 220px;/*20170428*/
}
.slider ul.bxslider li a {
}
/*スライダー オールスター2017*/
.allstar_bk{background-color: #F7F7F7;border: 3px solid #F16C6E;}
.allstar_bk a{color: #FF0004;text-decoration: none;}
.allstar_bk a:link{color: #FF0004;}
.allstar_bk_main {text-align: center;}
.allstar_bk_main h2 {background-color: #F16C6E; color: #fff}
.allstar_bk img {float: right; margin: 3px;}

.box {
	margin: 5px;
	padding: 10px;
	background: #fff;
	float: left;
}

.col1 { width: 720px; }
.col2 { width: 470px; }
.col3 { width: 220px; }

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.transitions-enabled.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.transitions-enabled.masonry  .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}

/*side-navi*/
div.side-navi{
  width: 100%;
}
#menu{
  display:none;
}


div.side-navi ul {
background-color:#eee;
list-style: none;
margin: 0;
padding: 0px 0px;
border-top: 1px dotted #999999;
}

div.side-navi li {
background-color:#FFF;
margin: 0;
padding: 1px 1px;
border-bottom: 1px dotted #999999;
}

div.side-navi a {
background: url(../../images/b1.png) no-repeat 2px; 
padding:6px 23px;
display: block;
color: #333333;
text-decoration: none;
}

div.side-navi a:hover {
background: url(../../images/a1.png) no-repeat 2px; 
color: #ff0000;
}


/*all*/
.right {
	float:right;
}
.left {
	float:left;
}

#pageTop{
  background:#DDD;
  border-radius:5px;
  color:#666;
  padding:20px;
  position:fixed;
  bottom:20px;
  right:20px;
}

#pageTop:hover{
  background:#EEE;
}


/*elements*/
div.element h1 {
	background-color:#ff6262;
	color:#FFF;
	padding-left:2px;
}

/*sub-contents*/
div.sub-contents h1 {
	background-color:#ff6262;
	color:#FFF;
	padding:1px;
}
div.sub-contents h2 {
	background-color:#F90;
	color:#FFF;
	padding:1px;
}
div.sub-contents h3 {
	background-color:#696;
	color:#FFF;
	padding:1px;
}
div.sub-contents h4 {
	background-color:#69C;
	color:#FFF;
	padding:1px;
}
div.sub-contents h5 {
	background-color:#F9C;
	color:#FFF;
	padding:1px;
}
div.sub-contents h6 {
	background-color:#666;
	color:#FFF;
	padding:1px;
}
div.sub-contents table {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
div.sub-contents th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
}
div.sub-contents td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

div.sub-contents .hidden {
	overflow:hidden;
}
.end{
  clear:both;
}
.linkbtn{
	display:block;
	background-color:#6b4298;
	text-align:center;
	max-width:60%;
	margin:5px auto;
	padding:5px 0;
	border-radius:5px 5px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:120%;	
}

div.sub-contents #breadcrumb {
    background-color: #f5f5f5;
    padding: 3px;
    font-size: 80%;
}

div.sub-contents #breadcrumb a {
text-decoration: none;
color: #251B9B;
background: linear-gradient(transparent 60%, #f3c52e 60%);
}

#back-top{
  background: url(page2top.png);
}

#calender_back,calender_next{
  margin-bottom:10px;
}

#calender_back{
  float:left;
  margin-left: 30px;
}
#calender_next{
  float:right;
  margin-right: 30px;
}
#calendar{
  width:660px;
  margin-left: 30px;
  clear:both;
}


.highlight_100 {
	font-size:100%;
	font-weight:bold;
}
.highlight_120 {
	font-size:120%;
	font-weight:bold;
}
.highlight_150 {
	font-size:150%;
	font-weight:bold;
}
.highlight_180 {
	font-size:180%;
	font-weight:bold;
}
.clr {
	clear:both;
}
img.mgn3 {
	margin:3px;
}
img.height-size{
    max-width:100%;
    height:auto;
}
.boldred {
	font-weight:bold;
	color:#F00;
}
span.free {
	color:#FF9;
}
#container a.t-banner {
	background-color:#F4C92F;
	display:block;
	padding:0.3em;
	text-align:center;
	text-decoration:none;
	color:#333;
	background-image:url(../../images/finger.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-size:70%;
}
#container a.t-banner h2 {
	line-height:1.1;
}

.smalltext{
font-size: 80%;
}

/*カウントダウン*/

#g1_countdown_box {
	display:table;
	width:100%;
	border:#CCC double 1px;
	background-color:#EBEBEB;
}
#g1_countdown_box h1 {
	background:none;
	color:#333;
	text-align:center;
	letter-spacing:0.3em;
}
#g1_countdown_left {
	display:table-cell;
}
#g1_countdown {
	display:table-cell;
}
.yycountdown-box{
	text-align:center;
	margin:10px 0;
	color:#000000;
}

#g1_countdown .yycountdown-box .yyc-day{
	font-size:3em;
	color:#E0344A;
}
#g1_countdown .yycountdown-box .yyc-hou{
	font-size:3.0em;
	color:#E0344A;
}
#g1_countdown .yycountdown-box .yyc-min{
	font-size:3.0em;
	color:#E0344A;
}
#g1_countdown .yycountdown-box .yyc-sec{
	font-size:3.0em;
	color:#E0344A;
}

#g1_countdown .yycountdown-box .yyc-day-text,
#g1_countdown .yycountdown-box .yyc-hou-text,
#g1_countdown .yycountdown-box .yyc-min-text,
#g1_countdown .yycountdown-box .yyc-sec-text{
	font-size:1.0em;
}
/*G1バナートップ*/
.g1-banner-top {
	position:absolute;
	top:10px;
	right:40px;
}

/*バナートップ*/
.banner-top {
	position:absolute;
	top:0;
	right:20px;
}


.banner-area{
	width: 960px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}


/*kyousan-list */
div.kyousan-list-table {
	display:table;
	max-width:100%;
	border-collapse:separate;
	border-spacing:3px 0;
}
div.kyousan-list-table p.cel {
	display:table-cell;
	background-color:#e6e6e6;
	border-bottom:#999 solid 1px;
	padding:5px;
	width:calc(100% / 3);
}
/*キャンペーン*/
div.gold {
	background-color: #ffe1b3;
	text-align:center;
    padding:0.5em;
    border-style: dashed;
    border-color: #ff9900;
	background-image:url(../../newsrelease/images/gold.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size: contain;
}
div.gradation-campaign-2020{
background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
color: white;
padding: 2em;
text-align: center;
}


table.kinen-bus {
}
table.kinen-bus tr {
}
table.kinen-bus tr th {
	background-color:#cc3737;
	color:#FFFFFF;
}
table.kinen-bus tr:nth-child(even) { background-color:#F0F0F6; }
table.kinen-bus tr:nth-child(odd) { background-color:#FCFCFC; }

/*event20161204*/
.float{
	 float: left;
     margin: 1em;
}
/*水平ディスクリプションリスト*/
dl.horizontal {
}
dl.horizontal dt {
float: left;
font-weight: bold;
}
dl.horizontal dd {
margin-left: 8em;
}
dl.horizontal:after {
clear: both;
}

/*水平ディスクリプションリスト2*/
dl.horizontal2 {
}
dl.horizontal2 dt {
float: left;
font-weight: bold;
}
dl.horizontal2 dd {
margin-left: 4em;
}
dl.horizontal2:after {
clear: both;
}

.index-info {background-color:#E1D5D5; display: block;padding: 3px; border: 1px solid #8A7474; }

#infomation dl {clear: both;}
#infomation dl dt {float:left;}
#infomation dl dd {margin-left:7em;}
#infomation .golist {
float: right;
margin-top: 0px;
}
#infomation .golist a {
background-color: #032d8e;
padding: 3px 10px;
border-radius: 3px;
color: #fff;
text-decoration: none;
}
#infomation .gotop_info {
float: left;
margin-bottom: 15px;
}
#infomation .gotop_info a {
background-color: #032d8e;
padding: 3px 10px;
border-radius: 3px;
color: #fff;
text-decoration: none;
}

#footer {
background-color: #0e297d;
color: #fff;
text-align: center;
border: 1px solid #25429e;
margin-top: 1em;
/*position:relative;*/
}

#dentou p {    display: block;
    max-width: 100%;
    background-color: #f3c52e;
    text-align: center;
    padding: 0.5em;
    color: #fff;}
/*テーブルのスマホ対応*/
div.scrltable {
overflow-x: auto;
}
/*バスの時刻表用*/
table.bus {}
table.bus caption {caption-side: bottom;text-align: right;}
table.bus tr {}
table.bus tr td {text-align: center;}
table.bus tr td.left-border,table.bus tr th.left-border {border-left:#888 solid 1px;}

.kinen_event {overflow: auto;}
.kinen_event p.kinen_basyo {display:inline; padding: 0.5em;margin-left: 1em;}
.kinen_event p.green {background-color: #9EE7B1;}
.kinen_event p.pink {background-color:#F3A5E8;}
.kinen_event p.blue {background-color: #9EB8E7;}

table.kokuchi {}
table.kokuchi tr {}
table.kokuchi tr th {text-align: center;background-color: #ECECEC;white-space: nowrap;}
table.kokuchi tr td {text-align: center;white-space: nowrap;}
table.kokuchi tr td.nodata {background-color: #ECECEC;}
table.kokuchi tr td.nighter {background-color:#38347E;color: #fff;}
table.kokuchi tr td.g1 {background-color: #E8EB7E;}
table.kokuchi tr td.f1 {background-color:#A0B479;}

table.local-member-table-wrap { width: 95%;border:1px;}
table.local-member-table { width: 100%;border:1px; border-color: #666666;border-collapse: collapse;}
table.local-member-table tr td {padding: 3px;}
table.local-member-table tr td:nth-child(2) {text-align: center;}
table.local-member-table tr td:nth-child(3) {text-align: center;}

/* 協賛レースリスト用 */
#race > div {
	display: flex;
}
#race > div > div{
	width: 50%;
}
#race > div > div + div{
	text-align: center;
}
/*  キャンペーン枠用  */
.campaign-box {border: 3px dashed #ddd;padding: 3px;margin: 3px;border-radius: 5px;}

/* キャンペーン用CSS */
.campaign-wrap .cp-center {
	text-align: center;
}
.campaign-wrap .cp-title {
	font-size: 120%;
	font-weight: bold;
}
.campaign-wrap .cp-flex-box {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-around;
}
.campaign-wrap .cp-flex-box img {
	width: 100%;
}
.campaign-wrap .cp-item-gray{
background-color: #efefef;
}
.campaign-wrap .cp-item-2-1{
width: calc(95% / 2 );
    padding: 0px;
    margin: 5px;

}
.campaign-wrap .cp-item-3-1{
	width: calc(95% / 3 );
    padding: 0px;
    margin: 5px;
}
.campaign-wrap .cp-item-banner{
	width: 300px;
	padding: 0;
	margin: 0;
}
.cp-banner {
	margin:0 auto;
	max-width: 400px;
}
.campaign-wrap dl.cp-dlist dt {
font-weight: bold;
}
.campaign-wrap dl.cp-dlist dd {
}
.campaign-wrap .cp-nomargin{
	margin: 0;
}
.campaign-wrap .img-fit-contain{
height: 280px;
object-fit: contain;
font-family: 'object-fit: contain;';
background-color: #efefef;
}

/* kinkyu */
.kinkyu .kinkyu-inner{
	padding: 0.5em;
	border: 3px solid #ff6262;
	border-radius: 3px;
	background-color: #fffdf2;
}
.kinkyu .kinkyu-sign{
	border: none;
	text-align: right;
	font-size: 1rem;
	margin: 0;
}
.kinkyu p{
    padding: 0.5em;
    border: 1px solid #ff6262;
    border-radius: 3px;
}
.kinkyu .kinkyu-inner h3.kinyu-midashi{
	text-align: center;
}
.kinkyu .kinkyu-inner p.kinkyu-honbun{
	border:none;
	padding:3px 10px;
	margin: 3px;
}
.kinkyu .kinkyu-inner span.s_text{
	font-size: 90%;
}
/*新緊急情報CMS表示用_20230222*/
.emergency-wrap{background-color: #F3EBD4;}
#emergency {}
#emergency h1{background-color: red;}
#emergency h2.emergency-title {background-color:red;padding: 0.2em;margin: 0.2em 0;color: #ffffff;}
#emergency div.emergency-item{padding: 3px;margin: 3px 0;font-size:1em;font-weight: 600;}
#emergency div.emergency-link a{}
#emergency div.emergency-link a::before{content:"\0bb";margin: 3px;}
#emergency div.emergency-sign{display:block;text-align: right;color: #333;}
#emergency hr{border-style: dashed;border-width: 1px;border-color: #ff4500;}
.highlight {
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: yellow; /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}
/* form */
table.survey_form_tbl {}
table.survey_form_tbl tr th {
background-color: #0099cc; 
text-align: left; 
color: #ffffff;}
table.survey_form_tbl tr td:first-child {
text-align: center;
}
table.survey_form_tbl tr td span{
display: block;
}
table.survey_form_tbl tr td span.hissu{
color: #FF0004;
}
table.survey_form_tbl textarea {
    padding: 3px;
    margin: 5px 10px;
    width: 90%;
}
table.survey_form_tbl input[type="text"] {
    padding: 3px;
    margin: 5px 10px;
    width: 70%;
}
table.survey_form_tbl label{
display: inline-block;
}
table.survey_form_tbl *::placeholder {
  color: #6E6E6E;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* calender */

ul.month {display: flex;border-bottom: 3px solid #ed6ab4;padding-left: 0;}
ul.month li{text-decoration: none; list-style-type: none;flex: 1;text-align: center;}
ul.month li a{text-decoration: none;display: block;padding: 5px;;margin: 0 5px;}
ul.month li a{color: #ED6AB4;border-radius: 10px 10px 0 0;background-color: #f1c7df;}
ul.month li a:link{}
ul.month li a:hover{background-color: #ED6AB4;color: #ffffff;}
ul.month li a.this{background-color: #ED6AB4;color: #ffffff;}
div.calender {text-align: center; overflow-x: scroll; margin-bottom: 10px;}
div.memo {border: 3px solid #BFBFBF;padding: 3px;}
div.calender table{width: 100%; margin-top:10px; margin-bottom: 10px;}
div.calender table caption{text-align: left;font-size: 2em;background-color: #ddd;color: #333;border-radius: 5px 5px 0 0;padding: 5px;}
div.calender table tr td{padding: 1px 1px; width: calc(100%/31);font-size: 0.4rem;}
div.calender table tr td.nighter{background-color: #333;color:#fff;}
div.calender table tr td.midnight{background-color: #051655;color:#fff;}
div.calender table tr td.f1{background-color: #4caf50;color:#fff;}
div.calender table tr td.f2{background-color: #4caf50;color:#fff;}
div.calender table tr td.g3{background-color: #eea01c;color:#fff;}
div.calender table tr td.g2{background-color: #edee1c;color:#333;}
div.calender table tr td.g1{background-color: #EEDF1C;color:#333;}
div.calender table tr td a{text-decoration: none;color: #fff;}
div.calender table tr td span{display: block;}
div.calender table tr td.day_blue{background-color: #ecedff}
div.calender table tr td.day_red{background-color: #F1C6C6}
div.calender table tr td.day_f1{background-color: #F1C6C6}
div.calender table tr td.day_f2{background-color: #F1C6C6}
div.calender table tr td.day_g3{background-color: #F1C6C6}
div.calender img.calendar-icon{height: 14px;}
div.calender table {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
div.calender th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
}
div.calender td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
	  
/* calender2 */
.calender2 .calender_img_item{width:100%;min-width:400px; height:auto;}
.calender2 .memo h4{margin:0;padding:0;background-color: #fff;color: #333;}
.calender2 ul.month {display: flex;border-bottom: 3px solid #ed6ab4;padding-left: 0;}
.calender2 ul.month li{text-decoration: none; list-style-type: none;flex: 1;text-align: center;}
.calender2 ul.month li a{text-decoration: none;display: block;padding: 5px;;margin: 0 5px;}
.calender2 ul.month li a{color: #ED6AB4;border-radius: 10px 10px 0 0;background-color: #f1c7df;}
.calender2 ul.month li a:link{}
.calender2 ul.month li a:hover{background-color: #ED6AB4;color: #ffffff;}
.calender2 ul.month li a.this{background-color: #ED6AB4;color: #ffffff;}