@charset "utf-8";

/*========================================================================

	File name : /events/motor_sports/wec/css/common.css
	Site name : TOYOTA MOTOR SPORTS
	Copyright : TOYOTA MOTOR CORPORATION, All Rights Reserved.

========================================================================*/

/* link */
.btnNorml{
	background-color:#265fa0;
	padding:5px 15px;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	}
	
	.btnNorml span{
		display:block;
		padding-right:24px;
		background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/ico_link_arrow_r.png);
		background-repeat:no-repeat;
		background-position:right center;
		}

.btnBlank{
	background-color:#bc1509;
	padding:5px 15px;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	}
	
	.btnBlank span{
		display:block;
		padding-right:24px;
		background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/ico_link_blank.png);
		background-repeat:no-repeat;
		background-position:right center;
		}


/* MainVisual */

#mainVisual{
	width:100%;
	max-height:500px;
	overflow:hidden;
	position:relative;
	}
	
	#slideBox{
		position:relative;
		}
	
	#mainVisual ul.slides img{
		width:100%;
		min-height:270px;
		}
	
	#mainVisual #hilightsBox{
		position:absolute;
		width:240px;
		z-index:3;
		right:5%;
		bottom:6%;
		}
		
		#mainVisual #hilightsBox h3{
			color:#ffffff;
			font-weight:bold;
			background-color:#265fa0;
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/ico_hilightv.png);
			background-repeat:no-repeat;
			background-position:9px 9px;
			padding:5px 5px 5px 33px;
			font-size:80%;
			display:inline-block;
			}
		
		#mainVisual #hilightsBox .videoThumb{
			width:100%;
			}
		
		#mainVisual #hilightsBox .news{
			filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
			background-color:rgba(255,255,255,0.9);
			padding:10px;
			line-height:1.3em;
			}
			
			#mainVisual #hilightsBox .news time{
				text-align:right;
				font-size:80%;
				border-top:dotted 1px #888888;
				display:block;
				padding-top:5px;
				margin-top:5px;
				}
		
		#mainVisual #hilightsBox .race{
			background-color:rgba(200,200,200,0.8);
			padding:10px;
			font-size:80%;
			}
			
			#mainVisual #hilightsBox .race img{
				width:28px;
				margin-right:5px;
				display:inline;
				}

/* flex slider */

#mainVisual .flex-control-paging li a{
	width:16px;
	height:16px;
	box-shadow:none;
	background-color:#FFFFFF;
	}
	#mainVisual .flex-active{background-color:#eb0a1e!important;}
	#mainVisual .flex-control-nav{bottom:3%;}

@media screen and (min-width:1096px){
	#mainVisual .flex-control-nav{top:460px;}
	#mainVisual .flex-direction-nav a{
		top:250px;
		}
}

@media screen and (min-width:524px) and (max-width:768px){
	#mainVisual #hilightsBox ul{
		padding-bottom:0;
		}
	#mainVisual #hilightsBox .news{
		font-size:175%;
		line-height:130%;
		}
}


@media screen and (max-width:768px){ /* sp - mainVisual */
	#main{
		margin-top:0;
		}
	
	#mainVisual{
		max-height:none;
		overflow:visible;
		}
	
		#mainVisual ul.slides img{
			min-height:0;
			}
	
	/* flex slider */

	#mainVisual .flex-control-paging li a{
		width:6px;
		height:6px;
		}


	/* Highlight */

	#mainVisual #hilightsBox{
		position:relative;
		width:auto;
		margin-top:-23px;
		right:0;
		}
		
		#mainVisual #hilightsBox h3{
			zoom:70%;
			}
		
		#mainVisual #hilightsBox ul{
			padding-bottom:30px;
			}
		
		#mainVisual #hilightsBox ul li:first-child{
		width:42%;
		float:left;
		padding-left:0;
		margin-right:3%;
		}
		
		#mainVisual #hilightsBox ul li:last-child{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			text-align:right;
			background-color:#BBBBBB;
			}
			
			#mainVisual #hilightsBox ul li:last-child span{
				display:none;
				}
			
			#mainVisual #hilightsBox ul li:last-child img{
				width:20px;
				margin-right:20px
				}
}


/* RaceCalendar */

