@charset "UTF-8";
/*
Theme Name: IIZUKA AUTORACE
Description:飯塚オート
Theme URI: www.iizuka-auto.jp/
Author: MS
Author URI: www.iizuka-auto.jp/
Version: 1
*/

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


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

.sp {display:none;}
.cInner {
	display:block;
	clear:both;
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
.syusso ul a {
	color:#e60012;
}
.syusso ul li {
	background:url(shared/img/arrow_red_r.png) 0 3px no-repeat !important;
	padding:0 0 0 8px;
	text-decoration: none;
}

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	width:100%;
	min-width:1100px;
	margin:0 auto;
	text-align:center;
	background:url(shared/img/header_bg.gif) 0 0 repeat-x;
	position:fixed;
	top:0;
	z-index:9999;
	}
#header .cInner {
	height:84px;
	}
#logo {
	display:block;
	width:148px;
	height:148px;
	position:absolute;
	top:15px;
	left:20px;
	}
#headerMenu {
	display:block;
	float:right;
	margin-right:30px;
	}
#headerMenu ul li {
	display:block;
	float:left;
	overflow:hidden;
	font-size:15px;
	}
#headerMenu ul li a {
	display:block;
	padding:0;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
#headerMenu ul li a span {
	display:block;
	padding:35px 13px;
	}
#headerMenu ul li a span.sp {display:none;}
#headerMenu ul li a:hover span,
.home #headerMenu ul li.home a span,
.schedule #headerMenu ul li.schedule a span,
.category-schedule #headerMenu ul li.schedule a span,
.news #headerMenu ul li.news a span,
.category-news #headerMenu ul li.news a span,
.facilities #headerMenu ul li.facilities a span,
.access #headerMenu ul li.access a span,
.vote #headerMenu ul li.vote a span,
.contact #headerMenu ul li.contact a span {
	background-color:rgba(228,8,31,1.00);
	}
#headerMenu ul li a:hover {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

#headerSns {
	display:block;
	float:right;
	}
#headerSns li {float:left;}

/*-------------------------------------------------
	++ PAGEHEADER
-------------------------------------------------*/
#topSlider {width:100%;margin:85px auto 0 auto;text-align:center;}
.bx-wrapper .bx-controls-direction a {z-index: 9998!IMPORTANT;}

#pageHeader {height:100px;margin-bottom:32px;}
#pageHeader .cInner {position:relative;height:184px;}
#subLogo {display:block;position:absolute;bottom:-7px;right:15px;width:350px;height:78px;}
#pageHeader,
.schedule #pageHeader,
.category-schedule #pageHeader {background:url(shared/img/pageHeader_bg01.png) center bottom no-repeat;background-size:100%;}
.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%;}
.error404 #pageHeader,
.contact #pageHeader {background:url(shared/img/pageHeader_bg06.png) center center no-repeat;background-size:100%;}
.dl #pageHeader {background:url(shared/img/pageHeader_bg07.png) center center no-repeat;background-size:100%;}



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

#mainContents {
	width:670px;
	margin-right:30px;
	float:left;
	padding-top:35px;
	}
#sidebar {
	float:left;
	width:462px;
	padding-top:35px;
	}

