@charset "utf-8";

/*------------------------------------------------------------------
PC Template
------------------------------------------------------------------*/

.pc_only{
	display: block;
}

.sp_only{
	display: none;
}


/* default pc font size
------------------------------------------------*/
#lineup_contents{
	font-size: 14px;
	line-height:inherit;
	text-align: left;
}

/* default header font size
------------------------------------------------*/
.main_content h1{font-size: 48px;}
.main_content h2{font-size: 44px;text-align: center;margin: 10px 0;}
.main_content h3{font-size: 24px;margin: 10px 0;}
.main_content h4{font-size: 16px;margin: 10px 0;}

/* pc sp exchange font size
------------------------------------------------*/
.font30_16{font-size: 30px;}
.font44_22{font-size: 44px;}
.font30_18{font-size: 30px;}
.font24_16{font-size: 24px;}
.font18_16{font-size: 18px;}
.font16_18{font-size: 16px;}
.font14_18{font-size: 14px;}
.font14_16{font-size: 14px;}
.font12_16{font-size: 12px;}
.font12_14{font-size: 12px;}
.font10_12{font-size: 10px;}

.underline {
	text-decoration: underline;
}

.caution_box{
	border: 1px solid #efbe2d;
	box-sizing: border-box;
	padding: 7px 10px;
}

.red{
	color: #c14;
}

.title_underline{
	border-bottom: 1px solid #ccc;
}

.catchcopy{
	margin: 40px 0;
	text-align: center;
}

.subtxt{
	margin: 0 0 20px;
	text-align: center;
	font-size: 30px;
}

.content1{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}

