@charset "UTF-8";

/*
Template Name: スマホスタイル
*/
@charset "UTF-8";

@import "shared/css/base.css";
@import "shared/css/form.css";
@import "shared/css/race_sp.css";

#container {margin:0 auto;text-align:center;}

.pc {display:none;}
.cInner {
	display:block;
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.img100 {width:100%;height:auto;}
img.spCenter {display: block;margin:0 auto!IMPORTANT;text-align:center!IMPORTANT;}
a.arrow {background:url(shared/img/arrow_red_r.png) 0 3px no-repeat;padding:0 0 0 8px;color:#e60012;}
.spLink a.arrow {background-image:none;color:#333;}


/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	width:100%;
	margin:0 auto;
	text-align:center;
	background:url(shared/img/header_bg.gif) 0 0 repeat-x;
	background-size:100% 13vw;
	position:fixed;
	top:0;
	z-index:9999;
	}
#header .cInner {
	height:84px;
  height: 13vw;

}
#logo {
	display:block;
	width:18%;
	position:absolute;
	top:5px;
	left:15px;
	}
.burger {
	display:block;
	width:13vw;
	height:13vw;
	position:absolute;
	top:0px;
	right:0px;
	background:url(shared/img/sp/burger.png) 0 0 no-repeat;
	background-size:100%;
	}
#headerMenu ul {
	display:none;
	}
#headerMenu ul {
	width:50%;
	position:absolute;
	top:12vw;
	right:0;
	background-color:#000;
	z-index:9999!IMPORTANT;
	}
#headerMenu ul li {
	display:block;
	overflow:hidden;
	}
#headerMenu ul li a {
	display:block;
	padding:0;
	text-align:left;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
	}
#headerMenu ul li a span {
	display:block;
	padding:5px 5px 5px 20px;
	}
#headerMenu ul li a span.pc{display:none;}
#headerMenu ul li a span.sp img {width:20%;}
#headerSns {
	display:block;
	float:right;
	}
#headerSns li {float:left;}

/*-------------------------------------------------
	++ PAGEHEADER
-------------------------------------------------*/
#topSlider {width:100%;margin:17vw auto 0 auto;text-align:center;}
#topSlider .bx-controls-direction {display:none;}
#topSlider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px!IMPORTANT;
    height: 10px!IMPORTANT;
    margin: 0 5px!IMPORTANT;
    border-radius: 5px!IMPORTANT;
	background: #999!IMPORTANT;
}
#topSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#topSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #87020d!IMPORTANT;
}
#topSlider .bx-wrapper {margin-bottom:8vw!IMPORTANT;z-index: 9998;}
#topSlider .bx-wrapper .bx-pager,
#topSlider .bx-wrapper .bx-controls-auto {
	text-align:center!IMPORTANT;
    position: absolute;
    bottom: -17px!IMPORTANT;
    right: 0!IMPORTANT;
    width: 100%;
}

#pageHeader {height:20vw;margin-bottom:15px;}
#pageHeader .cInner {position:relative;height:30vw;}
#subLogo {
	display:block;
	position:absolute;
	bottom:-3vw;
	right:3px;
	width:55vw;
	height:auto;
	}
.news #pageHeader,
.category-news #pageHeader,
.single #pageHeader {
	background:url(shared/img/pageHeader_bg02.png) center center no-repeat;
	background-size:100%;
	}
.facilities #pageHeader {
	background:url(shared/img/pageHeader_bg03.png) center center no-repeat;
	background-size:100%;
	}
.access #pageHeader {
	background:url(shared/img/pageHeader_bg04.png) center center no-repeat;
	background-size:100%;
	}
.vote #pageHeader {
	background:url(shared/img/pageHeader_bg05.png) center center no-repeat;
	background-size:100%;
	}
.dl #pageHeader {
	background:url(shared/img/pageHeader_bg07.png) center center no-repeat;
	background-size:100%;
	}
.error404 #pageHeader,
.contact #pageHeader {
	background:url(shared/img/pageHeader_bg06.png) center center no-repeat;
	background-size:100%;
	}

/*-------------------------------------------------
	++ LAYOUT
-------------------------------------------------*/
#contents:before,
#contents:after {content: " ";display: table;}
#contents:after {clear: both;}
#contents  {*zoom: 1;}

#mainContents {
	width:100%;
	}
#sidebar {
	width:100%;
	}

