@charset "UTF-8";





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





/* Reset -------------------- */
body, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, div, dl, dt, dd,
ol, ul, li, th, td, form, fieldset, input, textarea {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
select {
	margin: 0 0 0 0;
}
img {
	border: 0 none;
	vertical-align: bottom;
}
hr {
	display: none;
}
ol, ul {
	list-style: none;
}
article, aside, details, figcaption,
figure, footer, header, hgroup, menu, nav {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
}
.invisible {
	display: none;
}
/* SP */
@media (max-width: 767px) {
	.invisible--sp { display: none; }
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.invisible--tb { display: none; }
}
/* PC */
@media (min-width: 1280px) {
	.invisible--pc { display: none; }
}
/* SP */
@media (max-width: 767px) {
	.only_tb { display: none; }
	.only_pc { display: none; }
	}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.only_sp { display: none; }
	.only_pc { display: none; }
}
/* PC */
@media (min-width: 1280px) {
	.only_sp { display: none; }
	.only_tb { display: none; }
}





/* Common -------------------- */
html {
    font-size: 62.5%;	/* 10px */
}
body {
    background: #ffffff;
    color: #333333;
    font-family: 'Noto Sans CJK JP', "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.6rem;	/* 16px */
    height: 100%;
	line-height: 1.5;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}
