@charset "Shift_JIS";


/* Top Text
----------------------------------------- */
.container_toptext {
	padding: 50px 2% !important;
	font-size: 1.5rem;
	text-align: center;
}
.container_toptext h1 {
	font-size: 2.0rem;
	margin-bottom: 10px;
	color: #008923;
}
.topbana {
	clear: both;
	margin-top: 30px;
	text-align: center;
}


/* carList
----------------------------------------- */
.carList {
	background-color: #fff;
}
.carListWrap {
	width: 100%;
}
.carListWrap .p_num {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
}
.carListWrap .item {
	clear: both;
}
.carListWrap ol {
	background-color: transparent;
	margin-right: -2%;
	overflow: hidden;
}
.carListWrap ol li {
	position: relative;
	float: left;
	color: #333;
	width: 18%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.carListWrap ol li h2 {
	margin-top: 78%;
}
.carListWrap ol li h2 {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 7px;
	padding-bottom: 7px;
	color: #222;
	border-bottom: 1px solid #cecece;
}
.carListWrap ol li h2 span {
	display: block;
	color: #333;
	font-size: 1.1rem;
	font-weight: normal;
	margin-bottom: 4px;
}
.carListWrap ol li h2 img.icon_tokusen {
	width: 70px !important;
	height: auto;
	vertical-align: middle;
	float: right;
}
.carListWrap .itemPho {
	clear: both;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.carListWrap .itemPho img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}
.carListWrap .itemPho img.icon_buy {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 140px;
}
.carListWrap .price {
	color: #333;
	font-size: 1.2rem;
	margin: 0;
	margin-top: 5px;
	overflow: hidden;
	clear: both;
}
.carListWrap .price .lBox {
	overflow: hidden;
}
.carListWrap .price .lBox > span {
	float: left;
	color: #333;
	font-size: 1.1rem;
	line-height: 1.2em;
	margin-bottom: 2px;
	padding: 2px 0;
	width: 50%;
}
.carListWrap .price .lBox > span:before {
	display: inline-block;
	font-size: 1.0rem;
	padding: 2px 0;
	background-color: #e2e2e2;
	color: #515151;
	font-weight: bold;
	border-radius: 3px;
	line-height: 1.2em;
	margin-right: 2px;
	width: 4.5em;
	text-align: center;
}
.carListWrap .price .lBox > span:nth-child(1)::before {
	content: "年式";
}
.carListWrap .price .lBox > span:nth-child(2)::before {
	content: "走行";
}
.carListWrap .price .lBox > span:nth-child(3)::before {
	content: "排気量";
}
.carListWrap .price .lBox > span:nth-child(4)::before {
	content: "車検";
}
.carListWrap .price .rBox {
	float: right;
	display: inline-block;
	font-size: 1.5rem;
	color: #f31127; /* #f50d0d */
	font-weight: bold;
	overflow: hidden;
	text-align: right;
}
.carListWrap .price .rBox em {
	font-family: 'Oswald', cursive;
	font-size: 2.5rem;
	font-weight: 900;
	font-style: normal;
}

/* carList & special 共通
----------------------------------------- */
.update {
	font-size: 1.0rem;
	background-color: #f92121;
	color: #fff;
	line-height: 1.5em;
	font-weight: bold;
	padding: 70px 0px 5px;
	position: absolute;
	left: -103px;
	top: -55px;
	text-align: center;
	width: 200px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	display: inline-block;
	overflow: hidden;
	-webkit-font-smoothing: antialiased; /* 追加 */
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
}
.update em {
	display: block;
	font-size: 1.15rem;
	font-style: normal;
}
.speWrap .update {
	background-color: #7bb425;
}


/* Pickup Shop
----------------------------------------- */
.shopWrap {
	border: 1px solid #ccc;
	padding: 1.5%;
	width: 49%;
	float: left;
	background-color: #fff;
}
.shopWrap h1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 14px;
	font-size: 1.75rem;
	color: #333;
}
.shPho {
	float: left;
	width: 40%;
	margin: 0 15px 15px 0;
}
.shPho img {
	vertical-align: bottom;
}
.shLink {
	display: inline-block;
	margin-top: 5px;
}
.shLink a {
	font-size: 1.2rem;
	color: #0378c1; /* #0378c1 */
}
.shLink a:after {
  margin-left: 3px;
  font-family: 'FontAwesome';
  vertical-align: middle;
  content: '\f08e';
}
.shData {
	overflow: hidden;
}
.shData dt {
	margin-bottom: 10px;
	font-size: 1.7rem;
	font-weight: bold;
}
.shData dt a {
	color: #328532;
}
.shData dd {
}
.shAdd > span {
	font-size: 1.25rem;
	display: block;
}
.shAdd > span:first-child {
	font-size: 1.45rem;
	font-weight: bold;
}
.shAdd > span em {
	font-size: 1.7rem;
	font-style: normal;
	color: #e61212;
}
.shTxt {
	clear: both;
	font-size: 1.2rem;
	padding-top: 10px;
	margin: 15px 0 0;
	border-top: 1px solid #e4e4e4;
}
.shTxt a {
	display: inline-block;
	font-size: 1.2rem; 
	color: #0378c1;
}
.shTxt a:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
	font-size: 1.2rem;
	margin-right: 2px;
}
.shListlink a {
	display: block;
	clear: both;
	font-size: 1.3rem;
	line-height: 1.0em;
	vertical-align: middle;
	padding: 9px 12px;
	margin-top: 15px;
	background-color: #328532;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.shListlink a:after {
  margin-left: 5px;
  font-family: 'FontAwesome';
  vertical-align: bottom;
  content: '\f105';
  font-size: 1.4rem;
}


