.side_banner {
  padding-left:1em;
  margin-left:-1em;
}


/* info */
.info {
  display:flex;
  margin:0 0 110px 200px;
}
.heading { border:0; }
.info_heading {
  white-space: nowrap;
  font-size:18px;
  font-weight:600;
  letter-spacing:0;  
}

.info_detail {
  margin: 0 0 0 50px;
  color:#2a2a2a;
  font-size: 15px;
  font-weight:400;
}
.info_detail_lists {
  padding-right:190px;
}
.info_detail_lists p {
  border-bottom:1px solid #dfdfdf;
  padding-bottom:8px;
}  

@media screen and (max-width:1200px) {
  .info {display:block; margin:0 auto;padding-right:1%;}
  .info_detail {
  margin: 0 auto;
  font-size: 14px;
  }
  .info_detail_lists {
    padding-right:0;
  }
}


/*商品を探す・タブ切り替え*/
.search_tab { 
  width:100%;
  max-width:1200px;
  margin:0 auto;
  border-top:1px solid #bfbfbf;
  padding:40px 1% 0 !important;
}

.tab_contents {
  margin-top:-68px;
}
.tab-label {
  display: block;
  float: right;
}
.tab-label-heading:not(:last-of-type) .tab-label{
  margin-right: 0 !important;
}
input[name="tab-radio"] {
  display: none;
}
.tab-label{
  background-color: #fff !important;
  color: #6a6a6a !important;
  cursor: pointer!important;
  font-size: 14px !important;
  text-align:center;
  border:1px solid #bfbfbf;
  padding: 11px 20px !important;
  transition: .3s;
  box-sizing:border-box;
}
.tab-label:hover {
  opacity: .7 !important;
  color:#fff;
  background-color:#2a2a2a;
  border: 1px solid #bfbfbf;
}
input:checked + h2 > .tab-label {
  color: #fff !important;
  background-color: #2a2a2a !important;
  border: 1px solid #bfbfbf;
  transition: .3s;
}
.tab-panel {
  background-color: #fff;
  padding-top:60px;
  padding-bottom:140px;
  clear: both;
  display: none;
}
#tab-a:checked ~ .panel-a,
#tab-b:checked ~ .panel-b,
#tab-c:checked ~ .panel-c,
#tab-d:checked ~ .panel-d {
  display: block;
}
.tab-panel>div{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.tab-input:checked + .tab-label {
  color:#fff;
  background-color:#2a2a2a;
  border: 1px solid #bfbfbf;
}
.tab-input:checked + .tab-label + .tab-panel {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: 0.5s opacity;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width:1200px) {
  .tab_contents { margin-top:-40px; }
  .search_tab {
    margin:0 auto;
    padding:20px 0% 0;
    box-sizing:border-box; 
  } 
  .tab-label { 
    float: right;
    width:20%; 
    font-size: 12px !important; 
    padding: 12px 2px !important;
    letter-spacing:-.05em;
    margin-top:4.5em; 
    box-sizing:border-box;
  }
  .tab-panel {
    padding:0 0 30px;
  }  
}
@media screen and (max-width:980px) {
  .tab-label { 
    width:25%; 
    padding:10px 0px;
    text-align:center;
    white-space: nowrap;
  }
}  

.search_product_item {
  width:100%;
  max-width:1200px !important;
  margin:0 auto;
  display:flex;
  justify-content:flex-start !important;
  flex-wrap:wrap;
  align-items:flex-end;
}
.product_item_bike {
  width:19%;
  margin-right:1%;
  text-align:center;
}
.product_item_bike:last-child {
  margin-right:0 !important;  
}  
.product_item_bike br { display:none; }
.product_item_part { 
  width:16.6%;
  text-align:center; 
}
.product_item_brand {
  width:20%;
  margin-bottom:1.5em;
  text-align:center;
}

.product_item_manufacturer {
  width:20%;
  text-align:center;
}
@media screen and (max-width:1200px) {
  .product_item_bike br { display:block !important; }
  .product_item_bike.pad_t { padding-top:.5em !important; }  
}  
@media screen and (max-width:980px) {
  .product_item_manufacturer {
    width:24% !important;
    margin-top:1em;
    margin-right:1%;
  }  
  .product_item_brand {
    width:32% !important;
    margin-top:1em;
    margin-right:2%;
    margin-bottom:.5em;
  } 
  .product_item_brand:nth-child(3n) {
    margin-right:0%;
  }
  .origin_parts { letter-spacing:-.2em;letter-spacing:nowrap; }
  .product_item_bike {
    width:32% !important;
    margin-right:2%;
  }
  .product_item_bike:nth-child(3n) {
    margin-right:0% !important;
  } 
  .product_item_bike:last-child {
    margin-top:1.15em !important;
  }   
  .product_item_bike.pad_t { padding-top:1.275em !important; }
  .product_item_bike a { letter-spacing:-.1em; }
}


.product_item_part img {
  max-width:58%;
}  

.recommend,.new-item {
  border-top:1px solid #bfbfbf;
  padding:40px 1% 0 !important;
}  
.recommend_items,.new-item_items { 
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  width:100%; 
  margin-top:50px;
}
.recommend_item,.new-item_item { 
  width:23.75%;
  margin-right:1.25%;
  margin-bottom:40px; 
}
.recommend_item:nth-child(4n),.new-item_item:nth-child(4n) {
  margin-right: 0 !important;
}
@media screen and (max-width:1200px) {
  .new-item_items { margin-top:32px; }
  .new-item, .recommend { padding:0 2% 0;box-sizing:border-box; }
  .search_product_item {
    flex-wrap:wrap;   
  }
  .search_product_item div.product_item_part { 
    width:25%;
  }
  
  .search_product_item div a { 
    font-size:.85em;
  }  
  .recommend_items,.new-item_items { 
    justify-content:space-around;
  }  
  .recommend_item,.new-item_item { 
    width:30.3%;
    margin:0 1.5%;
    margin-bottom:30px; 
  }
  /*
  .recommend_item:nth-child(3n),.new-item_item:nth-child(3n) {
    margin-right: 0 !important;
  }*/
}  

@media screen and (max-width:779px) {
  .recommend_items,.new-item_items { 
    justify-content:flex-start;
  }
  .recommend_item,.new-item_item { 
    width:48%;
    margin:0 1.0%;
    margin-bottom:30px; 
  }
}

#articles { margin-top:-9em;padding-top:9em; }
.wp_note {
  margin:3em auto 2em;
}
.blog-section {
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 20px;
}
.blog-section h2 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
}
.blog-card {
  background: #fff;
}
.blog-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.blog-card h3 {
  font-size: 16px;
  margin: 10px 0;
}


.wp_note { 
  margin:3em auto 2em;
  background:#f9f9f9;
  border:1px solid #cfcfcf;
  padding:1em 2em 4em;
  box-sizing:border-box;
  position:relative; 
}
.wp_note h2 {
  text-align:center;
}
.wp_note .btn_more {
  text-align:center;
  position:absolute;
  bottom:.75rem;
  right:0;
  z-index:2;
  /*transform: translate(-50%, -50%);*/
}
.wp_note .btn_more img { width:80%;}
@media screen and (min-width: 768px) {
  .sp_only { display: none; }
}
@media screen and (max-width: 767px) {
  .pc_only { display: none; }
  .wp_note .btn_more {
    text-align:center;
    position:absolute;
    bottom:3.175rem;
    right:-.5rem;
    margin:0 -20px;
  }
}