.catlist ul{
  display:flex;
    justify-content:space-between;
  flex-wrap:wrap;
  margin:20px 0 0;}
  
  .catlist ul li{
  width:32%;
   text-align:center;
    margin-bottom:15px;
  list-style-type:none;}
  .catlist ul li a{
   opacity: 1 ;
    transition:all .2s ease-out;}  
  .catlist ul li a:hover{
    text-decoration:none;
	opacity: 0.5 ;
}
  
  .top-order{
    display: flex;
    padding:60px 60px 10px 0;
    justify-content: space-between;
    margin-bottom: 40px;
    box-sizing:border-box;
  }
  .toporder-text{
    width: 70%;
    margin-left:5%;
  }
.top-orderimg{
padding:0;
  width:25%;
box-sizing:border-box;}

.toporder-text h2{
margin:0 0 10px 0;}
  .orderssbtn{
  display:flex;
    margin:30px 0 0;
  justify-content:space-between;}
  
  .orderssbtn li{
    list-style-type:none;
}
.orderssbtn-l li{
  width:80%;
margin:0 auto;}
  .orderssbtn a{
  display:block;
  text-align:center;
    padding:10px;
    color:#4c2a0f;
    font-weight:bold;
  border:2px solid #4c2a0f;}

  .orderssbtn a:hover{
   text-decoration:none;
   background-color:rgba(76,42,15,0.2);}
  
  .top-service{
    display: flex;
    justify-content: space-between;
  }
  
  .top-kodawari,.toprepair{
    padding: 80px;
    list-style-type: none;
    width: 49.8%;
    line-height:1.9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .top-kodawari h2,.toprepair h2{
  text-align:left;}
  
  .top-kodawari a,.toprepair a{
    display: block;
    border:1px solid #FFF;
    color:#fff;
    padding: 8px 30px;
  }
  
  .toprepair{
    background: url(https://img21.shop-pro.jp/PA01460/922/etc/repair_bg.jpg?cmsp_timestamp=20201217094736) right bottom no-repeat;
    background-size: cover;
    color:#FFF;
  }
  .top-kodawari{
    background: url(https://img21.shop-pro.jp/PA01460/922/etc/kodawari_bg.jpg?cmsp_timestamp=20201217094654) 0 0 no-repeat;
    background-size: cover;
    color:#FFF;
  }
  .mb30{
  margin-bottom:30px;}
    .mb10{
  margin-bottom:10px;}
  .top-taiken{
  margin-top:60px;
  display:flex;
    padding-bottom:60px;
  justify-content:space-between;
  position:relative;
  align-items:center;}

  .top-taikenimg{
  width:50%;}

  .top-taiken h2{
    margin:0 0 15px 0;
     text-align:left;
    font-size:180%;
  }
  .top-taikentxt{
    width:47%;
    color:#4c2a0f;
    box-sizing:border-box;
   text-align:left;
  padding:0 50px 0 0;
  }
.top-taikentxt h2{
  padding-bottom:10px;
	border-bottom:2px solid #4c2a0f;}  
.banbox{
  padding-bottom:60px;
  border-bottom:2px solid #4c2a0f;}
  .topnews{
  padding:80px 0;}

.new-item{
list-style-type:none;}

.top-news{
  box-sizing:border-box;
	padding:10px 30px;
	margin:30px 0;
}
.top-news h2{
	margin:0;}

.mediaban{
	width:376px;
	margin:30px 0 30px 0;}
.mediaban a:hover img{
opacity:0.7;}

@media screen and (max-width: 767px){
  
  .pc_only{
  display:none;}
  .top-order,.top-taiken{
      flex-direction: column;}
  
  .top-order{
  padding:30px 0;}
  .toporder-text,.top-taikentxt,.top-taikenimg{
  width:96%;
    padding:0;
  margin:10px auto;}
  
  .top-orderimg{
  width:40%;
    padding:0;
  margin:10px auto;}
  
  .top-news{
    margin:10px auto;
	padding:10px 0;
    width:100%;
}
  .mediaban {
  width:90%;
  margin:0 auto;}
  .mediaban img{
    max-width:100%;
  }
      .top-taiken{
  margin-top:8px;
  }
  }

.fb,.fb-right{
margin:40px auto;}
.fb-right{
width:calc(100% - 440px);}

.mb10{
margin-bottom:10px;}

.mb20{
margin-bottom:20px;}

.ichiranimg img{
max-height: 160px;
max-width: 100%;
}

.top_spcat{
display:flex;
  margin:0;
flex-wrap:wrap;}

.top_spcat li{
  list-style-type:none;
width:50%;
  box-sizing:border-box;
font-size:90%;
padding:2px;
}



.top_spcat li a{
display:block;
  border-radius:8px;
    box-sizing:border-box;
  padding:8px;
  background-color:#58442f;
    color:#FFF;
text-decoration:none;}

.top_spcat2 li a{
border:1px solid #58442f;
  background-color:#FFF;
    color:#58442f;}

@media (max-width: 480px) {
.col-xs-12{
width:49%;}
  .prd-lst li:nth-child(2n+1){
  clear:both;}}