@charset "UTF-8";
/*-----------------------------
pagename
-----------------------------*/
.h2__inner{
  background: url(../img/sale_bg.gif) repeat top left;
}
.pagename__h2 {
  color: #c50029;
}
.pagename__h2 span {
	background:#c50029;
}


/*-------------------------------
車両一覧
-------------------------------*/
.car {
  max-width: 1200px;
  margin: 100px auto;
  padding: 40px 20px;
}
#car1 {
  background: #e5efda;
}
#car2 {
	background:#fdeeec;
}
#car3 {
  background: #f8ead1;
}


#car1 .bnr__h2 {
  position: relative;
  top: -60px;
  color: #fff;
  font-size: 30px;
	font-weight:bold;
	text-align:center;
}
#car1 .bnr__h2 span {
  padding: 15px 20px;
	background:#a5b812;
}

#car2 .bnr__h2 {
  position: relative;
  top: -60px;
  color: #fff;
  font-size: 30px;
	font-weight:bold;
	text-align:center;
}
#car2 .bnr__h2 span {
  padding: 15px 20px;
	background:#cd504b;
}

#car3 .bnr__h2 {
  position: relative;
  top: -60px;
  color: #fff;
  font-size: 30px;
	font-weight:bold;
	text-align:center;
}
#car3 .bnr__h2 span {
  padding: 15px 20px;
	background:#eda01b;
}

.car__wrap {
	display:inline-block;
  width: 100%;
  padding-bottom: 10px;
}

#car1 .car__item {
	display:inline-block;
	width:46%;
  margin:1% auto 1% 1% ;
  padding:1%;
	border-radius:10px;
  background: #fff;
  box-shadow: 2px 2px 15px 0px rgba(213, 228, 196, 0.8);
}
#car2 .car__item {
	display:inline-block;
	width:46%;
  margin:1% auto 1% 1% ;
  padding:1%;
	border-radius:10px;
  background: #fff;
  box-shadow: 2px 2px 15px 0px rgba(205, 80, 75, 0.4);
}
#car3 .car__item {
	display:inline-block;
	width:46%;
  margin:1% auto 1% 1% ;
  padding:1%;
	border-radius:10px;
  background: #fff;
  box-shadow: 2px 2px 15px 0px rgba(227, 172, 72, 0.4);
}


#car1 .car__item:hover {
  box-shadow: 0px 0px 1px 2px #d5e4c4;
}
#car2 .car__item:hover {
  box-shadow: 0px 0px 1px 2px #e6a7a5;
}
#car3 .car__item:hover {
  box-shadow: 0px 0px 1px 2px #f1d5a3;
}

.car__text {
	margin-bottom: 20px;
	padding: 0px;
	line-height: 30px;
}

.car__text .modal__dl dt {
  width: 18%;
  padding: 5px;
}

.car__text .modal__dl dd {
  width: 27%;
  padding: 5px;
}
.font2{
	font-size:11px;
	margin-top:-10px;
}

.car__img{
	text-align:center;
}
.car__img img {
  width: 80%;
}
.car__item__h3 {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 1.2rem;
	font-weight:bolder;
  line-height: 1.8rem;
  border-bottom: 4px solid #991f22;
}
.car__item__h3 span {
	background:#eee;
  font-size: 1rem;
	font-weight:normal;
	margin-right:5px;
	padding:2px 5px;
}

.car__price{
	vertical-align:top;
	display:flex;
	margin-bottom:10px;
}

.car__item__text{
	font-size:0.8rem;
	color:#555;
  line-height: 1.5rem;
	margin:0px auto 10px;
}
.car__item__text span{
	background: #f7b500;
	padding:2px 8px;
	border-radius:5px;
}
.car__item__text1{
	font-size:0.8rem;
	color:#333;
  line-height: 1.5rem;
	margin:0px auto 10px;
}
.car__item__text1 span{
	background:#eee;
	padding:2px 8px;
	border-radius:5px;
}

