@charset "UTF-8";



.rj-font {
	font-family: "RenaultFont";
}

.only-sp {
	display: block;
}
/* TB $ PC */
@media (min-width: 768px) {
	.only-sp {
		display: none;
	}
}
.is-pc {
	display: none;
}
@media (min-width: 1280px) {
	.is-pc {
		display: block;
	}
}


.page-move-target {
	height: 0;
	position: absolute;
}
/* SP */
@media (max-width: 767px) {
	.page-move-target {
		top: -43px;
	}
}
/* TB $ PC */
@media (min-width: 768px) {
	.page-move-target {
		top: -63px;
	}
}




/* --------------------------------------------------------
　　ページメニュー
-------------------------------------------------------- */
.car-menu--twingo .car-menu__fixed {
	background-color: #333;
	border-bottom: 0;
}
.car-menu--twingo .car-menu__ttl {
	color: #fff;
}
/* SP & TB */
@media (max-width: 1279px) {
	.car-menu--twingo .car-menu__icon:after {
		background-position: 0 -4em;
	}
	.car-menu--twingo .car-menu__icon.is_opened:after {
		background-position: -1em -4em;
	}
}
/* PC */
@media (min-width: 1280px) {
	.car-menu--twingo .car-menu__item > a {
		color: #fff;
	}
}



/* --------------------------------------------------------
　　TWINGO COMMON
-------------------------------------------------------- */
.l-container img {
	width: 100%;
	max-width: 100%;
}