.content2{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.content1 h3, .content1 h3, .content1 h4, .content1 p,
.content2 h3, .content2 h3, .content2 h4, .content2 p{
	padding: 0 10px;
}

.caption {
	font-size: 10px;
	color: #333;
	text-align: right;
	margin: 5px 10px;
}

.caption_r {
	font-size: 10px;
	color: #333;
	text-align: right;
	margin: 5px 10px;
}

.caption_l{
	font-size: 10px;
	color: #333;
	text-align: left;
	margin: -20px 0px;
	float: left;
}

.incaption{
	background: rgba(0,0,0,0.5);
	margin: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.incaption p{
	padding: 5px 10px;
	color: #fff;
	font-size: 10px;
	text-align: right;
}


/*horizontal margin*/
.mgnlr10{margin: 0 10px;}


/* text centering align left */
.txtcenter{
	text-align: left;
	display: inline-block;
	margin: 0 auto;
}

/*global header setting
---------------------------------------------------*/
#header_wrap{
	background: #eee;
}


/*------------------------------------------------------
breadcrumb
------------------------------------------------------*/
.breadcrumb{

	width: 100%;
	margin: 10px auto 0;
}
@media screen and (max-width: 1199px) {
	.breadcrumb{
		max-width: 1000px;
	}
}
@media screen and (min-width: 1200px) {
	.breadcrumb{
		max-width: 1200px;
	}
}

.breadcrumb ol li{
	list-style-type: none;
	display: inline-block;
	text-indent: 5px;
	font-size: 10px;
}

.breadcrumb ol li:after{
	content:">";
	margin: 0 0 0 10px;
}

.breadcrumb ol li.last:after{
	content:"";
	margin: 0;
}

.breadcrumb ol li a:link,
.breadcrumb ol li a:visited,
.breadcrumb ol li a:active{
	text-decoration: underline;
	color:#333;
}
.breadcrumb ol li a:hover{
	text-decoration: none;
	color: #333;
}


/*------------------------------------------------------
template image size
------------------------------------------------------*/

.maximg{
	width: 100%;
	height: auto;
}


.maximg{
	width: 100%;
	height: auto;
}

.blk1_max,
.blk2_max,
.blk3_max,
.blk1_1000,
.blk1_2000,
.blk1_3000{
	position: relative;
	overflow: hidden;
}


/* blktop_max (sp setting)
-----------------------------------*/
/*.blktop_max{
	width: 100%;
	min-height: auto;
	overflow: hidden;
	position: relative;
}*/


/* blk1_max (1 column fluid image)
-----------------------------------*/
.blk1_max{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}


/* blk2_max (2 column fluid image)
-----------------------------------*/
.blk2_max_box li{
	padding: 20px 0;
	float: left;
	width: 50%;
}

.blk2_max .maximg{
	min-width: 300px;
}


/* blk3_max (3 column fluid image)
-----------------------------------*/
.blk3_max_box{
	text-align: center;
}

.blk3_max_box li{
	margin: 0;
	padding: 20px 0;
	float: left;
	width: 33.333%;
}

.blk3_max img{
	min-width: 267px;
}




/* blk1_1000 (1 column image size 1000px)
-----------------------------------*/
.blk1_1000{
	width: 1000px;
	height: auto;
	margin: 0 auto;
}


/* blk2_1000 (2 column image size 1000px)
-----------------------------------*/
.blk2_1000_box{
	width: 1000px;
	height: auto;
	margin: 0 auto 50px;
}

.blk2_1000_box li{
	width: 50%;
	height: auto;
	float: left;
}

.blk2_1000_box h4{
	margin: 10px;

}
.blk2_1000_box p{
	margin: 0 10px;
}


/* blk3_1000 (3 column image size 1000px)
-----------------------------------*/
.blk3_1000_box{
	width: 1000px;
	margin: 0 auto 50px;
}
.blk3_1000_box li{
	width: 33%;
	float: left;
	margin: 0 4px 0 0;
}

.blk3_1000_box li.last{
	margin: 0!important;
}

.blk3_1000_box h4{
	margin: 10px 0;
}

.blk3_1000_box p{
	margin: 10px 0;
}

.blk3_1000{
	width: 100%;
}

.blk3_1000 img{
	width: 100%;
	height: auto;
}

.blk3_1000 .incaption{
	position: absolute;
	bottom: 0;

}
.blk3_1000 .incaption p{
	margin: 0;
}

.blk3_1000_box h4{
	margin: 10px;

}
.blk3_1000_box p{
	margin: 0 10px;
}


/* blktop_1400 (1 column image size 1400px)
-----------------------------------*/
.blktop_1400{
	max-width: 1400px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}


/* blk1_500 (2 column image size 500px)
-----------------------------------*/
.blk1l_500,.blk1r_500{
	width: 500px;
	height: auto;
	position: relative;
}

.blk1_500_box{
	width: 1000px;
	margin: 0 auto 30px;
}

.blk1_500_box .flt_r{
	float: right;
}

.blk1_500_box .flt_l{
	float: left;
}

.blk1_500_box li{
	padding: 0 0 20px;
	width: 500px;
}

.blk1_500_box h3{
	margin: 0 10px 20px!important;
	text-align: left!important;
}
.blk1_500_box p{
	margin: 5px 10px;
}

.blk1_500_box li .incaption{
	margin: 0;
	color: #fff;
	font-size: 10px;
}

.blk1_500_box li .incaption p{
	margin: 0!important;
}


/* grade index
-------------------------------------------*/
.grade_index{
	width: 100%;
	margin: 0 10px;
	padding: 10px 0;
	font-size: 10px;
}

.grade_index dl{
	width: 100%;
}

.grade_index dt{
	clear: left;
	max-width: 126px;
	width: 100%;
}

.grade_index dt span{
	border: 1px solid #ccc;
	padding: 2px 5px;
	display: inline-block;
	margin: 4px 0;
	line-height: 1;
}

.grade_index dd{
	float :left;
	padding: 0 5px 0 0;
	margin : -4px 0 0 5px;
}



/* topvisual area
------------------------------------------------------------------*/
.topvisual_area{
	position: relative;
}

.topvisual_area h1 p{
	letter-spacing: -0.12em;
}


/* movie
------------------------------------------------------------------*/
.foot_movie{
	padding: 20px 0 40px;
	background: #ccc;
}

.movie_thumb h2{
	text-align: center;
	padding: 0 10px;
	font-size: 20px;
}
.movie_thumb ul{
	text-align: center;
}
.movie_thumb li{
	padding: 30px 40px 0;
	display: inline-block;
}

.movie_thumb li h3{
	text-align: center;
	margin: 0 0 5px;
	font-size: 14px;
}

.movie_thumb .global_contents_yt_trigger{
	position: relative;
	width: 320px;
  cursor: pointer;
	overflow: hidden;
}

.movie_thumb .global_contents_yt_trigger .thumbimg{
	width: 99%;
	height: auto;
}

.movie_thumb .global_contents_yt_trigger:after{
	content: url(/common_lineup/img/btn/btn_play.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -52px 0 0 -80px;
}

.blk2_1000 .global_contents_yt_trigger .thumbimg,
.blk1_500_box .global_contents_yt_trigger .thumbimg{
	width: auto;
	height: 300px;
	position: absolute;
	top: 0;
	right: 0;
}

.blk2_1000 figure.global_contents_yt_trigger,
.blk1_500_box figure.global_contents_yt_trigger{
	width: 500px;
	height: 300px;
	position: relative;
	overflow: hidden;
}

.foot_movie .movie_thumb{
	width: 1000px;
	margin: 0 auto;
}


/* annotation area
------------------------------------------------------------------*/
.annotation_area{
	background: #f4f4f4;
	padding: 40px 0;
	font-size: 12px;
}

.annotation_block{
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}

.annotation_area p{
	line-height: 1.4em;
}

.annotation_area .underline{
	margin: 20px 0 0;
	line-height: 1.4em;
}



/*------------------------------------------------------------------
PC Template end
------------------------------------------------------------------*/





/*------------------------------------------------------------------
common setup
------------------------------------------------------------------*/


/* foot_btn
------------------------------------------------------------------*/
.foot_btn_area{
	padding: 50px 0;
}


.foot_btn_area p{
	font-size: 16px;
	vertical-align: top;
	line-height: 1.8em;
	text-align: left;
	padding: 0;
	margin: 0 auto 30px;
	width: 1000px;
	height: 100%;
	display: block;
}

.foot_btn_area p:after{
	display: block;
	content: "";
	clear: both;
}

.foot_btn_area img{
	display: inline-block;
	width: 200px;
	margin: 0 30px 0 0;
	vertical-align: top;
	float: left;
}


.foot_btn_area .next{
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	margin: 0 0 10px;
	text-align: left;
	width: 760px;
	float: left;
}

.foot_btn_area #next_description{
	display: inline-block;
	width: 760px;
	float: left;
}


.foot_btn a{
display:block;
  padding:20px 36px;
  background-color:#ededed;
  background:url(/common_lineup/img/arrow/arrow_l_r.png) #ededed right 35px center no-repeat;
  border:1px solid #999;
  color:#333;
  text-align:center;
  width:95%;
  box-sizing:border-box;
	border-radius: 7px;
  max-width:1000px;
  margin:0 auto;
  font-size:24px;
  box-shadow:1px 1px 5px rgba(0,0,0,0.2);
}


.foot_btn_area .test_a,
.foot_btn_area .test_b{
  display:none !important;
}


.foot_btn a img{
	display: inline-block;
	width: 200px;
	margin: 42px 30px 0 0;
	vertical-align: top;
}

.foot_btn a .next{
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	margin: 0 0 10px;
	text-align: left;
}

.foot_btn a p{
	display: inline-block;
	width: 70%;
	font-size: 16px;
	vertical-align: top;
	line-height: 1.8em;
	text-align: left;
	padding: 0 40px 0 0;
}

.foot_btn a strong{
	width: auto;
	text-align: center;
	margin: 10px 0;
	font-size: 24px;
	font-weight: normal;
	vertical-align: top;
	display: inline-block;
	padding: 0 40px 0 0;
}

.foot_btn a:after{
	content:"";
	display: block;
	clear: both;
}

.foot_btn a strong .category,
.foot_btn a strong .pagetitle{
	display: inline;
	width: auto;
  font-weight: normal;
}


/* blankicon grade_page conversion */
.blankicon {
  position: relative;
  display: block;
  z-index: 1;
}

.blankicon p {
  position:relative;
  display:block;
}

.blankicon p > img, .blankicon > img, .blankicon img.alpha_hover {
  z-index: -1; /* ie8 fix */
  position: relative;
  display: block;
}
/*

.blankicon:after {
  content: " ";
  background: url(/common_lineup/img/icon/icon_blank.png) no-repeat top left;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  -ms-filter: "alpha(opacity=100)";
  opacity: 1;
  z-index: 4;
  display:block;
}
*/


#lineup_contents a.blankicon{
	display: block;
	position: relative;
	z-index: 1;
}

