@charset "UTF-8";
/* ------------------------------
	home.css
	modified: 2015/08/17
------------------------------ */
/*	共通クラス
------------------------------ */
.clearfix:after:after {
  content: '';
  display: block;
  clear: both;
}

/*	レイアウト
------------------------------ */
.container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
.container:after {
  content: '';
  display: block;
  clear: both;
}

#body {
  padding: 34px 0 0 0;
  background: #f0f0f0 url("/assets/images/home/body_bg.jpg") no-repeat center bottom;
  background-size: 100% auto;
}
#body img {
  vertical-align: bottom;
}

/*	header
------------------------------ */
#homeHeader {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: transparent;
}
#homeHeader .homeHeaderBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  overflow: hidden;
}
#homeHeader .homeHeaderBg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100%;
  height: 35px;
  background: #010313;
}

#homeHeader #headerMenu {
  background: transparent;
}

#homeHeader .inner {
  height: 35px;
}

#hotnews .siteId {
  float:right;
  padding-top:10px;
}

#homeHeader #headerUtilityMenu {
  width: 430px;
  margin-left: 212px;
  padding-left: 30px;
  background: url("/assets/images/home/hdr_bg.png") no-repeat 0 0;
}

#homeHeader .headsnsbtn#headerSnsTwitter {
  top: -21px;
  left: 180px;
}

#homeHeader .headsnsbtn#headerSnsFb {
  top: -21px;
  left: 183px;
}

/*	メインビジュアル
------------------------------ */
#cover {
  min-width: 1000px;
}

#cover-contents {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 450px;
  overflow: hidden;
  background: #010313;
}
#cover-contents li {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  text-align: center;
}
#cover-contents li:first-child {
  z-index: 1;
}
#cover-contents .cover-container {
    height: 100%;
    left: 50%;
    margin-left: -50%;
    max-width: 2000px;
    position: relative;
    text-align: center;
    width: 100%;
}
#cover-contents .cover-container a {
  display: block;
}

#cover-contents .cover-container img {
    max-width: 1400px;
    vertical-align: bottom;
    width: 100%;
}

#cover-gallery {
  position: relative;
}
#cover-gallery .flex-control-paging {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
  min-width: 1000px;
  text-align: center;
}
#cover-gallery .flex-control-paging li {
  display: inline-block;
  vertical-align: top;
}
#cover-gallery .flex-control-paging li a {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 0px;
  overflow: hidden;
  margin: 0 8px;
  padding-top: 10px;
  background: #eaeaea;
  border-radius: 5px;
}
#cover-gallery .flex-control-paging li a.flex-active {
  background: #010313;
}
#cover-gallery .flex-direction-nav {
  position: absolute;
  top: -1%;
  left: 0;
  width: 100%;
  min-width: 1000px;
}
#cover-gallery .flex-direction-nav li a {
  position: absolute;
  top: 203px;
  z-index: 20;
  display: block;
  width: 40px;
  height: 0px;
  overflow: hidden;
  padding-top: 80px;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
#cover-gallery .flex-direction-nav li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#cover-gallery .flex-direction-nav li .flex-prev {
  left: 0;
  background: url("/assets/images/home/cover_prev.png") no-repeat;
}
#cover-gallery .flex-direction-nav li .flex-next {
  right: 0;
  background: url("/assets/images/home/cover_next.png") no-repeat;
}

/*	オンライン予約
------------------------------ */
#cover-reserve .cover-reserve-box {
  position: absolute;
  top: -320px;
  right: 10px;
  z-index: 10;
  width: 250px;
  background: #d10101;
  padding: 15px 0 0 0;
  text-align: center;
}
#cover-reserve .cover-reserve-box a {
  color: #fff;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
#cover-reserve .cover-reserve-box a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#cover-reserve .cover-reserve-box .login {
  margin: 4px 0 0 0;
}
#cover-reserve .cover-reserve-box .btn {
  display: inline-block;
  width: 144px;
  border-radius: 2px;
  background: #efefef;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
  /* W3C */
  text-align: center;
  color: #000;
  font-size: 14px;
  line-height: 38px;
  font-weight: bold;
}
#cover-reserve .cover-reserve-box .signup {
  margin: 11px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
#cover-reserve .cover-reserve-box .signup a {
  text-decoration: underline;
}
#cover-reserve .cover-reserve-box .faq {
  margin: 14px 15px 0 0;
  text-align: right;
  font-size: 10px;
  line-height: 12px;
}
#cover-reserve .cover-reserve-box .faq a {
  display: inline-block;
  padding: 0 0 0 11px;
  background: url("/assets/images/common/arw_01_r_white.svg") no-repeat left center;
  text-decoration: underline;
}
#cover-reserve .cover-reserve-box .schedule {
  margin: 11px 0 0 0;
}
#cover-reserve .cover-reserve-box .schedule a {
  display: block;
  background: #ae0707;
}

/*	HOT NEWS
------------------------------ */
#hotnews {
  position: relative;
  height: 60px;
  overflow: hidden;
  background: #001b57 url("/assets/images/home/hotnews_bg.png") no-repeat center top;
  color: #fff;
}
#hotnews a {
  color: #fff;
  text-decoration: none;
}
#hotnews a:hover {
  opacity: 0.8;
}
#hotnews .heading {
  position: absolute;
  top: 10px;
  left: 10px;
}
#hotnews .text {
  padding: 23px 12px 12px 172px;
  font-size: 12px;
  line-height: 16px;
}

/*	走る・貸し切る・TCガイド
------------------------------ */
.purpose {
  display: table;
}

