@charset "utf-8";
body { 
	padding-top: 50px; 
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: calc(12px + 0.5vw);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", sans-serif, "MS Gothic";
	color: #000;
}
@font-face {
	font-family: 'Gothic-Bold';
	src:url('../fonts/GothicMB101Pr6N-Bold.otf') format('opentype');
}
.gothic {
	font-family: Gothic-Bold;
}
#appear {
	visibility: hidden;
}
#pagetop {
	position: fixed;
	margin: 0;
	bottom: 50px;
	right: 40px;
	z-index:9999;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a :hover {
    color: #000;
}
#pagetop a {
	background: rgba(0,0,0,0.6);
	color: #FF0;
	padding: 17px 20px;
	text-align: center;
	border-radius: 10px;
	border: solid;
    border-color: #EE0;
	font-weight: bold;
}
#pagetop a:hover {
	background: rgba(255,255,0,0.7);
	color: #000;
	border-color: #000;
}
.navbar-default {
    background-color: #231815;
    border-color: #231815;
}
.navbar {
    border-radius: 0;
	margin-bottom: 0;
}
#defaultNavbar1{
	z-index: 99;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFF100;
    background-color: #231815;
	border-left: solid 1px #FFF;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF100;
	border-left: solid 1px #FFF;
	font-weight: bolder;
    font-size: initial;
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 10px;
}
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 13px;
	line-height: 15px;
}
.navbar-default .navbar-nav > li > a :hover {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #FFF;
	background-color: transparent; 
}
.dropdown-menu > li > a {
	color:#FFF;
	padding: 3px 0;
}
.dropdown-menu {
	min-width: 100%;
	background-color: #707172;
	text-align: center;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #333;
	background-color: #FFF100;
}
.dropdown:hover> .dropdown-menu {
	display: block;
}
small, .small {
	font-size: 51%;
	font-weight: 100;
}
.navbar-nav {
    float: left;
    margin: -5px;
}
.navbar-brand {
	padding: 0px 15px;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: -1px;	
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #231815;
    background-color: #FFF100
}
#wait {
	display: block;
	height: 950px;
	text-align: center;
	position: relative;
}
#wait img {
	position: absolute;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fullSlideShow {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.fullSlideShow ul {
	top: 50%;
	left: 50%;
	width: 100%;
	position: absolute; /* absolute or fixed */
	overflow: hidden;
}
.fullSlideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}
.fullSlideShow ul li img {
	width: 100%;
}
.keirin {
	width: 100%;
	height: auto;
	padding: 0.3% 1%;
    position: absolute;
    bottom: 0px;
    background-color: rgba(250,250,250, 0.7);
    color: black;
	z-index: 995;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	font-size: calc(10px + 1vw);
	font-weight: 600;
}
.pagiNation {
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute; /* absolute or fixed */
    z-index: 110; /* 非表示にする場合は「90」以下に */
    visibility: visible; /* 非表示にする場合は「hidden」に */
}
.bxslider {
	margin: 0 auto;
	width: 1082px;
	position: absolute;
}
.bx-wrapper {
	max-width: 97% !important;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	padding-top: 6px;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 0;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 99;
}
#race01,#race02,#race03 {
	margin-top: 25px;
	text-align: center;
}
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.mobile {
	margin-top: 10px;
}
.top-yanbaru {
	margin-bottom: 10px;
}
.top-koumoku {
	margin: 10px 0;
}
@media screen and (min-width: 500px) {
  .fb-page-parent > .fb-page {
    width: 500;
  }
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
	width: 100% !important;
}
.youtube1 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube1 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.footer_top {
	height: 90%;
}
.son {
	padding-bottom: 20px;
}
.fullSlideShow ul{
	margin-left: 1.6%;
	height: 0;
	list-style: none;
	padding-left: 0;
}
.fullSlideShow li{
	height: 50%;
}
footer ul {
	padding: 0;
	font-size: 0;
	margin: 15% 2% 4%;
}
footer ul li {
	display: inline-block;
	width: 20%;
	margin-bottom: 1%;
	text-align: center;
}
footer ul img {
	/*border: solid 1px;
	border-color: #000;*/
	width :90%;
}
#footerarea_1_box {
	padding-top: 24.5%;
	padding-bottom: 4.5%;
	margin: 1% 0 -1%;
	background: url(../img/footer_back_1.png) no-repeat;
	background-position: center center;
	background-size: 100%;
}
#footerarea_1_2_box {
	padding: 0 2%;
}
#footerarea_1_2_box img {
	padding: 6%;
	text-align: center;
}
.address {
    text-align: center;
    font-weight: bold;
    position: absolute;
	font-size: calc(5px + 0.74vw);
	margin-top: -8.5%;
}
#footer_logo {
	margin-top: -2%;
	text-align: center;
}
.footer_01 {
	position:relative;
}
.copyright { 
	background-color: #231815;
	padding: 17px 0;
}
.copyright p {
	font-size: large;
	text-align: center;
	color: #FFF;
	font-size: calc(10px + 0.5vw);
}
#footerarea_1_xs {
	height: 0;
	padding-top: 28.67%;
	background: url(../img/footer_back_1_xs.png) no-repeat;
	background-position: center center;
	background-size: contain;
}
.img-responsive-overwrite {
	max-width: 100%;
    height: auto;
}

