@charset "UTF-8";
/* CSS Document */


#header .box.cparts-header-block #logo{
    margin: 0!important;
}

#header .box.cparts-header-block{
    margin: 15px 0px!important;
}

.cparts-header-block .cparts-foot-block{
    margin-top: 0px!important;
}

#header .cparts-header-block__tel p, .cparts-header-block__tel p{
    line-height: 1em!important;
}

#header .cparts-header-block__tel p span, .cparts-header-block__tel p span{
   
}

#header #logo img{
    max-height:80px!important;
}



#container .wide {
  margin: 0 calc(50% - 50vw)!important;  
  width: 100vw!important;                
}

.slick .slick-slide img{
    width: 100%!important;
}

.navbar-default {
background-color: #5e4e42!important;
border-color: #d5d9dd;
}

.navbar-default .navbar-nav>li>a.menu-selected,.navbar-default .navbar-toggle .icon-bar{
    background-color:#e59b37!important;
}

.navbar-default .navbar-nav>li>a:hover{
    background-color:#e59b37!important;
}

.navbar-default .navbar-nav li a > span{
    color: #fff!important;
}

.cparts-header-block .cparts-foot-block .cparts-header-block__tel{
    width: 200px;
    height: auto;
}

.cparts-header-block .cparts-foot-block .cparts-header-block__tel img{
    width: 100%;
    height: auto;
}


.dec-btn--primary,#contents h3,#wrapper table th,#footer .footerNavi{
background-color: #5e4e42!important;
}

.blogRecentLink a:hover{
    background: #469c92!important;
}

#footer .pageTop a{
    background-color: #469c92!important;
}

#contents h2:before{
    border-color: #469c92!important;
}

#footer .company-info > div{
    margin: 0!important;
    text-align: left!important;
}

#footer .footerNavi ul > li a{
    color: #fff!important;
}

#footer address{
    background: #2b231d!important;
}



/* --------------------------------------------------
  OTHER
-------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: none !important; }
.ta_none { display: block !important; }

.pc { display: block !important; }
.ta { display: none !important; }
.sp { display: none !important; }
.pc_ta { display: block !important; }
.ta_sp { display: none !important; }


.mb_2r{
    margin-bottom: 2rem;
}
















/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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

    
    
    
    
    
    

    
    
/* ----------------------------------------------------------
  OTHER - TA
---------------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: block !important; }
.ta_none { display: none !important; }
.pc_ta_none { display: none !important; }
.ta_sp_none { display: none !important; }

.pc { display: none !important; }
.ta { display: block !important; }
.sp { display: none !important; }
.pc_ta { display: block !important; }
.ta_sp { display: block !important; }


/** MARGIN/PADDING RESET **/

.mb_none {
    margin-bottom: 0%;
}

.pb_none {
    padding-bottom: 0%;
}


}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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

    
    
#header #logo img{
/*max-width: 60vw!important;*/
    max-width: 200px!important;
    max-height: none!important;
    width: 100%!important;
    
}
        
.cparts-header-block__tel{
    margin:0 auto!important;
}

.cparts-header-block .cparts-foot-block .cparts-header-block__tel{
    /*width: 60%!important;*/
    margin-top: 10px!important;
}
    
    .header_logo{
        flex: auto;
        max-width: none;
        width: 40%;
        min-width: 200px;
    }
    
    
    
/* ----------------------------------------------------------
  OTHER - SP
---------------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: block !important; }
.ta_none { display: none !important; }
.sp_none { display: none !important; }
.pc_ta_none  { display: block !important; }
.ta_sp_none { display: none !important; }

.pc { display: none !important; }
.ta { display: none !important; }
.sp { display: block !important; }
.pc_ta { display: none !important; }
.ta_sp { display: block !important; }
    
    
    
    
    
}