#raceCalendar{
	height:301px;
	position:relative;
	}
	
	#raceCalendar > h3{
		display:none;
		}
	
	#raceCalendar nav{
		width:251px;
		background-color:#ebebeb;
		position:absolute;
		left:0;
		top:0;
		background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bg_calendar_nav.png);
		background-repeat:repeat-y;
		background-position:right;
		}
		
		#raceCalendar nav li{
			border-bottom:solid 1px #c7c7c7;
			vertical-align:middle;
			position:relative;
			}
			
			#raceCalendar nav li.next:after{
				content:"";
				display:block;
				background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/ico_flag_next.png);
				width:40px;
				height:19px;
				position: absolute;
				right: 10px;
				top: -3px;
				width: 40px;
				}
		
		#raceCalendar nav li a{
			display:block;
			}
		
		#raceCalendar nav img{
			width:55px;
			display:inline;
			vertical-align:middle;
			margin-right:15px;
			}
			
			#raceCalendar nav li a:after{
				content:"";
				display:block;
				width:55px;
				height:40px;
				background-color:#000000;
				opacity:0.6;
				position:absolute;
				left:0;
				top:0;
				}
			
			#raceCalendar nav li.cur a:after{
				background-color:transparent;
				}
	
	#raceCalendar ol{
		margin-left:251px;
		width:auto;
		}
		
		.raceSlideWrapper{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_def.png);
			background-repeat:no-repeat;
			background-position:right;
			background-size:auto 100%;
			background-color:#f8f8f8;
			}
		
		#raceCalendar #raceSlide{
			height:301px;
			overflow:hidden;
			}
		
		#raceCalendar #raceSlide > li{
			position:relative;
			min-height:261px;
			padding:40px 40px 0px;
			clear:both;
			
			}
			
/*			#raceCalendar #raceSlide > li.silverstone{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_silverstone.png);
				}
			#raceCalendar #raceSlide > li.spa{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_spa.png);
				}
			#raceCalendar #raceSlide > li.lemans{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_lemans.png);
				}
			#raceCalendar #raceSlide > li.america{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_america.png);
				}
			#raceCalendar #raceSlide > li.fuji{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_fuji.png);
				}
			#raceCalendar #raceSlide > li.shanghai{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_shanghai.png);
				}
			#raceCalendar #raceSlide > li.bahrain{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_bahrain.png);
				}
			#raceCalendar #raceSlide > li.saopaulo{
				background-image:url(/pages/contents/en/assets/images/wec/report/common2014/img/bg_course_saopaulo.png);
				}*/


			
			#raceCalendar #raceSlide > li h3{
				font-size: 36px;
				font-weight: bold;
				padding-right:45%;
				line-height:90%;
				margin-bottom:3%;
				}
				#raceCalendar #raceSlide > li h3 time{
				font-size: 58%;
				margin-top:0%;
				display:block;
				}
			#raceCalendar #raceSlide > li p{
				padding-right:50%;
				margin-bottom:3%;
				line-height:130%;
				}
				
				#raceCalendar #raceSlide > li ul li{
					float:left;
					margin-left:20px;
					font-size:80%;
					}
				#raceCalendar #raceSlide > li ul li:first-child{
					margin-left:0px;
					}
			
			#courseSlide{
				position: absolute;
				width: 84%;
				top: 0;
				right: 1%;
				}
			
			#courseSlide figure{
				position:absolute;
				top:0;
				right:1%;
				z-index:4;
				display:block;
				width:39%;
				margin:2% 0 0;
				opacity:0;
				}
				
				#courseSlide figure figcaption{
					display:inline-block;
					position:absolute;
					top:30px;
					left:0px;
					line-height:130%;
					}
					
					#courseSlide figure figcaption strong{
						font-weight:bold;
						display:block;
						font-size:120%;
						}
				
				#courseSlide figure img{
					width:100%;
					}
	#raceCalendar .currentArrow{
		position:absolute;
		top:89px;
		left:251px;
		width:15px;
		height:15px;
		background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/ico_calendar_arrow.png);
		background-repeat:no-repeat;
		background-position:left center;
		z-index:1;
		}
	
	#courseSlide figure figcaption{
		display:none!important;
		}
@media screen and (max-width:1000px){ /* sp - RaceCalendar */
	#raceCalendar #raceSlide > li h3{
		padding-right:0;
		font-size:30px;
		}
	#raceCalendar #raceSlide > li{
		padding-right:0;
		}
	#courseSlide {
		width:70%;
		}
	#courseSlide figure{
		margin-top:114px;
		}
		#courseSlide figure img{
			margin-top:40px;
			}
	#raceCalendar #raceSlide > li ul li{
		margin-left:10px;
		}
	#courseSlide figure figcaption{
				display:inline-block;
				position:absolute;
				top:0px;
				}
}