/*-------------------------------------------------
	++ TOP
-------------------------------------------------*/
.topBlock {margin-bottom:15px;}
.blockHeader  {border-bottom:3px solid #e60012;text-align:left;position:relative;}
.blockHeader .hxTitle {display:block;width:50%;margin-left:10px;color:#e60012;font-size:85%;}
.toDetail {padding:1px;}
.toDetail a {background-color:#000;color:#e60012;display:block;text-align:center;padding:8px 0}

.recentInfo {
	border:4px solid #CCC;
	padding:5px;
	text-align:left;
	position:relative;
	margin-bottom:15vw;
	}
.resentDetail {float:left;width:85%;}
.weather {float:right;width:15%;}
.weather h3 {font-size:50%;}
.wtr {font-size:50%!IMPORTANT;width: 100%!IMPORTANT;}
.wtr:nth-of-type(2),.wtr:nth-of-type(3){display:none;}
.resentDetail dt {width:15%;float:left;}
.resentDetail dt img {width:100%;height:auto;}
.resentDetail dd {float:left;width:79%;margin-left:2%;}
.resentDetail dd .recentDate {font-size:69%;font-weight:bold;line-height:140%;}
.resentDetail dd h2 {font-size:77%;font-weight:bold;}
.resentDetail dd .recentTime {font-size:60%;}

.recentBtn {position:absolute;bottom:-12vw;left:-3px;width:101vw;}
.recentBtn li {
	float:left;
	width:32%;
	font-size:85%;
	font-weight:bold;
	margin-right:4px;
	}
.recentBtn li:last-child {margin-right:0;}
.recentBtn li a {
	background-color:#000;
	color:#e60012;
	display:block;
	text-align:center;
	padding:7px 0;
	}
.calendar {margin-top:15px;}
.calendar iframe {width:100%;height:250px;height: 115vw;}
.schedule .calendar iframe,
.category-schedule .calendar iframe {height:500px;height: 130vw;}

#entryList {text-align:left;}
#entryList li {padding:3px 0;font-size:93%;background: #FFF;
background: -webkit-linear-gradient(#FFF 0%,#DDD 100%);
background: linear-gradient(#FFF 0%,#DDD 100%);}
#entryList li dl:before,
#entryList li dl:after {content: " ";display: table;}
#entryList li dl:after {clear: both;}
#entryList li dl {*zoom: 1;}
#entryList li dt {float:left;color:#e60012;width:12vw;padding-left:3vw;font-size:85%;}
#entryList li dd {float:left;width:77vw;padding:0 3vw;font-size:85%;}
#entryList li dd a {display:block;}
#footerSlide {
	display:block;
	clear:both;
	background-color:#ededed;
	padding:20px 0
	}

#topSlider .bx-wrapper img {
	width: 100%;
	height:auto;
	display: block;
}
#footerSlide .bx-wrapper .bx-prev {
	left: 10px;
	background: url(shared/img/ctrl_b_l.png) no-repeat 0 0;
}

#footerSlide .bx-wrapper .bx-next {
	right: 10px;
	background: url(shared/img/ctrl_b_r.png) no-repeat 0 0;
}
#footerSlide .bx-wrapper .bx-controls-direction a {
	width: 20px;
	height: 44px;
}
#footerSlide .bx-wrapper .bx-caption span {font-size:65%;line-height:100%;}

/*-------------------------------------------------
	++ BREADCRUMBS
-------------------------------------------------*/
#breadcrumbs {
	display:block;
	width:100%;
	clear:both;
	position:absolute;
	top:0;
	height:35px;
	font-size:11px;
	background-color:#fefefe;
	background:rgba(254,254,254,0.9);
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	}
#breadcrumbs ul {
	padding:9px 0 0 0;
	margin-left:55px;
	}
#breadcrumbs ul li {
	float:left;
	margin-right:15px;
	}
#breadcrumbs ul li a {
	background:url(shared/img/bc_arrow.png) top right no-repeat;
	padding-right:25px;
	color:#333;
	}

/*-------------------------------------------------
	++ CONTETS
-------------------------------------------------*/
.blockInner {
	width:100%;
	margin:1px auto;
	text-align:center;
	position:relative;
	}
