@charset "UTF-8";
/*
Theme Name: KAWAGUCHI AUTORACE
Description:川口オート
Theme URI: www.kawaguchi-auto.jp/
Author: MS
Author URI: www.kawaguchi-auto.jp/
Version: 1
*/
@import "base.css";



#container {
	margin:0 auto;
	text-align:center;
	min-width:1000px;
	position: relative;
	}
#contentWrap{
	position:relative;
	margin-top:90px;
	}

.sp {display:none!IMPORTANT;}
.cInner {
	display:block;
	clear:both;
	width:1000px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
a:hover {text-decoration:underline;}
a.arrow {background:url(../img/arrow_red_r.png) 0 5px no-repeat;padding:0 0 0 10px;color:#87000b;}
a.yBtn {display:inline-block;background-color:#ffa200;padding:20px 35px;color:#FFF;font-size:18px;}
a.red {color:#e60012;text-decoration:underline;}

.taL {text-align:left;}

.important-topic {font-size: 1.5em;}

/*-------------------------------------------------
	++ HEADER
-------------------------------------------------*/
#header {
	position:fixed;
	top:0;left:0;
	margin:0 auto;
	text-align:center;
	width:100%;
	height:90px;
	z-index:999;
	background-color:#FFF;
	}

#header #logo {
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	}
#header #logo img {
	display:block;
}
#header .ticketArea {
	position:absolute;
	top:5px;
	right:5px;
	z-index:999;
	}
#header .ticketArea a {
	display:block;
	margin-bottom:5px;
	}
#header .ticketArea img {
	display:block;
	}

#gMenu {
	padding:15px 280px 0 280px;
	position: relative;
	}
#gMenu ul {
	font-size:0;
	}
#gMenu ul li {
	float:left;
	font-size:14px;
	}
#gMenu ul li a {
	background:url(../img/menu_line.png) center right no-repeat;
	padding:0 10px;
	}
#gMenu ul li:first-child a {
	padding-left:0;
	}
#gMenu ul li.application a {
	background-image:none;
	padding-right:0;
	}
#gMenu ul li a:hover {
	text-decoration:none;
	}
#gMenu ul li.official {
	clear:both;
	float:left;
	margin:10px 0 0 10px;
}
#gMenu ul li.official a {
	background-color:#D33A2C;
	padding:5px 10px;
	color:#FFF;
}

@media screen and (max-width: 1090px) {#gMenu{padding-top:5px;}}


/*-------------------------------------------------
	++ PAGEHEADER
-------------------------------------------------*/

#pageHeader {height:184px;margin-bottom:32px;}
#pageHeader .cInner {position:relative;height:184px;}


/*-------------------------------------------------
	++ LAYOUT
-------------------------------------------------*/

.contents {
	padding:35px 0;
	}
.redcontents {
	background-color:#E70012;
	padding:35px 0;
	color:#FFF;
	}
.graycontents {
	background-color:#F1F1F1;
	padding:35px 0;
	}

/*-------------------------------------------------
	++ CONTETS
-------------------------------------------------*/
#contentsHead {
	height:300px;
	}
.floormap #contentsHead {
	background:#E7E4D5 url(../img/hxbg_floor.png) right top no-repeat;
	}
.price #contentsHead {
	background:#331F13 url(../img/hxbg_price.png) right top no-repeat;
	}
.howtovote #contentsHead {
	background:#F9F1E3 url(../img/hxbg_voting.png) right top no-repeat;
	}
.gourmet #contentsHead {
	background:#2B160F url(../img/hxbg_gourmet.png) right top no-repeat;
	}
.application #contentsHead {
	background:#FAFBF5 url(../img/hxbg_application.png) right top no-repeat;
	}
.category-topics #contentsHead,
.single-format-standard #contentsHead {
	background:#FAFBF5 url(../img/hxbg_news.png) right top no-repeat;
	}

#contentsHead .cInner {
	padding:100px 0;
	}
#contentsHead h1 {
	width: 40%;
	}
#contentsHead .hxTitle .jpTitle {
	display:block;
	font-size:24px;
	color:#333;
	}
.price #contentsHead .hxTitle .jpTitle,
.gourmet #contentsHead .hxTitle .jpTitle {
	color:#FFF
	}