@media screen and (max-width:768px){ /* sp - RaceCalendar */
#raceCalendar{
	height:auto;
	position:relative;
	border-top:solid 1px #ebebeb;
	}
	
	#raceCalendar > h3{
		display:block;
		padding:5%;
		font-size:24px;
		text-align:center;
		font-weight:bold;
		}
	
	#raceCalendar nav{
		position:relative;
		width:auto;
		text-align:center;
		padding:2% 0 0;
		border-radius:6px;
		margin:0px 2%;
		background-image:none;
		}
		
		#raceCalendar nav ul{
			display:inline-block;
			margin:0 auto;
			}

		#raceCalendar nav li{
			width:11.4%;
			float:left;
			margin-left:1%;
			border-bottom:none;
			}
			
			#raceCalendar nav li.cur:after{
				background-image:none;
				}
			#raceCalendar nav li a:after{
				background-color:transparent;
				}
			
			#raceCalendar nav li time{
				display:none;
				}

		#raceCalendar nav img{
			width:100%;
			}

		
		.raceSlideWrapper{
			background-image:none;
			background-color:transparent;
			}
		
		#raceCalendar ol{
			margin-left:0;
			padding:4% 2% 2%;
			}
			
			#courseSlide {
				position:relative;
				width:100%;
				margin:-40px auto 2%;
				}
			
			#courseSlide figure{
				position:relative;
				width:94%;
				margin:2% auto;
				right:0;
				opacity:1;
				}
				
				#courseSlide figure img{
					width:80%;
					margin:50px auto;
					}
			
			#raceCalendar #raceSlide{
				height:auto;
				}
			
			#raceCalendar #raceSlide > li{
				padding:0;
				background-image:none!important;
				background-color:#FFFFFF!important;
				min-height:0!important;
				}
				
			#raceCalendar #raceSlide > li h3{
				font-size:160%;
				line-height:120%;
				background-repeat:no-repeat;
				background-size:14%;
				padding-left:16%;
				background-position:0 40%;
				}
				
				#raceCalendar #raceSlide > li.silverstone h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-silverstone.png);
					}
				#raceCalendar #raceSlide > li.spa h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-spa.png);
					}
				#raceCalendar #raceSlide > li.lemans h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-lemans.png);
					}
				#raceCalendar #raceSlide > li.america h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-america.png);
					}
				#raceCalendar #raceSlide > li.fuji h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-fuji.png);
					}
				#raceCalendar #raceSlide > li.shanghai h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-shanghai.png);
					}
				#raceCalendar #raceSlide > li.bahrain h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-bahrain.png);
					}
				#raceCalendar #raceSlide > li.saopaulo h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-saopaulo.png);
					}
				#raceCalendar #raceSlide > li.nurburgring h3{
					background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/flag-nur.png);
					}
				
			#raceCalendar #raceSlide > li h3,
			#raceCalendar #raceSlide > li p{
				padding-right:0;
				}
			
			#raceCalendar #raceSlide > li ul li{
					float:left;
					width:49%;
					margin-left:2%;
					}
				#raceCalendar #raceSlide > li ul li:first-child{
					margin-left:0px;
					}
	#raceCalendar .currentArrow{
		top:80%!important;
		left:30%;
		background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/ico_calendar_arrow_s.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		}
}

/* contents */

#contCarousel{
	width:100%;
	overflow:hidden;
	position:relative;
	}
	
	#contCarousel > h3{
		display:none;
		}
	
	#contCarousel ul{
		width:100%;
		margin-left:0;
		}
	
	#contCarousel ul li{
		width:33.3%;
		float:left;
		position:relative;
		}
		
		#contCarousel ul li img{
			width:100%;
			}
		
		#contCarousel ul li a:after{
			content:" ";
			background-repeat:no-repeat;
			background-size:contain;
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			opacity:0;
			}
		
		/* contents over - animation */
			
		#contCarousel ul li.ctAbout a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bnr_cont_wec_ov.png);
			}
		#contCarousel ul li.ctHv a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bnr_cont_hv_ov.png);
			}
		#contCarousel ul li.ctRace a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bnr_cont_report_ov.png);
			}
		#contCarousel ul li.ctMovie a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bnr_cont_videos_ov.png);
			}
		#contCarousel ul li.ctPartners a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bnr_cont_partners_ov.png);
			}
		#contCarousel ul li.ctLemans a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/images/bnr_cont_aboutLemans_ov.png);
			}
		#contCarousel ul li.ct2013 a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bnr_cont_archive2013_ov.png);
			}
		#contCarousel ul li.ct2012 a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bnr_cont_archive2012_ov.png);
			}
		#contCarousel ul li.ctDriver a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/images/bnr_cont_drivers_ov.png);
			}
		
		#contCarousel ul li.ct2014 a:after{
			background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/images/bnr_cont_archive_ov.png);
			}
			
			#contCarousel ul li a:hover:after{
				opacity:1;
				transition-duration: 0.6s;
				transition-property: all;
				transition-timing-function: ease-out;
				}
		
		#contCarousel ul li a span{
			display:block;
			padding:3% 0;
			background-color:rgba(0,0,0,0.6);
			color:#FFFFFF;
			font-weight:bold;
			position:absolute;
			bottom:0;
			width:100%;
			text-align:center;
			}
			
			#contCarousel ul li a:hover span{
				display:none;
				}
	
	#contCarousel .prev{display:none;position:absolute;left:0.3%;top:50%;margin-top:-58px;z-index:51;cursor:pointer;}
	#contCarousel .next{display:none;position:absolute;right:0.3%;top:50%;margin-top:-58px;z-index:51;cursor:pointer;}


