@charset "utf-8";

.productDetail01 .hMain {
  background-position: top center;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-color: #000;
  background-image: url('/usa/car/images/bg/bg_dbox_top.jpg');
  background-color: #fff;
}

/* 04_features_list */

.detail .dbox {
  padding-bottom: 40px;
/*  background: #fff;*/
}
.detail .dboxn {
  width: 980px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 30px;
}
.detail .dbox .info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.detail .dbox .info .hBox {
  width: 460px;
  padding-right: 30px;
}
.detail .dbox .info .imgbox {
  width: 490px;
}
.detail .dbox.imgS .info .hBox {
  width: 550px;
}
.detail .dbox.imgS .info .imgbox {
  width: 400px;
}
.detail .dbox.imgS .info .imgbox img {
  width: 200px;
}
.detail .dbox.imgFull .info {
  display: block;
}
.detail .dbox.imgFull .info .hBox {
  width: 100%;
  padding: 0;
}
.detail .dbox.imgFull .info .imgbox {
  width: 100%;
}
.detail .dbox.imgLeft .info .hBox {
  order: 2;
  padding-right: 0;
  padding-left: 30px;
}
.detail .dbox p,
.detail .dbox .hBox p {
  font-size: 16px;
}
.detail .dbox a {
  color: #fff;
  text-decoration: none;
}
.detail .dbox a:hover {
  text-decoration: underline;
}
.detail .dbox h3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-weight: normal;
  line-height: 120%;
}
.detail .dbox div.img img {
  display: inline-block;
  margin-bottom: 5px;
  max-width: 100%;
}
.detail .dbox div.img {
  font-size: 13px!important;
}

/*--------------------------------------------------------------------------------
 max-width: 1024px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 1025px) {

.productDetail01 .hMain {
  background-position: top right;
}

.sp_full img {
  width: 100%;
}

/* 01_skheader */
#skheader .inner {
  width: 980px;
}

/* 03_productDetail01 */
.kv_main {
  width: 90%;
}
.target_respo .content .inner980 {
  width: 85%;
}
.productsum {
  width: 100%;
}
.standcut {
  width: 50%;
}
.featuresum {
  width: 50%;
  margin-right: 0;
}

/* 06_popup_summary */
.detail .dboxn {
  width: 100%;
}

.detail .dbox .info .hBox,
.detail .dbox .info .imgbox,
.detail .dbox.imgS .info .hBox,
.detail .dbox.imgS .info .imgbox {
  width: 48%;
  margin: 0;
  padding: 0;
  overflow: inherit;
}
.detail .dbox.imgLeft .info .hBox {
  padding: 0 0 0 4%;
}
.detail .dbox .info .hBox {
  padding: 0 4% 0 0;
}

}

/*--------------------------------------------------------------------------------
 max-width: 980px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 980px) {

/* 09_spec_table */
.spec_table {
  width: 760px;
}

}

/*--------------------------------------------------------------------------------
 max-width: 768px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

.onlypc_br {
  display: none;
}

/* 01_skheader */
#skheader {
  display: none !important;
}