/* Banner
----------------------------------------- */
.bannerWrap {
	/* background-color: #fff; */
	/* border: 1px solid #ccc; */
	/* padding: 1.5%; */
	width: 49%;
	float: right;
}
.bannerWrap div {
	/*
	position: relative;
	height: 100%;
	*/
}
.bannerWrap div a img {
	vertical-align: bottom;
	/* 天地左右中央揃え */
	/*
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	*/
}


/* Column
----------------------------------------- */
.column {
	background-color: #fff;
}
.column .nextLink {
	display: inline-block;
	margin-top: -40px !important;
	margin-bottom: 30px;
}
.column .nextLink a {
	font-size: 1.3rem;
}
.column .nextLink a:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
	font-size: 1.2rem;
	margin-right: 2px;
}
.colWrap {
	width: 100%;
}
.colWrap ol {
	margin-right: -2%;
    overflow:hidden;
}
.colWrap ol li {
	width: 48%;
	font-size: 1.4rem;
	color: #333;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	display:inline;
	border: 1px solid #e1e1e1;
}
.colWrap ol li > section > a {
	display: block;
	color: #333;
}
.colWrap ol li section h1 {
	font-size: 1.5rem;
	padding: 15px 15px 0 1rem;
	overflow: hidden;
}
.titarrow {
    text-indent: -1rem;
    margin-left: 1rem;
}
.titarrow:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .2rem;
    border: transparent solid 4px;
    border-left-color: #f00;
    vertical-align: 2px;
}
.colTitle {
	margin-right: 1.5rem;
}
.colDate {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: normal;
	margin-left: 1rem;
}
.icon_new {
	font-size: 0.7rem;
	color: #fff;
	margin-left: 0.5rem;
	padding: 3px 5px;
	background-color: #ff0000;
	border-radius: 3px;
}
.colWrap ol li .colExt {
	padding: 20px 15px 20px 1rem;
	overflow: hidden;
}
/*
.colWrap ol li:last-child(4n) {
	margin-right: 0;
}
*/
.colThm {
	position: relative;
	width: 150px;
	height: 150px;
	margin-right: 15px;
	overflow:hidden;
	float: left;
	border-right: 1px solid #e1e1e1;
}
.colThm img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  max-width: initial;
}
.cate {
	clear: both;
	display: block;
	padding: 4px 10px;
	border-top: 1px solid #e1e1e1;
	color: #7c7c7c;
}
.cate a {
	font-size: 1.0rem;
	color: #7c7c7c;
	margin-right: 10px;
}