#sponser img {
	margin: 10% 0; 
}
/*▲▲index.html▲▲*/
h1 {
    text-align: center;
    margin-top: 10%;
    font-size: calc(18px + 5.6vw);
	font-family: monospace;
    color: #000;
	font-family: Gothic-Bold;
}
h2 {
    font-size: calc(12px + 1.7vw);
    font-weight: bold;
    letter-spacing: 5px;
    border-left: solid 8px;
    border-color: #000;
    padding: 0.5%;
	margin: 5% 0 19px;
}
.title_back {
	padding-top: 4.5%;
    padding-bottom: 3.5%;
	margin-top: 3%;
	background: url(../img/title_back.jpg) no-repeat;
	background-position: center center;
	background-size: contain;
}
.midashi {
	color: #fff;
	text-align: center;
	font-size: calc(18px + 5.6vw);
    font-weight: bolder;
}
#outline img {
	margin: 1% 0;
}
.open1 {
	 margin-top: 5%;
     cursor: pointer;
	 margin-bottom: 0.5%;
}
#slideBox1 {
     display: none;
	 margin-bottom: 7%;
}
table {
	margin-top: 5%;
}
table , td, th {
	border-bottom: 1px solid #B5B5B5;
	border-top: 1px solid #B5B5B5;
	border-collapse: collapse;
}
td, th {
	padding: 1.2% 0 1.2% 0;;
	width: 30px;
}
th {
	background: #f0e6cc;
}
.hutozi {
	font-weight: 800;
}
.kyougi_box {
	width: 85%;
	max-width: 400px;
}
.open2 {
     cursor: pointer;
	 margin: 0.5% 0;
}
#slideBox2 {
     display: none;
	 margin-bottom: 7%;
}
.migiyose {
	text-align: right;
}
.open3 {
     cursor: pointer;
	 margin: 0.5% 0;
}
#slideBox3 {
     display:none;
	 margin-bottom: 7%;
}
.line-height {
	line-height: 1.9em;
}
.open4 {
     cursor: pointer;
	 margin: 0.5% 0;
}
#slideBox4 {
     display:none;
	 margin-bottom: 7%;
}
.open5 {
     cursor: pointer;
	 margin-top:0.5%;
}
#slideBox5 {
     display:none;
	 margin-bottom: 7%;
}
/*▲▲held_essential_point.html▲▲*/
#entry {
	text-align: center;
}
#shiharai {
	border:  1px solid;
	padding: 2% 4%;
	margin-top: 5%;
}
.ggmap1 {
	position: relative;
	max-width: 639px;
    min-height: 350px;
	padding-top: 35%;
	overflow: hidden;
}
.ggmap1 iframe,
.ggmap1 object,
.ggmap1 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#table1 , .td1, .th1 {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.td1, .th1 {
	padding: 3px;
	width: 30px;
	height: 25px;
}
.th1 {
	font-weight:500;
	background: #E6E6E6;
	text-align: center;
}
/*▲▲entry.html▲▲*/
#access_cycle {
	font-size: calc(8px + 2vw);
	margin: 6% 0 3%;
	background-color: #E4E792;
    font-weight: 500;
}
#access_car {
	font-size: calc(8px + 2vw);
	margin: 6% 0 3%;
	background-color: #DAEFFC;
    font-weight: 500;
}
#access_bus {
	font-size: calc(8px + 2vw);
	margin: 6% 0 3%;
	background-color: #FBE6EF;
    font-weight: 500;
}
/*▲▲access.html▲▲*/
.race_title {
	position: relative;
	display: block;
	margin-top: 3%;
}
#player1,#player2 {
	/*position: absolute;*/
	transform: translate(0%, -45%);
}
#player3 {
	/*position: absolute;*/
	transform: translate(-4%, -48%);
}
.table3 {
	margin-right: 4%;
}
.table3 , .td3, .th3 {
	border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
	border-collapse: collapse;
	padding: 2% 0;
}
.td3 {
	padding-left: 2%;
}
.th3 {
	background: #fcee21;
	text-align: center;
}
#rootlab1,#rootlab2,
#rootlab3,.rootlab4,
#rootlab5,#rootlab6,
#rootlab7,#rootlab8,
#rootlab9,#rootlab10 {
	margin-top: 7%;
	position: relative;
	min-height: 350px;
	padding-top: 95%;
	overflow: hidden;
}
#rootlab1 iframe,#rootlab2 iframe,
#rootlab3 iframe,.rootlab4 iframe,
#rootlab5 iframe,#rootlab6 iframe,
#rootlab7 iframe,#rootlab8 iframe,
#rootlab9 iframe,#rootlab10 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*▲▲international_road_race.html▲▲*/
#player4 {
	/*position: absolute;*/
	transform: translate(4%, -39%);
}
#player5 {
	/*position: absolute;*/
	transform: translate(0%, -27.4%);
}
#player6 {
	/*position: absolute;*/
	transform: translate(-2%, -10%);
}
#player7 {
	/*position: absolute;*/
	transform: translate(0%, -38%);
}
#player8 {
	/*position: absolute;*/
	transform: translate(10%, -28%);
}
#player9 {
	/*position: absolute;*/
	transform: translate(1%, -27%);
}
#player10 {
	/*position: absolute;*/
	transform: translate(1%, -27%);
}
.warp img{
	margin-top: 2%;
}