a {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a::selection {
	background: none;
}
a::-moz-selection {
	background: none;
}
.l-container {
	background-color: #ffffff;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}
.l-section {
	box-sizing: border-box;
    display: block;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.l-section > .headline {
	font-weight: normal;
	text-align: center;
}
.l-section > .headline .en {
	font-family: "RenaultFont";
	font-weight: bold;
	line-height: 1;
}
.l-section > .headline .jp {
	line-height: 1;
}
.l-section .contents {
	overflow: hidden;
}
.l-border-bottom {
	border-bottom: 1px solid #dbdbdb;
}
/* SP */
@media (max-width: 767px) {
	.l-border-bottom {
		padding-bottom: 52px;
	}
	.l-section > .headline {
		padding-top: 52px;
	}
	.l-section > .headline .en {
		font-size: 2.4rem;
	}
	.l-section > .headline .jp {
		font-size: 1rem;
		padding: 6px 0 0 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-border-bottom {
		padding: 0 0 52px 0;
	}
	.l-section > .headline {
		padding: 52px 0 0 0;
	}
	.l-section > .headline .en {
		font-size: 3.6rem;
	}
	.l-section > .headline .jp {
		font-size: 1.2rem;
		padding: 6px 0 0 0;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-section > .headline .en {
		font-size: 4rem;
	}
	.l-section > .headline .jp {
		font-size: 1.2rem;
		padding-top: 6px;
	}
	.l-border-bottom {
		padding-bottom: 64px;
	}
	.l-section > .headline {
		padding-top: 64px;
	}
}


 


/* Headline Top -------------------- */
.l-section > .headline--top .en {
	font-family: "RenaultFont";
}
/* SP */
@media (max-width: 767px) {
	.l-section > .headline--top .en {
		font-size: 2.4rem;
	}
	.l-section > .headline--top {
		padding-top: 24px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-section > .headline--top {
		padding: 48px 0 0 0;
	}
	.l-section > .headline--top .en {
		font-size: 3.6rem;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-section > .headline--top {
		padding: 52px 0 0 0;
	}
	.l-section > .headline--top .en {
		font-size: 4.6rem;
	}
}





/* Banner -------------------- */
.banner--find-dealer,
.banner--specialist {
	float: left;
}
.banner--find-dealer-long > img,
.banner--find-dealer > img,
.banner--specialist > img {
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.banner {
		padding: 0 16px;
	}
	.banner--find-dealer-long,
	.banner--find-dealer,
	.banner--specialist {
		width: 100%;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.l-banner .contents {
		padding: 0 0 40px 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.banner {
		padding: 0 32px;
	}
	.banner--find-dealer-long {
		width: 100%;
	}
	.banner--find-dealer {
		width: 60.9375%;
	}
	.banner--specialist {
		width: 39.0625%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-banner .contents {
		margin: 0 auto;
		padding-bottom: 64px;
		width: 1024px;
	}
}





/* Banner Menu -------------------- */
.banner__menu {
	float: left;
	width: 100%;
}
.banner__menu:after {
	clear: both;
	content: "";
	display: block;
}
.banner__menu > li {
	float: left;
}
.banner__menu a {
	background-color: #ffce00;
	border-color: #cca500;
	border-style: solid;
	box-sizing: border-box;
	color: #333333;
	display: block;
	font-size: 1.4rem;
	height: 100%;
	text-decoration: none;
	position: relative;
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.banner__menu {
		padding: 16px 0 0 0;
	}
	.banner__menu > li,
	.banner__menu a {
		width: 100%;
	}
	.banner__menu a {
		border-width: 1px 0 0 0;
	}
	.banner__menu li:first-child a {
		border-top-width: 0;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.banner__menu a {
		line-height: 64px;
		padding-left: 16px;
	}
	.banner__menu > li {
		height: 64px;
	}
	.banner__menu a.arrow:after {
		font-size: 18px;
		position: absolute;
		right: 10px;
		top: 23px;
	}
	.banner__menu a.is_tapped {
		background-color: #ffdd33;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.banner__menu {
		box-sizing: border-box;
		padding: 16px 32px 0 32px;
	}
	.banner__menu a {
		border-width: 0 1px 0 0;
	}
	.banner__menu > li {
		width: 50%;
	}
	.banner__menu li:nth-child(2n) a {
		border-right-width: 0;
	}
	.banner__menu li:nth-child(n+3) a {
		border-top-width: 1px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.banner__menu {
		padding: 16px 0 0 0;
	}
	.banner__menu > li {
		height: 64px;
		width: 33.333333%;
	}
	.banner__menu a {
		border-width: 0 1px 0 0;
		line-height: 64px;
		padding-left: 24px;
	}
	.banner__menu a:hover {
		background-color: #ffdd33;
	}
	.banner__menu a.arrow:after {
		font-size: 18px;
		position: absolute;
		right: 20px;
		top: 23px;
	}
	.banner__menu li:nth-child(3n) a {
		border-right-width: 0;
	}
	.banner__menu li:nth-child(n+4) a {
		border-top-width: 1px;
	}
}





/* Banner Menu Icon -------------------- */
.btn-icon {
	background-image: url(../img/icon_btn.svg);
	background-repeat: no-repeat;
	background-size: 1em 6em;
	display: inline-block;
	font-size: 40px;
	height: 1em;
	margin-bottom: -14px;
	margin-right: 8px;
	width: 1em;
}
.btn-icon--finance    {	background-position: 0 0;		}
.btn-icon--catalog    {	background-position: 0 -1em;	}
.btn-icon--testdrive  {	background-position: 0 -2em;	}
.btn-icon--secondhand {	background-position: 0 -3em;	}
.btn-icon--warranty   {	background-position: 0 -4em;	}
.btn-icon--care 	  {	background-position: 0 -5em;	}






/* Social Button -------------------- */
.l-social {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	padding: 28px 0 40px 0;
}
	.l-social .contents {
		padding: 0 32px;
}
.l-social > .headline {
	padding-top: 0;
	text-align: center;
}
.social__item {
	color: #ffffff;
	float: left;
	font-size: 1.4rem;
	height: 120px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
.social__item--instagram {
	background-color: #d93175;
}
.social__item--facebook {
	background-color: #2e4e99;
}
.social__item--twitter {
	background-color: #00aaef;
}
.social__item--youtube {
	background-color: #e62d27;
}
.social__item--mail-magazine {
	background-color: #ffce00;
	color: #000000;
}
.social__icon {
	background: url(../img/icon.svg) no-repeat 0 0;
	background-size: 2em 7em;
	display: block;
	font-size: 50px;
	height: 1em;
	margin: 8px auto 0 auto;
	width: 1em;
}
.social__icon--instagram {
	background: url(../img/icon_instagram.svg) no-repeat 0 0;
	background-size: 1em;
}
.social__icon--facebook {		background-position: 0 -3em;	}
.social__icon--twitter {		background-position: 0 -4em;	}
.social__icon--youtube {		background-position: 0 -5em;	}
.social__icon--mail-magazine {	background-position: -1em -6em;	}
.social__text {
	margin-top: 6px;
}
/* SP */
@media (max-width: 767px) {
	.l-social > .headline {
		padding-bottom: 10px;
	}
	.l-social > .headline .en {
		font-size: 1.9rem;
	}
	.l-social .contents {
		padding: 0 16px;
	}
	.social__item {
		height: 72px;
	}
	.social__item {
		width: 33.33%;
	}
	.social__item--instagram,
	.social__item--facebook {
		width: 50%;
	}
	.social__text {
		display: none;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.social__item--instagram.is_tapped {
		background-color: #de4a86;
	}
	.social__item--facebook.is_tapped {
		background-color: #4161ae;
	}
	.social__item--twitter.is_tapped {
		background-color: #20bfff;
	}
	.social__item--youtube.is_tapped {
		background-color: #eb5752;
	}
	.social__item--mail-magazine.is_tapped {
		background-color: #ffdd33;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-social .contents {
		padding: 0 32px;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.l-social > .headline .en {
		font-size: 3rem;
	}
	.l-social .contents {
		padding: 28px 0 0 0;
	}
	.social__item {
		width: 20%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.social__list {
		margin: 0 auto;
		width: 1024px;
	}
	.social__item--instagram:hover {
		background-color: #de4a86;
	}
	.social__item--facebook:hover {
		background-color: #4161ae;
	}
	.social__item--twitter:hover {
		background-color: #20bfff;
	}
	.social__item--youtube:hover {
		background-color: #eb5752;
	}
	.social__item--mail-magazine:hover {
		background-color: #ffdd33;
	}
}





/* Common Button -------------------- */
.btn {
	background-color: #ffcc33;
	color: #333333;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-decoration: none;
}
/* SP */
@media (max-width: 767px) {
	.btn {
		width: 100%;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.btn.is_tapped {
		background-color: #ffdd33;
	}
}
/* PC */
@media (min-width: 1280px) {
	.btn {
		font-size: 2rem;
	}
	.btn:hover {
		background-color: #ffdd33;
	}
}




/* Button Action -------------------- */
.btn__box-over {
	position: relative;
}
/* SP & TB */
@media (max-width: 1279px) {
	.btn__box-over.is_tapped img {
		opacity: 0.9;
	}
}
/* PC */
@media (min-width: 1280px) {
	.btn__box-over:hover img {
		opacity: 0.9;
	}
}





/* Arrow -------------------- */
.arrow:after {
	background-image: url(../img/arrows.svg);
	background-position: -1em 0;
	background-repeat: no-repeat;
	background-size: 2em 6em;
	content: "";
	display: inline-block;
	height: 1em;
	position: relative;
	vertical-align: top;
	width: 1em;
}





/* Price -------------------- */
.price {
	position: relative;
}
.price:after {
	content: "円";
	font-size: .6em;
	margin-left: 3px;
	font-weight: normal;
}





/* Notice Mark -------------------- */
.notice-mark:after {
	content: "※";
	display: inline-block;
	font-size: 1rem;
	left: 2px;
	position: relative;
	vertical-align: text-bottom;
}





/* MainVisual -------------------- */
.mv__slider .slick-slide {
	outline: none;
}
.mv__slider img {
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.mv__slider .slick-next,
	.mv__slider .slick-prev {
		top: -100%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-mv .contents {
		padding: 16px 0 0 0;
	}
	.mv__slider {
		margin-left: auto;
		margin-right: auto;
		max-width: 1024px;
	}
}





/* MainVisual Width Max -------------------- */
.mv-max__slider .slick-slide {
	outline: none;
}
.mv-max__slider img {
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.mv-max__slider .slick-next,
	.mv-max__slider .slick-prev {
		top: -100%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-mv-max .contents {
		padding: 0 0 0 0;
	}
	.mv-max__slider {
		margin-left: auto;
		margin-right: auto;
		max-width: 1600px;
		width: 100%;
	}
}



/* Banner Alpine -------------------- */
.alpine-banner
{
	margin:0 auto;
    overflow:hidden;
}
.banner--alpine > img {
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.alpine-banner {
		padding: 40px 16px 0 16px;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.l-banner .contents {
		padding: 0 0 40px 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.alpine-banner {
		padding: 40px 32px 0 32px;
        width:50%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-banner .contents {
		margin: 0 auto;
		padding-bottom: 64px;
		width: 1024px;
	}
	.alpine-banner {
		padding: 40px 32px 0 32px;
        width:33.333333%;
        max-width:340px;
	}

}