.hero__graytop {
  padding-top: 30px;
}
.heroslider {
  max-width: 1280px;
  width: 94.1176470588%;
  margin: 0 auto;
  visibility:hidden;
}
.heroslider.slick-initialized {
  visibility:visible;
}
@media only screen and (max-width: 736px) {
  .heroslider {
    width: 100%;
  }
}
.heroslider__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 1px #ebeced;
}
@media only screen and (max-width: 736px) {
  .heroslider__wrap {
    display: block;
    border: none;
  }
}
.heroslider-white {
  background-color: #fff;
}
.heroslider__child {
  outline: none;
}
.heroslider__child__img {
  width: 66.71875%;
}
@media only screen and (max-width: 736px) {
  .heroslider__child__img {
    width: 100%;
  }
}
.heroslider__textarea {
  width: 33.28125%;
  padding: 0 3.515625%;
}
@media only screen and (max-width: 736px) {
  .heroslider__textarea {
    width: 100%;
    padding: 15px 2.6666666667% 10px;
  }
}
.heroslider__ttl {
  margin-bottom: 25px;
  font-size: 2.25em;
  font-weight: normal;
}
@media only screen and (max-width: 736px) {
  .heroslider__ttl {
    font-size: 1.7142857143em;
    margin-bottom: 10px;
  }
}
.heroslider__lead {
  margin-bottom: 30px;
  font-size: 1.125em;
  color: #666;
  line-height: 1.6666666667;
}
@media only screen and (max-width: 736px) {
  .heroslider__lead {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
.heroslider__btn, .car-list__btn {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 10px 40px 10px 14px;
  color: #666;
  font-size: 1.125em;
  border: solid 1px #b3b3b3;
  border-radius: 5px;
  text-decoration: none;
}
@media only screen and (max-width: 736px) {
  .heroslider__btn, .car-list__btn {
    padding-left: 7px;
    font-size: 1em;
  }
}
.heroslider__btn::after, .car-list__btn::after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 736px) {
  .heroslider__btn::after, .car-list__btn::after {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    right: 10px;
  }
}
.heroslider__anchor, .product-carousel__slider__anchor {
  margin-bottom: 1em;
}
@media only screen and (max-width: 736px) {
  .heroslider__anchor, .product-carousel__slider__anchor {
    margin-bottom: 10px;
  }
}
.heroslider__anchor a, .product-carousel__slider__anchor a {
  display: inline-block;
  color: #666;
  font-size: 1.125em;
  border-radius: 5px;
  text-decoration: none;
}
@media only screen and (max-width: 736px) {
  .heroslider__anchor a, .product-carousel__slider__anchor a {
    font-size: 1em;
  }
}
.heroslider__anchor a::after, .product-carousel__slider__anchor a::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 736px) {
  .heroslider__anchor a::after, .product-carousel__slider__anchor a::after {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    right: 10px;
  }
}
@media only screen and (min-width: 737px) {
  .heroslider-black {
    background-color: #000;
  }
  .heroslider-black .heroslider__wrap {
    border-color: #000;
  }
  .heroslider-black .heroslider__ttl, .heroslider-black .heroslider__lead, .heroslider-black .heroslider__btn, .heroslider-black .car-list__btn, .heroslider-black .heroslider__anchor a, .heroslider-black .product-carousel__slider__anchor a {
    color: #fff;
  }
  .heroslider-black .heroslider__btn, .heroslider-black .car-list__btn, .heroslider-black .heroslider__btn:after, .heroslider-black .car-list__btn:after, .heroslider-black .heroslider__anchor a:after, .heroslider-black .product-carousel__slider__anchor a:after {
    border-color: #fff;
  }
}
@media only screen and (min-width: 737px) {
  .heroslider-background {
    position: relative;
    height: 0;
    padding-top: 50%;
    background-size: cover;
  }
  .heroslider-background__child__img {
    display: block;
    position: relative;
    width: 100%;
  }
  .heroslider-background__textarea {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .heroslider-background__textarea > div {
    max-width: 100%;
    color: #fff;
  }
  .heroslider-background__textarea .heroslider__ttl {
    font-size: 3em;
  }
  .heroslider-background__textarea .heroslider__lead {
    color: #fff;
    line-height: 2.1052631579;
  }
  .heroslider-background__textarea .heroslider__btn, .heroslider-background__textarea .car-list__btn {
    margin: 0 auto;
    color: #fff;
  }
  .heroslider-background__textarea .heroslider__btn::after, .heroslider-background__textarea .car-list__btn::after {
    border-color: #fff;
  }
  .heroslider-background__textarea.position__leftTop {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    padding-left: 40px;
    padding-top: 40px;
  }
  .heroslider-background__textarea.position__leftBottom {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: left;
    padding-left: 40px;
    padding-bottom: 40px;
  }
  .heroslider-background__textarea.position__rightTop {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: right;
    padding-right: 40px;
    padding-top: 40px;
  }
  .heroslider-background__textarea.position__rightBottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: right;
    padding-right: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .heroslider-background {
    background: none !important;
  }
  .heroslider-background .heroslider-background__textarea {
    width: 100%;
    padding: 15px 2.6666666667% 10px;
  }
}

.slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 20px 0 36px;
}
.slick-dots li {
  height: 5px;
  list-style-type: none;
}
.slick-dots li button {
  width: 40px;
  height: 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  border: none;
  background-color: #cacbcc;
  margin: 0 5px;
  outline: none;
}
@media only screen and (max-width: 736px) {
  .slick-dots li button {
    width: 20px;
    height: 2px;
  }
}
.slick-dots li button:hover {
  cursor: pointer;
}
.slick-dots li.slick-active button {
  background-color: #c00;
}