.race_time{
	transform: translate(393%, -97%);
	margin-bottom: -15%;
}
.race_time2{
	transform: translate(448%, -80%);
	margin-bottom: -15%;
}
/*▲▲citizen_road_race.html▲▲*/
#cs01 {
	margin-top: 10%;
	margin-bottom: 5%;
}
#cs img {
	margin-top: 8%;
	padding: 8% 9.7% 0 2.2%;
}
#player10 {
	/*position: absolute;*/
	transform: translate(14%, -32%);
    width: 81%;
}
#player11 {
	/*position: absolute;*/
	transform: translate(1%, -16%);
}
/*▲▲cycling.html▲▲*/
.Q {
	margin-top: 4%;
}
.number {
	font-size: calc(12px + 2.1vw);
	border-right: solid 9px;
    border-color: #000;
	font-family:'arial black';
}
.shitumon {
	font-size: calc(10px + 1.7vw);
    font-weight: 900;
	margin-left: 1%;
}
.A {
	margin-top: 2%;
	background-color: #FFFDE5;
	padding-bottom: 2.5%;
}
.answer {
	color: #96958c;
	font-weight: 900;
	font-size: calc(12px + 3vw);
}
.kotae {
	margin-left: 8%;
	margin-right: 3%;
}
#table2 , .td2, .th2 {
	border: 1px solid #000;
	border-collapse: collapse;
}
#table2 {
	margin-right: 5.3%;
	margin-top: 1%;
}
.td2, .th2 {
	padding: 3px;
	width: 30px;
	height: 25px;
}
.th2 {
	font-size: calc(7px + 1.6vw);
	font-weight:500;
	background: #999;
	text-align: center;
}
/*▲▲faq.html▲▲*/
center {
	font-size: calc(7px + 1.6vw);
	margin-bottom: 3%;
}
.big {
	font-size: calc(21px + 3vw);
}
.med {
	font-size: calc(16px + 2.2vw);
}
.minitx{
	margin: 0% 0 -1%;
	font-size: calc(9px + 0.7vw);
}
.minititle{
	font-size: calc(15px + 1vw);
	margin-bottom: 4%;
}
.fmini {
	font-size: calc(12px + 1vw);
}
f9px07vm{
	font-size: calc(9px + 0.7vw);
}
ruby {
  position: relative;
}
ruby rt {
  position: relative;
  top: 0.8ex;
}
rt {
	font-size: calc(6px + 1vw);
}
h3 {
	font-size: calc(10px + 2vw);
	margin-top: -2%;
}
.yakusyo {
	margin: 10% 0 0;
    border-left: solid 5px;
}
/*▲▲about_yanbaru.html▲▲*/
.result{
	font-size: calc(10px + 0.8vw);
	line-height: 2em;
}
.result a{
	color:#d40000;
}
.outline,.course {
     cursor: pointer;
	 line-height: 3em;
}
.event,.yanbaru,
.support,.history
,.shop  {
     cursor: pointer;
	 line-height: 3em;
}
#slide_outline,#slide_course,
#slide_event,#slide_yanbaru,
#slide_support,#slide_history,
#slide_shop {
	 display:none;
}
#slide_outline ul,#slide_course ul,
#slide_event ul,#slide_yanbaru ul,
#slide_support ul,#slide_history ul,
#slide_shop ul {
	 margin-bottom: 0%;
	 font-size: calc(9px + 0.6vw);
	 margin: 0;
}
#slide_outline li,#slide_course li,
#slide_event li,#slide_yanbaru li,
#slide_support li,#slide_history li,
#slide_shop li {
    display: list-item;
	margin-left: 7%;
    width: 100%;
    margin-bottom: 1%;
    text-align: left;
}
#footer2 {
	position: absolute;
	transform: translate(-24%, -15%);	
	padding: 0 14%;
}
#footer_ul {
	padding: 0;
	font-size: 0;
	margin: 0;
}
#footer_ul li {
	display: inline-block;
	width: 16.66%;
	transform: translate(0%, 13%);
	padding: 0 0.5%;
	text-align: center;
}
#footer_ul img {
	border: solid 1px;
	border-color: #000;
}
#coming_soon {
	font-size: calc(20px + 4vw);
	font-weight: bolder;
	margin: 17% 0;
}
.rentalentry {
	background-color: #ff0;
}
.pastwinners_button img {
	border: 1px solid #000;
}
.pastwinners h3 {
	margin-top: -10%;
	padding-top: 17%;
}
#goods_jersey {
	margin: 0;
	/*table-layout: fixed;*/
	/*box-sizing: border-box;*/
}
#goods_jersey , #goods_jersey td, #goods_jersey th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
#goods_jersey td, #goods_jersey th {
	padding: 3px;
	width: 60px;
	height: 25px;
	text-align: center;
}
#goods_jersey th {
	background: #888;
	color: #fff;
}

/* Added by A.O below */
.fRed{
	color:#f00;
}
.fBold{
	font-weight:bold;
}
.lh19 {
	line-height: 1.9em;
}
.ana2 { 
	float: left; 
}