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

body {
	/* background:#F8EF39; */
	color:#222;
	font-size:16px;
    letter-spacing: 1px;
	line-height:1.5;
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width:1000px;
}
a { text-decoration:none;}

.wrap {
	width:1000px;
	margin:0 auto;
	position:relative;
}

.f_left {float:left;}
.onlysp {display:none;}

/*----------------------------------
           header
----------------------------------*/

header {
	width:100%;
    position:relative;
	margin:0;
	padding:6px 0;
	background: #ffffff;
	z-index:100 ;
    border-bottom:solid 10px #000;
}

.h_logo {
	float:right;
	margin-right: 0px;
	width:240px;
}
.h_logo img {width:100%;vertical-align:bottom;
margin-top:7px; }



/*----------------------------------
            nav
----------------------------------*/
nav {
    padding:10px 0 ;
    width:760px;
	margin:0;
    float:left;
}
nav ul {
	margin-left:0;
}
nav ul li {
	float:left;
	margin:9px 7px 0 0;
    text-indent: -9999px;
}
nav ul li a {
	display:block;
    padding:0 ;
}


#n01 {background: url(../img/nav01.svg) no-repeat; width:120px;height:34px;}
#n02 {background: url(../img/nav02.svg) no-repeat; width:220px;height:34px;
}
#n03 {background: url(../img/nav03.svg) no-repeat; width:120px;height:34px;}
#n04 {background: url(../img/nav04.svg) no-repeat; width:120px;height:34px;}
#n05 {background: url(../img/nav05.svg) no-repeat; width:120px;height:34px;}

#n01 a:hover {background: url(../img/nav01_2.png) no-repeat;width:120px;height:34px;}
#n02 a:hover {background: url(../img/nav02_2.png) no-repeat;width:220px;height:34px;}
#n03 a:hover {background: url(../img/nav03_2.png) no-repeat;width:120px;height:34px;}
#n04 a:hover {background: url(../img/nav04_2.png) no-repeat;width:120px;height:34px;}
#n05 a:hover {background: url(../img/nav05_2.png) no-repeat;width:120px;height:34px;}


/*ヘッド・ナビ固定*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#navToggle {
	display:none;
}

/*----------------------------------
            footer
----------------------------------*/

footer {
	clear:both;
	background: #FFF;
	width: 100%;
	margin:0 ;
	padding:30px 0 30px;
	font-size:13px;
	text-align:center;
}
.f_logo img {
	width:50%;
    max-width:240px;
}
.copy {
	margin-top:15px;
}

/*-------------------------------
          section
----------------------------------*/
section.sec00 {/*黄色線あり*/
	width:100%;
    background: url(../img/bg3.png);
    border-bottom:solid 5px #000;
    padding:10px 0 60px;
	margin:0;
    position: relative;
}
section.sec01 {/*黄色水玉線あり*/
	width:100%;
    background:#f39A11 url("../img/bg3.png");
	background-size: cover;
    border-bottom:solid 5px #000;
    padding:80px 0 60px;
	margin:0;
    position: relative;
}
section.sec01bn {/*黄色水玉線無し*/
	width:100%;
    background: #FFF58F url("../img/bg3.png") repeat-x;
    padding:80px 0 60px;
	margin:0;
    position: relative;
}
section.sec02 {/*黄色ストライブ線あり*/
    width:100%;
	background: #d4d4d4;
    /* background: #FFF58F url("../img/bg02.png") center; */
	
    border-bottom:solid 5px #000;
    padding:80px 0 60px ;
	margin:0;
    position: relative;
}
section.sec03 {/*エンジストライブ線あり*/
    width:100%;
    background: #FFF58F url("../img/bg05.png") repeat-x;
    border-bottom:solid 5px #000;
    padding:60px 0 ;
	margin:0;
}


section a:hover img {
	opacity:0.6;
	filter:alpha(style=0, opacity=70);
}
/**/

h2.w280 {
    width:280px;
    margin:0 auto 50px;
}
h2.w300 {
    width:300px;
    margin:0 auto 50px;
}
h2.w460 {
    width:460px;
    margin:0 auto 50px;
}
h2 img {
    width:100%;
    vertical-align: bottom;
}

/*---------------------
　jQueryを使った下からふわっと
-------------------------*/
.pic {
    opacity:0;
    transition: .5s ease-in-out;
    transform:translateY(200px);
}
.active {
    opacity:1;
    transform:translateY(0)
}

/*ボタン*/
.w80p {/*センター1つ*/
    width:80%;
    max-width:440px;
    margin:0 auto 40px;
}
a.linkbotan {
	border:solid 2px #000;
	background: #F5E929;
    box-shadow: 2px 2px 2px #000;
	color:#000;
	font-size:18px;
    letter-spacing: 1px;
	font-weight: bold;
	padding:14px 0;
	text-align: center;
	display:block;
    width:100%;
}
a:hover.linkbotan  {
	background: #F5B823;
}

/*曜日*/
.day {
	background: #FFF;
	border:solid 1px #BBB;
	font-size:50%;
	font-weight:700;
	border-radius:25px;
	padding:0px 2px 0 3px;
	margin: 0 6px 0 0;
	line-height:1.1;
	vertical-align: middle;
	text-align: center;
}
.sun {
	color: #E60012
}
.sat {
	color: #09F;
}
.week {
	color: #000;
}