/* 02_spnav */
.spnav {
  display: block;
  z-index: 1000;
  width: 100%;
  padding: 0;
  background: #ced2d7;
}
.spnav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.accordion-control {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 13px 0 13px 15px;
  text-decoration: none;
}
.accordion-control em {
  font-style: normal;
}
.accordion-control span {
  cursor: pointer;
  float: right;
  margin-right: 20px;
  width: 20px;
  height: 18px;
  background: no-repeat right;
}
.accordion-control:hover {
  text-decoration: none;
}
.accordion-control span {
  background-image: url(/usa/car/images/icon/icon_open.png);
}
.accordion-control span.open {
  background-image: url(/usa/car/images/icon/icon_close.png);
}
.accordion-panel {
  background-color: #0a5473;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1000;
}
.accordion-panel .navTab ul {
  display: table;
  width: 100%;
}
.accordion-panel .navTab ul:after {
  display: none;
}
.accordion-panel .navTab ul li.tab {
  border: none;
  box-sizing: border-box;
  display: table-cell;
  float: none;
  width: auto;
}
.accordion-panel .navTab ul.tab3 li.tab {
  width: 33%;
}
.accordion-panel .navTab ul.tab4 li.tab {
  width: 25%;
}
.accordion-panel .navTab ul li.tab + li.tab {
  border-left: 1px solid #0e79a5;
  margin: 0;
}
.accordion-panel .navTab ul li.tab a {
  background-color: transparent;
  border: none;
  border-radius: inherit;
  box-shadow: inherit;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: normal;
  height: auto;
  line-height: 1;
  margin: 0;
  padding: 13px 0;
  text-decoration: none;
  text-align: center;
}
.accordion-panel .navTab ul li.tab a:hover {
  text-decoration: underline;
}
.accordion-panel .navTab ul li.tab.active a {
  background-color: #0e79a5;
  color: #fff;
}
.accordion-panel .navAnchor {
  padding: 10px;
}
.accordion-panel .navAnchor li + li {
  margin-top: 10px;
}
.accordion-panel .navAnchor li a {
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 5px;
  text-align: center;
}

/* 03_productDetail01 */
#productDetailFeaturesBox {
  padding-bottom: 0;
}
.productDetailBox h2 {
  font-size: 36px;
}
.productDetail01 {
  width: 100%;
  min-width: 100%;
}
.productDetail01 .bg_img01 {
  background-size: cover;
}
.kv_main {
  height: auto;
  padding: 60px 0;
}
.viimg {
  width: 50%;
}
.viimg img {
  max-width: 100%;
  width: 100%;
}
.vitxt {
  width: 50%;
}
.productsum {
  margin-left: auto;
  padding: 50px 0;
}
.featuresum li {
  font-size: 16px;
}
.featuresum,
.standcut {
  width: 50%;
  margin: 0;
}
.standcut {
  padding-left: 20px;
}
#slidePanel img {
  width: 100%;
}

.inner980 {
  width: 100%;
}

/* 09_spec_table */
.spec_table {
  width: 100%;
}

}

/*--------------------------------------------------------------------------------
 max-width: 736px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 736px) {

/* 06_popup_summary */
.detail .dbox {
  padding-bottom: 0;
}

}

/*--------------------------------------------------------------------------------
 max-width: 480px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

.onlypc {
  display: none;
}
.onlysp {
  display: block;
}
.sp_tac {
  text-align: center;
}

/* 06_popup_summary */
.detail .dbox .info {
  display: inherit;
}
.detail .dboxn {
  width: 100%;
  padding-top: 30px;
}
.detail .dbox h3 {
  font-size: 28px;
}
.detail .dbox .info .imgbox,
.detail .dbox .info .hBox,
.detail .dbox.imgS .info .hBox {
  width: 100%;
}
.detail .dbox.imgS .info .imgbox {
  width: 238px;
  margin: 0 auto;
}
.detail .dbox .info .hBox,
.detail .dbox.imgLeft .info .hBox {
  padding: 0;
}
.detail .dbox .info {
  display: inherit;
}
.detail .dboxn {
  width: 100%;
}
.detail .dbox div.img img,
.detail .dbox.imgS .info .imgbox img {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 100%;
  width: auto;
}

}

#section03::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 320px;
  -webkit-transform: skewY(-7deg);
  transform: skewY(-7deg);
  z-index: 1;
}

#section03::after {
  bottom: -200px;
  box-shadow: 0px -15px 15px rgba(144, 144, 144, 0.2);
  background-color:#FFF;
}

#section03_5 {
  background-image: none;
  background-color: #fff;
}

#section03_5::before {
  display: none;
}

#section03_5 .normal {
  text-align: center;
}

#section03_5 .normal img {
  width: auto;
}

@media screen and (max-width: 768px) {

  #section03::after {
    bottom: -280px;
  }
  
  #section03_5 .normal img {
    width: 100%;
  }

}