@media screen and (max-width:768px){ /* sp - Contents */

	#contCarousel{
		height:auto;
		position:relative;
		border-top:solid 1px #ebebeb;
		}
	
	#contCarousel > h3{
		display:block;
		padding:5%;
		font-size:24px;
		text-align:center;
		font-weight:bold;
		}

	#contCarousel ul li a:after{
			content:" ";
			background-repeat:no-repeat;
			background-size:contain;
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			opacity:0;
			}

	#contCarousel ul li{
		width:50%;
		float:left;
		position:relative;
		}
	
	#contCarousel .prev,
	#contCarousel .next{display:none;}
}


/* 2nd Format */

.title{
	position:relative;
	height:180px;
	overflow:hidden;
	}

.title .bg{
	width:100%;
	}
	
	.title h1{
		color:#FFFFFF;
		font-weight:bold;
		font-size:50px;
		position:absolute;
		top:23%;
		left:40px;
		}
	
	.title nav{
		display:inline-block;
		width:60%;
		position:absolute;
		top:28%;
		right:0;
		}
		
		.title ul li{
			float:left;
			width:12%;
			text-align:center;
			font-size:85%;
			line-height:110%;
			}
			.title ul li a{
				display:block;
				padding:4%;
				color:#FFFFFF;
				}
			.title ul li img{
				width:100%;
				margin-bottom:2%;
				}
	.title .currentArrow{
		position:absolute;
		bottom:-4px;
		left:-100px;
		width:15px;
		height:15px;
		background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/ico_calendar_arrow_s.png);
		background-repeat:no-repeat;
		background-position:left center;
		z-index:1;
		}

#main .innr{
	padding:30px 40px 50px;
	font-size:125%;
	line-height:135%;
	/*font-family:Verdana,Helvetica,Arial,sans-serif;*/
	}
	
	#main .innr h2{
		font-size:36px;
		font-weight:bold;
		line-height:120%;
		margin-bottom:20px;
		background-image:url(https://toyotagazooracing.com/pages/contents/en/assets/images/wec/report/common2014/img/bg_video_headline.png);
		background-repeat:repeat-y;
		padding-left:25px;
		}
.carouselWrapper{
	width:auto;
	/*padding:0 20px;*/
	margin:0 20px;
	overflow:hidden;
	}

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

#main .innr{
	font-size:100%;
	line-height:125%;
	/*font-family:Verdana,Helvetica,Arial,sans-serif;*/
	}

#hv-wrapper.innr h2 br{
	display:none;
	}

.title{
	height:auto;
	}

.title h1{
		font-size:28px;
		left:3%;
		}
.title .bg{
	min-height:0;
	}

#main .innr{
	padding:3% 2% 5%;
	}
	
	#main .innr h2{
		font-size:22px;
		}
	
.carouselWrapper{
	padding:0;
	overflow:visible;
	}
}


/* Template override */
.dispNone{	display:none;}
.wrapper{overflow:hidden;}

#contents {
    min-height: 0 !important;
    padding: 0;
}
.recommended-carousel h3{
	color: #000000!important;
    font-family: toyotaDisplay,Helvetica,Arial,sans-serif!important;
    font-size: 17px!important;
    font-weight: normal!important;
    line-height: 1.4!important;
    margin-top: 18px!important;
	}
	
	.recommended-carousel p{
		color: #919191!important;
		font-size: 14px!important;
		line-height: 1.3!important;
		margin-top: 6px!important;
		text-decoration: none !important;
		}

/* fancyBox */