/*-------------------------------------------------
	++ TOP
-------------------------------------------------*/
.topBlock {margin-bottom:60px;position:relative;}
.topBlock img {width:auto;}
.blockHeader  {border-bottom:3px solid #e60012;text-align:left;}
.blockHeader .hxTitle {display:block;padding-left:55px;color:#e60012;font-size:26px;}
.toDetail {position:absolute;right:0;top:10px;}
.toDetail a {display:block;background:url(shared/img/arrow_red_r.png) 0 3px no-repeat;padding:0 0 0 8px;color:#e60012;}

.topblockInner {margin:25px 12px 25px 33px;position:relative;}
.recentInfo {padding:15px;}
.resentDetail {float:left;width:400px;}
.weather {float:right;width:195px;}
.weather h3 {width:100%;text-align:center;font-weight:bold;}
.resentDetail dt {width:76px;float:left;}
.resentDetail dd {float:left;margin-left:20px;width:300px;}
.resentDetail dd .recentDate {font-size:17px;font-weight:bold;line-height:140%;}
.resentDetail dd h2 {font-size:20px;font-weight:bold;}
.resentDetail dd .recentTime {}
.recentBtn {margin-top:10px;}
.recentBtn li {float:left;width:128px;height:30px;font-size:16px;font-weight:bold;margin-right:5px;}
.recentBtn li a {background-color:#000;color:#e60012;display:block;text-align:center;}
.calendar {margin-top:15px;}

#entryList {text-align:left;padding:0 20px;}
#entryList li {margin-bottom:10px;font-size:16px;}
#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:70px;}
#entryList li dd {float:left;width:515px;}
#entryList li dd a {display:block;}
.category-news #entryList li dd {float:left;width:980px;}

#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: -40px;
	background: url(shared/img/ctrl_b_l.png) no-repeat 0 0;
}

#footerSlide .bx-wrapper .bx-next {
	right: -40px;
	background: url(shared/img/ctrl_b_r.png) no-repeat 0 0;
}
#footerSlide .bx-wrapper .bx-controls-direction a {
	width: 20px;
	height: 44px;
}

/*-------------------------------------------------
	++ 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:1100px;margin:25px auto;text-align:center;position:relative;}
.access .blockInner {width:1200px;}
.blockBanner {padding:15px;}

/* NEWS */
.pageNavi ul {margin:10px auto;text-align:center;width:343px;}
.pageNavi li {float:left;}
.pageNavi a,
.pageNavi span {padding:3px 8px;font-size:16px;}
.pageNavi span {color:#E2061E;}

.entryBlock {text-align:left;font-size:16px;}
.entryHeader {margin-bottom:35px;}
.entryHeader .date {color:#e60012;margin-bottom:5px;}
.entryHeader .date .new {
	background-color:#e60012;
	color:#FFF;
	padding:0 7px;
	margin-left:10px;
	border-radius:15px;
	font-size:12px;
	    vertical-align: middle;
	}
.entryHeader .entryTitle {font-size:30px;font-weight:bold;}

.goBack {margin:10px 0;text-align:right;}

/* FACILITIES */
.facilitiesLink {width: 570px;padding:20px;}
.facilitiesLink .fcL {float:left;width: 210px;text-align: left;}
.facilitiesLink .fcR {float:left;width: 340px;text-align: left;}
.facilitiesLink p {font-size:17px;margin-bottom:20px;}
.facilitiesLink p img {margin-right:5px;}

.facilitiesList li#fc05 {
	height:550px;
	}
.facilitiesList li {
	width:350px;
	float:left;
	margin:0 25px 15px 0;
	height:390px;
	}
.facilitiesList li:nth-of-type(3n) {margin-right:0;}
.facilitiesList li h2 {
	color:#e60012;
	font-size:23px;
	}
.facilitiesList li p {
	text-align:left;
	font-size:15px;
	}
/* ACCESS */
.accessAdd {
	margin: 0 0 25px 50px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	}
.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:600px;
	height:200px;
	float:left;
	}
.accessList li .accessIcon {
	width:130px;
	padding:0 15px;
	float:left;
	}
.accessList li .accessText {
	width:440px;
	float:left;
	text-align:left;
	font-size:15px;
	}
.accessList li .accessText  h2 {
	color:#e60012;
	font-size:24px;
	font-weight:bold;
	}
.accessList li .accessText p a {
	text-decoration:underline;
	}

/* DL */
.dlblock {text-align:left;font-size:18px;}
.dlblock p {margin-bottom:15px;}
.dlblock h2 {font-size:24px;font-weight:bold;}

/* VOTE */
.voteblock {width:1000px;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:30px;}
.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:24px;margin-bottom:15px;}
.voteLabel li {width:297px;display:inline-block;margin:10px;}

