@charset "UTF-8";

#lineupNav h1 a {
	color: #444;
}

/*for sp*/
@media screen and (max-width: 736px) {
	#archiveContents {
		width: 100%;
	}
	
	#archiveContents ul.main {
		width: 94%;
		margin: 0 auto 5px;
	}
	
	#archiveContents ul.main li h2 {
		margin-bottom: 5px;
	}
	
	#archiveContents ul.main li h2 img {
		width: 100%;
	}
	
	#archiveContents ul.main li:last-child {
		text-align: right;
	}
	
	#archiveContents h3,
	#archiveContents ul.btn {
		width: 92%;
		margin: 0 auto;
	}
	
	#archiveContents h3 {
		font-size: 16px;
    	color: #444444;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
		padding-bottom: 6px;
    	border-bottom: 1px solid #808080;
    	margin-bottom: 15px;
	}
	
	#archiveContents ul.btn {
		margin-bottom: 40px;
	}
	
	#archiveContents ul.btn li {
		margin-bottom: 7px;
	}
	
	#archiveContents ul.btn li img {
		width: 100%;
		vertical-align: bottom;
	}
	
	#past {
		margin-bottom: 40px !important;
	}
	
	/*202303add*/
	.ucar_recommend_items {
		width: 80%;
		margin: 0 auto;
		display: inline-block;
	}
	
	.ucar_recommend_items img {
		width: 100%;
		vertical-align: bottom;
	}
	
	/*202507add*/
	.ucar_recommend_items_wrap {
		width: 80%;
		margin: 0 auto;
	}
	
	.ucar_recommend_items_wrap a {
		display: block;
	}
	
	.ucar_recommend_items_wrap a:nth-child(1) {
		margin-bottom: 10px;
	}
	
	.ucar_recommend_items_wrap img {
		width: 100%;
		vertical-align: bottom;
	}
}


/*for pc*/
@media screen and (min-width: 737px), print {
	#carlineup #lineupNav {
   		padding-bottom: 20px !important;
	}
	
	#archiveContents {
		width: 980px;
		margin: 0 auto;
	}
	
	#archiveContents ul.main {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		margin-bottom: 15px;
	}
	
	#archiveContents ul.main li h2 {
		margin-left: 200px;
	}
	
	#archiveContents h3 {
    	font-size: 18px;
    	color: #444444;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
		padding-bottom: 6px;
    	border-bottom: 1px solid #808080;
    	margin-bottom: 30px;
	}
	
	#archiveContents ul.btn {
		width: 850px;
		margin: 0 auto 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#archiveContents ul.btn li {
		margin-bottom: 10px;
	}
	
	
	#carlineup #past {
		width: 480px;
		margin: 0 auto;
	}
	
	/*202303add*/
	.ucar_recommend_items {
		width: 300px;
		margin: 0 auto;
		display: block;
	}
	
	.ucar_recommend_items img {
		width: 100%;
	}
	
	.ucar_recommend_items:hover {
		opacity: 0.7;
	}
	
	
	/*202507add*/
	.ucar_recommend_items_wrap {
		display: flex;
		width: 616px;
		justify-content: space-between;
		margin: 0 auto;
	}
	
	.ucar_recommend_items_wrap a {
		width: 300px;
		display: block;
	}
	
	.ucar_recommend_items_wrap a img {
		width: 100%;
	}
	
	.ucar_recommend_items_wrap a:hover {
		opacity: 0.7;
	}
}