.fancybox-title{
	background-color:#FFFFFF!important;
	width:100%;
	position:static!important;
	font-size:12px!important;
	}
	
	#fancybox-title-float-wrap td{
		background-color:#FFFFFF!important;
		color:#333333;
		line-height:1.4em;
		font-size: 140%;
   		font-weight: bold;
		}
	.fancybox-bg{
		background-image:none!important;
		}
	#fancybox-title-float-main{
		padding:0px 10px 10px!important;
		}


.accordionTitle{
	background-repeat:no-repeat;
	background-position:right center;
	}


/* MSTOP Contents Menu */

#contentsMenuBox,
#contentsMenuBox2 {
  height: 0;
  background: url(http://www.toyota-global.com/events/motor_sports/images/bg_contents_menu.png) repeat 0 0;
  overflow: hidden;
}
#contentsMenuBox .contentsMenuBoxUpper,
#contentsMenuBox2 .contentsMenuBoxUpper {
  background: url(http://www.toyota-global.com/events/motor_sports/images/bg_contents_menu_upper.png) repeat-x 0 0;
  height: 100%;
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom {
  height: 100%;
  background: url(http://www.toyota-global.com/events/motor_sports/images/bg_contents_menu_bottom.png) repeat-x 0 bottom;
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul {
  width: 873px;
  /*width: 1024px; 6 */
  /*7*/
  margin: 0 auto 10px;
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li {
  width: 138px;
  margin: 0 9px 0 0;
  float: left;
  font-family: "toyotaDisplay", sans-serif;
  /*
     &.vehicle6 a div {
      height: 29px;
      padding: 5px 0 0 0;
      line-height: inherit;
     }
     */
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li.last,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li.last {
  margin: 0;
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a {
  width: 138px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  font-size: 11px;
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div {
  padding: 5px 0 0 0;
  text-align: center;
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div span,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div span {
  color: #8c8c8c;
  display: block;
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a:hover img,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a:hover img,
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a:hover div,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a:hover div {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=@opacity)";
}
#contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li span.coming div,
#contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li span.coming div {
  height: 34px;
  line-height: 34px;
  text-align: center;
  background-color: #fff;
}
#contentsMenuBox2 {
  height: inherit;
  margin: 0;
  background: url(http://www.toyota-global.com/events/motor_sports/images/bg_contents_menu2.png) repeat 0 0;
}
#contentsMenuBox2 .contentsMenuBoxBottom {
  padding: 0 0 20px 0;
}
.contentsMenuTitle {
    padding: 20px 0;
    text-align: center;
}
.contentsMenuTitle span {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: "toyotaDisplay",sans-serif;
    font-size: 16px;
    line-height: 1;
    padding: 7px 30px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul {
    width: 100%;
    margin: 0 auto;
    display: table;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li {
    width: 14%;
    margin: 0;
    padding: 0 3px;
    float: none;
    display: table-cell;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*
     &.vehicle6 a div {
      height: 29px;
      padding: 5px 0 0 0;
      line-height: inherit;
     }
     */
  }

  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li.last,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li.last {
    margin: 0;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a {
    width: 100%;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div {
    padding: 5px 0 0 0;
    text-align: center;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div span,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div span {
    color: #8c8c8c;
    display: block;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li span.coming div,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li span.coming div {
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #fff;
  }
  #contentsMenuBox2 {
    height: inherit;
  }
  #contentsMenuBox2 .contentsMenuBoxBottom {
    padding: 0 0 20px 10px;
  }
}

@media screen and (max-width: 768px) {
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li {
    box-sizing: border-box;
    display: block;
    float: none;
    line-height: 1.3;
    margin: 0 0 5px;
    padding: 0 3px;
    vertical-align: inherit;
    width: 100%;
    word-break: break-all;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li.last,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li.last {
    margin: 0;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a {
    display: table;
    font-size: 12px;
    width: 100%;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a img,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a img {
  display:block;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div {
  	display: table-cell;
    padding: 0 0 0 10px;
    text-align: left;
    vertical-align: middle;
    width: 80%;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div span,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li a div span {
    color: #8c8c8c;
    display: block;
  }
  #contentsMenuBox .contentsMenuBoxUpper .contentsMenuBoxBottom ul li span.coming div,
  #contentsMenuBox2 .contentsMenuBoxUpper .contentsMenuBoxBottom ul li span.coming div {
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #fff;
  }
  #contentsMenuBox2 {
    height: inherit;
  }
  #contentsMenuBox2 .contentsMenuBoxBottom {
    padding: 0 0 20px 0;
  }
}