#lineup_contents a.blankicon:after{
	
	content:"";
	background: url(/common_lineup/img/icon/icon_blank.svg);
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 8px;
}

#lineup_contents a.color_w:after{
	background: url(/common_lineup/img/icon/icon_blank.svg#white);
}


#btn_pdf .blankicon:after {
  background: none;
}

.credit_btn_area2 .blankicon:after {
  right: 55px;
  top: 137px;
}

.credit_btn_area2 .btn01 .blankicon:after {
  right: 40px;
}

.credit_btn_area2 .btn02 .blankicon:after {
  right: 75px;
}

.specArea .grade_normal, #gradeLineUp .grade_normal {
  /* width: 347px; */
  display: inline-block;
}

/*movie
----------------------------------------*/

.movie {
	display: block;
}


.movie img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


#youtube_overlay {
	margin: 0;
	padding: 0;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;

	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	cursor: pointer;
}


#youtube_body {
	width: 560px;
	height: 315px;
	margin-top: -158px 0 0 -280px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 11000;

	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}



/*plus icon
----------------------------------------*/

.plusicon,
.plusicon2 {
  position: relative;
  display: block;
  z-index: 1;
}

.plusicon img.alpha_hover,
.plusicon2 img.alpha_hover {
  z-index: -1; /* ie8 fix */
  position: relative;
  display: block;
}


