/*!
 トップカルーセル
 */

.main-carousel .owl-carousel img {
  max-width: 100%;
  height: auto;
  border: 0;
}

ol, ul {
  list-style-type: none;
  padding: 0;
}

.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {

  position: absolute;
  margin: 0;
  top: 35%;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .owl-theme .owl-controls .owl-nav .owl-prev,
  .owl-theme .owl-controls .owl-nav .owl-next {
    padding: 0 10px;  top: 10%;
  }
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 10px;    background: url(file:///C:/Users/Cycle%20Service%20Ohyama/Desktop/ニューホームページ/img/btn_arrow_left.png) no-repeat center;width: 20px;
    height: 20px;
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: 10px;
background: url(file:///C:/Users/Cycle%20Service%20Ohyama/Desktop/ニューホームページ/img/btn_arrow_right.png) no-repeat center;width: 20px;
    height: 20px;
}

/*!
 トップカルーセル
 */




h2{
    color:#000; font-size:20px;      padding-bottom: 5px; 
}





/*!
 NEWSの項目 */


#news{
    text-align:center;margin-top:30px;font-size:13px;
}

.news-img ul li{ 	
   display:inline; 
 } 

.news-txt li{ 	text-align:left;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
    border-left: 5px solid #ccc;
 } 

#news .date{ 	
    margin-right: 30px;display: inline-block;
vertical-align: top;
 } 
#news .headline{ display: inline-block;	
 } 

@media screen and (max-width: 640px) { 
#news .headline{ font-size:12px;} 
#news .date{ 	
 width:100%;

 } 
.news-img{ 	
  display: none;
 } 

}

.news-img img{ 	
  width:30%; height:30%;margin:3px;margin-bottom:30px;
 } 

/*!
 NEWSの項目 */








/*!
 MORE画像 */

.more{ 	
    margin-top: 20px;    margin-bottom: 20px;
 } 

@media screen and (max-width: 640px) { 
.more { 	
    width:118px; height:29px; margin-top: 10px;
 } 
}

/*!
 MORE画像 */








/*!
 Bicycleの項目 */

#bicycle{
    text-align:center;
margin-top:20px;
padding-top:40px;
padding-bottom:20px;
font-size:13px;
background-color:#eee;
}



/*!
 Bikeカルーセル
 */


.bike-carousel .owlbike-carousel img {
  max-width: 100%;
  height: auto;
  border: 0;
}

ol, ul {
  list-style-type: none;
  padding: 0;
}

.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
  position: absolute;
  margin: 0;
  top: 35%;
  margin: 0;

}
@media screen and (max-width: 640px) {
  .owl-theme .owl-controls .owl-nav .owl-prev,
  .owl-theme .owl-controls .owl-nav .owl-next {
  padding: 0 10px;  
  top: 10%;
  }
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 10px;    
  background: url(file:///C:/Users/Cycle%20Service%20Ohyama/Desktop/ニューホームページ/img/btn_arrow_left.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: 10px;
  background: url(file:///C:/Users/Cycle%20Service%20Ohyama/Desktop/ニューホームページ/img/btn_arrow_right.png) no-repeat center;
  width: 20px;
  height: 20px;
}

.carousel-caption {
    position: absolute;
    color: #fff;

}


/*!
 Bikeカルーセル
 */



/*!
 Bicycleの項目 */






















/*!
 PARTSの項目 */


#parts{
text-align:center;
margin-top:15px;
padding-top:30px;
padding-bottom:20px;
font-size:13px;
}


@media (min-width: 767px)
#parts .parts-item {
    margin: 0 0 30px;
}


#parts .parts-item {
    right: 0;
    margin: 10px 0px 0px 0px;
}


#parts .parts-item .parts-link {
    position: relative;
    display: block;
    max-width: 219px;
    margin: 0 auto;
    cursor: pointer;
}

#parts .parts-item .parts-link .parts-hover:hover {
    opacity: 1;
}

#parts .parts-item .parts-link .parts-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    opacity: 0;
    background: rgba(146,26,26,.7);
}

#parts .parts-item .parts-link .parts-hover .parts-hover-content {
    font-size: 18px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    color: #fff;
}


#parts .parts-caption {
    font-size: 10px;
    margin-top: 0px;
    text-align: center;
    background-color:#000;color:#fff;
}


@media (max-width: 768px)
{

#parts .parts-item .parts-link .parts-hover .parts-hover-content {
    font-size: 10px;
}
}


.img-thumbnail{
    border: 0px;border-radius: 0px;padding: 0px;
}


/*!
 PARTSの項目 */














/*!
 brandの項目 */


#brand{
    text-align:center;
margin-top:15px;
padding-top:30px;
padding-bottom:60px;
font-size:13px;
background-color:#eee;
}


@media (min-width: 767px)
#brand .brand-item {
    margin: 0px 0px 30px 30px;
}


#brand .brand-item {
    right: 0;
    margin: 10px 0px 0px 0px;
}


#brand .brand-item .brand-link {
    position: relative;
    display: block;
    max-width: 219px;
    margin: 0 auto;
    cursor: pointer;
}

#brand .brand-item .brand-link .brand-hover:hover {
    opacity: 1;
}

#brand .brand-item .brand-link .brand-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    opacity: 0;
    background: rgba(146,26,26,.7);
}

#brand .brand-item .brand-link .brand-hover .brand-hover-content {
    font-size: 18px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    color: #fff;
}


@media (max-width: 768px)
{

#brand .brand-item .brand-link .brand-hover .brand-hover-content {
    font-size: 10px;
}
}

.img-thumbnail{
    border: 0px;
background-color: #fff0;
}


/*!
 brandの項目 */














/*!
 Serviceの項目 */


#service{
    text-align:center;margin-top:25px;font-size:13px;padding-top:20px;padding-bottom:30px;
}

.service-img ul li{ 	
   display:inline; 
 
 } 

@media screen and (max-width: 640px) { 


.service-img img{ 	
  width:30%; height:30%;margin:3px;
 } 

}


/*!
 Serviceの項目 */