.purpose-section {
  display: table-cell;
  vertical-align: top;
  position: relative;
  height: 100%;
  padding: 0 0 0 25px;
}
.purpose-section:first-child {
  padding: 0;
}
.purpose-section .heading {
  position: absolute;
  top: 0;
  right: 0;
}

#purpose-reserve.purpose-section a.course_reserve {
  margin-top: 19px;
  text-decoration: none;
  display: block;
  width: 310px;
  padding: 12px 18px;
  background: url("/assets/images/common/arrow_wh.png") no-repeat 275px 21px, #1b3789;
  color: #fff;
  font-size: 110%;
}

.purpose-section .content-list {
  width: 310px;
  /*min-height: 290px;*/
  height: 100%;
  padding: 41px 12px 4px 12px;
  background: #fff;
}
.purpose-section .content-list li {
  border-top: 1px dotted #c8c8c8;
}
.purpose-section .content-list li:first-child {
  border-top-width: 0;
}
.purpose-section .content-list a {
  display: block;
  padding: 10px 9px;
  background: url("/assets/images/common/arw_w_01_r.svg") no-repeat 262px center;
  font-size: 14px;
  line-height: 20px;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.purpose-section .content-list a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

/*	観る
------------------------------ */
#racenavi {
  margin: 30px 0 0 0;
  background: #010313;
}
#racenavi a {
  color: #fff;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
#racenavi a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#racenavi .racenavi-header {
  position: relative;
  padding: 0 0 3px 0;
}
#racenavi .racenavi-header .link-result {
  position: absolute;
  top: 0;
  right: 0;
}
#racenavi .content-list {
  display: table;
  table-layout: fixed;
  border-top: 1px dotted #454545;
}
#racenavi .content-list li {
  display: table-cell;
  width: 326px;
  padding: 14px 10px 14px 20px;
  border-right: 1px dotted #454545;
}
#racenavi .content-list li:nth-child(3) {
  border-right-width: 0;
}
#racenavi .content-list li a {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}
#racenavi .content-list li .img {
  display: table-cell;
  vertical-align: top;
  width: 65px;
}
#racenavi .content-list li .texts {
  display: table-cell;
  vertical-align: middle;
}
#racenavi .content-list li .cat {
  font-size: 10px;
  line-height: 14px;
  font-style: italic;
  font-family: Arial;
}
#racenavi .content-list li .name {
  padding: 2px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
#racenavi .racenavi-header + .content-list {
  border-top-width: 0;
}
#racenavi .racenavi-header + .content-list li {
  padding-top: 0;
}

#racenavi .content-list li .race-day{
	display:inline-block;
}
#racenavi .content-list li .race-day-yellow{
	font-size:11px;
	margin-left:5px;
	color:#ffff00;
	font-weight:bold;
}





/*	お知らせ
------------------------------ */
#news {
  margin: 30px 0 0 0;
  background: #010313;
}
#news a {
  color: #fff;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
#news a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#news .news-header {
  position: relative;
}
#news .news-header .more {
  position: absolute;
  top: 0;
  right: 0;
}
#news .content-list {
  padding: 0 0 13px 0;
}
#news .content-list li {
  border-top: 1px dotted #454545;
  padding: 10px 20px 10px 20px;
  font-size: 12px;
  line-height: 22px;
}
#news .content-list li:after {
  content: '';
  display: block;
  clear: both;
}
#news .content-list li:first-child {
  border-top-width: 0;
}
#news .content-list li.new .title:after {
  content: 'NEW!';
  display: inline-block;
  margin: 0 0 0 8px;
  color: #eb0000;
  white-space: nowrap;
}
#news .content-list li a {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#news .content-list li .cat {
  display: table-cell;
  vertical-align: top;
  width: 72px;
}
#news .content-list li .date {
  display: table-cell;
  vertical-align: top;
  width: 9em;
  padding: 0 0 0 10px;
  text-align: center;
}
#news .content-list li .title {
  display: table-cell;
  vertical-align: top;
}

/*	バナー
------------------------------ */
#link-list {
  width: 100%;
  overflow: hidden;
  padding: 0 0 60px 0;
}
#link-list a {
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
#link-list a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#link-list .row {
  display: table;
  margin: 30px -12px 0 -12px;
}
#link-list .row .col2 {
  display: table-cell;
  vertical-align: top;
  width: 502px;
  text-align: center;
}
#link-list .facebook {
  width: 480px;
  height: 313px;
  margin: 0 auto;
  background: #fff;
}
#link-list .bnr-col4 {
  margin: 30px 0 0 0;
}
#link-list .bnr-col4 ul {
  display: table;
  margin: 11px 0 0 0;
}
#link-list .bnr-col4 li {
  display: table-cell;
  width: 251px;
  text-align: center;
}
#link-list .bnr-col5 {
  margin: 30px -5px 0 -5px;
}
#link-list .bnr-col5 ul {
  display: table;
  margin: 10px 0 0 0;
}
#link-list .bnr-col5 li {
  display: table-cell;
  width: 198px;
  text-align: center;
}

#link-list .bnr-col3 {
  margin: 30px 0 0;
}

#link-list .bnr-col3 ul {
  display: table;
  margin: 10px 0 0 0;
  overflow: hidden;
}

#link-list .bnr-col3 li {
  /*display: table-cell;*/
  float: left;
  width: 310px;
  margin-left: 25px;
  /*text-align: center;*/
}

#link-list .bnr-col3 li:first-child {
  margin-left: 0;
}
/*# sourceMappingURL=home.css.map */