.plusicon:after{
  content: " ";
  background: url(/common_lineup/img/icon/icon_plus.png) no-repeat top left;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  -ms-filter: "alpha(opacity=100)";
  opacity: 1;
  z-index: 4;
  display:block;
  opacity: 0.5;
}

.plusicon2:after{
  content: " ";
  background: url(/common_lineup/img/icon/icon_plus.png) no-repeat top left;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  -ms-filter: "alpha(opacity=100)";
  opacity: 1;
  z-index: 4;
  display:block;
  opacity: 1;
}



/*lightbox for pop up large images
---------------------------------------------------------*/
/* Preload images */
body:after {
  content: url(/common_lineup/img/btn/btn_close_l.png) url(/common_lineup/img/arrow/arrow_l.png) url(/common_lineup/img/arrow/arrow_r.png);
  /*url(/common_lineup/img/icon_loading.png) */
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  /*width: 167px;
  height: 52px;*/
  margin: 0 auto;
  /*background: url(/common_lineup/img/icon_loading.png) no-repeat;*/
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 50%;
  left: 0;
  margin: 0 0 0 20px;
  /*float: left;*/
  position:absolute;
  background: url(/common_lineup/img/arrow/arrow_l.png) left 50% no-repeat;

  /*
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
  */
}

/*
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
*/
.lb-nav a.lb-next {
  width: 50%;
  right: 0px;
  margin: 0 20px 0 0;
  /*float: right;*/
  position:absolute;
  background: url(/common_lineup/img/arrow/arrow_r.png) right 50% no-repeat;

  /*
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
  */
}

/*
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
*/

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom:19px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  visibility:hidden;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: none;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 38px;
  height: 37px;
  background: url(/common_lineup/img/btn/btn_close_l.png) top right no-repeat;
  text-align: right;
  outline: none;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;*/
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

/* banners and icons */

.border1 {
  border: 1px solid #ccc;
  border-radius: 4px;
}


.dummy_box{
	display: block;
	width: 100%;
	background: #ddd;
	border: none;
}

.top_banner_area {
  margin: 20px auto;
}

.bottom_banner_area {
  margin: 0 auto;
  padding-bottom: 50px;
}