.voteSelect {width:990px;margin:0 auto;text-align:center;}
.voteSelect ul {margin-left:25px;}
.voteSelect ul li {height:220px;}
.voteSelect ul li p {font-size:16px;}
.voteSelectBox {background-color:#FFF7D5;width:395px;float:left;text-align:left;padding:20px;}
.voteSelectBox h3 {font-weight:bold;font-size:18px;margin-bottom:5px;}
.voteArrow {width:95px;float:left;padding-top:80px;}
.voteSelectBtn {margin-top:40px;}

.voteBox {padding-bottom:40px;text-align:left;}
.voteBox h1 {background-color:#000000;padding:5px 0;color:#E60012;text-align:left;margin-bottom:15px;}
.voteBox h1 span {display:block;font-size:30px;border-bottom:1px solid #E60012;padding-left:40px;}
.voteBox h2 {font-size:18px;padding-left:10px;}
.voteText {text-align:left;font-size:18px;margin-bottom:25px;}
.voteBox .voteSelect li {height:255px;}
.voteBox .voteSelect li.voteSelectBox{width:430px;}
.voteBox .voteSelect li.voteSelectBox.first {margin-right:25px;}
.voteBox .voteSelect li.voteSelectBox.first h3 {margin-bottom:50px;}
.voteBox .voteSelect li.voteSelectBox.first a {margin-right:20px;}
.voteBox .voteSelect li.voteSelectBox.second p {font-size:14px;}

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

.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-size:18px;font-weight:normal;text-align:left;border:1px solid #5C5C5C;padding:10px;vertical-align:top;}
.hikakuTbl th {background-color:#FFDEE1;min-width:200px;}
.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:18px;font-weight:normal;text-align:left;border:1px solid #5C5C5C;padding:10px;vertical-align:top;}
.systemTbl th {background-color:#FFDEE1;width:200px;}

.contactTel {border:5px solid #DDD;padding:20px 20px 5px 20px;}
.contactTel dt {width:83px;float:left;}
.contactTel  dd {width:800px;float:left;text-align:left;margin-left:20px;letter-spacing:2px;}
.contactTel  dd h3 {font-size:24px;font-weight:bold;}
.contactTel  dd h3 span {font-size:18px;}
.contactTel  dd .tel1 {font-size:40px;color:#e60012;font-weight:bold;float:left;width:380px;}
.contactTel  dd .tel2 {font-size:18px;font-weight:bold;float:left;width:380px;}


/* CONTACT */
.formBlock {font-size:16px;}
.contactInfo {clear:both;display:block;text-align:left;}
.formBlock form,
.contactForm .confirm {width:930px;margin:30px auto;text-align:center;}
.contactForm dl:before,
.contactForm dl:after {content: " ";display: table;}
.contactForm dl:after {clear: both;}
.contactForm dl {*zoom: 1;}
.contactForm dl {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #CCC;}
.contactForm dl dt {width:270px;float:left;padding-top:12px;text-align:left;}
.contactForm dl dd {width:630px;float:left;text-align:left;padding-left:20px;word-wrap: break-word;}
.contactForm dl.inputW dd input {width:34%;}
.failed .contactForm dl dd {color:#FFF;}
.failed .contactForm dl dd input[type=text],
.failed .contactForm dl dd input[type=email],
.failed .contactForm dl dd textarea {border:0;color:#333;background-color: #FFF;}
.failed .contactForm input[type=reset]{display:none;}
.failed .contactForm input[type=button]{width:180px;background-color:#CCC;color:#FFF;}
.sent .contactForm {display:none;}
.contactAtt {text-align:left;margin-bottom:15px;}

/* MM */
.mmblock {text-align:center;font-size:18px;}
.mmblock p {margin-bottom:15px;}
.mmblock h2 {font-size:24px;font-weight:bold;}

.mmblock {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mmblock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------------------------------
	++ SIDE
-------------------------------------------------*/
.sideblock {margin-bottom:15px;}
#mileservice {
	position:relative;
	background:url(shared/img/pc/bnr_mile.png) 0 0 no-repeat;
	width:462px;
	height:122px;
	}

#btnArea {
	position:absolute;
	right:15px;
	bottom:10px;
	}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer :after {clear: both;}
#footer  {*zoom: 1;}
#footer {
	width:100%;
	margin:0 auto;
	background:#000;
	color:#FFF;
	border-top:10px solid #e60012;
	}
#footer a {color:#FFF;}
#footerLeft {
	width:535px;
	float:left;
	text-align:left;
	padding:30px 0px 50px 65px;
	position:relative;
	}
#footerRight {
	width:440px;
	padding:30px 60px 50px 0px;
	float:right;
	text-align:left;
	}

#footerNavi {
	padding-bottom:35px;
	font-size:16px;
	}
#footerNavi ul li {
	margin:0 20px 10px 0;
	float:left;
	}
#footerBanner {margin-bottom:45px;}
#footerBanner li {
	display:block;
	width:246px;
	height:61px;
	float:left;
	margin:0 20px 20px 0;
	}
#footerSns li {display:inline-block;height:20px;}
#footerSns li .fb_iframe_widget > span {
	vertical-align: baseline !important;
}
#footerLogo {
	position:absolute;
	bottom:0;
	}
#footerMap h2 {font-size:24px;}
#footer #adress,
#footer #copy {
	display:block;
	padding:15px 0 0 0 ;
	}

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

.corRed{
	color:#e60012;
}

.odds_pc { 
	display: block !important; 
}

.odds_sp { 
	display: none !important;
}
span.under_line {
	text-decoration: underline;
}
li.accessList1-2 {
	height: 410px;
}
.map_sp {
	display: none;
}

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

dt.annotation_title {
	font-size: 18px;
	margin-bottom: 10px;
}

.contactInfo.annotation > dl > dd {
	margin-bottom: 10px;
}

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

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

dl.wpcf7c-elm-step1.wpcf7c-elm-step2 {
	margin-bottom: 20px;
}

.contactInfo p {
	margin-bottom: 30px;
}

.contactInfo > dl > dd {
  	padding-left: 1em;
}