/* special
----------------------------------------- */
.special {
}
/*
.special .inner h1 {
	color: #ebebeb;
}
.special .inner h1 span {
	color: #ebebeb;
}
.special .inner {
	width: 100%;
}
*/
.speWrap {
	width: 100%;
}
.spe_topText {
	margin-bottom: 40px;
	overflow: hidden;
}
.spe_topText h1 {
	font-size: 2.0rem;
	font-weight: bold;
	color: #007d1e;
	margin-bottom: 10px;
}
.spe_topText h1 a {
	color: #007d1e;
}
.spe_topText p {
	font-size: 1.5rem;
	width: 60%;
	height: 25px;
	line-height: 1.5em;
	overflow-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.spe_topText .nextLink {
	display: inline-block;
	margin-top: 5px;
}
.spe_topText .nextLink a {
	font-size: 1.3rem;
}
.spe_topText .nextLink a:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
	font-size: 1.2rem;
	margin-right: 2px;
}
.speWrap .p_num {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
}
.speWrap .item {
	clear: both;
}
.speWrap ol {
	padding-left: 0;
	margin: 0 0  15px;;
	background-color: transparent;
}
.content-slider li {
	/* background-color: #131313; */
	color: #333;
	padding: 0;
}
.content-slider h2 {
	margin: 0;
	padding: 0;
}
.speWrap .itemPho {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.speWrap .itemPho img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}
.speWrap .itemData {
	background-color: #fff;
	color: #333;
	font-size: 1.2rem;
	width: 100%;
	margin: 0;
	padding: 3%;
	overflow: hidden;
}
.speWrap .itemData h2 {
	font-size: 1.45rem;
	font-weight: bold;
	line-height: 1.35;
	padding-bottom: 2%;
	border-bottom: 1px solid #9a9a9a;
}
.speWrap .itemData h2 span {
	display: block;
	font-size: 1.2rem;
	margin-bottom: 5px;
	font-weight: normal; 
}
.speWrap .price {
	padding-top: 2%;
	overflow: hidden;
}
.speWrap .itemData .lBox {
	float: left;
}
.speWrap .itemData .lBox span {
	display: block;
	color: #333;
	font-size: 1.3rem;
	line-height: 1.7em;
	margin-bottom: 4px;
}
.speWrap .itemData .lBox span:before {
	display: inline-block;
	font-size: 1.2rem;
	padding: 2px 8px;
	background-color: #e2e2e2;
	color: #515151;
	font-weight: bold;
	line-height: 1.4em;
	border-radius: 3px;
	margin-right: 4px;
}
.speWrap .itemData .lBox span:nth-child(1)::before {
	content: "年式";
}
.speWrap .itemData .lBox span:nth-child(2)::before {
	content: "走行";
}

/*
.speWrap .itemData .lBox span:before {
	font-family: 'FontAwesome';
	content: "\f00c";
	font-size: 1.3rem;
	color: #68d718;
	margin-right: 5px;
}
*/
.speWrap .rBox {
	float: right;
}
.speWrap .rBox {
	display: inline-block;
	font-size: 1.5rem;
	color: #f31127;
	font-weight: bold;
	overflow: hidden;
}
.speWrap .rBox em {
	font-family: 'Oswald', cursive;
	font-size: 3.2rem;
	font-weight: 900;
	font-style: normal;
}


/* fot_total
----------------------------------------- */
.fot_total {
	background-color: #f4f4f4;
	text-align: center;
	font-size: 1.1rem;
	line-height: 4em;
	border-top: 1px solid #e7e7e7;
	color: #575757;
}


/* fotBanner
----------------------------------------- */
.fotBanner {}
.fotBanner ul {
	overflow: hidden;
	margin-right: -2%;
}
.fotBanner ul li {
	float: left;
	width: 49%;
	margin-right: 1%;
}


/* -----------------------------------------
	Small Tablets
----------------------------------------- */
@media (max-width: 900px) {
	/* carList
	----------------------------------------- */
	.carListWrap .itemData {
		padding-left: 3%;
	}
	
	.carListWrap .itemData .lBox {
		float: none;
	}
	.carListWrap .itemData .lBox > span {
		display: inline-block;
		color: #333;
		font-size: 1.1rem;
		line-height: 1.25em;
	}
	.carListWrap .itemData .lBox > span:first-of-type {
		margin-right: 5px;
	}
	.carListWrap .rBox {
		float: none;
		width: 100%;
		text-align: right;
	}
}