.top_banner_area ul, .bottom_banner_area ul {
  width: 990px;
  margin: 0 auto;
}

.top_banner_area li {
  float: left;
	margin: 0 10px 10px 0;
}

.top_banner_area ul li.last{
	margin: 0 0 10px 0;
}

.bottom_banner_area li {
  margin-bottom: 10px;
}

.top_banner_area li:last-child, .bottom_banner_area li:last-child {
  margin-bottom: 0;
}

.top_banner_area li img, .bottom_banner_area li img {

}

.top_banner_area ul li {
    float: left;
    margin: 0 10px 10px 0;
}

.shijo_bnrarea ul{
	width: 990px;
	margin: 0 auto;
}

/* popup */


.popup_open{
	cursor: pointer;
	transition: 1s 0.5s;
}

.popup_open :hover{
	opacity: 0.7;
}

.popup_cont .close{
	position: absolute;
	top: 9px;
	left: 915px;
	cursor: pointer;
}
.popup_cont {
	display: none;
	margin: 100px auto 40px auto;
	padding: 54px 0 42px;
	width: 960px;
	position: relative;
}
.popup_inner{
	padding:30px;
	background: #fff;
}
.popup_inner h2{
	font-size: 24px;
	text-align: center;
	margin-bottom: 15px;
}

.popup_inner h3{
	font-size: 18px;
	margin: 10px;
}

.popup_inner p{
	text-align: left;
	font-size: 14px;
	margin: 0 10px 8px 10px;
	line-height: 1.8;
}

.popup_inner p.txt-refs{
	font-size: 12px;
	margin-bottom: 0;
}
.popup_cont .close a img{
	filter: alpha(opacity=100);
	-moz-opacity:1;opacity:1;
}
.popup_cont .close a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;opacity:0.6;
}



/* JNCAP banner 2017/4
-------------------------------------------------- */
.popup_cont .foot_cap{
	position: absolute;
	bottom: 190px;
	font-size: 18px;
	left: 80px;
	color: #333;
}

.popup_cont .foot_cap a,
.popup_cont .foot_cap a:hover,
.popup_cont .foot_cap a:visited{
	color: #333;
	text-decoration: underline;
}


.popup_cont .foot_cap .blankicon:after{
	top: 1px;
	right: -20px;
}
/* JNCAP banner 2017/4 end
-------------------------------------------------- */


/* 注文終了告知 PC共通
-------------------------------------------------- */
.endoforder{
	margin: 40px auto;
	border: 1px solid #D00;
	padding: 20px;
	width: 990px;
	box-sizing: border-box;
	text-align: center;
}

.endoforder h2{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 0 10px;
	text-align: center;
	color: #D00;
}

.endoforder p{
	font-size: 16px;
	line-height: 1.8em;
	padding: 0 10px;
	display: inline-block;
	text-align: left;
}



/* サポカー
-------------------------------------------------- */
div.supportcars {
  background-color: #f6f6f6;
  /*padding: 30px;*/
  box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  border: 2px solid #00a8a0;
  margin-top: 60px;
  margin-bottom: 20px;
}
div.supportcars h3 span.getname, span.getgrade{
    display:inline;
    font-weight: bold !important;
}

div.supportcars a{
    padding-top: 25px;
}

div.supportcars ul li {
  float: left;
}
div.supportcars ul li.flt_l {
  width: 160px;
  margin: 0 25px 0 25px;
}
div.supportcars ul li.flt_l img:first-child {
  margin-bottom: 10px;
}

div.supportcars ul li.flt_r {
  width: 760px;
  color: #000;
}
div.supportcars h3 {
  font-size: 26px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #000;
}
div.supportcars p.lead {
  font-size: 16px;
  line-height: 1.6;
  margin: 10px 0 15px;
  padding: 0;
}
div.supportcars p.notes {
  font-size: 12px;
  line-height: 1.4;
  margin: 0 0 10px;
  padding: 0;
}
div.supportcars p sup{
	line-height: 2.45;
	font-size: 11px;
    top: -0.5em;
}

