@charset "UTF-8";


/* Web Font -------------------- */
@font-face {
	font-family: "RenaultFont";
	src: url('/common2016/font/RenaultLifeWeb-Regular.woff') format('woff');
}
@font-face {
	font-family: "RenaultFontBold";
	src: url('/common2016/font/RenaultLifeWeb-Bold.woff') format('woff');
	font-weight: bold;
}
@font-face {
	font-family: "RenaultFontLight";
	src: url('/common2016/font/RenaultLifeWeb-Light.woff') format('woff');
	font-weight: lighter;
}


/* default img width */
.info-body__inner img {
    max-width:100%;
}



/* Information Title -------------------- */
.info-ttl {
	border-bottom: 1px solid #dbdbdb;
}
.info-ttl__body {
	font-weight: bold;
}
.info-body__sns {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	justify-content: -webkit-flex-end;
}
.info-body__sns > li {
	line-height: 1;
	margin: 16px 0 16px 16px;
}
.info-body__photo {
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.info-ttl__inner {
		padding: 8px 16px 20px 16px;
	}
	.info-ttl__type {
		font-size: 0.6rem;
	}
	.info-ttl__date {
		font-size: 0.9rem;
	}
	.info-body {
		padding: 0 16px 16px 16px;
	}
	.info-body__sttl {
		font-size: 1.3rem;
		padding: 20px 0 0 0;
	}
	.info-body__text {
		font-size: 1.2rem;
		line-height: 1.95;
		padding: 8px 0 20px 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.info-ttl__inner {
		padding: 16px 32px;
	}
	.info-ttl__type {
		font-size: 1.2rem;
	}
	.info-ttl__date {
		font-size: 1.8rem;
	}
	.info-ttl__body {
		font-size: 3.2rem;
	}
	.info-body {
		padding: 0 32px 16px 32px;
	}
	.info-body__sttl {
		font-size:  2.2rem;
		padding: 24px 4px 0 4px;
	}
	.info-body__text {
		line-height: 2.25;
		padding: 8px 4px 40px 4px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.info-ttl__inner {
		margin: 0 auto;
		padding: 24px 0 12px 0;
		width: 1024px;
	}
	.info-ttl__type {
		font-size: 1.2rem;
	}
	.info-ttl__date {
		font-size: 1.8rem;
	}
	.info-ttl__body {
		font-size: 3.2rem;
	}
	.info-body__inner {
		margin: 0 auto;
		width: 1024px;
	}
	.info-body__sttl {
		font-size: 2.2rem;
		padding: 32px 12px 0 12px;
	}
	.info-body__text {
		line-height: 2.25;
		padding: 12px 12px 48px 12px;
	}
}






/* Information Layout -------------------- */
.info-layout {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.info-layout__100 li {
	width: 100%;
}
.info-layout li > img {
	width: 100%;
}
.info-layout__caption {
	text-align: center;
}
.info-layout.type2 {
   display: inherit;
   text-align: center !important;
}
.info-layout.type2 li {
   display: inline-block;
    *display: inline;
    *zoom: 1;
   text-align:center;
}
/* SP */
@media (max-width: 767px) {
	.info-layout {
		margin: 24px 0 0 0;
	}
	.info-layout li {
		margin: 12px 0 0 0;
	}
	.info-layout__txt {
		line-height: 2.25;
	}
	.info-layout__100 li .info-layout__txt {
		padding: 12px 0;
	}
	.info-layout__sttl {
		font-size: 1.8rem;
		padding: 24px 0 0 0;
	}
	.info-layout__caption {
		font-size: 1rem;
		padding: 2px 0 0 0;
	}
	.info-layout__txt {
		font-size: 1.3rem;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.info-layout {
		margin: 0 0 24px 0;
	}
	.info-layout__caption {
		font-size: 1.2rem;
		padding: 4px 0 0 0;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.info-layout__50 li {
		width: 50%;
	}
	.info-layout__33 li {
		width: 33.333333%;
	}
	.info-layout__50--margin li {
		box-sizing: border-box;
		width: 50%;
	}
	.info-layout__50--margin li:first-child {
		padding: 0 6px 0 0;
	}
	.info-layout__50--margin li:last-child {
		padding: 0 0 0 6px;
	}
	.info-layout__33--margin li {
		box-sizing: border-box;
		width: 33.333333%;
	}
	.info-layout__33--margin li:first-child {
		padding: 0 8px 0 0;
	}
	.info-layout__33--margin li:nth-child(2) {
		padding: 0 4px 0 4px;
	}
	.info-layout__33--margin li:last-child {
		padding: 0 0 0 8px;
	}
	.info-layout__3-7--margin li {
		box-sizing: border-box;
	}
	.info-layout__3-7--margin li:first-child {
		padding: 0 6px 0 0;
		width: 33.333333%;
	}
	.info-layout__3-7--margin li:last-child {
		padding: 0 0 0 6px;
		width: 66.666666%;
	}
	.info-layout__txt {
		line-height: 2.25;
		padding: 0 12px;
	}
	.info-layout li .info-layout__txt {
		margin-top: -8px;
	}
	.info-layout__100 li .info-layout__txt {
		margin-top: 0;
		padding: 12px;
	}
	.info-layout__sttl {
		font-size: 2.2rem;
		padding: 16px 12px 0 12px;
	}
  .info-layout.type2 li {
    float:left;
	  margin-left:10.4%;
  }


}
/* PC */
@media (min-width: 1280px) {
	.info-layout {
		margin: 0 0 48px 0;
	}
	.info-layout__caption {
		font-size: 1.2rem;
		padding: 10px 0 0 0;
	}
}






/* Information SNS -------------------- */
.l-info-sns .contents {
	background-color: #f5f5f5;
	overflow: visible;
}
.info-sns__list {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	justify-content: -webkit-center;
}
.info-sns__list > li {
	line-height: 1;
	margin: 20px 8px;
}
/* SP */
@media (max-width: 767px) {
	.l-info-sns {
		padding: 8px 16px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-info-sns {
		padding: 16px 32px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-info-sns {
		padding: 40px 0 20px 0;
	}
	.l-info-sns .contents {
		margin: 0 auto;
		width: 1024px;
	}
}







/* Related Article -------------------- */
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-info-related .information-list > a:nth-child(4) {
		display: none;
	}
}
/* SP */
@media (max-width: 767px) {
	.l-info-related > .headline .en {
		font-size: 1.9rem;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-info-related .contents {
		padding-bottom: 64px;
	}
}


.l-section.l-information{
    display:none;
}


/* For Movie -------------------- */
.info-layout__movie iframe {
	margin: 0 auto;
}
/* SP */
@media (max-width: 767px) {
.info-layout.info-layout__movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
	.info-layout__movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
}



/* For Articles */
/* 新規追加CSS */
/* 750px センタリング */
.info_layout_750Img{
	width:auto;
	max-width:750px;
	margin:0 auto;
}
.info_layout_750Img img{
	width:auto;
	max-width:100%;
}

/* ディーラーマップボタン CSS不要 */

/* 導線バナー*/

/* 横線 パターンA */
.border_a{
	display:block;
	background-color: inherit;	
	border-width: 1px 0px 0px 0px;
	height: 1px;
}

/* 横線 パターンB */
.border_b {
	display:block;
	background-color: inherit;
	border-top: 1px dotted;
	border-width: 1px 0px 0px 0px;
	height: 1px;
}

/* 横線 パターンC */
.border_c {
	display:block;
	background-color: inherit;
	border-top: 2px dashed #8c8b8b;
	border-width: 1px 0px 0px 0px;
	height: 1px;
}

/* 動画1024px */
.movie-1024 {
	margin: 0 auto;
	width: auto;
	max-width: 1024px;
}

/* 動画750px */
.movie-750 {
	margin: 0 auto;
	width: auto;
	max-width: 750px;
}
 
 /* 動画レスポンシブ */
.movieWrap {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.movieWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 黒背景 */
.info_bg_black{
	background:#000000;
	color:#ffffff;
}

.info_bg_black a{
	color:#ffffff;
}


.info_bg_black .l-info-sns .contents{
	background: #000000
}

.info_bg_black .l-social .headline{
	color:#333333;
}



.info_bg_black footer{
	background:#ffffff;
	margin-top:0;
	padding-top:24px;
}

/* 赤背景 */
.info_bg_red{
	background:#790b13;
	color:#e9e9e9;
}

.info_bg_red a{
	color:#ffffff;
}

.info_bg_red .l-info-sns .contents{
	background: #790b13;
}
.info_bg_red .l-social .headline{
	color:#333333;
}



.info_bg_red footer{
	background:#ffffff;
	margin-top:0;
	padding-top:24px;
}


/* 横線 パターンA */
.info_bg_black .info_bg_black .border_a{
	display:block;
	background-color: #cccccc;	
	border-width: 1px 0px 0px 0px;
	height: inherit;
}

/* 横線 パターンB */
.info_bg_black .border_b {
	display:block;
	background-color: inherit;
	border-top: 1px dotted #cccccc;
	border-width: 1px 0px 0px 0px;
	height: inherit;
}

/* 横線 パターンC */
.info_bg_black .border_c {
	display:block;
	background-color: inherit;
	border-top: 2px dashed #cccccc;
	border-width: 1px 0px 0px 0px;
	height: 1px;
}



/* 既存テンプレートのマージン削除 */
.info-margin-0{
	margin:0 auto;
}

/* SP */
@media (max-width: 767px) {
	.info-layout.info-margin-0 {
		margin: 0;
	}
	.info-layout.info-margin-0 li {
		margin: 0;
	}
	.info-layout.info-layout__50--margin.info-margin-0 li {
		margin:0 0 12px;
	}
	.info-layout.info-layout__33--margin.info-margin-0 li {
		margin:0 0 12px;
	}
	.info-margin-0.info-layout__caption {
		font-size: 1rem;
		padding: 2px 0 0 0;
		margin-bottom:12px;
	}

  /* IE10対応 2016.11.11 */
  .info-layout li a > img{
          width:100%;
  }
}

/* TB & PC */
@media (min-width: 768px) {
	.info-margin-0 .info-layout__txt {
		 line-height: 2.25;
		 padding: 0;
	}
	.info-margin-0 .info-layout li .info-layout__txt {
		margin-top: 0;
	}
	
	.info-margin-0.info-layout__100 li .info-layout__txt {
		margin-top: 0;
		padding: 0;
	}
	.info-margin-0 .info-layout__sttl {
		font-size: 2.2rem;
		padding: 0;
	}
}

/* 中原さん依頼テンプレート用 */
/* PC＆TB */
@media (min-width: 768px) {
	/*　パターン1 */
	.info-lptitle-2img img{
		float:left;
		width:50%;
		display:block;
	}
	
	.info-lptitle-2img .main img{
		width:100%;
	}
	.info-lptitle-2img li img{
		width:100%;
	}

	/*　パターン2 */
	.info-lptitle-3img img{
		float:left;
		width:33.3%;
		display:block;
	}
	.info-lptitle-3img .main img{
		width:100%;
	}	
	.info-lptitle-3img img:nth-child(3){
		width:33.4%;
	}
	
	/*　パターン3 */
	.info-lptitle-2img-top img{
		float:left;
		width:50%;
	}
	
	.info-lptitle-2img-top img.main{
		width:100%;
	}

	/*　パターン4 */
	.info-lptitle-2img-top-margin img{
		float:left;
		width:50%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	.info-lptitle-2img-top-margin img:first-child{
		padding-right:6px;
		margin-bottom:12px;
	}
	
	.info-lptitle-2img-top-margin img:nth-child(2){
		padding-left:6px;
		margin-bottom:12px;
	}
	
	.info-lptitle-2img-top-margin img:last-child{
		width:100%;
	}

	/*　パターン5 */
	.info-lptitle-2img-top-margin-750 img{
		float:left;
		width:50%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		display:block;
	}

	.info-lptitle-2img-top-margin-750 img:first-child{
		padding-right:6px;
		margin-bottom:12px;
	}
	
	.info-lptitle-2img-top-margin-750 img:nth-child(2){
		padding-left:6px;
		margin-bottom:12px;
	}
	
	.info-lptitle-2img-top-margin-750 img.w750{
		width:750px;
		margin:0 auto;
		float:none;
	}

	/*　パターン6 */
	.info-caption-box .info-caption-title{
		font-size:150%;
		font-weight:bold;
		margin-bottom:12px;
	}

	.info-caption-box .leftContent{
		width:50%;
		box-sizing:border-box;
		float:left;
		padding-right:6px;
	}
	.info-caption-box .rightContent{
		float:right;
		padding-left:6px;
		width:50%;
		box-sizing:border-box;
	}
	.info-caption-box .leftContent img{
		width:100%;
	}
	.info-caption-box .rightContent p{
		margin-bottom:12px;
	}
	.info-caption-box .rightContent .caption-sublead{
		font-size:84%;
	}

	.info-caption-box .rightContent .caption-lead{
		font-size:150%;
		font-weight:bold;
		margin-bottom:6px;
	}
	.info-caption-box .rightContent .caption-lead-sub{
		font-weight:bold;
	}
	.info-caption-box .rightContent .caption-caution{
		font-size:75%;
		padding-left:1em;
		text-indent:-1em;
		margin-bottom:3px;
	}
}

/* SP */
@media (max-width: 767px) {
	/*　パターン1 */
	.info-lptitle-2img img{
		float: none;
		width:100%;
	}
	
	/*　パターン2 */
	.info-lptitle-3img img{
		float: none;
		width:100%;
	}
	.info-lptitle-3img img:nth-child(3){
		width:100%;
	}

	/*　パターン3 */
	.info-lptitle-2img-top img{
		float: none;
		width:100%;
	}
	
	/*　パターン4 */
	.info-lptitle-2img-top-margin img{
		float: none;
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	.info-lptitle-2img-top-margin img:first-child{
		padding-right:0;
		margin-bottom:12px;
	}
	
	.info-lptitle-2img-top-margin img:nth-child(2){
		padding-left:0;
		margin-bottom:12px;
	}

	/*　パターン5 */
	.info-lptitle-2img-top-margin-750 img{
		float: none;
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	.info-lptitle-2img-top-margin-750 img:first-child{
		padding-right:0;
		margin-bottom:12px;
	}
	
	.info-lptitle-2img-top-margin-750 img:nth-child(2){
		padding-left:0;
		margin-bottom:12px;
	}

	.info-lptitle-2img-top-margin-750 img:last-child{
		width:100%;
	}
	
	/*　パターン6 */
	.info-caption-box .info-caption-title{
		font-size:150%;
		font-weight:bold;		
	}

	.info-caption-box .leftContent{
		width:100%;
		box-sizing:border-box;
		float:none;
		padding-right:0;
		margin-bottom:12px;
	}
	.info-caption-box .rightContent{
		float:none;
		padding-left:0;
	}
	.info-caption-box .leftContent img{
		width:100%;
	}
	.info-caption-box .rightContent p{
		margin-bottom:12px;
	}
	.info-caption-box .rightContent .caption-sublead{
		font-size:84%;
	}

	.info-caption-box .rightContent .caption-lead{
		font-size:150%;
		font-weight:bold;
		margin-bottom:6px;
	}
	.info-caption-box .rightContent .caption-lead-sub{
		font-weight:bold;
	}
	.info-caption-box .rightContent .caption-caution{
		font-size:75%;
		padding-left:1em;
		text-indent:-1em;
		margin-bottom:3px;
	}

	
.l-container.bg_black {
    background-color: #000000 !important;
}

.l-container .info_bg_black h2.headline {
    color: #ffffff;
}

.l-container.info_bg_black  h2{
    color:#ffffff;
}

.info_bg_red > section.l-section.l-social > h2
.l-container .info_bg_red {
    background-color: #790b13 !important;
    color:#e9e9e9;
}

.l-container .info_bg_red h2.headline,
.info_bg_red > section.l-section.l-social > h2 {
    color: #333333 !important;
}

.l-container.info_bg_red  h2{
    color:#e9e9e9;
}