/* -----------------------------------------
	Small Tablets & Smart phone
----------------------------------------- */
@media (max-width: 767px) {

/* Column
----------------------------------------- */
.colWrap ol {
	margin-right: 0;
    overflow: inherit;
}
.colWrap ol li {
	width: 100%;
	font-size: 1.4rem;
	color: #333;
	margin-right: 0;
	margin-bottom: 2%;
	float: none;
	display: block;
	border: 1px solid #eaeaea;
}


/* carList
----------------------------------------- */
.carList {
	border-top: 1px solid #e3e3e3;
	/* background-color: #fff; */
}
.carListWrap {
	width: 100%;
}
.carListWrap .p_num {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
}
.carListWrap .item {
}
.carListWrap ol {
	margin-right: 0;
	overflow: hidden;
}
.carListWrap ol li {
	color: #333;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	padding: 4% 0;
	float: none;
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #c1c1c1;
}
.carListWrap ol li:last-child {
	border-bottom: 1px none #c1c1c1;
}
.carListWrap ol li a {
	display: block;
	overflow: hidden;
	text-align: center;
}
.carListWrap ol li h2 {
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 0;
	border-bottom: 1px none #ababab;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4em;
}
.carListWrap ol li h2 span {
	font-size: 1.2rem;
	margin-bottom: 4px;
}
.carListWrap .itemPho {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}
.carListWrap .price {
	color: #333;
	font-size: 1.2rem;
	margin: 0;
	margin-top: 5px;
	overflow: hidden;
	clear: both;
	text-align: left;
}
.carListWrap .price .lBox {
	display: inline-block;
	overflow: auto;
}
.carListWrap .price .lBox > span {
	display: block;
	float: none;
	color: #333;
	font-size: 1.25rem;
	line-height: 14px;
	margin-bottom: 2px;
	padding: 2px 0;
	width: auto;
}
.carListWrap .price .lBox > span:before {
	display: inline-block;
	font-weight: bold;
	font-size: 1.15rem;
	line-height: 14px;
	color: #515151;
	text-align: center;
	padding: 3px 0;
	margin-right: 2px;
	width: 4.5em;
	border-radius: 3px;
	background-color: #e2e2e2;
}
.carListWrap .price .lBox > span:nth-child(1)::before {
	content: "年式";
}
.carListWrap .price .lBox > span:nth-child(2)::before {
	content: "走行";
}
.carListWrap .price .lBox > span:nth-child(3)::before {
	content: "排気量";
}
.carListWrap .price .lBox > span:nth-child(4)::before {
	content: "車検";
}
.carListWrap .price .rBox {
	display: inline-block;
	font-size: 1.6rem;
	color: #f31127;
	font-weight: bold;
	overflow: auto;
	text-align: right;
	width: auto;
}
.carListWrap .price .rBox em {
	font-family: 'Oswald', cursive;
	font-size: 3.5rem;
	font-weight: 900;
	font-style: normal;
}


/* Special
----------------------------------------- */
.speWrap .rBox em {
	font-size: 3.5rem;
}


/* Pickup Shop
----------------------------------------- */
.shopWrap {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}


/* Banner
----------------------------------------- */
.bannerWrap {
	width: 100%;
	float: none;
}
.bannerWrap div {
	position: relative;
	height: 100%;
	text-align: center;
}
.bannerWrap div a img {
	display: block;
	position: static;
	margin: auto;
}


/* fotBanner
----------------------------------------- */
.fotBanner ul {
	overflow: hidden;
	margin-right: 0;
}
.fotBanner ul li {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 2%;
}


/* Pickup Shop
----------------------------------------- */
.shopWrap {
	border: 1px solid #ccc;
	padding: 5% 4%;
	width: 100%;
	float: none;
}
.shPho {
	float: none;
	width: 100%;
	margin: 0 0 15px 0;
}
.shPho img {
	width: 100%;
	height: auto;
}
.shData dt {
	margin-bottom: 5px;
}


}


/* Mobile */
@media (max-width: 320px) {}