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

h3,h4{
  color:#000;
}

.shoplist_flex{
  display:flex;
  justify-content:space-between;
  padding:20px 0;
}

.shop{
  padding-top:0;
  margin-bottom:100px;
}

.sl_m{
  border-bottom:5px solid #ad5a22;
}

.sl_k{
  border-bottom:5px solid #CA5D64;
}

.sl_tb{
  width:100%;
  text-align:center;
}

.iframe_wrap{
  width:100%;
}

.margin{
  margin-top:80px;
}

.shop_info{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

table{
  margin:auto;
}

th{
  vertical-align:middle;
  width:35%;
}

.tb_m th{
  background:#ad5a22;
  color:#fff;
}

.tb_k th{
  background:#CA5D64;
  color:#fff;
}

td{
  padding:5px 0 5px 20px;
  text-align:left;
}

.check p{
  text-align:center;
  background:#fff;
  color:#203863;
  margin-bottm:10px;
}

.shop_info .check:nth-child(2){
  margin-right:30px;
}

.sns{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.sns i{
  padding-right:10px;
}

.sns a{
  margin-right:30px;
}

.sns a:hover{
  opacity:.7;
  transition:all .5s ease;
}

.sns a{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

@media (max-width: 768px){
  main{
    height: auto;
  }
  
  .shop{
    padding:0;
  }
  
  .shoplist_flex{
    flex-wrap:wrap;
  }
  
  #order img{
    order:2;
  }
  
  #order .sl_tb{
    order:1;
  }
  
  .shoplist_flex img{
    width:100%;
  }
  
  .sl_tb img{
  width:60%;
  }
   
  .shop_info{
    display:block;
  }
  
  table{
    width:100%;
    margin:10px 0;
  }
  
  .check{
    display:flex;
    align-items:center;
  }
  
  .check p{
    padding:5px 0;
    width: 100%;
    display: table;
  }
  
  .sns{
    justify-content:center;
    padding:10px 20px;
  }
  
  footer .check{
    display:block;
  }
}