@charset "utf-8";

:root {
	--main-theme-color:    #9c8e60;
	--sub-theme-color:     #2f4954;
	--sub-theme-color-txt: #80745c;
	--main-theme-color-bg: #97a4a9;
}

main section.key-visual {
	background: url(../images/main_sp.jpg) center bottom / cover no-repeat #ffffff;
}
section.pickup .products .item > a.es {
	background-image: url(../images/pickup_lexus-es.jpg);
}
section.pickup .products .item > a.toyota86 {
	background-image: url(../images/pickup_toyota86.jpg);
}
section.pickup .products .item > a.crown {
	background-image: url(../images/pickup_crown.jpg);
}
section.pickup .products .item > a.crown-hybrid {
	background-image: url(../images/pickup_crown_hybrid.jpg);
}
section.pickup .products .item > a.skyline {
	background-image: url(../images/pickup_skyline.jpg);
}
section.pickup .products .item > a.prius {
	background-image: url(../images/pickup_prius.jpg);
}
section.pickup .products .item > a.mazda6 {
	background-image: url(../images/pickup_mazda6.jpg);
}
section.pickup .products .item > a.mazda3 {
	background-image: url(../images/pickup_mazda3.jpg);
}
section.pickup .products .item > a.is500 {
	background-image: url(../images/pickup_is500.jpg);
}
section.pickup .products .item > a.corolla {
	background-image: url(../images/pickup_corolla.jpg);
}
section.pickup .products .item .product-detail {
	background: var(--main-theme-color-bg);
}
section.pickup .products .item .product-detail .recommend figure .brand {
	border-bottom: 2px solid var(--main-theme-color);
}
section.pickup .products .item .product-detail .recommend > a .price {
	background: var(--main-theme-color);
	border: 1px solid var(--main-theme-color);
}
section.pickup .products .item .product-detail .recommend > a:hover .price {
	color: var(--main-theme-color);
}
section.pickup .products .item .product-detail .recommend > a:hover .price:after {
    border-right: 3px solid var(--main-theme-color);
    border-bottom: 3px solid var(--main-theme-color);
}
section.pickup .products .item .product-detail .recommend > a:hover .price:before {
    background: var(--main-theme-color);
}
section.pickup .products .item .product-detail .recommend .plus-mark {
	background: var(--main-theme-color);
}
section.stores .detail .store .store-name {
	color: var(--sub-theme-color-txt);
}
section.stores .detail .store .button-link a {
	background-color: var(--sub-theme-color);
	border: 1px solid var(--sub-theme-color);
}
section.stores .detail .store .button-link a:hover {
	color: var(--sub-theme-color);
}
section.vehicle-types > div.swiper-container {
	background: var(--main-theme-color-bg);
}

/*-- タブレット／PC用スタイリング --*/
@media screen and (min-width:768px) {
	main section.key-visual {
		background: url(../images/main_pc.jpg) center bottom / cover no-repeat #ffffff;
	}
	section.pickup .products .item .product-detail .recommend > a:hover .price:after {
	    border-right: 7px solid var(--main-theme-color);
	    border-bottom: 7px solid var(--main-theme-color);
	}
}