/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

/* Car list */
ul.carlist_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
ul.carlist_cc li {
  width: 30.3333333333%;
  height:auto;
  display: block;
  margin:0 1.5% 3%;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}
ul.carlist_cc li a {
  width:100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-radius: 5px;
  overflow: hidden;
  background-image: url(../img/header/box-gold.webp);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 5px;
    transition: .4s all;
}
ul.carlist_cc li a:hover {
  background-size: 100% 5px;
}
ul.carlist_cc li a .carlist_img {
  width:100%;
  height: auto;
  display: block;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_img {
opacity: 0.6;
}
ul.carlist_cc li a .carlist_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:2em 1.5em;
}
ul.carlist_cc li a .carlist_cc h3 {
  font-size: clamp(0.8rem, 0.5rem + 0.6vw, 2rem);
  font-weight: 500;
  font-family: var(--font-min);
  color: var(--color-black);
  line-height: 1.4em;
  margin-bottom: 0.2em;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_cc h3 {
color:var(--color-2nd)
}
ul.carlist_cc li a .carlist_cc h4 {
  font-size: clamp(1.2rem, 0.5rem + 1vw, 5rem);
  font-weight: 500;
  font-family: var(--font-min);
  color: var(--color-black);
  line-height: 1.3em;
  margin-bottom: 0.5em;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_cc h4 {
color:var(--color-1st)
}
ul.carlist_cc li a .carlist_cc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
ul.carlist_cc li a .carlist_cc dl dt {
  width:40%;
  height: auto;
  display: block;
  padding:0.8em 0.5em;
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  line-height: 1em;
  text-align: center;
  background-color: var(--color-f0);
  border-bottom: 1px dotted var(--color-999);
}
ul.carlist_cc li a .carlist_cc dl dd {
  width:60%;
  height: auto;
  display: block;
  padding:0.8em 0.5em;
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  line-height: 1em;
  text-align: right;
  border-bottom: 1px dotted var(--color-999);
}
ul.carlist_cc li a .carlist_cc p {
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  color:var(--color-black);
  line-height:2em;
  margin:0;
}


/* Car detail */
.car_detail {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 50px;
}
.cade_mm {
  width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 8% 0px;
  margin:0 auto 50px;
}
.cade_title {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 40px;
}
.cade_title h2 {
font-size: clamp(1rem, 0.5rem + 1vw, 2rem);
line-height: 2em;
color: var(--color-1st);
font-family: var(--font-min);
margin-bottom: 0;
}
.cade_title h3 {
font-size: clamp(1rem, 1rem + 1.5vw, 5em);
font-weight: 400;
line-height: 1.4em;
color: var(--color-black);
font-family: var(--font-min);
margin-bottom: 0.1em;
}
.cade_img {
  width:100%;
}
.imageslider {
	margin-bottom: 50px;
}
.imageslider li {
	margin:0 0.5em;
}
.imageslider .slide-dots_pic {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}
.imageslider .slide-dots_pic li {
	display: inline-block;
	margin: 0 0px;
}
.imageslider .slide-dots_pic li button {
	position: relative;
	text-indent: -9999px;
}
.imageslider .slide-dots_pic li button::before {
	background-image: url(../../../img/slide-dot02.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	cursor: pointer;
	height: 15px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 20px;
	width: 20px;
}
.imageslider .slide-dots_pic li.slick-active button::before {
	background-image: url(../../../img/slide-dot01.png);
}
.imageslider  button {
	background: none;
	border: none;
	outline: none;
	padding: 0 15px;
}

/* Slider image Arrow */
.tithumb {
	width:85%;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
}

.arrow_box, .arrow_box2, .arrow_box3, .arrow_box4, .arrow_box5 {
	width:100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0 0;
	position: relative;
}

.prev-arrow,
.next-arrow {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	transition: all .3s ease;
	cursor: pointer;
	position:absolute;
	z-index:19900;
}
.next-arrow {
	bottom: 50px;
	right:0;
	background-image: url(../../../img/header/ic-ar_h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
}
.prev-arrow {
	bottom: 50px;
	left:0;
	transform: rotate(180deg);
	background-image: url(../../../img/header/ic-ar_h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
}

.cade_spec {
  width:100%;
  height: auto;
  display: block;
  padding:50px 0 0;
  margin-bottom: 50px;
}
.cade_spec h2 {
font-size: clamp(1rem, 1rem + 1.5vw, 5em);
font-weight: 400;
text-align: center;
line-height: 1.4em;
color: var(--color-black);
font-family: var(--font-min);
margin-bottom: 0.3em;
}
.cade_spec p {
font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
text-align: center;
line-height: 2em;
margin-bottom: 2em;
}

.cade_spec .cade_price {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cade_spec .cade_price dl {
  width:47%;
  height: auto;
  display: block;
  border:1px solid var(--color-1st);
text-align: center;
  border-radius: 5px;
  padding:1.5em 1em;
  margin:0 1.5% 3%;
}
.cade_spec .cade_price dl dt {
  font-size: clamp(1.2rem, 0.85rem + 0.8vw, 1.6rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  background-color: var(--color-2nd);
  border-radius: 5px;
  margin-bottom: 0.8em;
}
.cade_spec .cade_price dl dd {
  font-size: clamp(1.2rem, 0.85rem + 0.8vw, 1.6rem);
  font-weight: 500;
  font-family: var(--font-min);
  line-height: 1.5em;
  padding:0;
  margin:0;
}
.cade_spec .cade_price dl dd strong {
font-size: clamp(1.5rem, 1rem + 1.5vw, 2.4rem);
}

.cade_data {
width:100%;
height: auto;
display: block;
border-top:1px dotted var(--color-ccc);
padding-top:50px;
}

.bannerspace {
  width:40%;
  height: auto;
  display: block;
  margin:0 auto 50px;
}
.bannerspace a {
width:100%;
  height: auto;
  display: block;
}
.bannerspace a:hover {
  opacity: 0.6;
}

}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

/* Car list */
.carlist {
  width:100%;
  height: auto;
  display: block;
  padding:50px 8%;
}

ul.carlist_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
ul.carlist_cc li {
  width: 47%;
  height:auto;
  display: block;
  margin:0 1.5% 3%;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}
ul.carlist_cc li a {
  width:100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-radius: 5px;
  overflow: hidden;
  background-image: url(../img/header/box-gold.webp);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 5px;
    transition: .4s all;
}
ul.carlist_cc li a:hover {
  background-size: 100% 5px;
}
ul.carlist_cc li a .carlist_img {
  width:100%;
  height: auto;
  display: block;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_img {
opacity: 0.6;
}
ul.carlist_cc li a .carlist_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:2em 1.5em;
}
ul.carlist_cc li a .carlist_cc h3 {
  font-size: clamp(0.8rem, 0.5rem + 0.6vw, 2rem);
  font-weight: 500;
  font-family: var(--font-min);
  color: var(--color-black);
  line-height: 1.4em;
  margin-bottom: 0.2em;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_cc h3 {
color:var(--color-2nd)
}
ul.carlist_cc li a .carlist_cc h4 {
  font-size: clamp(1.2rem, 0.5rem + 1vw, 5rem);
  font-weight: 500;
  font-family: var(--font-min);
  color: var(--color-black);
  line-height: 1.3em;
  margin-bottom: 0.5em;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_cc h4 {
color:var(--color-1st)
}
ul.carlist_cc li a .carlist_cc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
ul.carlist_cc li a .carlist_cc dl dt {
  width:40%;
  height: auto;
  display: block;
  padding:0.8em 0.5em;
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  line-height: 1em;
  text-align: center;
  background-color: var(--color-f0);
  border-bottom: 1px dotted var(--color-999);
}
ul.carlist_cc li a .carlist_cc dl dd {
  width:60%;
  height: auto;
  display: block;
  padding:0.8em 0.5em;
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  line-height: 1em;
  text-align: right;
  border-bottom: 1px dotted var(--color-999);
}
ul.carlist_cc li a .carlist_cc p {
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  color:var(--color-black);
  line-height:2em;
  margin:0;
}


/* Car detail */
.car_detail {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 50px;
}
.cade_mm {
  width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 8% 0px;
  margin:0 auto 50px;
}
.cade_title {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 40px;
}
.cade_title h2 {
font-size: clamp(1rem, 0.5rem + 1vw, 2rem);
line-height: 2em;
color: var(--color-1st);
font-family: var(--font-min);
margin-bottom: 0;
}
.cade_title h3 {
font-size: clamp(1rem, 1rem + 1.5vw, 5em);
font-weight: 400;
line-height: 1.4em;
color: var(--color-black);
font-family: var(--font-min);
margin-bottom: 0.1em;
}
.cade_img {
  width:100%;
}
.imageslider {
	margin-bottom: 50px;
}
.imageslider li {
	margin:0 0.5em;
}
.imageslider .slide-dots_pic {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}
.imageslider .slide-dots_pic li {
	display: inline-block;
	margin: 0 0px;
}
.imageslider .slide-dots_pic li button {
	position: relative;
	text-indent: -9999px;
}
.imageslider .slide-dots_pic li button::before {
	background-image: url(../../../img/slide-dot02.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	cursor: pointer;
	height: 15px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 20px;
	width: 20px;
}
.imageslider .slide-dots_pic li.slick-active button::before {
	background-image: url(../../../img/slide-dot01.png);
}
.imageslider  button {
	background: none;
	border: none;
	outline: none;
	padding: 0 15px;
}

/* Slider image Arrow */
.tithumb {
	width:85%;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
}

.arrow_box, .arrow_box2, .arrow_box3, .arrow_box4, .arrow_box5 {
	width:100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0 0;
	position: relative;
}

.prev-arrow,
.next-arrow {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	transition: all .3s ease;
	cursor: pointer;
	position:absolute;
	z-index:19900;
}
.next-arrow {
	bottom: 50px;
	right:0;
	background-image: url(../../../img/header/ic-ar_h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
}
.prev-arrow {
	bottom: 50px;
	left:0;
	transform: rotate(180deg);
	background-image: url(../../../img/header/ic-ar_h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
}

.cade_spec {
  width:100%;
  height: auto;
  display: block;
  padding:50px 0 0;
  margin-bottom: 50px;
}
.cade_spec h2 {
font-size: clamp(1rem, 1rem + 1.5vw, 5em);
font-weight: 400;
text-align: center;
line-height: 1.4em;
color: var(--color-black);
font-family: var(--font-min);
margin-bottom: 0.3em;
}
.cade_spec p {
font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
text-align: center;
line-height: 2em;
margin-bottom: 2em;
}

.cade_spec .cade_price {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cade_spec .cade_price dl {
  width:47%;
  height: auto;
  display: block;
  border:1px solid var(--color-1st);
text-align: center;
  border-radius: 5px;
  padding:1.5em 1em;
  margin:0 1.5% 3%;
}
.cade_spec .cade_price dl dt {
  font-size: clamp(1.2rem, 0.85rem + 0.8vw, 1.6rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  background-color: var(--color-2nd);
  border-radius: 5px;
  margin-bottom: 0.8em;
}
.cade_spec .cade_price dl dd {
  font-size: clamp(1.2rem, 0.85rem + 0.8vw, 1.6rem);
  font-weight: 500;
  font-family: var(--font-min);
  line-height: 1.5em;
  padding:0;
  margin:0;
}
.cade_spec .cade_price dl dd strong {
font-size: clamp(1.5rem, 1rem + 1.5vw, 2.4rem);
}

.cade_data {
width:100%;
height: auto;
display: block;
border-top:1px dotted var(--color-ccc);
padding-top:50px;
}

.bannerspace {
  width:50%;
  height: auto;
  display: block;
  margin:0 auto 50px;
}
.bannerspace a {
width:100%;
  height: auto;
  display: block;
}
.bannerspace a:hover {
  opacity: 0.6;
}

}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

  /* Car list */
.carlist {
  width:100%;
  height: auto;
  display: block;
  padding:50px 8%;
}

ul.carlist_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
ul.carlist_cc li {
  width: 100%;
  height:auto;
  display: block;
  margin:0 0 20px;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}
ul.carlist_cc li a {
  width:100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-radius: 5px;
  overflow: hidden;
  background-image: url(../img/header/box-gold.webp);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 5px;
    transition: .4s all;
}
ul.carlist_cc li a:hover {
  background-size: 100% 5px;
}
ul.carlist_cc li a .carlist_img {
  width:100%;
  height: auto;
  display: block;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_img {
opacity: 0.6;
}
ul.carlist_cc li a .carlist_cc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:2em 1.5em;
}
ul.carlist_cc li a .carlist_cc h3 {
  font-size: clamp(0.8rem, 0.5rem + 0.6vw, 2rem);
  font-weight: 500;
  font-family: var(--font-min);
  color: var(--color-black);
  line-height: 1.4em;
  margin-bottom: 0.2em;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_cc h3 {
color:var(--color-2nd)
}
ul.carlist_cc li a .carlist_cc h4 {
  font-size: clamp(1.2rem, 0.5rem + 1vw, 5rem);
  font-weight: 500;
  font-family: var(--font-min);
  color: var(--color-black);
  line-height: 1.3em;
  margin-bottom: 0.5em;
  transition: .4s all;
}
ul.carlist_cc li a:hover .carlist_cc h4 {
color:var(--color-1st)
}
ul.carlist_cc li a .carlist_cc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
ul.carlist_cc li a .carlist_cc dl dt {
  width:40%;
  height: auto;
  display: block;
  padding:0.8em 0.5em;
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  line-height: 1em;
  text-align: center;
  background-color: var(--color-f0);
  border-bottom: 1px dotted var(--color-999);
}
ul.carlist_cc li a .carlist_cc dl dd {
  width:60%;
  height: auto;
  display: block;
  padding:0.8em 0.5em;
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  line-height: 1em;
  text-align: right;
  border-bottom: 1px dotted var(--color-999);
}
ul.carlist_cc li a .carlist_cc p {
  font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
  color:var(--color-black);
  line-height:2em;
  margin:0;
}


/* Car detail */
.car_detail {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 50px;
}
.cade_mm {
  width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:100px 8% 0px;
  margin:0 auto 50px;
}
.cade_title {
  width:100%;
  height: auto;
  display: block;
  margin-bottom: 40px;
}
.cade_title h2 {
font-size: clamp(1rem, 0.5rem + 1vw, 2rem);
line-height: 2em;
color: var(--color-1st);
font-family: var(--font-min);
margin-bottom: 0;
}
.cade_title h3 {
font-size: clamp(1rem, 1rem + 1.5vw, 5em);
font-weight: 400;
line-height: 1.4em;
color: var(--color-black);
font-family: var(--font-min);
margin-bottom: 0.1em;
}
.cade_img {
  width:100%;
}
.imageslider {
	margin-bottom: 50px;
}
.imageslider li {
	margin:0 0.5em;
}
.imageslider .slide-dots_pic {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}
.imageslider .slide-dots_pic li {
	display: inline-block;
	margin: 0 0px;
}
.imageslider .slide-dots_pic li button {
	position: relative;
	text-indent: -9999px;
}
.imageslider .slide-dots_pic li button::before {
	background-image: url(../../../img/slide-dot02.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	cursor: pointer;
	height: 15px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 20px;
	width: 20px;
}
.imageslider .slide-dots_pic li.slick-active button::before {
	background-image: url(../../../img/slide-dot01.png);
}
.imageslider  button {
	background: none;
	border: none;
	outline: none;
	padding: 0 15px;
}

/* Slider image Arrow */
.tithumb {
	width:85%;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
}

.arrow_box, .arrow_box2, .arrow_box3, .arrow_box4, .arrow_box5 {
	width:100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0 0;
	position: relative;
}

.prev-arrow,
.next-arrow {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	transition: all .3s ease;
	cursor: pointer;
	position:absolute;
	z-index:19900;
}
.next-arrow {
	bottom: 50px;
	right:0;
	background-image: url(../../../img/header/ic-ar_h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
}
.prev-arrow {
	bottom: 50px;
	left:0;
	transform: rotate(180deg);
	background-image: url(../../../img/header/ic-ar_h.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
}

.cade_spec {
  width:100%;
  height: auto;
  display: block;
  padding:50px 0 0;
  margin-bottom: 50px;
}
.cade_spec h2 {
font-size: clamp(1rem, 1rem + 1.5vw, 5em);
font-weight: 400;
text-align: center;
line-height: 1.4em;
color: var(--color-black);
font-family: var(--font-min);
margin-bottom: 0.3em;
}
.cade_spec p {
font-size: clamp(0.95rem, 0rem + 0.4vw, 1.1rem);
text-align: center;
line-height: 2em;
margin-bottom: 2em;
}

.cade_spec .cade_price {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.cade_spec .cade_price dl {
  width:100%;
  height: auto;
  display: block;
  border:1px solid var(--color-1st);
text-align: center;
  border-radius: 5px;
  padding:1.5em 1em;
  margin:0 1.5% 3%;
}
.cade_spec .cade_price dl dt {
  font-size: clamp(1.2rem, 0.85rem + 0.8vw, 1.6rem);
  font-weight: 500;
  font-family: var(--font-min);
  color:var(--color-black);
  background-color: var(--color-2nd);
  border-radius: 5px;
  margin-bottom: 0.8em;
}
.cade_spec .cade_price dl dd {
  font-size: clamp(1.2rem, 0.85rem + 0.8vw, 1.6rem);
  font-weight: 500;
  font-family: var(--font-min);
  line-height: 1.5em;
  padding:0;
  margin:0;
}
.cade_spec .cade_price dl dd strong {
font-size: clamp(1.5rem, 1rem + 1.5vw, 2.4rem);
}

.cade_data {
width:100%;
height: auto;
display: block;
border-top:1px dotted var(--color-ccc);
padding-top:50px;
}

.bannerspace {
  width:80%;
  height: auto;
  display: block;
  margin:0 auto 50px;
}
.bannerspace a {
width:100%;
  height: auto;
  display: block;
}
.bannerspace a:hover {
  opacity: 0.6;
}

}