@charset "UTF-8";


.n_lineup nav > ul > li:nth-child(2) > a > span,
.n_archive nav > ul > li:nth-child(3) > a > span,
.n_info nav > ul > li:nth-child(4) > a > span,
.n_localshow nav > ul > li:nth-child(5) > a > span{
	color:#00C4FF;
}

/* for Sp --------------------*/
@media screen and (max-width:768px){
	

}





/***********************************

 NEW MODEL

***********************************/
#newmodel{
	/**/
}

#newmodel article + article{
	margin-top:85px;
}


#newmodel .models > figure{
	flex:1;
	line-height:100%;
}

#newmodel figure img{
	width: min(100%,360px);
	height:auto;
}
#newmodel figure img:nth-child(1){
	margin-bottom:0.75em;
}


.single_models{
	display:block;
	overflow:hidden;
}


/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#newmodel article + article{
		margin-top:12vw;
	}

	#newmodel .models{
		flex-direction:column;
		gap:12vw 0;
	}
}



/***********************************

 NEW MODEL

***********************************/
#newmodel figure > figcaption{
	text-align:center;
}





/***********************************

 LINEUP

***********************************/

#lineup .models figure img[src$='.svg']{
	width:min(100%,360px);
	height:auto;
}

#lineup .models figure img[src$='.webp']{
	width:min(100%,562px);
	height:auto;
	margin:30px 0;
}


/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#lineup .models figure img[src$='.webp']{
		margin:6vw 0;
	}

	ul#thumbtns > li{
		width:min(50%,210px);
	}

}





/***********************************

 ARCHIVE

***********************************/
#archive{
	/*padding-bottom:150px;*/
}

#photoList{
	display:block;
	overflow:hidden;
	color:#ffffff;
	margin-top:50px;
}

#photoList .scFrame{
	display:block;
	overflow:hidden;
}

#photoList ul{
	display:flex;
	flex-wrap:wrap;
	width: 1040px;
	margin:0 auto;
}

#photoList ul > li{
	width:25%;
	padding:10px 10px;
	line-height:100%;
}

#photoList ul > li > img{
	width:min(100%,240px);
	height:auto;
	/*aspect-ratio: 3/2;
	object-fit:cover;*/
}

#photoList > h3{
	display:block;
	overflow:hidden;
	margin-bottom:1em;
	font-size:2.6rem;
	line-height:155%;
	text-align:center;
}

#photoList > p{
	display:block;
	overflow:hidden;
	margin-top:1em;
	font-size:1.6rem;
	line-height:155%;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {


	#photoList .scFrame{
		overflow-x:auto;
	}

	#photoList{
		/**/
	}

	#photoList ul{
		width: 2080px;
	}

	#photoList ul > li{
		width:12.5%;
	}

	#photoList > p{
		font-size:1.4rem;
		line-height:155%;
	}

}


#photoList .soon{
	display:block;
	overflow:hidden;
	width:100%;
	height:280px;
	background: linear-gradient(to bottom,  rgba(49,49,49,1) 0%,rgba(90,90,90,1) 100%);
	text-align:center;
	align-content:center;
}

#photoList .soon::before{
	content:"COMING SOON";
	display:inline-block;
	overflow:hidden;
	font-size:2.1rem;
	line-height:125%;

}


/***********************************

 LOCAL MOTOR SHOW

***********************************/
#localshow{
	/*padding-bottom:150px;*/
}

#localshow.sectionframe{
	background-color:#313138;
	padding-bottom:150px;
}


#townlist{
	display:flex;
	flex-wrap:wrap;
}

#townlist > article{
	padding:60px 60px;
	width:50%;
	font-size:1.8rem;
	line-height:155%;
	color:#ffffff;
}

#townlist > article:nth-child(odd){
	border-right:1px solid #ffffff;
}
#townlist > article:nth-child(n+3){
	border-top:1px solid #ffffff;
}

#townlist > article > dl{
	display:block;
	overflow:hidden;
	margin:1em 0;
}

#townlist > article > dl > dt{
	display:block;
	width:5em;
	float:left;
	clear:block;
}

#townlist > article > dl > dd{
	display:block;
	width:calc(100% - 5em);
	float:left;
}

#townlist > article > dl > dd > span{
	font-size:1.4rem;
}


#townlist > article a{
	display:inline-block;
	overflow:hidden;
	padding-right:1.5em;
	color:#ffffff;
	background:url('../../images/link.svg') no-repeat right 50%;
	background-size:1em auto;
}

#townlist > article a:hover{
	color:#00C4FF;
}


#townlist > article img{
	width:min(100%,436px);
	height:auto;
}


/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#localshow{
		
	}

	#localshow.sectionframe{
		padding-bottom:12vw;
	}


	#townlist{
		flex-direction:column;
	}

	#townlist > article{
		padding:8vw 5vw;
		width:100%;
		font-size:1.4rem;
		line-height:155%;
	}

	#townlist > article > dl > dd > span{
		font-size:1.1rem;
	}

	#townlist > article:nth-child(odd){
		border-right:unset;
	}
	#townlist > article:nth-child(n+2){
		border-top:1px solid #ffffff;
	}

}





#ftlogo img{
	filter: brightness(0) invert(1);
}