.product-carousel {
  width: 94.1176470588%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider {
    width: 100%;
  }
}
.product-carousel__slider__child {
  outline: none;
}
.product-carousel__slider__wrap {
  position: relative;
  height: 0;
  padding-top: 37.5%;
  background-size: cover;
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__wrap {
    padding-top: 0;
    height: auto;
    background-image: none !important;
  }
}
.product-carousel__slider__textarea {
  position: absolute;
  max-width: 480px;
  width: 37.5%;
  top: 0;
  left: 80px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__textarea {
    position: relative;
    width: 100%;
    max-width: 100%;
    left: 0;
    padding: 15px 2.6666666667% 10px;
  }
}
.product-carousel__slider__textarea-right {
  left: auto;
  right: 80px;
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__textarea-right {
    right: 0;
  }
}
.product-carousel__slider__textinner {
  width: 100%;
  padding: 8.3333333333% 7.5%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.product-carousel__slider__textinner-white {
  background-color: rgba(255, 255, 255, 0.8);
  color: #262626;
}
.product-carousel__slider__textinner-transparentWhite {
  background-color: transparent;
  color: #fff;
}
.product-carousel__slider__textinner-transparentBlack {
  background-color: transparent;
  color: #262626;
}
@media only screen and (min-width: 737px) {
  .product-carousel__slider__textinner-transparentBlack .product-carousel__slider__anchor a, .product-carousel__slider__textinner-transparentBlack .product-carousel__slider__btn-line a {
    color: #262626;
    border-color: #262626;
  }
  .product-carousel__slider__textinner-transparentBlack .product-carousel__slider__anchor a::after, .product-carousel__slider__textinner-transparentBlack .product-carousel__slider__btn-line a::after {
    border-color: #262626;
  }
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__textinner {
    padding: 0;
    background-color: #fff;
    color: #666;
  }
}
.product-carousel__slider__ttl {
  font-size: 2.25em;
  font-weight: normal;
  margin-bottom: 20px;
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__ttl {
    font-size: 1.7142857143em;
    margin-bottom: 10px;
    color: #000;
  }
}
.product-carousel__slider__lead {
  margin-bottom: 15px;
  font-size: 1.125em;
  line-height: 1.6666666667;
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__lead {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 737px) {
  .product-carousel__slider__btn {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 10px 40px 10px 14px;
    color: #fff;
    font-size: 1.125em;
    border: solid 1px #b3b3b3;
    border-radius: 5px;
    text-decoration: none;
  }
  .product-carousel__slider__btn::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@media only screen and (min-width: 737px) and (max-width: 736px) {
  .product-carousel__slider__btn::after {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    right: 10px;
  }
}

.product-carousel__slider__anchor {
  margin-bottom: 0;
}
@media only screen and (min-width: 737px) {
  .product-carousel__slider__anchor a {
    color: #fff;
    border-color: #fff;
  }
  .product-carousel__slider__anchor a:after {
    border-color: #fff;
  }
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__anchor a {
    color: #3897f0;
  }
  .product-carousel__slider__anchor a::after {
    border-color: #3897f0;
  }
}
.product-carousel__slider__textinner-white .product-carousel__slider__btn, .product-carousel__slider__textinner-white .product-carousel__slider__btn-line a {
  border-color: #b3b3b3;
  color: #666;
}
.product-carousel__slider__textinner-white .product-carousel__slider__btn::after, .product-carousel__slider__textinner-white .product-carousel__slider__btn-line a::after {
  border-color: #666;
}
.product-carousel__slider__btn-line {
  line-height: 1.8888888889;
}
.product-carousel__slider__btn-line a {
  display: inline-block;
  color: #fff;
  font-size: 1.125em;
  text-decoration: none;
}
@media only screen and (min-width: 737px) {
  .product-carousel__slider__btn-line a:hover {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__btn-line a {
    color: #666;
    font-size: 1em;
  }
}
.product-carousel__slider__btn-line a::after {
  margin-top: -5px;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 736px) {
  .product-carousel__slider__btn-line a::after {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    right: 10px;
    border-color: #666;
  }
}
.product-carousel__thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.product-carousel__thumbnail__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.product-carousel__thumbnail-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 214px;
      flex-basis: 214px;
  background-color: #c00;
  text-align: center;
  color: #fff;
}
.product-carousel__thumbnail__child {
  position: relative;
  width: 100%;
  list-style-type: none;
}
.product-carousel__thumbnail__child img {
  width: 100%;
}
.product-carousel__thumbnail-active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #c00;
  color: #fff;
  display: none;
}
.product-carousel__thumbnail-active::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #cc0000 transparent;
}
.product-carousel__thumbnail-active.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align:center;
}
.product-carousel .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -38px;
  width: 47px;
  height: 75px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent url(https://www.honda.com.cn/history/images/product_slider/ico_product_slider.png) 0 0 no-repeat;
  z-index: 2;
}
.product-carousel .slick-arrow.slick-prev {
  left: 14px;
}
.product-carousel .slick-arrow.slick-next {
  right: 14px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (max-width: 736px) {
  .product-carousel .slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 737px) {
  .product-carousel .slick-dots {
    display: none !important;
  }
}

.gallery-carousel {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .gallery-carousel {
    width: 94.6666666667%;
  }
}
.gallery-carousel__num {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: auto;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  background-color: #ccc;
  color: #fff;
  font-size: 1.125em;
}
@media only screen and (max-width: 736px) {
  .gallery-carousel__slider {
    width: 100%;
  }
}
.gallery-carousel__slider__child {
  position: relative;
  outline: none;
}
.gallery-carousel__slider__child img {
  margin: 0 auto;
}
.gallery-carousel__slider__ttl {
  font-size: 1.125em;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 1em;
  line-height: 1.625;
}
@media only screen and (max-width: 736px) {
  .gallery-carousel__slider__ttl {
    margin-top: 20px;
  }
}
.gallery-carousel__slider__lead {
  color: #666;
  line-height: 1.625;
}
.gallery-carousel .slick-arrow {
  position: absolute;
  top: 50%;
  padding: 0;
  margin-top: -38px;
  width: 47px;
  height: 75px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent url(https://www.honda.com.cn/history/images/gallery/ico_gallery_arrow.png) 0 0 no-repeat;
  z-index: 2;
}
@media only screen and (max-width: 736px) {
  .gallery-carousel .slick-arrow {
    top: 75px;
    margin-top: 0;
  }
}
.gallery-carousel .slick-arrow.slick-prev {
  left: -60px;
}
.gallery-carousel .slick-arrow.slick-next {
  right: -60px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (max-width: 1280px) {
  .gallery-carousel .slick-arrow.slick-prev {
    left: 20px;
  }
  .gallery-carousel .slick-arrow.slick-next {
    right: 20px;
  }
}
@media only screen and (max-width: 736px) {
  .gallery-carousel .slick-arrow {
    width: 19px;
    height: 36px;
    background-size: cover;
  }
  .gallery-carousel .slick-arrow.slick-prev {
    left: -10px;
  }
  .gallery-carousel .slick-arrow.slick-next {
    right: -10px;
  }
}
.gallery-carousel__thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .gallery-carousel__thumbnail {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: scroll;
  }
}
.gallery-carousel__thumbnail__wrap {
  margin-top: 50px;
}
.gallery-carousel__thumbnail__child {
  max-width: 180px;
  width: 18.367%;
  border: solid 2px #b3b3b3;
  margin-right: 2.04%;
  list-style-type: none;
}
.gallery-carousel__thumbnail__child img {
  width: 100%;
}
@media only screen and (min-width: 737px) {
  .gallery-carousel__thumbnail__child:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 736px) {
  .gallery-carousel__thumbnail__child {
    min-width: 30%;
    width: 30%;
    margin-right: 5%;
  }
}
.gallery-carousel__thumbnail__child:nth-child(5n) {
  margin-right: 0;
}
@media only screen and (max-width: 736px) {
  .gallery-carousel__thumbnail__child:nth-child(5n) {
    margin-right: 3%;
  }
}
.gallery-carousel__thumbnail__child:nth-child(n+6) {
  margin-top: 20px;
}
@media only screen and (max-width: 736px) {
  .gallery-carousel__thumbnail__child:nth-child(n+6) {
    margin-top: 0;
  }
}

.pickupslider {
  width: 94.1176470588%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .pickupslider {
    width: 100%;
  }
}
.pickupslider__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: solid 1px #ebeced;
}
@media only screen and (max-width: 736px) {
  .pickupslider__wrap {
    display: block;
    border: none;
  }
}
.pickupslider-white {
  background-color: #fff;
}
.pickupslider__child {
  outline: none;
}
.pickupslider__child__img {
  width: 50%;
}
@media only screen and (max-width: 736px) {
  .pickupslider__child__img {
    width: 100%;
  }
}
.pickupslider__textarea {
  width: 50%;
  padding: 50px 3.515625%;
}
@media only screen and (max-width: 736px) {
  .pickupslider__textarea {
    width: 100%;
    padding: 15px 2.6666666667% 10px;
  }
}
.pickupslider__ttl {
  margin-bottom: 25px;
  font-size: 2.25em;
  font-weight: normal;
}
@media only screen and (max-width: 736px) {
  .pickupslider__ttl {
    font-size: 1.7142857143em;
    margin-bottom: 10px;
  }
}
.pickupslider__lead {
  margin-bottom: 30px;
  font-size: 1.125em;
  color: #666;
  line-height: 1.6666666667;
}
@media only screen and (max-width: 736px) {
  .pickupslider__lead {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
.pickupslider__btn {
  position: relative;
  display: inline-block;
  padding: 10px 40px 10px 14px;
  color: #666;
  font-size: 1.125em;
  border: solid 1px #b3b3b3;
  border-radius: 5px;
  text-decoration: none;
}
@media only screen and (max-width: 736px) {
  .pickupslider__btn {
    padding-left: 7px;
    font-size: 1em;
  }
}
.pickupslider__btn::after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 736px) {
  .pickupslider__btn::after {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    right: 10px;
  }
}
@media only screen and (min-width: 737px) {
  .pickupslider-gray {
    background-color: #f7f9fa;
  }
  .pickupslider-gray.pickupslider__wrap {
    border-color: #f7f9fa;
  }
  .pickupslider-gray .pickupslider__ttl {
    color: #262626;
  }
  .pickupslider-gray .pickupslider__lead, .pickupslider-gray .pickupslider__btn, .pickupslider-gray .pickupslider__btn:after {
    color: #666;
  }
  .pickupslider-gray .pickupslider__btn {
    border-color: #b3b3b3;
  }
}
@media only screen and (min-width: 737px) {
  .pickupslider-background {
    position: relative;
    height: 0;
    padding-top: 50%;
    background-size: cover;
  }
  .pickupslider-background__child__img {
    display: block;
    position: relative;
    width: 100%;
  }
  .pickupslider-background::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .pickupslider-background__textarea {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
  }
  .pickupslider-background__textarea > div {
    width: 100%;
    color: #fff;
  }
  .pickupslider-background__textarea .pickupslider__ttl {
    font-size: 3em;
  }
  .pickupslider-background__textarea .pickupslider__lead {
    color: #fff;
    line-height: 2.1052631579;
  }
  .pickupslider-background__textarea .pickupslider__btn {
    margin: 0 auto;
    color: #fff;
  }
  .pickupslider-background__textarea .pickupslider__btn::after {
    border-color: #fff;
  }
}
@media only screen and (max-width: 736px) {
  .pickupslider-background {
    background: none !important;
  }
  .pickupslider-background .pickupslider-background__textarea {
    width: 100%;
    padding: 15px 2.6666666667% 10px;
  }
}

/*  C6  */
.schedule__wrap {
  width: calc(94.11765% + 20px);
  max-width: 1280px;
  margin: 0 auto;
}
.schedule__wrap .slick-slide {
  margin: 0 20px;
}
.schedule__slider .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  padding: 0;
  width: 17px;
  height: 33px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent url(https://www.honda.com.cn/history/images/schedule/ico_schedule_arrow.png) 0 0 no-repeat;
  z-index: 2;
}
.schedule__slider .slick-arrow.slick-prev {
  left: -1.09375%;
}
.schedule__slider .slick-arrow.slick-next {
  right: -1.09375%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (max-width: 736px) {
  .schedule__slider .slick-arrow {
    display: none !important;
  }
}
@media only screen and (min-width: 737px) {
  .schedule__slider .slick-dots {
    display: none !important;
  }
}
@media only screen and (max-width: 736px) {
  .schedule__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
  }
}
.schedule__child {
  list-style-type: none;
  border: solid 1px #ebeced;
}
@media only screen and (max-width: 736px) {
  .schedule__child {
    width: 200px;
    margin-right: 20px;
  }
}
.schedule__child a {
  display: block;
  outline: none;
  text-decoration: none;
}
@media only screen and (max-width: 736px) {
  .schedule__child a {
    width: 200px;
  }
}
.schedule__upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 6px;
}
.schedule__round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  height: 44px;
  background-color: #ce0000;
  color: #fff;
}
@media only screen and (max-width: 736px) {
  .schedule__round {
    font-size: 0.625em;
    height: 22px;
    padding: 0 10px;
  }
}
.schedule__date {
  padding-right: 30px;
  font-size: 1.75em;
  color: #262626;
}
@media only screen and (max-width: 736px) {
  .schedule__date {
    font-size: 0.875em;
    padding-right: 15px;
  }
}
.schedule__lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.schedule__area-img {
  width: 98%;
}
.schedule__area-name {
  margin-top: 14px;
  color: #262626;
}