.twg-sec {
	overflow: hidden;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

.twg-btn a {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	max-width: 386px;
	height: 40px;
	line-height: 40px;
	padding-left: 1.6rem;
	text-decoration: none;
	color: #333;
	background-color: #ffcc33;
}
.twg-btn a.arrow:after {
	position: absolute;
	right: 1.2rem;
	top: 14px;
}
/* PC */
@media (min-width: 1280px) {
	.twg-btn a {
		box-sizing: border-box;
		font-size: 1.4rem;
		height: 50px;
		line-height: 50px;
		padding-right: 32px;
	}
	.twg-btn a.arrow:after {
		right: 12px;
		top: 18px;
	}
}

.asterisk {
	font-size: 1rem;
	vertical-align: top;
}
.twg-note {
	margin-top: 1em;
}
.twg-note_item {
	font-size: 1rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-note_item {
		font-size: 1.2rem;
	}
}


/* Gallery slider */
/* slick dots */
.twg-parisUse_slider {
	position: relative;
}
.twg-parisUse_slider .slick-dots {
	bottom: 20px;
}
.twg-parisUse_slider .slick-dots li button:before {
	opacity: 0.75;
	color: #ffffff;
}
.twg-parisUse_slider .slick-dots li.slick-active button:before {
	color: #ffcc33;
}
/* SP */
@media (max-width: 767px) {
	.twg-parisUse_slider .slick-dots {
		bottom: 2px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.twg-parisUse_slider .slick-dots {
		bottom: 10px;
	}
}



/* --------------------------------------------------------
　　MV
-------------------------------------------------------- */
.is-oneSlider .slick-track {
	transform: translate3d(0, 0 ,0) !important;
}

.twg-slider {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	max-width: 1600px;
	width: 100%;
}
.twg-slider img {
	width: 100%;
}
.twg-slider li {
	position: relative;
	outline: none;
}
/* slick dots */
.twg-slider .slick-dots {
	bottom: 20px;
}
.twg-slider .slick-dots li button:before {
	opacity: 0.75;
	color: #ffffff;
}
.twg-slider .slick-dots li.slick-active button:before {
	color: #ffcc33;
}
/* SP */
@media (max-width: 767px) {
	.twg-slider .slick-dots {
		bottom: 2px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.twg-slider .slick-dots {
		bottom: 10px;
	}
}


/* --------------------------------------------------------
　　fixed background image
-------------------------------------------------------- */
.l-container {
	background-color: transparent;
}
.l-section {
	background-color: #fff;
	z-index: 2;
}
.global-menu {
	background-color: #fff;
	position: relative;
	z-index: 11000;
}
.footer-menu {
	background-color: #fff;
	margin-top: 0;
	padding-top: 24px;
	position: relative;
	z-index: 4;
}
.global-menu.no-shadow:after {
	display: none;
}

.twingo-bg {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 50%;
	position: fixed;
	z-index: 1;
	max-width: 1600px;
	transform: translate(-50%, 0);
}
/* SP */
@media (max-width: 767px) {
	.twingo-bg {
		background-color: #333;
		background-image: url("../img/bg_sp.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.twingo-bg {
		background-color: #333;
		background-image: url("../img/bg.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}


/* --------------------------------------------------------
　　twingo consept
-------------------------------------------------------- */
.twg-consept {
	padding: 20px 20px 90.625% 20px;
	background: url("../img/twg_consept_bg_sp.jpg") no-repeat bottom center;
	background-size: cover;
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-consept {
		padding: 64px 20px;
		background: url("../img/twg_consept_bg_pc.jpg") no-repeat 30% bottom;
		background-size: cover;
	}
	.twg-consept_wrap {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-consept {
		background: url("../img/twg_consept_bg_pc.jpg") no-repeat center bottom;
		background-size: cover;
	}
}

.twg-consept_detail {
	padding: 20px 15px;
	background-color: rgba(255, 255, 255, 0.9);
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-consept_detail {
		width: 45.7%;
		margin-left: auto;
		padding: 42px 20px 32px 20px;
	}
}

.twg-consept_logo {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-consept_logo {
		max-width: 180px;
	}
}

.twg-consept_title {
	padding-top: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-consept_title {
		font-size: 2.2rem;
	}
}

.twg-consept_description {
	padding-top: 1em;
	text-align: center;
	line-height: 2;
	font-weight: 500;
	font-size: 1.1rem;
}
.twg-consept_description .rj-font {
	font-weight: bold;
}
/* PC */
@media (min-width: 1280px) {
	.twg-consept_description {
		line-height: 1.714;
		font-size: 1.4rem;
	}
}

.twg-consept_btn {
	margin-top: 2rem;
}
.twg-consept_btn a {
	margin: 0 auto;
	padding-left: 0;
	padding-right: 1rem;
}
.twg-consept_btnWrap {
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 1.1rem;
}
.twg-consept_btnWrap:hover {
	opacity: 0.9;
}
.twg-consept_btnWrap.arrow:after {
	background-position: 0 -3em;
}
/* PC */
@media (min-width: 1280px) {
	.twg-consept_btnWrap {
		font-size: 1.4rem;
	}
}

.twg-consept_menu {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
}
.twg-consept_menu > li {
	box-sizing: border-box;
	width: 50%;
}
@media (min-width: 768px) {
	.twg-consept_menu > li {
		width: 25%;
	}
}
@media (max-width: 767px) {
	.twg-consept_menu > li:first-child,
	.twg-consept_menu > li:nth-child(2) {
		border-bottom: 1px solid #b5b5b5;
	}
	.twg-consept_menu > li:nth-child(2n) {
		border-left: 1px solid #b5b5b5;
	}
}
@media (min-width: 768px) {
	.twg-consept_menu > li {
		border-left: 1px solid #b5b5b5;
	}
	.twg-consept_menu > li:last-child {
		border-right: 1px solid #b5b5b5;
	}
}
.twg-consept_menu > li a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	color: #333;
}
.twg-consept_menu > li a:hover {
	opacity: 0.8;
}
@media (max-width: 767px) {
	.twg-consept_menu > li:nth-last-child(2) a,
	.twg-consept_menu > li:last-child a {
		padding-top: 0.5em;
	}
}

.twg-consept_menu > li .icon {
	display: block;
	height: 40px;
	margin: 0 auto;
}
.twg-consept_menu > li .icon img {
	width: auto;
	max-width: auto;
	height: 100%;
}
@media (min-width: 1280px) {
	.twg-consept_menu > li .icon {
		height: 60px;
	}
}

.twg-consept_menu > li .en {
	display: block;
	padding-top: 0.6em;
	line-height: 1.25;
	font-weight: bold;
	font-size: 1.1rem;
	font-family: "RenaultFont";
	color: #333;
}
/* PC */
@media (min-width: 1280px) {
	.twg-consept_menu > li .en {
		font-size: 1.4rem;
	}
}
.twg-consept_menu > li .arrow {
	display: block;
	text-align: center;
}
/* PC */
@media (min-width: 1280px) {
	.twg-consept_menu > li .arrow {
		margin-top: 1rem;
	}
}
.twg-consept_menu > li .arrow:after {
	background-position: 0 -3em;
}


/* --------------------------------------------------------
　　twingo paris
-------------------------------------------------------- */
/* paris common ------ */
.twg-paris_wrap {
	display: flex;
	flex-wrap: wrap;
}
.twg-paris_line {
	position: relative;
	display: block;
	width: 100%;
}
.twg-paris_line .en {
	padding-bottom: 0.2em;
	font-family: "RenaultFont";
	font-weight: 500;
	font-size: 1.2rem;
}
.twg-paris_line .line {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #dbdbdb;
}

.twg-paris_ttl {
	position: relative;
	margin-top: 14px;
}
@media (min-width: 1280px) {
	.twg-paris_ttl {
		margin-top: 32px;
	}
}
.twg-paris_ttl .is-pc {
	display: none;
}
@media (min-width: 1280px) {
	.twg-paris_ttl .is-pc {
		display: block;
	}
}
.twg-paris_ttl .icon,
.twg-paris_ttl .en {
	display: inline-block;
	vertical-align: middle;
}
.twg-paris_ttl .icon {
	height: 40px;
}
.twg-paris_ttl .icon img {
	width: auto;
	max-width: auto;
	height: 100%;
}
@media (min-width: 1280px) {
	.twg-paris_ttl .icon {
		height: 50px;
	}
}
.twg-paris_ttl .en {
	padding: 0.3em 0 0 10px;
	line-height: 1;
	font-family: "RenaultFont";
	font-weight: 500;
	font-size: 3rem;
}
@media (min-width: 1280px) {
	.twg-paris_ttl .en {
		padding-top: 0.2em;
		font-size: 3.8rem;
	}
}

.twg-paris_txt {
	margin-top: 1em;
}
@media (min-width: 1280px) {
	.twg-paris_txt {
		margin-top: 1.5em;
	}
}
.twg-paris_txt .sub {
	display: block;
	line-height: 1.5;
	font-family: "RenaultFont";
	font-weight: bold;
	font-size: 1.8rem;
}
@media (min-width: 1280px) {
	.twg-paris_txt .sub {
		font-size: 2rem;
	}
}
.twg-paris_txt .sub .asterisk {
	font-size: 1.2rem;
}

.twg-paris_txt .txt {
	margin-top: 0.4em;
	line-height: 2;
	font-size: 1.1rem;
	color: #202020;
}
@media (min-width: 1280px) {
	.twg-paris_txt .txt {
		font-size: 1.4rem;
	}
}


.twg-paris_btn {
	margin-top: 2.2rem;
}
.twg-paris_btn a {
	line-height: 1;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
.twg-paris_btn a.arrow:after {
	top: 12px;
}
/* TB */
@media (min-width: 768px) {
	.twg-paris_btn {
		margin-top: 1.6rem;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-paris_btn {
		margin-top: 3.2rem;
		margin-bottom: 60px;
	}
	.twg-paris_btn a {
		padding-top: 1.2em;
		padding-bottom: 1.2em;
	}
	.twg-btn a.arrow:after {
		top: 18px;
	}
}
.twg-paris_btnWrap {
	font-weight: bold;
	vertical-align: middle;
}
.twg-paris_btnWrap:hover {
	opacity: 0.9;
}
.twg-paris_btnLabel {
	text-align: left;
	font-family: "RenaultFont";
	font-size: 1.4rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-paris_btnLabel {
		font-size: 1.8rem;
	}
}
.twg-paris_btnNote {
	position: absolute;
	top: 50%;
	right: 3rem;
	margin-top: -0.5rem;
	font-size: 1rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-paris_btnNote {
		margin-top: -0.6rem;
		font-size: 1.2rem;
	}
}



/* paris design ------ */
.twg-parisDesign {
	padding-top: 40px;
}
@media (min-width: 768px) {
	.twg-parisDesign {
		padding-top: 0;
	}
}
.twg-parisDesign_wrap {
	position: relative;
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-parisDesign_wrap {
		flex-direction: row-reverse;
	}
}

.twg-parisDesign_img {
	width: 100%;
	margin-bottom: 0;

}
@media (min-width: 768px) {
	.twg-parisDesign_img {
		width: 57.81%;
	}
}

.twg-parisDesign_imgWrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-top: 73.84%;
	background: url('/car_lineup/twingo/img/twg_paris_design_img_5_sp.jpg') no-repeat 0 0;
	background-size: 100% auto;
}
@media (min-width: 768px) {
	.twg-parisDesign_imgWrap {
		padding-top: 84.54%;
		background: url('/car_lineup/twingo/img/twg_paris_design_img_5_pc.jpg') no-repeat 0 0;
		background-size: 100% auto;
	}
}

.twg-parisDesign_slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.twg-parisDesign_detail {
	padding: 20px 16px 40px 16px;
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-parisDesign_detail {
		box-sizing: border-box;
		width: 42.19%;
		max-width: 410px;
		padding: 20px 20px 40px 20px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisDesign_detail {
		padding: 30px 40px 0 16px;
	}
}

.twg-parisDesign_color {
	margin-top: 20px;
}
.twg-parisDesign_colorTtl {
	line-height: 1;
	font-family: "RenaultFont";
	font-weight: bold;
	font-size: 1.4rem;
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-parisDesign_color {
		margin-top: 16px;
	}
	.twg-parisDesign_colorTtl,
	.twg-parisDesign_colorWrap {
		display: inline-block;
		vertical-align: middle;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisDesign_color {
		margin-top: 32px;
	}
}
.twg-parisDesign_colorBtnSet {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1rem;
}
.twg-parisDesign_colorBtn {
	box-sizing: border-box;
	width: 18.75%;
	height: 16px;
}
/* TB */
@media (min-width: 768px) {
	.twg-parisDesign_colorBtnSet {
		margin-top: 0;
		width: 108px;
		margin-left: 16px;
	}
	.twg-parisDesign_colorBtn {
		width: 20px;
		height: 20px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisDesign_colorBtnSet {
		margin-left: 28px;
		width: 158px;
	}
	.twg-parisDesign_colorBtn {
		width: 30px;
		height: 30px;
	}
}
.twg-parisDesign_colorBtn.is-current {
	border: 2px solid #ffcc33;
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisDesign_colorBtn.is-current {
		border: 4px solid #ffcc33;
	}
}
.twg-parisDesign_colorBtn.orange {
	background-color: #ff9933;
}
.twg-parisDesign_colorBtn.red {
	background-color: #cc0000;
}
.twg-parisDesign_colorBtn.green {
	background-color: #99cccc;
}
.twg-parisDesign_colorBtn.blue {
	background-color: #99ccff;
}
.twg-parisDesign_colorBtn.gray {
	background-color: #d8d8d8;
}



/* EASY DRIVE ------ */
.twg-parisDrive_video {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 79.18%;
}
.twg-parisDrive_video video,
.twg-parisDrive_video img {
  position: absolute;
  top: 50%;
  left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	z-index: 1;
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-parisDrive_video {
		width: 57.81%;
		height: 0;
		padding-top: 45.77%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisDrive_video video {
		width: auto;
		height: 100%;
	}
}
.twg-parisDrive_detail {
	position: relative;
	padding: 20px 16px 20px 16px;
}
/* TB & PC */
@media (min-width: 768px) {
	.twg-parisDrive_detail {
		box-sizing: border-box;
		width: 42.19%;
		max-width: 410px;
		padding: 20px 20px 32px 20px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisDrive_detail {
		padding: 30px 0 30px 40px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisDrive_note {
		position: absolute;
		bottom: 40px;
		left: 40px;
	}
	.twg-parisDriveWrap_rev .twg-parisDrive_note {
		left: 0;
	}
}


@media (min-width: 768px) {
	.twg-parisDriveWrap_rev {
		flex-direction: row-reverse;
	}
}
@media (min-width: 1280px) {
	.twg-parisDriveWrap_rev .twg-parisDrive_detail {
		padding: 30px 40px 30px 0;
	}
}

/*--- City Drive Movie ------------------*/
.twg-parisMov .contents {
	background-color: rgba(255, 255, 255, 0.3);
}
.twg-parisMov {
	background-color: transparent;
}
.twg-parisMov_wrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0 60px 0;
	color: #202020;
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisMov_wrap {
		padding: 60px 0 80px 0;
	}
}
.twg-parisMov_subTtl,
.twg-parisMov_ttl {
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisMov_subTtl {
		font-size: 2rem;
	}
	.twg-parisMov_ttl {
		font-size: 3rem;
	}
}

.twg-parisMov_movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	margin-top: 20px;
}
.twg-parisMov_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.twg-parisMov_detail {
	margin-top: 1.6rem;
	padding: 0 16px;
}
.twg-parisMov_detail .lead {
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
}
.twg-parisMov_detail .txt {
	margin-top: 1em;
	line-height: 1.6;
	font-size: 1.1rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-parisMov_detail {
		margin-top: 2.2rem;
		padding: 0;
	}
	.twg-parisMov_detail .lead {
		font-size: 1.6rem;
	}
	.twg-parisMov_detail .txt {
		margin-top: 0.6em;
		font-size: 1.4rem;
	}
}



/*--- MULTI MEDIA ------------------*/
.twg-easyLink {
	padding: 30px 16px 40px 16px;
	border-top: 1px solid #ccc;
}
/* PC */
@media (min-width: 1280px) {
	.twg-easyLink {
		padding: 60px 16px;
	}
}
.twg-easyLink_wrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.twg-easyLink_ttl {
	text-align: center;
}
.twg-easyLink_ttl .en {
	line-height: 1;
	font-family: "RenaultFont";
	font-weight: bold;
	font-size: 2rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-easyLink_ttl .en {
		font-size: 3.6rem;
	}
}

.twg-easyLink_img {
	margin-top: 20px;
	margin-left: -16px;
	margin-right: -16px;
}
@media (min-width: 768px) {
	.twg-easyLink_img {
		margin-left: 0;
		margin-right: 0;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-easyLink_img {
		margin-top: 32px;
	}
}
.twg-easyLink_imgWrap {
	position: relative;
	width: 100%;
	padding-top: 38.95%;
	background: url('../img/twg_easylink_img_3.jpg') no-repeat 0 0;
	background-size: cover;
}

.twg-easyLink_img li {
	/* display: none; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 0;
	transition: all 1s;
}


.twg-easyLink_lead {
	margin-top: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
}
.twg-easyLink_txt {
	margin-top: 1em;
	line-height: 2;
	font-size: 1.1rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-easyLink_lead {
		font-size: 2.4rem;
	}
	.twg-easyLink_txt {
		margin-top: 0.6em;
		font-size: 1.4rem;
	}
}
.twg-easyLink_btn a {
	margin: 0 auto;
}


/*--- SPECIAL MOVIE ------------------*/
.twg-spMv {
	padding: 30px 16px 40px 16px;
	border-bottom: 1px solid #ccc;
}
/* PC */
@media (min-width: 1280px) {
	.twg-spMv {
		padding: 60px 16px;
	}
}
.twg-spMv_wrap {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.twg-spMv_ttl {
	text-align: center;
}
.twg-spMv_ttl .en {
	line-height: 1;
	font-family: "RenaultFont";
	font-weight: bold;
	font-size: 2rem;
}
/* PC */
@media (min-width: 1280px) {
	.twg-spMv_ttl .en {
		font-size: 3.6rem;
	}
}
.twg-spMv_movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	margin-top: 20px;
	border: 1px solid #ccc;
}
.twg-spMv_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* --------------------------------------------------------
　　ラインアップ
-------------------------------------------------------- */
/* SP */
@media (max-width: 767px) {
	.twg-lineup .headline {
		padding-top: 40px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.twg-lineup .headline {
		padding-top: 52px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-lineup .headline {
		padding-top: 104px;
	}
}

.twg-lineup-list,
.lineup-grade__data {
	color: #333333;
}

.twg-lineup-grade a {
	display: block;
	text-decoration: none;
}

/*--- リスト共通 ------------------*/
/* SP */
@media (max-width: 767px) {
	.twg-lineup-list {
		margin-top: 16px;
		padding-bottom: 38px;
	}
}
/* TB */
@media (min-width: 768px) {
	.twg-lineup-list {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: space-between;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 32px 88px 32px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-lineup-list {
		max-width: 936px;
		padding: 32px 0 100px 0;
	}
}

/*--- グレード共通 ------------------*/
.twg-lineup-grade {
	display: block;
	box-sizing: border-box;
	position: relative;
}
@media (max-width: 767px) {
	.twg-lineup-grade + .twg-lineup-grade {
		margin-top: 32px;
		padding-top: 32px;
		border-top: 1px solid #ccc;
	}
}
@media (min-width: 768px) {
	.twg-lineup-grade {
		width: 50%;
		max-width: 468px;
		margin: 20px auto 0;
	}
	.twg-lineup-grade:last-child {
		margin-top: 40px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-lineup-grade {
		margin-top: 0;
	}
}

/*--- 車イメージ ------------------*/
.lineup-grade__img {
	width: 100%;
}

/*--- テキストデータ ------------------*/
.lineup-grade__data {
	box-sizing: border-box;
	position: relative;
	margin: 16px 16px 0 16px;
}
@media (min-width: 1280px) {
	.lineup-grade__data {
		margin-left: 60px;
	}
}


/*--- 車名 ------------------*/
.lineup-grade__name {
	position: relative;
	display: inline-block;
}
.lineup-grade__name .en {
	font-family: "RenaultFont";
	font-weight: bold;
}
.lineup-grade__name .jp {
	display: block;
	font-size: 1rem;
	line-height: 1.865;
}
.lineup-grade__name .arrow:after {
	background-position: -1em -2em;
}
.lineup-grade__name .arrow:after {
	position: absolute;
	right: -1.2em;
	top: 2px;
}
/* SP */
@media (max-width: 767px) {
	.lineup-grade__name {
		line-height: 1.0;
	}
	.lineup-grade__name .en {
		font-size: 1.6rem;
		line-height: 1.2;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.lineup-grade__name {
		line-height: 1.1;
	}
	.lineup-grade__name .en {
		font-size: 2.8rem;
	}
}
/* PC */
@media (min-width: 1280px) {
	.lineup-grade__name {
		line-height: 1.1;
	}
	.lineup-grade__name .en {
		font-size: 2.8rem;
	}
}

/*--- 価格 ------------------*/
.lineup-grade__price {
	font-family: "RenaultFont";
	font-weight: bold;
}
/* SP */
@media (max-width: 767px) {
	.lineup-grade__price {
		padding: 10px 0 0 0;
		font-size: 1.6rem;
		line-height: 1;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.lineup-grade__price {
		font-size: 2rem;
		line-height: 1.5;
	}
}
/* PC */
@media (min-width: 1280px) {
	.lineup-grade__price {
		font-size: 2.4rem;
		line-height: 1;
		margin: 10px 0 0 0;
	}
}
.lineup-grade__price .jp {
	display: inline-block;
	line-height: 1;
	font-size: 1.1rem;
	font-weight: normal;
}
/* PC */
@media (min-width: 1280px) {
	.lineup-grade__price .jp {
		font-size: 1.8rem;
	}
}


/*--- 説明文 ------------------*/
.lineup-grade__txt {
	margin-top: 2rem;
	line-height: 2;
	font-size: 1.2rem;
}
/* PC */
@media (min-width: 1280px) {
	.lineup-grade__txt {
		font-size: 1.4rem;
	}
}


/*-- driving impressions バナー -----*/
.twg-lineup-bnr {
	text-align: center;
}
.twg-lineup-bnr__link {
	display: inline-block;
}

/* SP */
@media (max-width: 767px) {
	.twg-lineup-bnr {
		padding: 0 16px 52px 16px;
	}
	.twg-lineup-bnr__link {
		padding-top: 18px;
	}
	.twg-lineup-bnr__link img {
		width: 100%;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.twg-lineup-bnr__link img {
		width: 100%;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.twg-lineup-bnr__link {
		padding: 32px 0 88px 0;
	}
	.twg-lineup-bnr__link img {
		width: 640px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twg-lineup-bnr__link {
		padding: 80px 0 135px 0;
	}
	.twg-lineup-bnr__link:hover {
		opacity: 0.9;
	}
	.twg-lineup-bnr__link img {
		width: 640px;
	}
}

/* --------------------------------------------------------
　　CAR REVIEW
-------------------------------------------------------- */

.car-review {
    padding: 0 0 80px 0;
}

/* SP */
@media (max-width: 767px) {
	.car-review {
		padding: 0 0 32px 0;
	}
}

.car-review .contents {
	padding: 0 32px;
	max-width: 1024px;
	margin: 0 auto;
}

/* SP */
@media (max-width: 767px) {
	.car-review .contents {
		padding: 0 16px;
	}
}

@media (min-width: 1280px) {
	.car-review .contents img:hover {
		opacity: 0.9;
	}
}


/* --------------------------------------------------------
　　アクセサリー
-------------------------------------------------------- */
.l-accessory .headline {
	margin-bottom: 16px;
	padding: 0;
}
@media (min-width: 768px) {
	.l-accessory .headline {
		padding-top: 32px;
	}
}
@media (min-width: 1280px) {
	.l-accessory .headline {
		margin-bottom: 40px;
		padding-top: 64px;
	}
}

.accessory__btn .btn {
	display: inline-block;
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.accessory__btn > .btn {
		padding: 0 14px 0 0;
		font-size: 1.2rem;
		text-align: center;
	}
	.accessory__btn > .arrow:after {
		top: 50%;
		transform: translate(0, -50%);
	}
}
/* PC */
@media (min-width: 1280px) {
	.accessory__btn > .btn:hover {
		opacity: 0.8;
	}
}


/* --------------------------------------------------------
　　ファイナンス
-------------------------------------------------------- */
.finance {
	padding: 0 0 52px 0;
}

.finance .contents {
	padding: 30px 16px 0 16px;
}
@media (min-width: 768px) {
	.finance .contents {
		padding: 30px 32px 0 32px;
	}
}
@media (min-width: 1280px) {
	.finance .contents {
		padding: 44px 0 0 0;
	}
}


/*--- 吹き出し ---*/
.finance-balloon {
	position: relative;
	max-width: 740px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
}
@media (min-width: 768px) {
	.finance-balloon {
		padding: 24px 0;
	}
}
.finance-balloon:after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: -9px;
	left: 50%;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-right: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
	transform: translateX(-50%) rotate(45deg);
	z-index: 0;
}
@media (min-width: 768px) {
	.finance-balloon:after {
		bottom: -16px;
		width: 30px;
		height: 30px;
	}
}

.finance-balloon_ttl .lineup,
.finance-balloon_ttl .num,
.finance-balloon_ttl .txt {
	display: inline-block;
	line-height: 1;
}

.finance-balloon_ttl .lineup {
	font-size: 1.6rem;
}
.finance-balloon_ttl .lineup .rj-font {
	letter-spacing: 0.1em;
}
@media (min-width: 1280px) {
	.finance-balloon_ttl .lineup .rj-font {
		font-size: 2.4rem;
	}
}

.finance-balloon_ttl .num {
	font-size: 2rem;
	color: #b60000;
}
.finance-balloon_ttl .num .rj-font {
	margin: 0 0.1em;
	font-weight: bold;
	font-size: 5rem;
}
@media (min-width: 1280px) {
	.finance-balloon_ttl .num {
		margin: 0 0.2em;
		font-size: 2.4rem;
	}
	.finance-balloon_ttl .num .rj-font {
		font-size: 5.6rem;
	}
}

.finance-balloon_ttl .asterisk {
	font-size: 1.2rem;
	vertical-align: text-top;
}

.finance-balloon_ttl .txt {
	font-size: 1.6rem;
}

.finance-balloon_note {
	margin-top: 1em;
	font-family: "Renaultfont";
	font-size: 1rem;
}
@media (min-width: 1280px) {
	.finance-balloon_note {
		font-size: 1.2rem;
	}
}

.finance-img {
	max-width: 740px;
	margin: 20px auto 0;
}
@media (min-width: 768px) {
	.finance-img {
		margin-top: 36px;
	}
}


.finance-btn {
	width: 100%;
	max-width: 400px;
	margin: 15px auto 0;
}
@media (min-width: 768px) {
	.finance-btn {
		margin-top: 24px;
	}
}
.finance-btn a {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 1;
	margin: 0 auto;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1.6rem;
	text-decoration: none;
	color: #333;
	background-color: #ffcc33;
}
.finance-btn a.arrow:after {
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%);
}
@media (min-width: 1280px) {
	.finance-btn a {
		box-sizing: border-box;
		font-size: 1.4rem;
		height: 50px;
		padding-top: 1.2em;
		padding-bottom: 1.2em;
		padding-right: 32px;
	}
	.twg-btn a.arrow:after {
		right: 12px;
	}
}
.finance-btnWrap {
	font-weight: bold;
	vertical-align: middle;
}
.finance-btnWrap:hover {
	opacity: 0.9;
}
.finance-btnLabel {
	text-align: left;
	font-family: "RenaultFont";
	font-size: 1.3rem;
}
/* PC */
@media (min-width: 1280px) {
	.finance-btnLabel {
		font-size: 1.8rem;
	}
}
.finance-btnNote {
	position: absolute;
	top: 50%;
	right: 3rem;
	margin-top: -0.5rem;
	font-size: 1rem;
}
@media (min-width: 1280px) {
	.finance-btnNote {
		margin-top: -0.6rem;
		font-size: 1.2rem;
	}
}


.finance-detailWrap {
	width: 100%;
	max-width: 1024px;
	margin: 32px auto 0;
}
@media (min-width: 768px) {
	.finance-detailWrap {
		margin-top: 40px;
	}
}


/*--- Renault Special Offer 特別低金利適用 ---*/
.finance-limited {
	padding: 0 0 1em 0;
	font-family: "Renaultfont";
	font-size: 1rem;
	letter-spacing: 0.5px;
	line-height: 1;
	text-align: center;
}
@media (min-width: 768px) {
	.finance-limited {
		font-size: 1.6rem;
	}
}


.finance-message {
	font-family: "Renaultfont";
	font-size: 1rem;
	letter-spacing: .5px;
	line-height: 1;
	text-align: center;
}
@media (min-width: 768px) {
	.finance-message {
		font-size: 1.6rem;
	}
}


.finance-detail {
	box-sizing: border-box;
	width: 100%;
	padding: 28px 0 0 0;
}


/*--- 月額 ---*/
.finance-month {
	border-color: #333333;
	border-style: solid;
	border-width: 2px 0 1px 0;
	text-align: center;
	font-family: "RenaultFont";
	padding: 11px 0;
}
.finance-month * {
	display: inline-block;
	line-height: 1;
}
.finance-month .finance-month_maker {
	font-size: 1.4rem;
}
@media (min-width: 768px) {
	.finance-month .finance-month_maker {
		font-size: 1.2rem;
	}
}
.finance-month .finance-month_maker .price-number {
	font-weight: bold;
	font-size: 24px;
	padding: 0 5px 0 5px;
}
@media (min-width: 768px) {
	.finance-month .finance-month_maker .price-number {
		font-size: 30px;
	}
}
.finance-month .finance-month_maker .price-unit {
	font-size: 16px;
}
.finance-month .finance-month_arrow {
	display: block;
	padding: 10px 8px 6px 8px;
}
@media (min-width: 768px) {
	.finance-month .finance-month_arrow {
		display: inline-block;
		padding: 0 8px;
	}
}
.finance-month .finance-month_arrow span {
	border-color: transparent;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #333 transparent transparent transparent;
	margin-left: 4px;
}
@media (min-width: 768px) {
	.finance-month .finance-month_arrow span {
		border-width: 7px 0 7px 14px;
		border-color: transparent transparent transparent #333;
	}
}
.finance-month .finance-month_arrow span.is-tb-pc {
	display: none;
}
@media (min-width: 768px) {
	.finance-month .finance-month_arrow span.is-tb-pc {
		display: inline-block;
	}
}
.finance-month .finance-month_price {
	color: #b60000;
	font-size: 20px;
}
@media (min-width: 768px) {
	.finance-month .finance-month_price {
		font-size: 24px;
	}
}
.finance-month .finance-month_price .price-number {
	font-weight: bold;
	font-size: 50px;
	margin: 0 0.1em;
}
@media (min-width: 768px) {
	.finance-month .finance-month_price .price-number {
		font-size: 56px;
	}
}


/*--- 金額表 ---*/
.finance-tableWrap {
	width: 100%;
	margin-top: 32px;
}
@media (min-width: 768px) {
	.finance-tableWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
.finance-table {
	width: 100%;
	font-size: 1.2rem;
	line-height: 2.5;
}
@media (min-width: 768px) {
	.finance-table {
		width: 31%;
	}
}
@media (min-width: 1280px) {
	.finance-table {
		width: 29.68%;
	}
}
.finance-table li {
	width: 100%;
	border-bottom: 1px solid #bdbdbd;
	height: 32px;
}
.finance-table:first-child li:first-child {
	border-top: 1px solid #dbdbdb;
}
@media (min-width: 768px) {
	.finance-table li:first-child {
		border-top: 1px solid #bdbdbd;
	}
}


.finance-table__price {
	float: right;
}


/*--- 注意書き ---*/
.finance-detail__notes-1,
.finance-detail__notes-2 {
	font-size: 1rem;
}
.finance-detail__notes-1 {
	padding: 32px 0 0 0;
}
.finance-detail__notes-2 {
	padding: 8px 0 0 0;
}
.finance-detail__notes-3 {
	font-size: 1.4rem;
	padding: 16px 0 0 0;
}




/* --------------------------------------------------------
　　キャンペーン
-------------------------------------------------------- */
.twingo-campaign {
	margin-bottom: 0;
    width: 100%;
}
.twingo-campaign.l-border-bottom {
	padding-bottom: 0;
}
.twingo-campaign .contents {
	margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
	width: 100%;
}
.twingo-campaign .contents img {
	width: 100%;
}

.twingo-campaign__report .btn {
	font-family: "RenaultFont";
	font-weight: bold;
}
.twingo-campaign__report .arrow:after {
	position: absolute;
	top: 50%;
}
/* SP */
@media (max-width: 767px) {
	.twingo-campaign {
		padding-top: 52px;
	}
	.twingo-campaign__report {
		padding: 14px 16px 52px 16px;
	}
	.twingo-campaign__report .btn {
		box-sizing: border-box;
		font-size: 1.7rem;
		line-height: 1.4;
		height: 74px;
		text-align: left;
		padding: 9px 0 9px 18px;
	}
	.twingo-campaign__report .subheading {
		display: inline-block;
		font-size: 0.5em;
		line-height: 1.5;
	}
	.twingo-campaign__report .arrow:after {
		right: 10px;
		margin-top: -6px;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.twingo-campaign {
		padding-top: 64px;
	}
	.twingo-campaign__report {
		text-align: center;
		padding-bottom: 64px;
	}
	.twingo-campaign__report .btn {
		box-sizing: border-box;
		width: 640px;
		height: 100px;
		margin: 26px auto 0 auto;
		padding: 12px 28px 0 0;
		font-size: 2.6rem;
		line-height: 34px;
		vertical-align: bottom;
	}
	.twingo-campaign__report .subheading {
		font-size: 1.6rem;
		display: inline-block;
		padding-right: 8px;
		line-height: 1;
	}
	.twingo-campaign__report .btn br:first-child {
		display: none;
	}
	.twingo-campaign__report .arrow:after {
		right: 20px;
		margin-top: -12px;
	}
}


/* --------------------------------------------------------
　　トゥインゴ トピックス
-------------------------------------------------------- */
.twingo-topics .l-width50 {
	box-sizing: border-box;
}
/* SP */
@media (max-width: 767px) {
	.twingo-topics {
		padding: 0 0 42px 0;
	}
	.twingo-topics .l-width50:first-child {
		padding: 12px 0 0 0;
	}
	.twingo-topics .l-width50 > .l-width50__unit {
		padding: 8px 0 0 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.twingo-topics {
		padding: 0 0 165px 0;
	}
	.twingo-topics .l-width50:first-child {
		padding: 32px 0 0 0;
	}
	.twingo-topics .l-width50 {
		padding: 24px 0 0 0;
	}
	.twingo-topics .l-width50 > .l-width50__unit:first-child {
		box-sizing: border-box;
		padding: 0 12px 0 0;
	}
	.twingo-topics .l-width50 > .l-width50__unit:last-child {
		box-sizing: border-box;
		padding: 0 0 0 12px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twingo-topics {
		padding: 0 0 165px 0;
	}
	.twingo-topics .l-width50:first-child {
		padding: 44px 0 0 0;
	}
	.twingo-topics .l-width50 {
		padding: 32px 0 0 0;
	}
	.twingo-topics .l-width50 > .l-width50__unit:first-child {
		box-sizing: border-box;
		padding: 0 16px 0 0;
	}
	.twingo-topics .l-width50 > .l-width50__unit:last-child {
		box-sizing: border-box;
		padding: 0 0 0 16px;
	}
}



/* --------------------------------------------------------
　　トップに戻る ボタン
-------------------------------------------------------- */
.twingo-link-top {
	font-weight: bold;
}
.twingo-link-top .text-link.arrow:after {
	top: 3px;
    margin-left: 2px;
    font-size: 1em;
    background-position: -1em -3em;
}
/* SP */
@media (max-width: 767px) {
	.twingo-link-top {
		font-size: 1.2rem;
		text-align: center;
		margin: 0 0 15px 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.twingo-link-top {
		font-size: 1.4rem;
		text-align: right;
		margin: 0 0 22px 0;
	}
}
/* PC */
@media (min-width: 1280px) {
	.twingo-link-top {
		font-size: 1.4rem;
		text-align: right;
		margin: 0 0 22px 0;
	}
}



/* Features -------------------- */
.l-features {
	border-bottom: 1px solid #dbdbdb;
}
.features__item {
	float: left;
	position: relative;
}
.features__item a {
	color: #333333;
	display: block;
	position: relative;
	text-decoration: none;
}
.features__photo {
	width: 100%;
}
.features__ttl {
	font-weight: bold;
}
/* SP */
@media (max-width: 767px) {
	.features__list {
		padding: 16px;
	}
	.features__item {
		width: 100%;
	}
	.features__info {
		padding: 12px 0 0 0;
	}
	.features__ttl {
		font-size: 1.3rem;
	}
	.features__txt {
		font-size: 1.2rem;
		margin-top: 4px;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.features__item {
		margin-bottom: 32px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.features__list {
		padding: 24px 32px 20px 32px;
	}
	.features__item {
		margin-right: 4%;
		width: 48%;
	}
	.features__item:nth-child(2n) {
		margin-right: 0;
	}
	.features__info {
		padding: 12px 0 0 0;
	}
	.features__txt {
		font-size: 1.4rem;
		line-height: 1.6;
		margin-top: 10px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.features__list {
		margin: 0 auto;
		max-width: 1024px;
		padding: 36px 0 4px 0;
	}
	.features__item {
		margin-bottom: 60px;
		margin-right: 32px;
		width: 496px;
	}
	.features__item:nth-child(2n) {
		margin-right: 0;
	}
	.features__info {
		padding: 12px 0 0 0;
	}
	.features__txt {
		font-size: 1.4rem;
		line-height: 1.6;
		margin-top: 6px;
	}
}







/*
	for other lineup
*/
.other-list {
	padding-top: 8px;
}
.other-list__item {
	box-sizing: border-box;
	float: left;
	padding: 0 3px;
	text-align: center;
	width: 200px;
}
.other-list__link {
	color: #333333;
	display: block;
	text-decoration: none;
}
.other-list__car {
	width: 100%;
}
.other-list__name {
	border-top: 1px solid #ebebeb;
	color: #333333;
	font-family: "RenaultFont";
	padding: 8px 0 0 0;
	margin: 10px 0 0 0;
}
.other-list__price {
	color: #727272;
	font-size: 1.2rem;
	line-height: 1;
}
/* SP */
@media (max-width: 767px) {
	.l-other > .headline .en {
		font-size: 2.1rem;
	}
	.l-other .contents {
		padding-bottom: 40px;
	}
	.other-list:after {
		clear: both;
		content: "";
		display: block;
	}
	.other-list__item {
		margin-bottom: 20px;
		width: 50%;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.l-other .contents {
		padding-left: 40px;
		padding-right: 40px;
	}
	.other-list__link.is_tapped .other-list__name {
		border-top: 1px solid #ffcc33;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.l-other > .headline .en {
		font-size: 3rem;
	}
	.l-other .contents {
		padding: 0 0 80px 0;
	}
	.other-list {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		justify-content: -webkit-center;
		padding: 20px 0 0 0;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-other .headline {
		padding: 76px 0 0 0;
	}
	.other-list__link:hover .other-list__name {
		border-top: 1px solid #ffcc33;
	}
}







/*
	for Special offer
*/
.special-offer__banner {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	justify-content: -webkit-center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.special-offer__banner > li {
	display: block;
}
.special-offer__banner a {
	display: block;
}
/* SP */
@media (max-width: 767px) {
	.l-special-offer .contents {
		padding: 0 16px;
	}
	.special-offer__banner {
		padding: 8px 0 0 0;
	}
	.special-offer__banner > li {
		margin: 8px 0 0 0;
		width: 100%;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.special-offer__banner {
		width: 100%;
	}
	.special-offer__banner img {
		width: 100%;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-special-offer .contents {
		padding: 0 32px;
	}
	.special-offer__banner {
		padding: 16px 0 0 0;
	}
	.special-offer__banner > li {
		width: 49%;
	}
	.special-offer__banner > li:nth-child(even) {
		margin: 0  0 0 2%;
	}
}
/* PC */
@media (min-width: 1280px) {
	.special-offer__banner {
		margin: 0 auto;
		padding: 28px 0 0 0;
		width: 1024px;
	}
	.special-offer__banner > li:nth-child(even) {
		margin: 0  0 0 16px;
	}
}





/* --------------------------------------------------------
　　限定車
-------------------------------------------------------- */
.l-limited .headline,
.l-limited .contents {
	background-color: #f5f5f5;
}
.l-limited > .headline {
	padding-top: 0;
}
.limited-list {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	justify-content: -webkit-center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.limited-list__item a {
	display: block;
}
.limited-list__item img {
	width: 100%;
}
/* SP */
@media (max-width: 767px) {
	.l-limited {
		padding-top: 64px;
	}
	.l-limited .headline {
		padding-top: 20px;
	}
	.l-limited .contents {
		padding: 0 16px 28px 16px;
	}
	.limited-list__item {
		width: 50%;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.limited-list {
		padding-top: 8px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-limited {
		padding: 52px 0 0 0;
	}
	.l-limited .headline {
		padding: 24px 0 0 0;
	}
	.l-limited .contents {
		padding: 0 32px 26px 32px;
	}
	.limited-list {
		padding-top: 24px;
	}
	.limited-list__item {
		width: 25%;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.l-limited > .headline .en {
		font-size: 3rem;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-limited {
		padding: 128px 0 0 0;
	}
	.l-limited .headline {
		padding: 42px 0 0 0;
	}
	.l-limited .contents {
		padding: 0 0 64px 0;
	}
	.limited-list {
		padding: 28px 0 0 0;
	}
	.limited-list__item {
		width: 256px;
	}
}


/* --------------------------------------------------------
  5つの魅力バナー
-------------------------------------------------------- */
.cp-bnr-unique-inner {
	width: 100%;
  }
  
  .cp-bnr-unique-inner a {
	display: inline-block;
	width: 100%;
  }
  
  .cp-bnr-unique-inner a img {
	width: 100%;
	max-width: 100%;
  }
  
  /* SP */
  @media (max-width: 767px) {
	.cp-bnr-unique {
	  padding-top: 64px;
	  padding-right: 16px;
	  padding-left: 16px;
	}
  }
  
  /* TB */
  @media (min-width: 768px) and (max-width: 1279px) {
	.cp-bnr-unique {
	  padding-top: 52px;
	  padding-right: 32px;
	  padding-left: 32px;
	}
  }
  
  /* PC */
  @media (min-width: 1280px) {
	.cp-bnr-unique {
	  padding-top: 64px;
	}
	.cp-bnr-unique-inner {
	  max-width: 1024px;
	  margin-right: auto;
	  margin-left: auto;
	}
	.cp-bnr-unique-inner img:hover {
	  opacity: 0.9;
	}
  }
  
/* --------------------------------------------------------
  はじめてのルノーバナー
-------------------------------------------------------- */
.cp-bnr-bonjour-inner {
	width: 100%;
  }
  
  .cp-bnr-bonjour-inner a {
	display: inline-block;
	width: 100%;
  }
  
  .cp-bnr-bonjour-inner a img {
	width: 100%;
	max-width: 100%;
  }
  
  /* SP */
  @media (max-width: 767px) {
	.cp-bnr-bonjour {
	  padding-top: 48px;
	  padding-right: 16px;
	  padding-left: 16px;
	}
  }
  
  /* TB */
  @media (min-width: 768px) and (max-width: 1279px) {
	.cp-bnr-bonjour {
	  padding-top: 52px;
	  padding-right: 32px;
	  padding-left: 32px;
	}
  }
  
  /* PC */
  @media (min-width: 1280px) {
	.cp-bnr-bonjour {
	  padding-top: 64px;
	}
	.cp-bnr-bonjour-inner {
	  max-width: 1024px;
	  margin-right: auto;
	  margin-left: auto;
	}
	.cp-bnr-bonjour-inner img:hover {
	  opacity: 0.9;
	}
  }
  

/* --------------------------------------------------------
  120thバナー
-------------------------------------------------------- */
.cp-bnr-120th-inner {
  width: 100%;
}

.cp-bnr-120th-inner a {
  display: inline-block;
  width: 100%;
}

.cp-bnr-120th-inner a img {
  width: 100%;
  max-width: 100%;
}

/* SP */
@media (max-width: 767px) {
  .cp-bnr-120th {
    padding-top: 48px;
    padding-right: 16px;
    padding-left: 16px;
  }
}

/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
  .cp-bnr-120th {
    padding-top: 52px;
    padding-right: 32px;
    padding-left: 32px;
  }
}

/* PC */
@media (min-width: 1280px) {
  .cp-bnr-120th {
    padding-top: 64px;
  }
  .cp-bnr-120th-inner {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
  }
  .cp-bnr-120th-inner img:hover {
    opacity: 0.9;
  }
}


/* --------------------------------
  animation
-------------------------------- */
.is-fadeTtl,
.is-fadeTxt {
	opacity: 0;
	transform: translateX(-20px);
	transition: 0.3s ease-out;
}
.is-fadeTtl.is-fadeIn {
	animation: SlideAnime 0.5s ease-out 1 forwards;
}
.is-fadeTxt.is-fadeIn {
	animation: SlideAnime 0.5s ease-out 0.3s 1 forwards;
}

@-webkit-keyframes SlideAnime {
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes SlideAnime {
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/* --------------------------------------------------------
　　スライダーバナー
-------------------------------------------------------- */
.twingo-slider .slick-slide {
	position: relative;
}
.twingo-slider-menu {
	position: absolute;
	bottom: 45px;
	width: 100%;
	text-align: center;
	direction: ltr;

}
.twingo-slider-menu a:hover img {
	opacity: 0.9;
}
.twingo-slider-menu a {
	display: inline-block;
	width: 272px;
	height: 60px;
}
.twingo-slider-menu a + a {
	margin-left: 16px;
}
/* TB & SP */
@media (max-width: 1279px) {
	.twingo-slider-menu {
		display: none;
	}
}


/* --------------------------------------------------------
　　トップバナー
-------------------------------------------------------- */
.twingo-top-menu {
	position: absolute;
	bottom: 45px;
	width: 100%;
	text-align: center;
	display: none;
}
.twingo-top-menu a:hover img {
	opacity: 0.9;
}
.twingo-top-menu a {
	display: inline-block;
	width: 272px;
	height: 60px;
}
.twingo-top-menu a + a {
	margin-left: 16px;
}
/* TB & SP */
@media (max-width: 1279px) {
	.twingo-top-menu {
		padding: 20px 0;
		position: relative;
		background-color: #f5f5f5;
		bottom: auto;
		display: block;
	}
}
/* SP */
@media (max-width: 767px) {
	.twingo-top-menu {
		padding: 0;
	}
	.twingo-top-menu a {
		display: block;
		width: 100%;
		height: auto;
	}
	.twingo-top-menu a + a {
		margin-left: 0;
	}
}