/* NEWS */
.pageNavi {margin-top:15px;}
.pageNavi ul {margin:10px auto;text-align:center;}
.pageNavi li {display:inline-block;}
.pageNavi a,
.pageNavi span {padding:3px 8px;font-size:16px;}
.pageNavi span {color:#E2061E;}

.entryBlock {text-align:left;font-size:108%;padding:10px;}
.entryHeader {margin-bottom:15px;}
.entryHeader .date {color:#e60012;margin-bottom:5px;}
.entryHeader .date .new {
	background-color:#e60012;
	color:#FFF;
	padding:0 7px;
	margin-left:10px;
	border-radius:15px;
	vertical-align: middle;
	}
.entryHeader .entryTitle {font-size:95%;font-weight:bold;}
.entryItem {font-size:83%;}
.entryItem img {width:100%;height:auto;}

/* FACILITIES */
.facilitiesLink {display:block;clear:both;float:none;width:96%;margin:10px auto;text-align:center;}
.facilitiesLink .fcL,.facilitiesLink .fcR {width:50%;float:left;text-align:left;font-size:77%;}
.facilitiesLink p img {margin-right:3px;vertical-align: sub;}
.facilitiesList li {
	margin-bottom:5px;
	}
.facilitiesList li h2 {
	color:#e60012;
	font-size:132%;
	}
.facilitiesList li p {
	padding:5px;
	text-align:left;
	font-size:77%;
	}
/* ACCESS */
.accessAdd {
	text-align:left;
	font-size:69%;
	font-weight:bold;
	line-height:32px;
	}
.map iframe {width:100%;height:300px;}
.accessList {
	margin-top:25px;
	}
.accessList li:before,
.accessList li:after {content: " ";display: table;}
.accessList li:after {clear: both;}
.accessList li {*zoom: 1;}
.accessList li {
	width:100%;
	margin-bottom:10px;
	}
.accessList li .accessIcon {
	width:15%;
	padding:0 3%;
	float:left;
	}
.accessList li .accessText {
	width:70%;
	float:left;
	text-align:left;
	}
.accessList li .accessText  h2 {
	color:#e60012;
	font-weight:bold;
	font-size:118%;
	}
.accessList li .accessText p {
	font-size:69%;
	}
.accessList li .accessText p a {
	text-decoration:underline;
	}
.spLink {
	display:block;
	clear:both;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background: #FFF;
	background: -webkit-linear-gradient(#FFF 0%,#DDD 100%);
	background: linear-gradient(#FFF 0%,#DDD 100%);
	text-align:center;
	font-size:77%;
	}
.spLink span,
.spLink a {
	display:block;
	text-align:center;
	padding:3vw 0;
	font-weight:bold;
	}
.spLink .spSmall {display:inline;font-size:69%;font-weight:normal;}
.spLinkRed {
	display:block;
	clear:both;
	background: #E4081F;
	text-align:center;
	border-radius:5px;
	}
.spLinkRed a {
	display:block;
	text-align:center;
	padding:1vw 0;
	color:#FFF;
	}

/* DL */
.dlblock {text-align:left;font-size:85%;}
.dlblock p {margin-bottom:15px;padding:0 10px;}
.dlblock h2 {font-size:118%;font-weight:bold;padding:10px;}
.dlblock li {
	display:block;
	clear:both;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background: #FFF;
	background: -webkit-linear-gradient(#FFF 0%,#DDD 100%);
	background: linear-gradient(#FFF 0%,#DDD 100%);
	}
.dlblock li a {
	display:block;
	padding:3vw 1vw;
	font-weight:bold;
	color:#e60012;
	}

/* VOTE */
.voteblock {margin:10px auto 0 auto;text-align:center;}

.voteMenu {margin-bottom:20px;}
.voteMenu ul li {float:left;width:50%;background-color:#FEADB5;padding-bottom:5px;position:relative;font-size:108%;}
.voteMenu ul li.current {background-color:#E4081F;}
.voteMenu ul li a,
.voteMenu ul li span {display:block;border-bottom:3px solid #FEADB5;color:#FFF;padding:5px 0 0 0;}
.voteMenu ul li span {border-bottom:3px solid #FFF;}
.voteMenu ul li:hover {background-color:#E4081F;}

.voteblock h2 {text-align:left;font-weight:bold;font-size:118%;margin-bottom:15px;}
.tgrContents {display:none;}
.voteLabel {padding:5px 10px;}
.voteLabel li {width:46%;display:inline-block;}
.voteCenter {margin:0 auto 10px auto;text-align:center;}

.voteSelect {margin:0 auto;text-align:center;padding:10px;}
.voteSelect ul li p {font-size:93%;}
.voteSelectBox {background-color:#FFF7D5;text-align:left;padding:10px 10px 20px 10px;}
.voteSelectBox.first img {width:40%;height:auto;}
.voteSelectBox h3 {font-weight:bold;margin-bottom:5px;}
.voteArrow {height:15vw;}
.voteArrow img {-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);height:15vw;width:auto;}
.voteSelectBtn {margin-top:10px;}

.voteBox {padding-bottom:40px;text-align:left;font-size:85%;}
.vote .voteBox {padding-bottom:0;}
.voteBox h1 {background-color:#000000;padding:5px 0;color:#E60012;text-align:left;margin-bottom:15px;}
.voteBox h1 span {display:block;border-bottom:1px solid #E60012;padding-left:10px;}
.voteBox h2 {padding-left:10px;font-size:77%;margin-bottom:5px;}
.voteText {text-align:left;padding:0 10px 10px 10px;}
#voteGuide .voteText,#voteOther .voteText {padding:0;}
#voteCancel .voteText {font-size:77%;}

.voteBox .voteSelect li.voteSelectBox{width:96%;}
.voteBox .voteSelect li.voteSelectBox.first {margin-bottom:20px;}
.voteBox .voteSelect li.voteSelectBox.first h3 {margin-bottom:10px;}
.voteBox .voteSelect li.voteSelectBox.first a {}
.voteBox .voteSelect li.voteSelectBox p {}

.voteBox dl {padding:0 10px 10px 10px;}
.voteBox dl dt {color:#ff0000;margin-bottom:5px;font-size:77%;}
.voteBox dl dd {margin-bottom:10px;font-size:69%;}

.voteBox .spLinkRed {padding-left:15px;}
.voteText .spLinkRed a.arrow {background-position:0 7px;}

.hikakuTbl {width:96%;margin:0 auto;text-align:center;}
.hikakuTbl th,.hikakuTbl td {font-weight:normal;text-align:left;border:1px solid #5C5C5C;padding:3px;vertical-align:top;font-size:60%;width:40%;}
.hikakuTbl th {background-color:#FFDEE1;width:20%;}
.hikakuTbl .tableHead th {background-color:#C8C8C8;text-align:center;}
.hikakuTbl td a {text-decoration:underline;}

.systemTbl {width:96%;margin:0 auto;text-align:center;}
.systemTbl th,.systemTbl td {font-size:93%;font-weight:normal;text-align:left;border:1px solid #5C5C5C;padding:10px;vertical-align:top;width:70%;font-size:85%;}
.systemTbl th {background-color:#FFDEE1;width:30%;}

.contactTel {margin-top:20px;position:relative;}
.contactTel dt {width:13vw;height:13vw;float:left;margin-left:10px;}
.contactTel dd {}
.contactTel dd h3 {position:absolute;left:17vw;top:0;font-size:88%;font-weight:bold;}
.contactTel dd h3 span {display:block;font-size:77%;}
.contactTel dd .tel1 {font-size:162%;color:#e60012;font-weight:bold;margin-top:15vw;}
.contactTel dd .tel2 {font-size:93%;font-weight:bold;}


/* CONTACT */
.formBlock {font-size:108%;}
.contactInfo {text-align:left;padding:10px;font-size:77%;}
.contactInfo dl dd {text-indent:-11px;margin-left:11px;}
.formBlock form,
.formBlock .confirm {margin:0 auto;text-align:center;}
.formBlock .confirm {background-color:#e8f7ff;padding:50px;}
.formBlock form dl:before,
.formBlock form  dl:after {content: " ";display: table;}
.formBlock form dl:after {clear: both;}
.formBlock form dl {*zoom: 1;}
.formBlock form dl {margin-bottom:5px;}
.formBlock form dl dt {padding:5px;margin-bottom:10px;text-align:left;background-color:#E9E9E9;}
.formBlock form dl dd {text-align:left;padding-left:20px;word-wrap: break-word;}
.formBlock form dl dd .charatype {display:block;text-align:right;}
.formBlock form dl dd input,
.formBlock form dl dd textarea {width:83%;}
.formBlock form dl.inputW dd input {width:83%;}
.formBlock form .confirm dl dt {padding-top:0;}
.sendBtn input {width:35%;}

/*-------------------------------------------------
	++ SIDE
-------------------------------------------------*/
.sideblock {margin-bottom:15px;}
#mileservice {
	position:relative;
	background:url(shared/img/sp/bnr_mile.png) 0 0 no-repeat;
	background-size:100%;
	height:33vw;
	}
#btnArea {
	position:absolute;
	right:0;
	bottom:5px;
	}
#btnArea span {width:48%;display:inline-block;}
#sideTwitter {}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer :after {clear: both;}
#footer  {*zoom: 1;}
#footer {
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#000;
	color:#FFF;
	border-top:5px solid #e60012;
	}
#footer a {color:#FFF;}
#footerLeft {
	padding:5px 15px 0 15px;
	position:relative;
	}
#footerRight {
	padding:5px 15px 5px 15px;
	}
#footerNavi ul li {
	display:inline-block;
	font-size:77%;
	line-height:100%;
	}
#footerNavi ul li a span {
	display:inline-block;
	border-right:1px solid #FFF;
	padding-right:3px;
	line-height:100%;
	}
#footerBanner {
	margin-top:10px;
	}
#footerBanner li {
	display:block;
	width:40%;
	display:inline-block;
	margin:1%;
	}
#footerSns {padding:5px 0;}
#footerSns li {display:inline-block;height:20px;}
#footerSns li .fb_iframe_widget > span {
	vertical-align: baseline !important;
}
#footerLogo img{
	width:20%;
	height:auto;
	}
#footerMap h2 {display:none;}
#footerMap .map iframe {display:none;}
#footer #adress,
#footer #copy {
	font-size:65%;
	display:block;
	padding:5px 0 0 0 ;
	}

#bitnami-banner {display:none;}

.ad4 #header {background-size:100% 50px;}

.ad4 .burger {width:40px;height:40px;}
.ad4 #headerMenu ul {top:40px;}
.ad4 #topSlider {margin-top:60px;}
.ad4 #topSlider .bx-wrapper {margin-bottom:24px!IMPORTANT;}
.ad4 #pageHeader {height:110px;}
.ad4 #pageHeader .cInner {height:110px;}
.ad4 #subLogo {bottom:-9px;width:50%;}
.ad4 .recentInfo {margin-bottom:48px;}
.ad4 .recentBtn {bottom:-55px;width:100%;}
.ad4 .calendar iframe {height:340px;margin-top:20px;}
.ad4.schedule .calendar iframe,
.ad4.category-schedule .calendar iframe {height:500px;}
.ad4 #entryList li dt {width:15%;padding-left:3%;}
.ad4 #entryList li dd {width:75%;padding:0 3%;}
.ad4 .spLink a {padding:10px 0;}
.ad4 .spLinkRed a {padding:3px 0;}
.ad4 .dlblock li a {padding:9px 3px;}
.ad4 .voteArrow {height:48px;}
.ad4 .voteArrow img {height:45px;}
.ad4 .contactTel dt {width:13%;height:41px}
.ad4 .contactTel dd h3 {left:17%;}
.ad4 .contactTel dd .tel1 {margin-top:48px;}
.ad4 #mileservice {height:120px;}
.ad4 #btnArea {width:100%;}
.ad4 #btnArea span {width:48%;display:block;display:inline-block;}

.stop {
	border: 5px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.stop .stoptitle {
	background: #FF0000;
	font-weight: bold;
	color: #FFFFFF;
}
.stop .stoptxt {
	text-align: left;
	color: #FF0000;
}

.corRed{
	color:#e60012;
}

.odds_pc { 
	display: none !important;
 }
    
.odds_sp {
	display: block !important;
}
span.under_line {
	text-decoration: underline;
}
.map_pc {
	display: none;
}

.contactInfo.annotation {
	line-height: 1.7;
}

dt.annotation_title {
	font-size: 18px;
	margin-bottom: 10px;
	background-color: white !important;
}

.contactInfo.annotation > dl > dd {
	margin-bottom: 10px;
	text-indent: 0px;
	padding: 0px;
}

.contactInfo.annotation.pcOnly {
	display: none;
}

.contactInfo.annotation.spOnly {
	display: block;
}

dl.wpcf7c-elm-step1.wpcf7c-elm-step2 > dd {
	padding: 1vw;
}

.contactInfo p {
	margin-top: 3vw;
	margin-bottom: 3vw;
	margin-left: 1vw;
	margin-right: 1vw;
}

dl.wpcf7c-elm-step1.wpcf7c-elm-step2.wpcf7c-elm-step3 > dd {
	margin: 1vw;
	text-indent: 1vw;
}