/* pickup-panel */
.pickup-panel__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 94.1176470588%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .pickup-panel__wrap {
    width: 94.6666666667%;
  }
}
.pickup-panel__child {
  float: left;
  width: 48.4375%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-decoration: none;
}
.pickup-panel__child:nth-child(2n) {
  float: right;
}
@media only screen and (max-width: 736px) {
  .pickup-panel__child:nth-child(2n) {
    float: none;
  }
}
.pickup-panel__child:nth-child(n+3) {
  margin-top: 70px;
}
@media only screen and (max-width: 736px) {
  .pickup-panel__child:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .pickup-panel__child {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
  .pickup-panel__child:first-child {
    margin-top: 0;
  }
}
.pickup-panel__img {
  display: block;
  width: 120px;
  margin-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media only screen and (max-width: 736px) {
  .pickup-panel__img {
    width: 31.4084507042%;
    margin-right: 2.8169014085%;
  }
}
@media only screen and (max-width: 736px) {
  .pickup-panel__textarea {
    width: 65.7746478873%;
  }
}
.pickup-panel__ttl {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 1.125em;
  line-height: 1.5555555556;
  color: #333;
}
@media only screen and (max-width: 736px) {
  .pickup-panel__ttl {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 0;
  }
}
.pickup-panel__date {
  font-size: 0.875em;
  color: #666;
}
@media only screen and (max-width: 736px) {
  .pickup-panel__date {
    line-height: 1.5;
  }
}

/* pickup-panel02 */
.pickup-panel02__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 94.1176470588%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .pickup-panel02__wrap {
    width: 94.6666666667%;
  }
}
.pickup-panel02__child {
  width: 48.4375%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  border: solid 1px #ebeced;
}
.pickup-panel02__child:nth-child(2n) {
  float: right;
}
@media only screen and (max-width: 736px) {
  .pickup-panel02__child:nth-child(2n) {
    float: none;
  }
}
.pickup-panel02__child:nth-child(n+3) {
  margin-top: 70px;
}
@media only screen and (max-width: 736px) {
  .pickup-panel02__child:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .pickup-panel02__child {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
  .pickup-panel02__child:first-child {
    margin-top: 0;
  }
}
.pickup-panel02__img {
  display: block;
  width: 46.7741935484%;
  margin-right: 6.4516129032%;
}
@media only screen and (max-width: 736px) {
  .pickup-panel02__img {
    width: 50%;
    margin-right: 6.4788732394%;
  }
}
.pickup-panel02__img img {
  width: 100%;
}
.pickup-panel02__textarea {
  width: 46.7741935484%;
  padding-right: 6.4516129032%;
}
@media only screen and (max-width: 736px) {
  .pickup-panel02__textarea {
    width: 50%;
  }
}
.pickup-panel02__ttl {
  font-size: 1.125em;
  line-height: 1.5555555556;
  color: #333;
}
@media only screen and (max-width: 736px) {
  .pickup-panel02__ttl {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 0;
  }
}

/* contents-list */
.contents-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 94.1176470588%;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .contents-list__wrap {
    width: 94.6666666667%;
  }
}
.contents-list__child {
  width: 22.65625%;
  text-decoration: none;
  border: solid 1px #ebeced;
  margin-right: 3.125%;
}
.contents-list__child:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (min-width: 737px) {
  .contents-list__child:nth-child(n+5) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .contents-list__child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    margin-top: 40px;
    margin-right: 0;
    border: none;
  }
  .contents-list__child:first-child {
    margin-top: 0;
  }
}
.contents-list__img {
  width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 736px) {
  .contents-list__img {
    width: 31.5492957746%;
    margin-right: 4.2253521127%;
  }
}
.contents-list__img img {
  width: 100%;
}
.contents-list__textarea {
  width: 100%;
  padding: 5.1724137931% 6.8965517241%;
}
@media only screen and (max-width: 736px) {
  .contents-list__textarea {
    padding: 0;
    padding-right: 6.4516129032%;
    width: 64.2253521127%;
  }
}
.contents-list__ttl {
  font-size: 1.125em;
  line-height: 1.5555555556;
  color: #333;
}
@media only screen and (max-width: 736px) {
  .contents-list__ttl {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 0;
  }
}

