@charset "utf-8";

/* common ------------- */
section:not(#mv){ margin-top: 70px; margin-bottom:70px; }

/* main ------------- */
#mv img{ width:100%;}

.col2 li img,.col3 li img,.col4 li img{ width: 100%; }

.bnr-list{ margin:5em auto 0; }
.bnr-list li + li{ margin-top: 1.5em; }

section#new-car { margin-bottom: 0; padding-bottom: 0.5em; }
section#sanin-purchase { margin-top: 0; }

#kyoto-search .col2 > li:nth-child(2) { position: relative;}
#kyoto-search .col2 > li:nth-child(2)::before{ 
	content: ""; position: absolute; width: 40%; max-width: 210px; height: 180px; top: -170px; right: 1em; background-image: url(/img/top/harunaai02.png?20260316); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: 10;
}

#sanin-search .col2 li { position: relative;}
#sanin-search .col2 li::before { content: ""; position: absolute; width: 100%; max-width: 200px; height: 300px; bottom: -4.7em; left: -20em; background-image: url(/img/top/harunaai03.png?20260316); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: -10}


#blog{ margin-bottom: 0!important; }
.blog-list li a { display:block; width:100%; height:100%; position:relative; }
.blog-list li a:before { content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:linear-gradient(to bottom,rgba(0,0,0,0) 52%,rgba(0,0,0,0.66) 100%); z-index:1; }
.blog-list li figure { width:100%; height:100%; position:relative; overflow:hidden; }
.blog-list li figure img { width:100%; height:100%; object-fit:cover; font-family:'object-fit:cover;'; /*IE対策*/ -webkit-transform:scale(1); transform:scale(1); text-decoration:none; -webkit-transition:all .3s; transition:all .3s; }
.blog-list li .summary { position:absolute; bottom:0; left:0; width:100%; padding:10px; color:#fff; z-index:2; }
.blog-list li .summary p { margin:0; line-height: 1.4; }
.blog-list li .summary .date { font-size:.867em; line-height:1.4; }

.blog-list li a:hover { color:#fff; }
.blog-list li a:hover figure img { -webkit-transform:scale(1.05); transform:scale(1.05); }
#blog .more-btn{ margin-top: 2em; }





/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
	.col2 li{ width:48.5%; }
	.col2 li:nth-child(2n){ margin-left:3%; }

	#kyoto-search .col2, #new-car .col2 { gap: 1.5em 0em; }


	.col3 li{ width:32%; margin-right:2%; }
	.col3 li:nth-child(3n){ margin-right:0; }

	.col4 li{ width:32%; margin-right:2%; }
	.col4 li:nth-child(4n){ margin-right:2%; }
	.bnr_box4 { margin-top:2%; }
	

	.bnr-list{ width: 85%; }

	.blog-list li { width:23%; height:230px; }
	.blog-list li:nth-child(n+5){ margin-top: 2.6%; }
	.blog-list li:not(:nth-child(4n+1)) { margin-left:2.6%; }
}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {
	section:not(#mv) { margin-top: 60px; margin-bottom: 60px; }
	.blog-list li{ height: 180px; }

}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
	body{overflow: hidden;}
	section:not(#mv) { margin-top: 50px; margin-bottom: 50px; }

	section#new-car { margin-bottom: 0; }
  section#sanin-purchase { margin-top: 0; }

	.col2 li + li,
	.col3 li + li{ margin-top: 1.2em; }
	.col4 li + li{ margin-top: 1.2em; }
	.bnr_box4 { margin-top:2%; }

	.bnr-list { margin: 2em 20px 0; }
	.bnr-list li + li{ margin-top: 1em; }

	#kyoto-search .col2 > li:nth-child(2)::before{display: none;}

	#kyoto-search .col2 > li:first-child { position: relative;}
	#kyoto-search .col2 > li:first-child:before{ 
		content: ""; position: absolute; width: 26%; max-width: 120px; height: 105px; top: -98px; right: 0; background-image: url(/img/top/harunaai02.png); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: 10
	}

	#sanin-search .col2 li::before { 
		content: ""; position: absolute; width: 28%; max-width: 140px; height: 210px; top: -10em; left: -20px; background-image: url(/img/top/harunaai03.png); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: -10;
	}

	.blog-list li { width: 48%; }
	.blog-list li:nth-child(2n){ margin-left: 4%; }
	.blog-list li:nth-child(n+3){ margin-top: 4%; }
	.blog-list li:nth-child(n+5){ display: none; }
}