@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}

.breadcrumb.static_content{
margin-top:0!important;
}


.parts-top-container{
padding: 20px 0;
	}

.parts__wrap{
position: relative;
overflow: hidden;
	}


.category-parts-top__title h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 24px 0;
	
	
	}
	
	.parts_main{
	 width: 100%;
	max-width: 880px;
	margin: 0 auto;
}



.parts_main h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 24px 0;
  text-align: center;
}


.nav{
 background-color:#e7e7e7;
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 4px calc(50vw - 52%);
}






.nav nav{
 text-align: center;
    width: 100%;
	max-width: 880px;
    margin: 0 auto;
    padding: 20px;
   box-sizing: border-box;
 }

 .nav nav ul{
 margin: 0 ;
 padding: 0 ;
 display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
 }

.goods_nav nav ul{
justify-content: space-evenly;
 }

 .nav nav li{
 list-style: none;
 display: block;
 width: calc(100% / 2 - 5px);
 margin: 10px 0;
 font-size: 13px;
font-weight: 700;
    line-height: 120%;
    padding: 13px 0;
    border: 2px solid #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
	 background-color: #FFFFFF;
	box-sizing: border-box;
}


 .nav nav ul li:nth-of-type(1){
 border-left:2px solid #ddd;
}

 .nav nav ul li:nth-of-type(6){
 border-left:2px solid #ddd;
}

 .nav nav ul li:nth-of-type(11){
 border-left:2px solid #ddd;
}

 .nav nav a{
 text-decoration: none;
 color: #333;
 display: block;
 }


.nav_blank{
display: none!important
}



.parts_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width:100%;
max-width:880px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
margin-bottom:50px;
padding: 0 20px;
}

.cat_img
{
width: 30px;
	vertical-align: middle;
}



.parts_contents__cat{
width: 100%;
max-width: 880px;
margin: 0 auto;
}
.parts_contents__cat h3{
margin: 0;
}



.parts_main_list
{
margin: 0px;
padding: 0px;

}


.parts_contents__cat-menu{
width:100%;
max-width:880px
}


ul.parts_contents__cat-item{

display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0;
align-items: stretch;
}

ul.parts_contents__cat-item li {
    font-weight: 700;
    display: flex;
    align-items: center;
	-webkit-box-pack: center;
justify-content: center;
    font-size: 14px;
    border-radius: 4px;
    width:calc(100% /2 - 10px);
    min-height: 30px;
margin: 10px 5px;
	box-sizing: border-box;
align-items: stretch;
	
}

ul.parts_contents__cat-item li a{
   display: block;
   color:#063156; 
   text-decoration: none;
   padding: 8px ;
   text-align: center;
   width: 100%;
	border: solid 2px #063156;
	border-radius: 10px;
vertical-align: middle;
	background-color: #FFFFFF;
	box-sizing: border-box;
	line-height: 1.5;
    display: flex;
    align-items: center;
	-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
	}

ul.parts_contents__cat-item li a > span{
   display: inline-block;
  
	}


ul.parts_contents__cat-item li:hover a{
color: #fff;
background-color:#063156; 
transition:0.5s;

}


.clear-element {
  clear: both;
}


.p_anchor{
margin-top: -74px;
padding-top: 74px;
}


.goods-img{
display: block;
width: 100%;
max-width: 690px;
margin: 20px auto 40px;
padding: 0 20px;
}



/*タブレットスタイル*/
@media only screen and (min-width : 600px) {
	
.nav nav{
 padding: 40px;
 }	
 .nav nav li{
 width: calc(100% / 3 - 5px);
line-height: 175%;
 font-size: 14px;
}
	
.nav{
 background-color:#e7e7e7;
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 4px 0;
}
	
	
ul.parts_contents__cat-item li {
width:calc(100% /3 - 10px);

}		

}

/*PCスタイル*/
@media only screen and (min-width : 1025px) {

.parts-top-container{
padding: 20px;
	}	
	
.nav nav{
 padding: 40px 0;
 }	
 .nav nav li{
 width: calc(100% / 4 - 5px);
line-height: 175%;
 font-size: 14px;
}
	

 .goods-nav nav ul{
-webkit-box-pack: center;
justify-content: center;
 }
.goods-nav nav ul li{
margin: 20px!important;
 }	
	

ul.parts_contents__cat-item li {
width:calc(100% /3 - 10px);

}
.nav{
padding: 4px calc(50vw - 50% + 20px);
}
	
.nav_blank{
display: block!important;
border: none!important;
background-color: transparent!important;
}
	
	
}