/* car-list */
.car-list__wrap {
  width: 94.1176470588%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .car-list__wrap {
    width: 94.6666666667%;
  }
}
.car-list__child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 190px;
  border-bottom: solid 1px #ebeced;
  text-decoration: none;
}
@media only screen and (max-width: 736px) {
  .car-list__child {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: 0;
    height: auto;
    padding: 10px 0;
  }
}
.car-list__child:first-child {
  border-top: solid 1px #ebeced;
}
.car-list__img {
  width: 200px;
  margin-right: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.car-list__img img {
  width: 100%;
}
@media only screen and (max-width: 736px) {
  .car-list__img {
    width: 31.4084507042%;
    margin-right: 3.5211267606%;
  }
}
.car-list__textarea {
  margin-right: 40px;
}
@media only screen and (max-width: 736px) {
  .car-list__textarea {
    width: 61.9718309859%;
    margin-right: 0;
  }
}
.car-list__ttl {
  font-size: 1.3125em;
  margin-bottom: 10px;
  color: #262626;
}
@media only screen and (max-width: 736px) {
  .car-list__ttl {
    margin-bottom: 5px;
  }
}
.car-list__generation {
  color: #666;
}
.car-list__btn {
  margin-left: auto;
}
@media only screen and (max-width: 736px) {
  .car-list__btn {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 15px;
    height: 15px;
    text-indent: -200px;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    margin: auto 0;
  }
  .car-list__btn::after {
    width: 7px;
    height: 7px;
  }
}

/* result */
.result__wrap {
  width: 94.1176470588%;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .result__wrap {
    display: block;
    width: 94.6666666667%;
  }
}
.result__child {
  width: 48.4375%;
}
@media only screen and (max-width: 736px) {
  .result__child {
    width: 100%;
  }
  .result__child:first-child {
    margin-bottom: 35px;
  }
}
.result__ttl {
  margin-bottom: 30px;
  font-weight: normal;
  font-size: 1.5em;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .result__ttl {
    font-size: 1.125em;
    margin-bottom: 15px;
  }
}
.result__tbl {
  width: 100%;
  border-collapse: collapse;
}
.result__tbl td {
  padding: 13px 0;
  border-top: solid 1px #ebeced;
  border-bottom: solid 1px #ebeced;
  vertical-align: middle;
}
.result__ranking {
  width: 70px;
  text-align: center;
}
@media only screen and (max-width: 736px) {
  .result__ranking {
    width: 30px;
    padding-right: 10px;
  }
}
.result__ranking span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  background-color: #000;
  color: #fff;
  vertical-align: middle;
}
@media only screen and (max-width: 736px) {
  .result__ranking span {
    margin: 0;
    width: 20px;
    height: 20px;
    font-size: 0.75em;
  }
}
.result__name {
  width: 310px;
  font-size: 1.125em;
}
@media only screen and (max-width: 736px) {
  .result__name {
    font-size: 0.875em;
  }
}
.result__name.no_team {
  width: 455px;
}
@media only screen and (max-width: 736px) {
  .result__name.no_team {
    width: 545px;
  }
}
.result__team {
  width: 145px;
  text-align: center;
  font-size: 0.75em;
  color: #666;
}
@media only screen and (max-width: 736px) {
  .result__team {
    width: 235px;
    font-size: 0.625em;
  }
}
.result__team-ht {
  display: inline-block;
  padding: 10px 15px;
  background-color: #ce0000;
  color: #fff;
}
.result__point {
  width: 80px;
  text-align: center;
  color: #262626;
  font-size: 1.125em;
}
@media only screen and (max-width: 736px) {
  .result__point {
    font-size: 0.875em;
  }
}