div.supportcars p.caption {
  text-align: left;
  margin: 0;
  padding: 0;
}

div.supportcars p.notes sup{
    top: -0.2em;
}

div.supportcars span.s_wide {
	font-size: 12px;
    font-weight: bold;
    width: 120px;
    color: #000;
    padding: 3px 10px 3px 10px;
    background: #F5AF1C;
    border: 1px solid #F5AF1C;
    border-radius: 4px 4px;
    margin: 0px 5px 0px 5px;
}
div.supportcars span.s_basic {
font-size: 12px;
    font-weight: bold;
    color: #FFF;
    padding: 3px 10px 3px 10px;
    background: #0074CE;
    border: 1px solid #0074CE;
    border-radius: 4px 4px;
    margin: 0px 5px 0px 5px;
}

div.supportcars div.more_txt {
	font-size: 22px;
    color: #FFF;
    padding: 10px;
    background: #00a8a0 url(/common_lineup/img/arrow/arrow_l_r_white.png) right 245px center no-repeat;
    margin: 20px 0 0 0;
    text-align:center;
    border-radius: 0px 0px 6px 6px;
      -webkit-border-radius: 0px 0px 6px 6px;
      -moz-border-radius: 0px 0px 6px 6px;
    border: 2px solid #00a8a0;

}



/* スペックシート（トップページ用）
-------------------------------------------------- */

#spec_list{
	margin-top:50px;
}
#spec_list table{
	width:990px;
	line-height:100%;
	border:1px solid #ccc;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-collapse: separate;
	margin:0 auto;
}
#spec_list th{
	font-size:16px;
	background-color:#eee;
	border:none;
	text-align:center;
}
#spec_list td{
	font-size:19px;
	border:none;
}
#spec_list td strong{
	font-weight:100;
	font-size:40px;
	line-height: 1em;
}
#spec_list th .tsdin{
	margin-top:5px;
	padding: 10px;
	border-right: 1px solid #ccc;
}
#spec_list td .tsdin{
	height: 100px;
	margin: 0 0 5px;
	border-right:1px solid #ccc;
	text-align:center;	
}
#spec_list .smry{
	padding:  20px 0 0;
}
#spec_list .lbox {
	display: inline-block;
}
#spec_list .rbox{
	display: inline-block;
	text-align:left;
	margin: 15px 0 0;
	vertical-align: top;
}
#spec_list .lbox strong{
	font-size: 36px;
}
#spec_list .lbox .between strong {
	vertical-align: top;
    display: inline-block;
    line-height: 1.6em;
	font-size: 24px;
}
.lbox .tsd_txt1 {
	display: inline-block;
}
#spec_list .rbox .unit{
	font-size: 18px;
	margin: 2px 0 8px 0;
}
#spec_list .tsd_txt1{
	font-size:10px;
}
#spec_list sup{
	vertical-align: super;
	top: 0px;
	bottom: auto;
	font-size: 12px;
}
#spec_list #tsd1_data .smry,
#spec_list #tsd4_data .smry,
#spec_list #tsd5_data .smry{
	padding:  30px 0 0;
}


/**定員**/
#spec_list #tsd1{
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}

/**価格**/
#spec_list #tsd2_data{	
}

/**燃費**/
#spec_list #tsd3_data sup{
	font-size:10px;
	bottom: 8px;
}

/**排気量**/
#spec_list #tsd4_data{	
}

/**駆動方式**/
#spec_list #tsd5{
	width:168px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
#spec_list #tsd5 .tsdin{
	border-right:none;
}
#spec_list #tsd5_data .tsdin{
	border-right:none;
	margin: 0;
}
#spec_list #tsd5_data strong{
	font-size:26px;
	margin: 0;
}
#spec_list #tsd5_data .tsd_txt1{
	font-size:11px;
	width: 100%;
    text-align: center;
    display: block;
    padding: 5px 0 0;
}
#spec_list th#tsd1{
	border-radius: 10px 0 0 0;
}
#spec_list th#tsd5{
	border-radius: 0 10px 0 0;
}


