@charset "UTF-8";





/* Information Category -------------------- */
.info-news,
.info-campaign,
.info-rp {
	border-style: solid;
	border-width: 0 0 1px 0;
	display: inline-block;
	line-height: 1;
}
.info-news {
	border-color: #c90000;
	color: #c90000;
	font-family: "RenaultFont";
}
.info-news:before {
	content: "NEWS";
}
.info-campaign {
	border-color: #3e9d39;
	color: #3e9d39;
}
.info-campaign:before {
	content: "CAMPAIGN";
}
.info-rp {
	border-color: #deb300;
	color: #deb300;
}
.info-rp:before {
	content: "Renault PASSIONS";
}





/* Information Common -------------------- */
/* SP */
@media (max-width: 767px) {
	.l-information {
		padding-bottom: 64px;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.l-information {
		padding-bottom: 104px;
	}
}
/* PC */
@media (min-width: 1280px) {
	.l-information {
		padding-bottom: 104px;
	}
}





/* Information Navi -------------------- */
.information-navi a {
	text-decoration: none;
}
.information-navi__list {
	display: flex;
	display: -webkit-flex;
}
.information-navi__item {
	display: block;
	position: relative;
	text-align: center;
	width: 25%;
}
.information-navi__item > a {
	border-right: 1px solid #dbdbdb;
	box-sizing: border-box;
	color: #000000;
	display: block;
	font-weight: bold;
	height: 100%;
	position: relative;
	width: 100%;
}
.information-navi__item.is_selected > a:before {
	background-color: #ffce00;
	bottom: 0;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
}
.information-navi__item.is_selected > a:after {
	display: none;
}
.information-navi__item > a.arrow:after {
	background-position: 0 -3em;
	margin-left: 4px;
}
/* SP */
@media (max-width: 767px) {
	.information-navi {
		padding-top: 18px;
	}
	.information-navi__item {
		display: table;
		height: 44px;
	}
	.information-navi__item > a {
		display: table-cell;
		font-size: 1rem;
		line-height: 1;
		padding-bottom: 4px;
		vertical-align: middle;
	}
	.information-navi__item > a:after {
		display: none;
	}
	.information-navi__item:last-child > a {
		border-right: 0;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.information-navi {
		padding: 24px 32px 0 32px;
	}
	.information-navi__item > a {
		font-size: 1.2rem;
		line-height: 1;
		padding: 16px 0;
	}

	.blog{
		width:100%;
	}
}
/* TB & PC */
@media (min-width: 768px) {
	.information-navi__item br {
		display: none;
	}
	.information-navi__item:first-child > a {
		border-left: 1px solid #dbdbdb;
	}
}
/* PC */
@media (min-width: 1280px) {
	.information-navi {
		background-color: #fff;
		padding: 24px 0 0 0;
	}
	.information-navi__list {
		margin: 0 auto;
		width: 1024px;
	}
	.information-navi__item > a {
		cursor: pointer;
		font-size: 1.4rem;
		line-height: 1;
		padding: 16px 0;
	}
	.information-navi__item.is_selected > a {
		cursor: inherit;
	}
	.information-navi__item > a:hover:before {
		background-color: #ffce00;
		bottom: 0;
		content: "";
		display: block;
		height: 4px;
		position: absolute;
		width: 100%;
	}

	.blog{
		max-width:100%;
		width:1024px;
	}

}





/* Information List -------------------- */
.information-list {
	display: none;
}
.information-list.is_selected {
	display: flex;
	display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.information-list__item {
	color: #333333;
	text-decoration: none;
}
.information-list__photo {
	height: auto;
	width: 100%;
}
.information-list__data {
	box-sizing: border-box;
	overflow: hidden;
}
/* SP */
@media (max-width: 767px) {
	.information-list {
		padding: 24px 16px 0 16px;
	}
	.information-list__item {
		margin-bottom: 36px;
		width: 50%;
	}
	.information-list__item:nth-child(2n-1) {
		padding-right: 16px;
	}
	.information-list__item:nth-child(2n) {
		padding-left: 16px;
	}
	.information-list__data {
		padding-top: 4px;
	}
	.information-list__type {
		font-size: .9rem;
	}
	.information-list__date {
		font-size: 1.2rem;
		padding-top: 2px;
	}
	.information-list__txt {
		font-size: 1.2rem;
		line-height: 1.5;
		padding-top: 4px;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.information-list__item {
		box-sizing: border-box;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.information-list {
		padding: 24px 24px 24px 32px;
	}
	.information-list__item {
		margin-bottom: 40px;
		margin-right: 1%;
		width: 24%;
	}
	.information-list__item:nth-child(4n) {
		margin-right: 0;
	}
	.information-list__type {
		font-size: 1.2rem;
		padding-top: 12px;
	}
	.information-list__date {
		border-bottom: 1px solid #ebebeb;
		font-size: 1.8rem;
		line-height: 1;
		padding-bottom: 8px;
		padding-top: 4px;
	}
	.information-list__txt {
		font-size: 1.4rem;
		padding-top: 8px;
	}
	.information-list__data{
		font-size:1.4rem;
	}

}
/* PC */
@media (min-width: 1280px) {
	.information-list {
		margin: 0 auto;
		padding: 40px 0;
		width: 1024px;
	}
	.information-list__item {
		margin-bottom: 32px;
		margin-right: 32px;
		width: 232px;
	}
	.information-list__item:nth-child(4n) {
		margin-right: 0;
	}
	.information-list__type {
		font-size: 1.2rem;
		margin-bottom: 4px;
		margin-top: 10px;
	}
	.information-list__date {
		border-bottom: 1px solid #ebebeb;
		font-size: 1.8rem;
		line-height: 1.3;
		padding-bottom: 8px;
	}
	.information-list__txt {
		font-size: 1.4rem;
		line-height: 1.72;
		padding-top: 8px;
	}
}





/* Information Button -------------------- */
.information-btn {
	text-align: center;
}
.information-btn .btn--more {
	background-color: inherit;
	border-color: #333333;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	display: inline-block;
	font-family: "RenaultFont";
	line-height: 36px;
}
/* SP */
@media (max-width: 767px) {
	.information-btn {
		padding: 0 16px;
	}
	.information-btn .btn--more {
		width: 100%;
	}
}
/* SP & TB */
@media (max-width: 1279px) {
	.information-btn .btn--more.is_tapped {
		background-color: #333333;
		color: #ffffff;
	}
}
/* TB */
@media (min-width: 768px) and (max-width: 1279px) {
	.information-btn {
		padding: 0 32px;
	}
	.information-btn .btn--more {
		width: 384px;
	}
        .ai-next {
               width: 384px !important;
    }
}
/* PC */
@media (min-width: 1280px) {
	.information-btn .btn--more {
		width: 384px;
	}
	.information-btn .btn--more:hover {
		background-color: #333333;
		color: #ffffff;
	}
}


.items-row cols-4 row-0 a{
    width:25%;
    float:left;
}

.items-row{
    display:flex;
    flex-wrap:wrap;
}


.ai-next{
    background-color: inherit;
    border-color: #333333;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    display: inline-block;
    font-family: "RenaultFont";
    line-height: 36px;
    margin:auto;
    margin-top:40px;
    color:#333333;
}

a.ai-next{
    outline:none;
    text-decoration:none !important;
}

@media (min-width: 1280px){
    .ai-next {
        width: 384px !important;
        font-size:2rem;    
    }

    .ai-next:hover {
        background-color: #333333;
        color: #ffffff;
    }
}

.l-information .passions-banner {
    position:relative;
    width:100%;
    text-align:center;
    margin-top:64px;
}

.l-information .passions-banner img{
    width:100%;
    max-width:496px;
}

.blog{
    max-width:100%;
    width:1024px;
}