/* modal */
.modal__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 94.1176470588%;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 736px) {
  .modal__wrap {
    width: 94.6666666667%;
  }
}
@media only screen and (min-width: 737px) {
  .modal__three .modal__child {
    width: 30.612244898%;
  }
  .modal__three .modal__child:nth-child(3) {
    margin-top: 0;
  }
  .modal__three .modal__child:nth-child(n+4) {
    margin-top: 40px;
  }
  .modal__three .modal__child:nth-child(2n) {
    margin-right: 4.0816326531%;
  }
  .modal__three .modal__child:nth-child(3n) {
    margin-right: 0;
  }
}
.modal__child {
  position: relative;
  width: 47.9591836735%;
  text-decoration: none;
  border: solid 1px #ebeced;
  margin-right: 4.0816326531%;
  outline: none;
}
.modal__child:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (min-width: 737px) {
  .modal__child:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 736px) {
  .modal__child {
    width: 100%;
    margin-top: 40px;
    margin-right: 0;
  }
  .modal__child:first-child {
    margin-top: 0;
  }
}
.modal__img {
  width: 100%;
  height: auto !important;
  border-bottom: solid 1px #ebeced;
}
@media only screen and (max-width: 736px) {
  .modal__img {
    margin-right: 4.2253521127%;
  }
}
.modal__img img {
  width: 100%;
}
.modal__textarea {
  width: 100%;
  padding: 5.1724137931% 6.8965517241% 4em;
}
@media only screen and (max-width: 736px) {
  .modal__textarea {
    padding: 10px 3.5211267606%;
  }
}
.modal__ttl {
  font-size: 1.125em;
  line-height: 1.5555555556;
  color: #333;
}
@media only screen and (max-width: 736px) {
  .modal__ttl {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 0.5em;
  }
}
.modal__more {
  position: absolute;
  bottom: 2em;
  color: #3897f0;
}
@media only screen and (max-width: 736px) {
  .modal__more {
    position: relative;
    bottom: auto;
  }
}
.modal__more::after {
  top: 50%;
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 22px;
  border-top: solid 1px #3897f0;
  border-right: solid 1px #3897f0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-cont {
  width: 94.1176470588%;
  padding: 40px 0;
  margin: 0 auto;
  background-color: #fff;
}
.modal-cont__img {
  width: 65.306122449%;
  margin: 0 auto 35px;
}
.modal-cont__img img {
  width: 100%;
}
.modal-cont__ttl {
  width: 89.7959183673%;
  margin: 0 auto 25px;
  font-size: 1.375em;
  color: #333;
}
.modal-cont__lead {
  width: 89.7959183673%;
  margin: 0 auto;
  font-size: 1.125em;
  color: #666;
}

