/*---------------Header---------------*/
.title-header{background: url(../images/bg-search.jpg) center no-repeat;}

.sub-title { 
   display: block; 
   padding: 4px 0; 
}
.sub-title h2 { 
   font-weight: bold; 
   font-size: 20px; 
   position: relative; 
}
.sub-title .line-title { 
   position: relative; 
   width: 50px; 
   height: 1px; 
   background: #000; 
   display: inline-block; 
   top: -6px; 
}
.sub-title small { 
   font-weight: normal; 
   font-size: 14px; 
}


#ImtCmt_area{ 
   font-size: 14px; 
   background: rgba(255, 255, 255, 0.8);
}

.car-detail { 
   display: block; 
   margin:50px auto 12px; 
}
.search-box{
   display:flex; 
   flex-wrap: wrap; 
   width: 100%; 
   margin: 0 0 18px; 
   position: relative; 
}
.search-box .full-images{
   position: relative;
   width: 50%;
   background: #ffffff;
   background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(58%, #ffffff), color-stop(58%, #000000), color-stop(100%, #000000));
   background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
   background: -o-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
   background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 58%, #000000 58%, #000000 100%);
   background: linear-gradient(to right, #ffffff 0%, #ffffff 58%, #fff 58%, #fff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
} 
.search-box .full-images section { 
   position: relative; 
   top: -20px; 
   border:1px solid #000; 
   background: #fff;  
}
.search-box .full-images img{width: 100%;}
.search-box .bg-arrow { 
   background: rgba(255, 255, 255, 0.3); 
   position: absolute; left: 0; 
   bottom: 22px; z-index: 9; 
   width: 100%; 
   height: 30px; display: block; 
}
.search-box .bg-black{
   background: #fff;
   color: #000;
   padding: 0 40px;
   width: 50%;
}
.search-box .bg-black strong{
   display: block;
   margin: 0 0 10px;
   font-weight: 700;
   font-size: 20px;
   text-align: left;
   color: #005987;
}
.search-box .bg-black small{
   display: inline-block;
   font-size: 12px;
   border: 1px solid #000;
   padding:3px;
   margin: 5px 5px 0 0;
}
.search-box .bg-black span{
   display: block;
   font-size: 33px;
   text-align: left;
   color: #c7002a;
   font-weight: 700;
   padding: 5px 0;
   border-bottom: 1px solid #fff;
   margin-top: 18px;
   line-height:20px;

   float:left;
   margin-right:20px;
}
.sougaku_title{
   font-size:18px!important;
   font-weight:bold!important;
   color: #000;
   margin-right: 8px;
   line-height:20px;
}

.search-box .price {
   font-size: 13px!important;
   font-weight: 500!important;
   display: inline-block;
   color: #000;
   margin-right: 8px;
}

.price_add_txt span{
   font-size:13px!important; 
   color:#000!important;
   font-weight:400!important;

   float:left;
}

.cb{clear:both!important}
.mr20{margin-right:20px;}
.mtb20{margin-top:20px; margin-bottom:20px;text-align:left;}
.fl{float:left}

.price_add_txt {
   font-size:13px!important; 
   color:#000!important;
   font-weight:400!important;
}

.price_syohi_pc {
   font-size:15px!important; 
   color:#000!important;
   font-weight:400!important;
   margin-right:20px;
   float:left;
   margin-top:10px!important;
   
}

.price_syohi_pc span{
   font-size:15px!important; 
   font-weight:bold!important;
   color:#000!important;
}



.review { 
   display: block; 
   padding: 4px 0 8px; 
   text-align: right; 
}
.review .add-review { 
   display: inline-block; 
   color: #000; 
   background: #d9d071; 
   font-size: 12px; 
   padding: 2px 4px; 
   transition: all 0.3s; 
   text-align: center; 
}
.review .add-review:hover { 
   background: #fff000; 
}
.position-btn { 
   display: flex; 
   flex-wrap: wrap; 
   justify-content: space-between; 
   margin-top: 14px; 

   clear:both;
}
.position-btn .btn-default { 
   width: 49%; 
   background: #FFF; 
   padding: 14px 4px; 
   display: block; 
   text-align: center; 
   font-size: 20px; 
   font-weight: 700; 
   transition: all 0.3s; 
}
.position-btn .btn-red { 
   color: #c7002a; 
   border: 2px solid #c7002a; 
}
.position-btn .btn-blue { 
   color: #0071ac; 
   border: 2px solid #0071ac; 
}


.item-slide { 
   background: #e3e3e3; 
   padding: 14px 24px; 
}
.item-slide section .item-img{ 
   width: 10% !important; 
   cursor: pointer; 
   border: 4px solid #e3e3e3; 
}
.item-slide section .item-img:focus { 
   outline: none;
}
.item-slide section .item-img img { 
   width: 100%; 
}
.item-slide .slick-list .slick-track { 
   transform: translate3d(0, 0, 0)!important; 
   width: 100% !important; 
} 
.item-slide .slick-current { 
   border: 4px solid #3b5998 !important; 
}

.spec { 
   margin: 20px auto; 
}
.tab-carspec{
   overflow: hidden;
}
.tab-carspec { 
   display: flex; 
   flex-wrap: wrap; 
   justify-content: space-between;
}
.tab-carspec li{
   display:flex; 
   flex-wrap: wrap; 
   float: left; 
   width: 49%; 
   border: 1px solid #000; 
}
.tab-carspec li div{
   display: inline-block; 
   width: 50%; 
   padding: 12px 5px;  
}
.tab-carspec li div:first-child{
   background: #f7f7f7;  
   border-right: 0; 
   text-align: center; 
}
.tab-carspec li div:last-child{ 
   border-left: 0; 
}

.parts { 
   display: block; 
   margin: 50px auto 20px; 
}
.list-parts { 
   display: block; 
}
.list-parts li { 
   display: inline-block; 
   background: #f6f6f6; 
   padding: 6px 12px; 
   border-bottom: 1px solid #000; 
   margin: 8px; 
}

.bg-black { 
   background: #000; 
   padding: 24px 8px; 
   text-align: center; 
}
.bg-white { 
   background: #fff!important; 
}
.footer-review { 
   display: inline-block; 
   width: 30%; 
}
.footer-review .add-review { 
   font-size: 20px; 
   padding: 14px 8px; 
   width: 100%; 
}

.footer-btn { 
   width: 68%; 
   display: inline-block; 
}
.footer-btn .btn-default { 
   display: inline-block; 
   width: 45%;
   margin: 0 1%;  
}
.btn-default:hover { 
   box-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8); 
}

@media (max-width:860px) {
    .search-box .bg-arrow { 
      display: none; 
   }
    .search-box .bg-black { 
      padding: 20px; 
   }

   .search-box .price {
      font-size: 15px!important;
      font-weight: 500!important;
      display: inline-block;
      color: #000;
      margin-right: 8px;
   }

   .price_syohi_sp {
      font-size:15px!important; 
      color:#000!important;
      font-weight:400!important;
      margin-right:20px;
      float:left;
      margin-top:30px!important;
   }
   
   .price_syohi_sp span{
      font-size:15px!important; 
      font-weight:bold!important;
      color:#000!important;
      margin-top: 0px!important;
      margin-right:0px!important;
   }
 }


 @media (max-width:768px) {
    .search-box .full-images { 
      width: 100%; 
   }
    .search-box .full-images section { 
      top: 0; 
      width: 100%; 
      margin: 0; 
   }
    .search-box .bg-black { 
      width: 100%; 
   }
    .search-box .bg-arrow { 
      display: block; bottom: 0; 
   }

    .item-slide section .item-img { 
      width: 20% !important; 
   }
    
 }

 @media (max-width:690px) {
    .footer-btn,
    .footer-review { 
      display: block; 
      width: 100%; 
      text-align: center; 
   }
    .footer-review { 
      margin-top: 12px; 
   }
    .footer-review .add-review { 
      width: auto; 
      padding: 12px 20px; 
   }
 }

 @media (max-width:580px) {
    .tab-carspec li { 
      width: 100%; 
   }
    .item-slide{ 
      /*display: none;*/
   }
    .car-detail {
      margin: 10px auto 12px;
  }


 }

 @media (max-width:460px) {
    .search-box .bg-black { 
      padding: 12px; 
   }
    .position-btn .btn-default { 
      font-size: 14px; 
   }
    .footer-btn .btn-default { 
      display: block; 
      width: 100%; 
      margin: 12px auto;    
      font-size: 17px;  
   }
    .footer-review .add-review { 
      font-size: 14px; 
      width: 80%; 
   }
    .item-slide section .item-img { 
      width: 25% !important; 
   }
    .search-box .full-images section { 
      top: 0; 
      width: 90%; 
      margin: 0 auto; 
   }
    .search-box .full-images{ 
      background: #FFF;
   }
    .search-box .price{ 
      font-size: 12px; 
      /*line-height: 13px;*/
   }
    .price2{ 
      font-size: 16px !important;
   }
    .search-box .bg-black span {
      margin-top: 10px;
  }
  .tab-carspec li div {
      padding: 5px 5px;
  }
   .tab-carspec{
      border-top: 1px solid #000;
   }
   .tab-carspec li {
      font-size: 13px;
      border: 1px solid #000;
      border-top:none;
   }
   .search-box .bg-black small {
      width: 46%;
      margin: 0 4px 4px 0;
   }
   .list-parts li {
      display: block;
      padding: 5px 5px;
      font-size: 13px;
   }
   .search-box .bg-black strong {
      font-size: 16px;
      margin: 0;
   }
   .search-box .bg-black span{
      padding: 0px 0; 
      margin-bottom: 5px;
   }
   #ImtCmt_area{ 
      font-size: 12px !important; 
      padding:5px;
   }


   
}