/*テキスト装飾*/
.yellow {	color:#FF6;}
.red {	color: #E60012;}
.blue {	color:  #0068B7;}
.gold { color:#9C6A0E;}
.pink { color:#EB3269;}

.bold {font-weight:bold;}

.big {font-size:120%;}
.big4 {font-size:140%;}
.big8 {font-size:180%;}
.small80 {font-size:80%;line-height:1.2;}
.small90 {font-size:90%;}

/*この頁のトップボタン*/

#page-top {
    position: fixed;
    bottom: 20px;
	left:50%;
	margin-left:525px;
	line-height:120%;
    z-index: 1000 !important;
}
#page-top a {
    background: #6B768A;
	font-size:16px;
	line-height:120%;
    text-decoration: none;
    color: #fff;
    width: 44px;
    padding: 12px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 25px ;
	-moz-border-radius: 25px;
	border-radius: 25px ;
	opacity:0.7;
	filter:alpha(style=0, opacity=70);
}
#page-top a:hover {
    text-decoration: none;
	opacity:0.9;
	filter:alpha(style=0, opacity=90);
}


/*----ボタンロールオーバー----*/

a:hover .rollOver,
a:focus .rollOver,
a:active .rollOver {
	opacity:0.6;
	filter:alpha(style=0, opacity=70);
	
}

.clear {
	clear:both;
	height:0;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る　.でなくても良い */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


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

body {
	min-width:100%;
	font-size:15px;
    letter-spacing: 0;
}
.wrap {
	width:98%;
}
.onlypc {
	display:none;
}
.onlysp {
	display: inline;
}
/*header*/
header {
    padding:10px 0;
}
.h_logo {
	float:none;
	width:180px;
    margin-left:10px;
}
 

/*nav*/
nav {
    float:none;
	position: fixed;
	right:0;
	top:-600px;/*通常時は見えないように*/
	width:100%;
	-webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
	z-index:100 !important ;
	background: #ffffff;
}
	
nav ul {
	margin:0;
	padding:40px 0 ;
}
nav ul li {
	float:none;
	width:96%;
	margin:0 auto 20px;
	border:none;
	background-color: transparent;
	text-align:center;
	vertical-align:middle;
}

nav ul li a {
	display:block;
	width:100%;
	background-color:transparent;
}


	

/*ハンバーガーメニュー3本線*/
#navToggle {
	display: block;
	position: fixed ;
	right:8px;
	top:6px;
	width:48px;
	height:25px;
	cursor:pointer;
	z-index:1000 !important ;
	
}
#navToggle div {
	position:relative;
    padding:23px 0;
	/*background-color:#F8EF39;*//*黄色*/
	background:#ffffff;
	border-radius:25px;
}
#navToggle span {
	display:block;
	position:absolute;
	width:50%;
	border-bottom:solid 3px #111;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {top:13px;left:12px;}
#navToggle span:nth-child(2) {top:22px;left:12px;}
#navToggle span:nth-child(3) {top:31px;left:12px;}


.openNav #navToggle span:nth-child(1){
	top:21px;
	-webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 21px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.openNav nav {/*ヘッダーの高さで可変*/
    -moz-transform: translateY(600px);
    -webkit-transform: translateY(600px);
    transform: translateY(600px);
}

/*section*/


section.sec03 {
    width:100%;
    background: #FFF58F url("../img/bg05.png") ;
    border-bottom:solid 5px #000;
    padding:60px 0 ;
	margin:0;
}
section.sec01 {
    padding:50px 0;
	/* background-size:24px auto; */
}
section.sec02 {
    padding:50px 0 ;
    /* background-size:600px auto; */
}
section.sec03 {/*トップバナー*/
    padding:50px 0 35px;
    /* background-size:600px auto; */
}
    
/*contents*/
    
h2.w280 {
    width:40%;
    margin:0 auto 30px;
} 
h2.w300 {
    width:48%;
    margin:0 auto 50px;
} 
h2.w460 {
    width:60%;
    margin:0 auto 50px;
} 

/*ボタン*/    
a.linkbotan {
	font-size:15px;
}

/*曜日*/
.day {
	padding:2px 4px 1px;
	margin: 0 4px;
}	
	
.botan a {
    background-size: 6%;
	letter-spacing:0px;
	font-size:17px;
    padding:12px 0;
}

/*テキスト装飾*/
.big4 {font-size:120%;}
.big {font-size:100%;}

/*この頁のトップボタン*/

#page-top {
    left: 86%;
	margin-left:0px;
}
}


.img_racetime{
	text-align:center;
	padding-bottom:35px;
}

.racetime{
	width:80%;
}

p.text_left {
	text-align:left;
	padding-left:100px;
}
.u_mt80{
	margin-top:0px;
}
@media screen and (max-width: 520px) {
.racetime{
	width:90%;
}

p.text_left{
	font-size:14px;
	padding-left:10px;
}
.u_mt80{
	margin-top:80px;
}
section.sec01bn {
    padding: 60px 0 60px;
}

}