.car__price1{
	margin:5px auto;
	display:inline-block;
}
.car__price2{
	margin:5px auto;
	display:inline-block;
}
.car__item__fee {
  margin-top: 5px;
  color: #c50029;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration:none;
  line-height:1rem;
}
.car__item__fee span {
  color: #000;
	padding:2px 5px;
	vertical-align:middle;
	font-size:0.7rem;
}
.car__item__fee1 {
  margin-top: 5px;
  color: #000;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration:none;
  line-height:1rem;
}
.car__item__fee1 span {
	padding:2px 5px;
	vertical-align:middle;
	font-size:0.8rem;
}
.car__time {
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
  color: #000;
  font-size: 1rem;
  text-decoration:none;
  line-height: 1rem;
	margin:10px auto ;
	padding:10px;
}
.car__time_1 {
	background:#eee;
	padding:2px 5px;
	margin-right:10px;
	border-radius:5px;
	font-size:0.8rem;
	display:inline-block;
}
.car__time_2 {
	display:inline-block;
}


.car_logo{
	position: relative;
}
.car_logo img{
	width:130px;
	z-index:1;
	position: absolute;
	top: 10px;
	right:10px;
}

.modal__dl dd.check {
	border:2px solid #c50029;
}
.check {
  position: relative;
  background: #fff;
	font-weight:bold;
  color: #c50029;
}

/*.check:before {
	text-align:left;
  color: #c50029;
  font-family: 'Font Awesome 5 Free';
  font-size: 0.8rem;
	line-height:0.8rem;
  position: absolute;
  top: -22px;
  left: 0;
  height: 18px;
  padding: 4px 5px 0px;
  content: '\f058  CHECK';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #c50029;
}*/

@media (max-width: 820px) {
.car__wrap {
	justify-content: center;
}

.car {
  margin:  50px auto;
  padding: 10px 20px;
}

#car1 .bnr__h2 {
  top: -40px;
  font-size: 24px;
}
#car1 .bnr__h2 span {
  padding: 10px 15px;
}

#car2 .bnr__h2 {
  top: -40px;
  font-size: 24px;
}
#car2 .bnr__h2 span {
  padding: 10px 15px;
}

#car3 .bnr__h2 {
  top: -40px;
  font-size: 24px;
}
#car3 .bnr__h2 span {
  padding: 10px 15px;
}


#car1 .car__item {
	width:98%;
  margin:1%;
}
#car2 .car__item {
	width:98%;
  margin:1%;
}
#car3 .car__item {
	width:98%;
  margin:1%;
}

/*.check:before {
	text-align:center;
  color: #c50029;
  font-family: 'Font Awesome 5 Free';
	height:0.8rem;
  position:relative;
  top: 0px;
  left: 0;
  padding: 4px;
  content: '\f058  CHECK';
  color: #fff;
  border-radius: 10px;
  background: #c50029;
	display:block;
}
*/
}

@media (max-width: 480px) {

.car {
  margin:  50px auto;
    padding: 30px 0px;
}

#car1 .bnr__h2 {
  top: -40px;
  font-size: 20px;
}
#car1 .bnr__h2 span {
  padding: 10px 15px;
}

#car2 .bnr__h2 {
  top: -40px;
  font-size: 20px;
}
#car2 .bnr__h2 span {
  padding: 10px 15px;
}

#car3 .bnr__h2 {
  top: -40px;
  font-size: 20px;
}
#car3 .bnr__h2 span {
  padding: 10px 15px;
}

.car__wrap {
    margin-bottom: 0;
	display:block;
  flex-wrap: wrap;
}

#car1 .car__item {
	width:90%;
	display:block;
  margin:1% auto;
}
#car2 .car__item {
	width:90%;
	display:block;
  margin:1% auto;
}
#car3 .car__item {
	width:90%;
	display:block;
  margin:1% auto;
}

/*.check:before {
	text-align:center;
  color: #c50029;
  font-family: 'Font Awesome 5 Free';
	height:0.8rem;
  position:relative;
  top: 0px;
  left: 0;
  padding: 4px;
  content: '\f058  CHECK';
  color: #fff;
  border-radius: 10px;
  background: #c50029;
	display:block;
}*/




}