/**キャプション、アイコン**/
#spec_list .caption{
	width:1000px;
	margin:0 auto 40px auto;
	padding: 5px 0 0 15px;
	display: table;
	vertical-align:top;
	text-align: left;
}
#spec_list .caption p{
	width: 880px;
	float: left;
	color: #333;
	/*text-align:right;*/
	margin: 10px 0 0;
}
#spec_list .caption .icon_area{
	float: right;
	margin:10px 20px 0 0;
}

#spec_list .icon_area{
text-align: right;
    margin: 0 auto;
    max-width: 1000px;
}


/* スペックシート（トップページ用） End
-------------------------------------------------- */



/*　-------------------------------------------------- 
グレード詳細ページ	コンバージョンボタン	*/


.conversion_btnarea{
	margin-left: calc(((100vw - 100%) / 2) * -1);
  	margin-right: calc(((100vw - 100%) / 2) * -1);
  	margin-top: 70px;
	margin-bottom: 70px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 30px 0 20px;
}
.conversion_btnarea h3{
	font-size: 24px;
	text-align: center;
	letter-spacing: -1.5px;
	margin: 0 0 20px;
}
.conversion_btnarea ul{
	width: 1000px;
	margin: 0 auto;
	font-size: 0;
}
.conversion_btnarea ul li{
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border:0;
}


.conversion_btnarea ul li a{
	background: #fff;
	width: 240px;
	height: 210px;
	border:0;
	position: relative;
	padding: 0 0 30px;
}
.conversion_btnarea ul li a:hover{
	background: #f4f4f4;
}

.conversion_btnarea ul li a:after{
	position: absolute;
	top: 22%;
	left: 245px;
	height: 100px;
	width: 1px;
	background: #ccc;
}
.conversion_btnarea #btn_catalogue a:after{
	background: none;
}

.conversion_btnarea ul li a img.icon{
	width: 100%;
	height: auto;
}

.conversion_btnarea ul li a img.txt{
	margin: -20px auto 0;
}
/*　グレード詳細ページ	コンバージョンボタン	 End
-------------------------------------------------- */



/*　-------------------------------------------------- 
試乗車をさがずボタン */

.testdrive_btn{
	margin: 50px auto 50px;
	width: 990px;
}

.testdrive_btn a{
	display: block;
	border: 1px solid #fff;
	padding: 10px 10px;
	text-align: center;
	box-shadow: 0 2px 6px 0.2px rgba(0,0,0,0.3);
	background: #666;
}

.testdrive_btn a p{
	display: inline-block;
	background: url(/common_lineup/img/btn/btn_arrow_w.png) 0px 50% no-repeat;
	text-indent: 1.5em;
	font-size: 26px;
	letter-spacing: 0.3em;
	color: #fff;
}

/*levorg*/
.testdrive_btn .drive_levorg_levorg a,
.testdrive_btn .drive_levorg_stisport a,
.testdrive_btn .drive_levorg_smartedition a{
  border: 1px solid #333;
  background: #444;
}

/*brz*/
.testdrive_btn .drive_brz_brz a{  
  background: #666;
}


/*xv*/
.testdrive_btn .drive_xv_xv a{
  background: #80aec2;
}


/*wrx s4*/
.testdrive_btn .drive_wrx_s4 a{
  background: #333;
  border: none;
}

/*wrx sti*/
.testdrive_btn .drive_wrx_sti a{
  background: #ad1846;
  border: none;
}

/*brz*/
.testdrive_btn .drive_brz_brz a{
  background: #1D3C8A;
  border: none;
}

/*legacy b4*/
.testdrive_btn .drive_legacy_b4 a{
  background: #ad053d;
  border: none;
}

/*legacy outback*/
.testdrive_btn .drive_legacy_outback a{
  background: #6d7a62;
  border: none;
}

/*　試乗車をさがずボタン	 End
-------------------------------------------------- */

/*　後退時ブレーキアシスト　タイトル下注釈
-------------------------------------------------- */
.ttl_annotation {
	font-size: 16px;
	margin-top: -1.3em;
	margin-bottom: 1em;
	line-height: 160%;
}