@charset "utf-8";

:root {
	--main-theme-color:    #3f6359; /*-- 緑（帯、商品ページボタン） --*/
	--sub-theme-color:     #bfb9ad; /*-- 薄茶色（背景） --*/
	--sub-theme-color-txt: #80745c; /*-- 濃い茶色　店舗名（テキスト） --*/
	--main-theme-color-bg: #b2c1bd; /*-- 薄緑（背景）：透過度で再現できるならそっちの方がいい --*/
}
section.key-visual {
	background: url(../images/main_sp.jpg) center bottom / cover no-repeat #ffffff;
}
section.key-visual .point {
	background: rgb(3,255,255,0.5);
}
section.pickup .products .item > a.rocky-raize {
	background-image: url(../images/pickup_rocky-raize.jpg);
}
section.pickup .products .item > a.vezel {
	background-image: url(../images/pickup_vezel.jpg);
}
section.pickup .products .item > a.jimny {
	background-image: url(../images/pickup_jimny.jpg);
}
section.pickup .products .item > a.harrier {
	background-image: url(../images/pickup_harrier.jpg);
}
section.pickup .products .item > a.cx-30 {
	background-image: url(../images/pickup_cx-30.jpg);
}
section.pickup .products .item > a.wr-v {
	background-image: url(../images/pickup_wrv.jpg);
}
section.pickup .products .item > a.crown-estate {
	background-image: url(../images/pickup_crown_estate.jpg);
}
section.pickup .products .item > a.lexus-nx {
	background-image: url(../images/pickup_lexus_nx.jpg);
}
section.pickup .products .item > a.yaris-cross {
	background-image: url(../images/pickup_yariscross.jpg);
}
section.pickup .products .item > a.rav4 {
	background-image: url(../images/pickup_rav4.jpg);
}
section.pickup .products .item > a.jimny_sierra {
	background-image: url(../images/pickup_jimny_sierra.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(--main-theme-color);
	border: 1px solid var(--main-theme-color);
}
section.stores .detail .store .button-link a:hover {
	color: var(--main-theme-color);
}
section.vehicle-types > div.swiper-container {
	background: var(--sub-theme-color);
}
/*-- タブレット／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);
	}
	section.key-visual .description {
		position: absolute;
		top: 315px;
	}
}