@charset "utf-8";

/*
--------------------------------------------------
新 blankicon 2019 pc/sp 共通
--------------------------------------------------
*/

#lineup_contents a.blankicon:after, .grade_static a.blankicon:after {
	content: "";
	background: url(/common_lineup/img/icon/icon_blank_gray.png) no-repeat top left;
	position: absolute;
	width: 11px;
	height: 8px;
	top: 3px;
	right: 3px;
	-ms-filter: "alpha(opacity=100)";
	opacity: 1;
	z-index: 4;
	display: block;
}

#lineup_contents a.blankicon_w:after, .grade_static a.blankicon_w:after {
	content: " ";
	background: url(/common_lineup/img/icon/icon_white.png) no-repeat top left;
	width: 11px;
	height: 8px;
	position: absolute;
	top: 3px;
	right: 3px;
	-ms-filter: "alpha(opacity=100)";
	opacity: 1;
	z-index: 4;
	display: block;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
PC
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width:679px) {
	.pc_only, .pc {
		display: block;
	}
	.sp_only, .mobile {
		display: none !important;
	}
	/* 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;
	}
	/*------------------------------------------------------
	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;
	}
	/* 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.02em;
	}
	/* 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;
	}
	#lineup_contents a.blankicon {
		display: block;
		position: relative;
		z-index: 1;
	}
	#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 {
		display: inline-block;
	}
	/* Responsive Conv menu 対応*/
	#lineup_contents .trac_menu a.blankicon {
		position: absolute;
	}
	/*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: -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;
	}
	/* 2021.08.13 */
	.plusicon:hover:after {
		opacity: 1;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	/*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);
		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;
		margin: 0 auto;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	.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 #333;
		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: center;
	}
	.endoforder p span.red {
		color: #f00;
		font-weight: bold;
	}
	.endoforder.date0917 {
		padding: 0 !important;
	}
	p.endoforder3 {
		padding: 10px 0;
	}
	p.sale {
		background: #00a0dc;
		color: #fff;
		padding: 10px 0;
		width: 988px;
		font-weight: bold;
	}
	p.sale a {
		color: #fff;
		text-decoration: underline;
	}
	p.sale a:hover {
		opacity: 0.7;
		transition: all 0.5s;
	}
	/* サポカー
	-------------------------------------------------- */
	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;
	}
	div.supportcars a {
		padding-top: 25px;
	}
	div.supportcars ul li {
		float: left;
	}
	div.supportcars ul li.flt_l {
		width: 280px;
		margin: 60px 20px 0 50px;
	}
	div.supportcars ul li.flt_l img {
		width: 80px;
		height: auto;
		margin: 0 10px 20px 0;
	}
	div.supportcars ul li.flt_r {
		width: 600px;
		color: #000;
	}
	div.supportcars h3 {
		font-size: 22px;
		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;
	}
	/* サポカー（AEBS無）
	-------------------------------------------------- */
	div.supportcars2 {
		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.supportcars2 h3 span.getname, 
	span.getgrade {
		display: inline;
	}
	div.supportcars2 a {
		padding-top: 25px;
	}
	div.supportcars2 ul li {
		float: left;
	}
	div.supportcars2 ul li.flt_l {
		width: 110px;
		margin: 50px 20px 0 50px;
	}
	div.supportcars2 ul li.flt_l img {
		width: 80px;
		height: auto;
		margin: 0 15px 20px 0;
	}
	div.supportcars2 ul li.flt_r {
		width: 780px;
		color: #000;
	}
	div.supportcars2 h3 {
		font-size: 26px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		color: #000;
	}
	div.supportcars2 p.lead {
		font-size: 16px;
		line-height: 1.6;
		margin: 10px 0 15px;
		padding: 0;
	}
	div.supportcars2 p.notes {
		font-size: 12px;
		line-height: 1.4;
		margin: 0 0 10px;
		padding: 0;
	}
	div.supportcars2 p sup {
		line-height: 2.45;
		font-size: 11px;
		top: -0.5em;
	}
	div.supportcars2 p.caption {
		text-align: left;
		margin: 0;
		padding: 0;
	}
	div.supportcars2 p.notes sup {
		top: -0.2em;
	}
	div.supportcars2 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.supportcars2 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.supportcars2 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;
		display: flex;
	}
	.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: 190px;
		height: auto;
		border: 0;
		position: relative;
		padding: 20px 0 0;
		background: #eee;
	}
	.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 .text {
		color: #666;
		font-size: 12px;
		height: 60px;
		padding: 30px 10px 10px;
		text-align: center;
	}
	.conversion_btnarea a.blankicon:before {
		content: url(/common_lineup/img/icon/icon_blank_gray.png);
		position: absolute;
		width: 11px;
		height: 8px;
		top: 10px;
		right: 10px;
		z-index: 4;
	}
	.conversion_btnarea a.blankicon:after {
		display: none!important;
	}
	/*　グレード詳細ページ	コンバージョンボタン 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%;
	}
	/*　増税告知（2019.07）
	-------------------------------------------------- */
	.tax_notice {
		margin: 0 auto;
		width: 950px;
		padding: 20px;
		border: 1px solid #333;
		font-size: 14px;
		text-align: center;
	}
	.tax_notice p.tax_text {
		margin-top: 20px;
		font-weight: bold;
	}
	.tax_notice2 {
		margin: 0 auto;
		width: 950px;
		padding: 20px;
		border: 1px solid #333;
		font-size: 14px;
		text-align: center;
	}
	.tax_notice2 p.tax_text {
		margin-top: 20px!important;
		font-weight: bold;
	}
	.grade_title {
		margin: 0 auto 30px!important;
	}
	/*------------------------------------------------------------------
	車種サイト グレード詳細　キャンペーンバナー
	------------------------------------------------------------------*/
	.capmaign_bnr {
		width: 1000px;
		margin: 0 auto 20px;
	}
	.capmaign_bnr li.btn1 {
		width: 1000px;
		margin-bottom: 10px;
	}
	.capmaign_bnr li.btn2 {
		width: 480px;
		margin-right: 40px;
	}
	.capmaign_bnr li.btn3 {
		width: 480px;
	}
	.capmaign_bnr ul.grade_bnr {
		display: flex;
		flex-wrap: wrap;
	}
	/*------------------------------------------------------------------
	燃費基準達成レベル&排出ガス認定レベル ポップアップ
	------------------------------------------------------------------*/
	.gaslabel {
		display: inline-block;
	}
	.ecolabel {
		display: inline-block;
	}
	.popup_wrap input {
		display: none;
	}
	.popup_overlay {
		display: flex;
		justify-content: center;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		opacity: 0;
		transition: opacity 0.5s, transform 0s 0.5s;
		transform: scale(0);
	}
	.popup_trigger {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.popup_content {
		position: relative;
		align-self: center;
		box-sizing: border-box;
		background: #fff;
		line-height: 1.4em;
		transition: 0.5s;
	}
	.popup_content img {
		margin: 0 auto;
	}
	.close_btn {
		position: absolute;
		top: 14px;
		right: 16px;
		font-size: 30px;
		cursor: pointer;
	}
	.popup_wrap input:checked~.popup_overlay {
		opacity: 1;
		transform: scale(1);
		transition: opacity 0.5s;
	}
	.open_btn {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		height: 30px;
		color: #333;
		font-weight: bold;
		border-radius: 3px;
		cursor: pointer;
		transition: .3s ease;
		text-decoration: underline;
		padding: 0 20px;
		margin: 10px 0;
	}
	.open_btn:hover {
		color: #0074ce;
		transition: .3s ease;
	}
	/*------------------------------------------------------------------
	　SAMBAR VAN & SAMBAR TRUCK お詫びとお知らせ
	------------------------------------------------------------------*/
	.news {
		border: 2px solid #000;
		padding: 20px;
		width: 940px;
		margin: 0 auto;
	}
	.news .title p {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
	}
	.news .text p {
		font-size: 14px;
		text-align: center;
		margin: 10px 0;
		line-height: 1.6;
	}
	.news table {
		margin: 0 auto;
	}
	.news tbody tr th {
		border: 1px solid #000;
		width: 20%;
		padding: 1%;
		vertical-align: middle;
		font-weight: normal;
		text-align: center;
		font-size: 14px;
	}
	.news tbody tr td {
		border: 1px solid #000;
		width: 70%;
		padding: 1%;
		vertical-align: middle;
		font-weight: normal;
		font-size: 14px;
	}
	.news p.caption {
		font-size: 14px;
		color: #f00;
		text-align: center;
	}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Mobile
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width:678px) {
	/* menu no image
	------------------------------------------------*/
	.rpsv_menu {
		display: none;
	}
	/*------------------------------------------------------------------
	SP Template
	------------------------------------------------------------------*/
	.pc_only, .pc {
		display: none !important;
	}
	.sp_only, .mobile {
		display: block;
	}
	/* default pc font size
	------------------------------------------------*/
	#lineup_contents {
		font-size: 16px;
		/*google recommend*/
		line-height: 1.4em;
		text-align: left;
	}
	/* default header font size
	------------------------------------------------*/
	.main_content h1 {
		font-size: 24px;
	}
	.main_content h2 {
		font-size: 22px;
		text-align: center;
		margin: 10px 0;
	}
	.main_content h3 {
		font-size: 20px;
		margin: 10px 0;
	}
	.main_content h4 {
		font-size: 18px;
		margin: 10px 0;
	}
	/* pc sp exchange font size
	------------------------------------------------*/
	.font30_16 {
		font-size: 16px;
	}
	.font44_22 {
		font-size: 22px;
	}
	.font30_18 {
		font-size: 18px;
	}
	.font24_16 {
		font-size: 16px;
	}
	.font18_16 {
		font-size: 16px;
	}
	.font16_18 {
		font-size: 18px;
	}
	.font14_18 {
		font-size: 18px;
	}
	.font14_16 {
		font-size: 16px;
	}
	.font12_16 {
		font-size: 16px;
	}
	.font12_14 {
		font-size: 14px;
	}
	.font10_12 {
		font-size: 12px;
	}
	.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;
		padding: 0 0 10px;
	}
	.catchcopy {
		margin: 20px 0 40px;
	}
	.subtxt {
		margin: 0 0 20px;
	}
	.content1 {
		padding: 20px 10px;
	}
	.content2 {
		padding: 0;
	}
	.content1 h3,
	.content1 h3,
	.content1 h4,
	.content1 p,
	.content2 h3,
	.content2 h3,
	.content2 h4,
	.content2 p {
		padding: 0 10px;
	}
	.caption {
		font-size: 12px!important;
		color: #333;
		margin: 5px 10px;
		line-height: 1.4em;
	}
	.caption_r {
		font-size: 12px!important;
		color: #333;
		margin: 5px 0px;
		line-height: 1.4em;
		padding-left: 0px;
	}
	.caption_l {
		font-size: 12px!important;
		color: #333;
		line-height: 1.4em;
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.incaption {
		background: rgba(0, 0, 0, 0.5);
		margin: 0;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	.incaption p {
		padding: 5px;
		color: #fff;
		font-size: 12px;
		text-align: left;
	}
	/*horizontal margin*/
	.mgnlr10 {
		margin: 0 10px;
	}
	/* text centering align left */
	.txtcenter {
		text-align: left;
		display: inline-block;
		margin: 0 auto;
	}
	#conversion {
		display: none;
	}
	/*------------------------------------------------------
	 Inactive	global footer PC button
	------------------------------------------------------*/
	#global_footer .btn_pc {
		display: none;
	}
	/*------------------------------------------------------
	template image size
	------------------------------------------------------*/
	.maximg {
		width: 100%;
		height: auto;
	}
	.blk1_max,
	.blk2_max,
	.blk3_max,
	.blk1_1000,
	.blk1_2000,
	.blk1_3000 {
		position: relative;
		overflow: hidden;
	}
	/* blktop_max
	-----------------------------------*/
	.blktop_max {
		width: 100%;
		min-height: 200px;
		overflow: hidden;
		position: relative;
		display: none;
	}
	.blktop_max img.blktop_max {
		position: absolute;
	}
	/* blk1_max
	-----------------------------------*/
	.blk1_max {
		width: 100%;
		min-height: 160px;
		overflow: hidden;
		position: relative;
		display: none;
	}
	.blk1_max .maximg {
		position: absolute;
	}
	/* blk2_max
	-----------------------------------*/
	.blk2_max_box {
		margin: 0 10px;
	}
	.blk2_max_box li {
		padding: 20px 0;
	}
	.blk2_max .maximg {
		min-width: 300px;
	}
	/* blk3_max
	-----------------------------------*/
	.blk3_max_box {
		text-align: center;
		margin: 0 20px;
	}
	.blk3_max_box li {
		margin: 20px 5px 0;
		display: inline-block;
	}
	.blk3_max img {
		min-width: 267px;
	}
	.blk3_max_box .caption {
		text-align: left;
	}
	/* blk2_1000
	-----------------------------------*/
	.blk2_1000 {
		padding: 0 10px;
	}
	.blk2_1000_box {
		padding: 0 10px;
	}
	.blk2_1000_box li {
		padding: 20px 0;
	}
	.blk2_1000_box h4 {
		margin: 10px 10px 5px;
	}
	.blk2_1000_box p {
		margin: 0 10px;
	}
	/* blk3_1000
	-----------------------------------*/
	.blk3_1000_box {
		width: 95%;
		margin: 0 auto;
		padding: 0 10px;
	}
	.blk3_1000_box li {
		width: 32%;
		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: relative;
	}
	.blk3_1000 .incaption p {
		margin: 0;
	}
	/* blktop_1400
	-----------------------------------*/
	.blktop_1400 {
		width: 100%;
		min-height: 200px;
		margin: 0 auto;
		padding: 0 10px;
		position: relative;
		overflow: hidden;
		display: none;
	}
	/* blk1_500
	-----------------------------------*/
	.blk1_500 {
		width: 100%;
		height: auto;
		position: relative;
	}
	.blk1_500_box {
		padding: 0 10px;
	}
	.blk1_500_box .flt_r {
		/*float: right;*/
	}
	.blk1_500_box .flt_l {
		/*float: left;*/
	}
	.blk1_500_box li {
		padding: 0 0 20px;
	}
	.blk1_500_box h3 {
		margin: 20px 0;
	}
	.blk1_500_box p {
		margin: 5px 10px;
	}
	/* grade index
	-------------------------------------------*/
	.grade_index {
		width: 100%;
		margin: 0;
		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: 0 0 4px;
		line-height: 1;
	}
	.grade_index dd {
		float: left;
		padding: 0 5px 0 0;
		margin: -8px 0 0 5px;
	}
	/* topvisual area
	------------------------------------------------------------------*/
	.topvisual_area {
		position: relative;
	}
	.topvisual_area h1 {
		margin: 10px;
	}
	.topvisual_area h1 p {
		letter-spacing: -0.04em;
	}
	/* movie
	------------------------------------------------------------------*/
	.foot_movie {
		padding: 20px 0 40px;
		background: #ccc;
	}
	.movie_thumb h2 {
		text-align: left;
		padding: 0 10px;
	}
	.movie_thumb li {
		padding: 30px 0;
	}
	.movie_thumb li h3 {
		text-align: left;
		margin: 0 0 5px;
		font-size: 16px;
	}
	.movie_thumb figure {
		position: relative;
	}
	.movie_thumb li figure .thumbimg {
		width: 100%;
		height: auto;
	}
	.movie_thumb .global_contents_yt_trigger {
		position: relative;
		width: auto;
		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: 99%;
		height: auto;
	}
	.blk2_1000 figure.global_contents_yt_trigger, .blk1_500_box figure.global_contents_yt_trigger {
		width: auto;
		height: auto;
		position: relative;
		overflow: hidden;
	}
	.foot_movie .movie_thumb {
		width: 90%;
		margin: 0 auto;
	}
	/* annotation area
	------------------------------------------------------------------*/
	.annotation_area {
		background: #f4f4f4;
		padding: 20px 10px;
	}
	.annotation_area p {
		font-size: 12px;
		line-height: 1.4em;
	}
	.annotation_area .underline {
		margin: 20px 0 0;
		line-height: 1.4em;
	}
	/* foot_btn
	------------------------------------------------------------------*/
	.foot_btn_area {
		padding: 50px 0;
		border-top: 1px solid #ccc;
		margin: 50px 0 0;
	}
	.foot_btn_area p {
		font-size: 14px;
		vertical-align: top;
		line-height: 1.8em;
		text-align: left;
		padding: 0;
		margin: 0 auto 30px;
		width: 95%;
		height: 100%;
		display: block;
	}
	.foot_btn_area p:after {
		display: block;
		content: "";
		clear: both;
	}
	.foot_btn_area img {
		display: block;
		width: 200px;
		margin: 0 auto 20px;
		vertical-align: top;
	}
	.foot_btn_area .next {
		display: block;
		font-size: 16px;
		vertical-align: top;
		margin: 0 0 10px;
		text-align: center;
		width: 100%;
	}
	.foot_btn_area #next_description {
		display: inline-block;
		width: 100%;
		float: left;
	}
	.foot_btn_area .foot_btn {
		text-align: center;
		padding: 0 10px;
	}
	.foot_btn_area .foot_btn a {
		display: inline-block;
		padding: 10px 60px 10px 30px;
		background-color: #ededed;
		background: url(/common_lineup/img/arrow/arrow_l_r.png) #ededed right 10px center no-repeat;
		background-size: 16px;
		border: 1px solid #999;
		color: #333;
		text-align: center;
		width: 95%;
		max-width: 600px;
		box-sizing: border-box;
		margin: 0 auto;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
		border-radius: 7px;
	}
	.foot_btn a:hover {
		background-color: #f1f1f1;
		color: #999;
	}
	.foot_btn a strong {
		width: auto;
		text-align: left;
		margin: 10px auto;
		font-size: 13px;
		font-weight: normal;
		vertical-align: top;
		display: inline-block;
	}
	/*------------------------------------------------------------------
	common setup
	------------------------------------------------------------------*/
	/* blankicon */
	.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;
	}
	#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 {
		cursor: pointer;
		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: -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);
		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;
		/*background-color: white;*/
		*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;
		margin: 0 auto;
	}
	.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;
		position: absolute;
		background: url(/common_lineup/img/arrow/arrow_l.png) left 50% no-repeat;
	}
	.lb-nav a.lb-next {
		width: 50%;
		right: 0px;
		margin: 0 20px 0 0;
		position: absolute;
		background: url(/common_lineup/img/arrow/arrow_r.png) right 50% no-repeat;
	}
	.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;
	}
	.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,
	.bottom_banner_area,
	.shijo_bnrarea {
		margin: 0 auto 20px auto;
		width: 90%;
		max-width: 600px;
	}
	.top_banner_area ul,
	.bottom_banner_area ul,
	.shijo_bnrarea ul {
		margin: 0 auto 15px auto;
		width: 100%;
	}
	.top_banner_area li,
	.bottom_banner_area li,
	.shijo_bnrarea li {
		width: 100%;
		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,
	.shijo_bnrarea li img {
		max-width: 100%;
	}
	/* popup */
	.popup_open {
		width: 100%;
		margin-bottom: 10px;
	}
	.popup_open img {
		width: 100%;
		height: auto;
	}
	.popup_cont .close {
		position: absolute;
		top: 9px;
		right: 10%;
	}
	.popup_cont {
		display: none;
		margin: 10px auto;
		width: 90%;
		position: relative;
		padding: 54px 0 0 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: -30px;
		font-size: 14px;
		left: 0px;
		color: #fff;
	}
	.popup_cont .foot_cap a,
	.popup_cont .foot_cap a:hover,
	.popup_cont .foot_cap a:visited {
		color: #fff;
		text-decoration: underline;
	}
	.popup_cont .foot_cap .blankicon:after {
		top: 0px;
		right: -10px;
	}
	/* JNCAP banner 2017/4 end
	-------------------------------------------------- */
	.popup_inner {
		background: #fff;
		padding: 14px;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.popup_inner h2 {
		font-size: 18px;
		margin-bottom: 15px;
		line-height: 1.3;
	}
	.popup_inner h3 {
		font-size: 16px;
		margin: 5px 0 20px 5px;
	}
	.popup_inner img, .popup_cont img {
		max-width: 100%;
		height: auto;
	}
	.popup_inner .badge-award {
		margin: 15px auto;
		display: block;
	}
	.popup_inner p {
		text-align: left;
		margin: 30px 0 20px 0;
		word-break: break-all;
		font-size: 12px;
		color: #333;
		line-height: 1.5;
	}
	.popup_inner p.txt-refs {
		font-size: 10px;
		margin: 5px 5px 10px 10px;
	}
	/* 注文終了告知 SP共通
	-------------------------------------------------- */
	.endoforder {
		margin: 40px auto;
		border: 1px solid #333;
		padding: 20px;
		width: 95%;
		box-sizing: border-box;
		text-align: center;
	}
	.endoforder h2 {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.6em;
		margin: 0 0 10px;
		text-align: left;
		color: #D00;
	}
	.endoforder p {
		font-size: 12px;
		line-height: 1.6em;
		display: inline-block;
		text-align: left;
	}
	.endoforder p span.red {
		font-weight: bold;
		color: #f00;
	}
	.endoforder.date0917 {
		padding: 0 !important;
	}
	p.endoforder3 {
		width: 90%;
		padding: 20px 0;
	}
	p.sale {
		background: #00a0dc;
		color: #fff;
		width: 100%;
		text-align: center;
		padding: 5px 0;
		font-weight: bold;
	}
	p.sale a {
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
	}
	/* サポカー
	-------------------------------------------------- */
	.supportcars {
		background-color: #f6f6f6;
		box-sizing: border-box;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border: 1px double #00a8a0;
		margin: 20px 10px 20px 10px;
	}
	.supportcars img {
		width: 64px;
		height: 64px;
	}
	div.supportcars a {
		padding-top: 15px;
	}
	div.supportcars ul {
		display: block;
	}
	div.supportcars ul li {
		float: none;
	}
	div.supportcars ul li.flt_l {
		margin: 0 0 10px;
		width: 100%;
		height: 70px;
		display: inline-block;
		text-align: center;
	}
	div.supportcars ul li.flt_l img {
		margin: 0 20px 0 0;
	}
	div.supportcars ul li.flt_l img:last-child {
		margin: 0;
	}
	div.supportcars ul li.flt_l .icon_block {
		margin: 0 0 10px 0;
		display: inline-block;
	}
	div.supportcars ul li.flt_l .icon_block img {
		margin: 0 20px 0 0;
	}
	div.supportcars ul li.flt_l .icon_block img:last-child {
		margin: 0 5px 0 0;
	}
	div.supportcars ul li.flt_r {
		color: #000;
		margin-top: 15px;
	}
	div.supportcars h3 {
		font-size: 16px;
		line-height: 1.4;
		margin: 0!important;
		color: #000;
		padding: 0 10px!important;
		font-weight: bold !important;
	}
	div.supportcars h3 span.getname,
	div.supportcars h3 span.getgrade {
		display: inline;
		font-weight: bold !important;
		color: #000;
		font-size: 16px!important;
	}
	div.supportcars h3 .alphabet {
		font-weight: bold;
	}
	div.supportcars p.lead {
		font-size: 14px;
		line-height: 1.5;
		margin: 10px 0 15px !important;
		padding: 0 10px 5px 10px !important;
	}
	div.supportcars p.lead sup {
		line-height: 1.4;
		top: -0.4em;
	}
	div.supportcars p.notes {
		font-size: 12px;
		margin: 5px 10px 7px 10px;
		padding: 0;
		line-height: 2.0;
	}
	div.supportcars p.notes sup {
		line-height: 2.45;
		top: -4px;
	}
	div.supportcars p.caption {
		text-align: left;
		margin: 10px 10px 0px 10px;
		padding: 0;
		font-size: 10px !important;
	}
	div.supportcars span.s_wide {
		font-size: 12px;
		font-weight: bold;
		color: #000;
		padding: 3px 10px 3px 10px;
		background: #F5AF1C;
		border: 1px solid #F5AF1C;
		border-radius: 4px 4px;
		margin: 0px 5px 0px 0px;
	}
	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 0px;
	}
	div.supportcars div.more_txt {
		font-size: 16px;
		color: #FFF;
		padding: 10px 30px 10px 10px;
		background: #00a8a0 url(/common_lineup/img/arrow/arrow_l_r_white.png) right 15px center no-repeat;
		margin: 10px 0 0 0;
		border-radius: 0px 0px 6px 6px;
		-webkit-border-radius: 0px 0px 6px 6px;
		-moz-border-radius: 0px 0px 6px 6px;
		border: 2px solid #00a8a0;
	}
	/* サポカー（AEBS無）
	-------------------------------------------------- */
	.supportcars2 {
		background-color: #f6f6f6;
		box-sizing: border-box;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border: 1px double #00a8a0;
		margin: 20px 10px 20px 10px;
	}
	.supportcars2 img {
		width: 64px;
		height: 64px;
	}
	div.supportcars2 a {
		padding-top: 15px;
	}
	div.supportcars2 ul {
		display: block;
	}
	div.supportcars2 ul li {
		float: none;
	}
	div.supportcars2 ul li.flt_l {
		margin: 0 0 10px;
		width: 100%;
		height: 70px;
		display: inline-block;
		text-align: center;
	}
	div.supportcars2 ul li.flt_l img {
		margin: 0 20px 0 0;
	}
	div.supportcars2 ul li.flt_l img:last-child {
		margin: 0;
	}
	div.supportcars2 ul li.flt_l .icon_block {
		margin: 0 20px 0 0;
	}
	div.supportcars2 ul li.flt_l .icon_block img {
		margin: 0 5px 0 0;
	}
	div.supportcars2 ul li.flt_l .icon_block img:last-child {
		margin: 0;
	}
	div.supportcars2 ul li.flt_r {
		color: #000;
	}
	div.supportcars2 h3 {
		font-size: 16px;
		line-height: 1.4;
		margin: 0!important;
		color: #000;
		padding: 0 10px!important;
		font-weight: bold !important;
	}
	div.supportcars2 h3 span.getname,
	div.supportcars2 h3 span.getgrade {
		display: inline;
		font-weight: bold !important;
		color: #000;
		font-size: 16px!important;
	}
	div.supportcars2 h3 .alphabet {
		font-weight: bold;
	}
	div.supportcars2 p.lead {
		font-size: 14px;
		line-height: 1.5;
		margin: 10px 0 15px !important;
		padding: 0 10px 5px 10px !important;
	}
	div.supportcars2 p.lead sup {
		line-height: 1.4;
		top: -0.4em;
	}
	div.supportcars2 p.notes {
		font-size: 12px;
		margin: 5px 10px 7px 10px;
		padding: 0;
	}
	div.supportcars2 p.notes sup {
		line-height: 2.45;
		top: -4px;
	}
	div.supportcars2 p.caption {
		text-align: left;
		margin: 10px 10px 0px 10px;
		padding: 0;
		font-size: 10px !important;
	}
	div.supportcars2 span.s_wide {
		font-size: 12px;
		font-weight: bold;
		color: #000;
		padding: 3px 10px 3px 10px;
		background: #F5AF1C;
		border: 1px solid #F5AF1C;
		border-radius: 4px 4px;
		margin: 0px 5px 0px 5px;
	}
	div.supportcars2 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.supportcars2 div.more_txt {
		font-size: 16px;
		color: #FFF;
		padding: 10px 30px 10px 10px;
		background: #00a8a0 url(/common_lineup/img/arrow/arrow_l_r_white.png) right 15px center no-repeat;
		margin: 10px 0 0 0;
		border-radius: 0px 0px 6px 6px;
		-webkit-border-radius: 0px 0px 6px 6px;
		-moz-border-radius: 0px 0px 6px 6px;
		border: 2px solid #00a8a0;
	}
	/*グレード一覧　減税アイコン対応
	------------------------------------------------------------------*/
	ul.ecotag img {
		width: auto;
		height: 38px;
	}
	ul.ecocar img {
		width: auto;
		height: 38px;
	}
	/* スペックシート（トップページ用）
	------------------------------------------------------------------*/
	#spec_list {
		margin: 20px 0 0;
		padding: 0 10px;
	}
	#spec_list table {
		width: 100%;
		line-height: 1.2;
		border: 1px solid #ccc;
		overflow: hidden;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-collapse: separate;
		margin: 0 auto;
		padding: 0!important;
	}
	#spec_list th {
		width: 25%;
		font-size: 16px;
		background-color: #eee;
		border: none;
		padding: 10px;
		border-bottom: 1px solid #ccc;
		vertical-align: top;
	}
	#spec_list td {
		font-size: 16px;
		border: none;
		padding: 6px;
		border-bottom: 1px solid #ccc;
	}
	#spec_list td strong {
		font-weight: 100;
		font-size: 32px;
	}
	#spec_list th .tsdin {
		margin-top: 5px;
		font-size: 14px;
		font-weight: normal;
	}
	#spec_list td .tsdin {
		display: inline-block;
	}
	#spec_list .tsd_txt1 {
		font-size: 12px;
		padding: 0;
		line-height: 1.2;
		display: inline-block;
	}
	#spec_list .lbox {
		display: inline-block;
	}
	#spec_list .rbox {
		display: inline-block;
		text-align: left;
		margin: 16px 0 0 4px;
		vertical-align: top;
	}
	#spec_list .lbox .between strong {
		vertical-align: top;
		margin: 8px 0 0;
		font-size: 20px;
		display: inline-block;
		;
	}
	/**定員**/
	#spec_list #tsd1_data {}
	/**価格**/
	#spec_list #tsd2_data {}
	/**燃費**/
	#spec_list #tsd3 .tsd_txt1 {
		padding: 5px 0 0;
	}
	#spec_list #tsd3_data {}
	/**排気量**/
	#spec_list #tsd4_data {}
	/**駆動方式**/
	#spec_list #tsd5, #spec_list #tsd5_data {
		border-bottom: none;
	}
	#spec_list #tsd5_data .tsd_txt1 {
	}
	/**キャプション、アイコン**/
	#spec_list .caption p, #spec_list .caption .icon_area {
		display: inline-block;
		vertical-align: top;
	}
	#spec_list .caption {
		margin: 10px 5px 20px 5px;
		padding: 0;
		line-height: 140%;
	}
	#spec_list .caption .icon_area .as3 {
		margin-top: 10px;
	}
	/* スペックシート（トップページ用）	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 50px;
	}
	.conversion_btnarea h3 {
		font-size: 24px;
		text-align: center;
		letter-spacing: -1.5px;
		margin: 0 0 20px;
	}
	.conversion_btnarea ul {
		width: 100%;
		margin: 0 auto;
		font-size: 0;
		text-align: center;
	}
	.conversion_btnarea ul li {
		display: inline-block;
		margin: 5px;
		width: 46%;
		height: auto;
		background: #eee;
		padding: 20px 0;
	}
	.conversion_btnarea ul li a {
		box-sizing: border-box;
	}
	.conversion_btnarea .blankicon:before {
		content: url(/common_lineup/img/icon/icon_blank_gray.png);
		width: 12px;
		height: 12px;
		position: absolute;
		top: -10px;
		bottom: auto!important;
		right: 5px;
		z-index: 5;
	}
	.conversion_btnarea #btn_catalogue a:after,
	.conversion_btnarea #btn_dealer a:after {
		background: none;
	}
	.conversion_btnarea ul li a img {
		width: 100%;
		height: auto;
	}
	/*　グレード詳細ページ	コンバージョンボタン End
	-------------------------------------------------- */

	/*　--------------------------------------------------
	試乗車をさがずボタン */
	.testdrive_btn {
		margin: 50px auto 50px;
		width: 90%;
	}
	.testdrive_btn a {
		display: block;
		background: #333;
		border: 1px solid #fff;
		padding: 30px 10px 30px;
		text-align: center;
		box-shadow: 0 2px 8px 0.2px rgba(0, 0, 0, 0.3);
	}
	.testdrive_btn a p {
		display: inline-block;
		background: url(/common_lineup/img/btn/btn_arrow_w.png) 0px 50% no-repeat;
		text-indent: 30px;
		font-size: 18px;
		letter-spacing: 0px;
		padding: 2px 0;
		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;
	}
	/*impreza s-style*/
	.testdrive_btn .drive_impreza_s-style a {
		background: #33598a;
	}
	/*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: 14px;
		margin-bottom: 1em;
		line-height: 160%;
	}
	/* フッターマージン調整
	------------------------------------------------*/
	footer.l-footer.page-footer {
		padding: 0!important;
	}
	/*　増税告知（2019.07）
	-------------------------------------------------- */
	.tax_notice {
		padding: 20px;
		width: 95%;
		border: 1px solid #333;
		box-sizing: border-box;
		margin: 20px auto;
		font-size: 15px;
	}
	.tax_notice p.tax_text {
		margin-top: 20px;
		font-weight: bold;
	}
	.tax_notice2 {
		padding: 20px;
		width: 95%;
		border: 1px solid #333;
		box-sizing: border-box;
		margin: 20px auto;
		font-size: 15px;
	}
	.tax_notice2 p.tax_text {
		margin-top: 20px!important;
		font-weight: bold;
	}
	/*　車種サイト　グレード詳細　バナーエリア
	-------------------------------------------------- */
	.capmaign_bnr {
		padding: 10px 10px 0;
	}
	.capmaign_bnr img {
		width: 100%;
	}
	.capmaign_bnr li.btn1 {
		margin-bottom: 10px;
	}
	.capmaign_bnr li.btn2 {
		margin-bottom: 10px;
	}
	/*　燃費基準達成レベル&排出ガス認定レベル ポップアップ
	-------------------------------------------------- */
	.popup_wrap input {
		display: none;
	}
	.popup_overlay {
		display: flex;
		justify-content: center;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		opacity: 0;
		transition: opacity 0.5s, transform 0s 0.5s;
		transform: scale(0);
	}
	.popup_trigger {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.popup_content {
		position: relative;
		align-self: center;
		width: 95%;
		padding-top: 40px;
		box-sizing: border-box;
		background: #fff;
		line-height: 1.4em;
		transition: 0.5s;
	}
	.popup_content img {
		width: 100%;
		margin: 0 auto;
	}
	.close_btn {
		position: absolute;
		top: 14px;
		right: 16px;
		font-size: 30px;
		cursor: pointer;
	}
	.popup_wrap input:checked~.popup_overlay {
		opacity: 1;
		transform: scale(1);
		transition: opacity 0.5s;
	}
	.open_btn {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		height: 30px;
		color: #333;
		font-weight: bold;
		border-radius: 3px;
		cursor: pointer;
		transition: .3s ease;
		text-decoration: underline;
		padding: 0 5px;
		margin: -15px 0 25px;
		font-size: 14px;
	}
	.open_btn:hover {
		color: #0074ce;
		transition: .3s ease;
	}
	/*　SAMBAR VAN & SAMBAR TRUCK お詫びとお知らせ
	-------------------------------------------------- */
	.news {
		border: 2px solid #000;
		margin: 10px;
		padding: 10px;
	}
	.news .title p {
		font-size: 18px;
		text-align: center;
		font-weight: bold;
	}
	.news .text p {
		font-size: 14px;
		margin: 10px 0;
	}
	.news table {
		border-collapse: collapse;
	}
	.news tbody tr th {
		border: 1px solid #000;
		width: 20%;
		padding: 1.5%;
		vertical-align: middle;
		font-weight: normal;
		font-size: 12px;
	}
	.news tbody tr td {
		border: 1px solid #000;
		width: 80%;
		padding: 1.5%;
		vertical-align: middle;
		font-size: 12px;
	}
	.news p.caption {
		font-size: 14px;
		color: #f00;
	}
}


/* media query
-----------------*/

@media screen and (min-width: 400px) {
	.blk3_max_box {
		margin: 0;
	}
	.blk3_max_box li {
		width: 32%;
		margin: 0 2px 0 0;
	}
	.blk3_max img {
		min-width: auto;
	}
}