#contentsHead .hxTitle .enTitle {
	display:block;
	font-size:30px;
	color:#e60012;
	}
.hxsTitle {
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
	color:#e60012;
	font-weight:normal;
	}
.hxsYellow {
	color:#ffa200;
	font-size:36px;
	font-weight:bold;
	margin-bottom:10px;
	}

.cCatch {
	text-align:center;
	margin-bottom:20px;
	}
.cblock {
	width:900px;
	margin:0 50px;
	text-align:left;
	}

.list3box {
	margin:20px auto;
	}
.list3box li {
	width:30%;
	display:inline-block;
	text-align:left;
	margin:0 10px 15px 10px;
	vertical-align:top;
	}
.list3box.hfree li {
	min-height:auto;
	}
.list3box li img {
	border:3px solid #FFF;
	}
.list3box li.vip01 img {
	border:3px solid #d6be50;
	}
.list3box li.vip02 img {
	border:3px solid #b29f75;
	}
.list3box li.vip03 img {
	border:3px solid #ebbe7a;
	}
.list3box li.normal01 img {
	border:3px solid #a6dffd;
	}
.list3box li.normal02 img {
	border:3px solid #7ec3be;
	}
.list3box li.normal03 img {
	border:3px solid #e1a66c;
	}
.list3box li.normal04 img {
	border:3px solid #0bb5e6;
	}
.list3box li.normal05 img {
	border:3px solid #f67d6c;
	}
.list3box li.normal06 img {
	border:3px solid #eff0eb;
	}
.list3box li.normal07 img {
	border:3px solid #c393c3;
	}
.halfblock {
	width:48%;
	float:left;
	text-align:left;
	}
#voteLeft.halfblock {margin-right:2%;}
.voteitr:before,
.voteitr:after {content: " ";display: table;}
.voteitr:after {clear: both;}
.voteitr {*zoom: 1;}
.voteitr {
	text-align:left;
	}
.halfblock .voteitr {margin-bottom:20px;} 
.voteitr dt {
	float:left;
	}
.voteitr dd {float:left;}
#voteright.halfblock .voteitr dd {width: 346px;}
.voteitr dd strong{
	color:#87000b;
	font-size:24px;
	font-weight:bold;
	float:left;
	padding:15px 0  0 10px;
	}
.graycontents .voteitr {margin-bottom:25px;}
.graycontents .voteitr dd {
	padding-left:30px;
	}
.graycontents .voteitr dd h2 {
	margin-bottom:0;
	}

/* TOPICS SINGLE */
.entryBlock {text-align:left;font-size:16px;}
.entryHeader {margin-bottom:10px;}
.entryHeader .date {color:#e60012;margin:5px 0;}
.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:24px;
	color:#e60012;
	border-bottom:2px solid #EA0000;
	padding-bottom:5px;
	margin-bottom:30px;
	}
	
.entryItem {
		max-width: 1000px;
    }
	
.entryItem img {
        display: inline-block;
        max-width: 100%;
		max-height: 100%;
    }

.goBack {margin:10px 0;text-align:right!IMPORTANT;}
	
.TopicsTable {padding:20px 0px;}
	
.TopicsTable table {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 100%;
	font-size: 95%;
	color: #000000;
	border-spacing: 0px;
	margin: 0 auto 10px auto;}
.TopicsTable th {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: center;
    background-color: #626262;
	padding: 10px;
    color: #ffffff;
    text-align: center;
	font-weight: normal;
	font-weight: bold;}
.TopicsTable td {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: center;
    background-color: #FFFFFF;
	padding: 10px;
    font-weight: normal;}