.link {
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  .link {
    /* width: 94.1176470588%; */
  }
}
.link__child {
  outline: none;
  display: block;
  color: #262626;
  text-decoration: none;
}
.link__img img {
  width: 100%;
}
.link__ttl {
  padding: 0 1.5625%;
  margin-top: 10px;
}
.link__txt {
  padding: 0 1.5625%;
  margin-top: 10px;
}
.link__more {
  padding: 0 1.5625%;
  margin-top: 1em;
  margin-bottom: 10px;
  color: #3897f0;
}
@media only screen and (max-width: 736px) {
  .link__more {
    position: relative;
    bottom: auto;
  }
}
.link__more::after {
  top: 50%;
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 22px;
  border-top: solid 1px #3897f0;
  border-right: solid 1px #3897f0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.link .tac {
  text-align: center;
}
.link .tar {
  text-align: right;
}
@media only screen and (min-width: 737px) {
  .link__column-2 .link__child {
    width: 48.4375%;
    margin-right: 3.125%;
  }
  .link__column-2 .link__child:nth-child(2n) {
    margin-right: 0;
  }
  .link__column-2 .link__child:nth-child(n+3) {
    margin-top: 40px;
  }
  .link__column-3 .link__child {
    width: 31.25%;
    margin-right: 3.125%;
  }
  .link__column-3 .link__child:nth-child(3n) {
    margin-right: 0;
  }
  .link__column-3 .link__child:nth-child(n+4) {
    margin-top: 40px;
  }
  .link__column-4 .link__child {
    width: 22.65625%;
    margin-right: 3.125%;
  }
  .link__column-4 .link__child:nth-child(4n) {
    margin-right: 0;
  }
  .link__column-4 .link__child:nth-child(n+5) {
    margin-top: 40px;
  }
  .link__column__pc-carousel {
    max-width: 1320px;
    width: calc(94.11765% + 40px);
  }
  .link__column__pc-carousel .link__child {
    margin: 0 20px;
    border: solid 1px #ebeced;
  }
}
@media only screen and (max-width: 736px) {
  .link__column__sp-1 .link__child {
    width: 100%;
    margin-top: 20px;
  }
  .link__column__sp-1 .link__child:first-child {
    margin-top: 0;
  }
  .link__column__sp-2 .link__child {
    width: 48%;
    margin-top: 20px;
  }
  .link__column__sp-2 .link__child:first-child, .link__column__sp-2 .link__child:nth-child(2) {
    margin-top: 0;
  }
  .link__column__sp-2 .link__child:nth-child(2n-1) {
    margin-right: 4%;
  }
  .link__column__sp-carousel {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .link__column__sp-carousel .link__child {
    min-width: 40%;
    width: 40%;
    margin-right: 20px;
  }
}
.link .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 1.328125%;
  height: 33px;
  padding: 0;
  text-indent: -100px;
  overflow: hidden;
  white-space: nowrap;
  border: none;
  background: transparent url(https://www.honda.com.cn/history/images/link/btn_link01.png) 0 0 no-repeat;
  background-size: contain;
  outline: none;
  cursor: pointer;
  z-index: 10;
}
.link .slick-arrow.slick-prev {
  left: 0;
  margin-left: -0.78125%;
}
.link .slick-arrow.slick-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 0;
  margin-right: -0.78125%;
}