.TopicsTable td.txtC {text-align: center;}
.TopicsTable tr:nth-child(odd) td {background-color: #f9f9f9;}
	
	

.pageNavi ul {margin:20px auto;text-align:center;width:343px;}
.pageNavi li {float:left;}
.pageNavi a,
.pageNavi span {padding:3px 8px;font-size:16px;}
.pageNavi span {color:#87000b;}

.button1 a {
    background: #D33A2C;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    max-width: 300px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	}
.button2 a {
    background: #D33A2C;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    max-width: 500px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	}
.button3 a {
    background: #D33A2C;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px auto;
    max-width: 800px;
    padding: 10px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	}
	
.button1 a:after,
.button2 a:after,
.button3 a:after {
    content: "▶";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 1;
	}
.button1 a:hover,
.button2 a:hover,
.button3 a:hover {
    background: #313131;
    color: #FFF;
	}
	
.list-t {
        padding: 0px;
        margin: 15px 0;
}

.list-t li {
        text-align: left;
        line-height: 1.8em;
        list-style-type: none;
        padding: 0 0 0 1.0em;
		text-indent: -1.0em;
		font-size: 14px;
}



/*-------------------------------------------------
	++ PRICE
-------------------------------------------------*/
.halfMap li {
	width:50%;float:left;
	}
.halfMap li img {
	width:100%;
	height:auto;
	}

.tableB {
	margin-bottom:20px;
	border-top:1px #AFAFAF solid;
	border-left:1px #AFAFAF solid;}
.tableB th {
	background-color:#FFE2E5;
	border-right:1px #AFAFAF solid;
	border-bottom:1px #AFAFAF solid;
	padding:10px 0px;
	text-align:center;
	vertical-align:top;
	font-size:14px;
	}
.tableB td {
	border-right:1px #AFAFAF solid;
	border-bottom:1px #AFAFAF solid;
	padding:10px 15px;
	text-align:right;
	vertical-align:middle;
	font-size:14px;
	background-color:#FFF;
	}
.tableB td:first-child {text-align:left;}
.tableB.td2 th,.tableB.td2 td {width:50%;text-align:center!IMPORTANT;}
.seaticon {float:left;margin-right:10px;vertical-align:middle;}

.tableB td.typeR {background-color:#C090C0;}
.tableB td.typeI {background-color:#72C6C8;}
.tableB td.typeC {background-color:#ACDEF7;}
.tableB td.typeT {background-color:#22AEE6;}
.tableB td.typeP {background-color:#ED8979;}
.tableB td.typeG {background-color:#D3CCBA;}
.tableB td.typeV {background-color:#D7BC51;}
.tableB td.typeVL {background-color:#E4BE7D;}
.tableB td.typeVR {background-color:#B3A377;}
.tableB td.nonetype {padding-left:45px;}

/*-------------------------------------------------
	++ HOW TO VOTE
-------------------------------------------------*/
.starcards {
	background-color:#FFF;
	text-align:left;
	padding:10px;
	font-size:14px;
	}
.starcards .list3box li img {display:block;}
.youtube {margin:30px auto;}

.rankWrap {margin-top:30px;}
.rankWrap .rankA,
.rankWrap .rankP {float:left;width:50%;}
.rankWrap .rankP th,.rankWrap .rankP td {font-size:24px;padding:10px;background-color:#FFF;border:1px solid #AFAFAF;}
.rankWrap .rankP th.point {background-color:#EB0000;color:#FFF;font-weight:normal;}
.rankWrap .rankP th.deruca {background-color:#29A7E1;color:#FFF;font-weight:normal;}

/*-------------------------------------------------
	++ HOW TO VOTE
-------------------------------------------------*/
.textMenuList {
	border:1px solid #E60012;
	background-color:#FFF;
	text-align:left;
	padding:10px 30px;
	}
.textMenuList h3 {
	color:#E60012;
	}
.textMenuList ul li {
	float:left;
	width:25%;
	}

/*-------------------------------------------------
	++ FORM
-------------------------------------------------*/
/* CONTACT */
.contactTbl {border-collapse:separate;border-spacing:10px;width:90%;margin:10px auto;text-align:center;}
.contactTbl tr th {background-color:#FFDEDD;width:30%;font-weight:normal;}
.contactTbl tr th,
.contactTbl tr td {padding:10px;text-align:left;}

.formBtn {width:80%;margin:10px auto;text-align:center!IMPORTANT;}

/*-------------------------------------------------
	++ TOP
-------------------------------------------------*/
.slider-nav {
	left:auto!IMPORTANT;
	right:50px!IMPORTANT;
	bottom:auto!IMPORTANT;
	top:45%;
	width:15px!IMPORTANT;
	}
.slider-nav__item {
	float:none!IMPORTANT;
	margin:10px 0!IMPORTANT;
	width:15px!IMPORTANT;
	height:15px!IMPORTANT;
	border-radius:8px!IMPORTANT;
	}

.mainarea {
	position:relative;
	}
.mainarea .title {
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-500px;
	}
.mainarea .mapmenu {
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-500px;
	}
.mapmenu > ul {
	width:1000px;
	margin:0 auto;
	text-align:center;
	}
.mapmenu > ul > li {
	float:left;
	width:498px;
	background-color:#FFF;
	padding:4px;
	margin:0 1px;
	}
.graycontents .mapmenu > ul > li {
	width:480px;
	padding:10px;
	margin:0 10px;
	}
	.gourmet .graycontents .mapmenu > ul > li:first-child {width:680px;}
	.gourmet .graycontents .mapmenu > ul > li:last-child {width:1000px;}
.mapmenu > ul li .titlearea {
	padding:5px;
	}
.mapmenu > ul li h2 {
	float:left;
	color:#E70012;
	font-size:18px;
	}
.mapmenu > ul li ul {
	float:right;
	}
.mapmenu > ul li ul li {
	display:inline;
	}
.mapmenu > ul li ul li a {
	background:url(../img/arrow_cp.png) left 2px no-repeat;
	padding-left:20px;
	margin-left:10px;
	}
.mapmenu > ul li img {
	display:block;
	width:100%;
	height:auto;
	}

.ticketBtn {
	padding:10px 0;
	}

.contentsHead {
	padding:30px 0;
	}
.contentsHead h1 .jpTitle {
	display:block;
	font-size:18px;
	}
.contentsHead h1 .enTitle {
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#e60012;
	}
.contentsArea {
	background-color:#F1F1F1;
	padding:30px 0;
	}
/* NEWS */
.contentsArea .entryList {float:left;width:640px;padding-right:10px;}
.contentsArea .entryPhoto {float:right;width:360px;text-align:left;}
.entryList {position:relative;margin-top:10px;}
.entryList ul {text-align:left;}
.entryList ul li:before,
.entryList ul li:after {content: " ";display: table;}
.entryList ul li:after {clear: both;}
.entryList ul li  {*zoom: 1;margin-bottom:5px;}
.entryList ul li dl dt {float:left;color:#e60012;width:80px;}
.entryList ul li dl dd {float:left;width:540px;}
.entryList .toDetail a {color:#e60012;}
.contentsArea .entryPhoto dl dt a {color:#e60012;}
	
.sqMenu {
	margin:0 auto;
	text-align:center!IMPORTANT;
	padding:40px 0;
	}
.sqMenu ul li {
	display:inline-block;
	position:relative;
	margin:0 25px;
	}
.sqMenu ul li .topMenuText {
	display:block;
	text-align:center;
	color:#FFF;
	}

.topReservation {
	margin:30px auto 0 auto;
	text-align:center!IMPORTANT;
	}
.topReservation li {
	display:inline-block;
	width:473px;
	margin:0 5px;
	}
.topReservation li a {
	display:block;
	margin:0 auto;
	text-align:center;
	}


.sub_ttl {font-size:18px;font-weight:bold;}


/*-------------------------------------------------
	++ MOVIE
-------------------------------------------------*/
.movielist ul li {
	display:inline-block;
	width:485px;
	margin:5px;
	}
.movieWrap {
   width:485px;
   height:285px;
	}
 
.movieWrap iframe {
    width: 100%;
    height: 100%;
	}

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer:before,
#footer:after {content: " ";display: table;}
#footer:after {clear: both;}
#footer {*zoom: 1;}
#footer {
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:40px 0 70px 0;
	}
#footer #footerLink {
	margin:0 auto;
	text-align:center;
	}
#footer #footerLink ul li {
	display:inline-block;
	font-size:14px;
	}

#footer #footerLink ul li a {
	background:url(../img/menu_line.png) center right no-repeat;
	padding:0 10px;
	}
#footer #footerLink ul li:first-child a {
	padding-left:0;
	}
#footer #footerLink ul li:last-child a {
	background-image:none;
	padding-right:0;
	}
#footer #copy {
	text-align:center;
	display:block;
	font-size:16px;
	}

#bitnami-banner {display:none;}