body{
    font-family: "Noto Serif JP", serif;
    color: #333;
    margin: 50px;
    background:linear-gradient(rgba(50, 83, 68, 0.01),rgba(50, 83, 68, 0.01),rgba(50, 83, 68, 0.2),rgba(50, 83, 68, 0.35),rgba(50, 83, 68, 0.6));
}

#costum-top{
    display: flex;
    height:650px;
    border: solid 1px;
    border-radius: 10px;
    border-color: #333;
}
h2{
    margin-top: 30px;
    font-size: 29px;
}
.tc-l{
   text-align: center; 
   margin: 50px;
   width: 30%;
}
.tc-l-img{
    width: 60%;
    height: auto;
}
.tc-l p{
    font-size: 18px;
    line-height: 2.5;
}
.tc-l2{
  text-align: center;
  font-size: 18px;
}
.tc-r{
    width: 70%;
    height:auto;
    padding: 50px 0px;
}
.tcr-b{
    border-radius: 15px;
}
.tc-r img{
    object-fit: cover;
}


#costum-top2{
    display: flex;
    height:650px;
    border: solid 1px;
    border-radius: 10px;
    border-color: #333;
}
.producer_img{
    margin-right: 50px;
}


.margin{
    height: 100px;
}

#costum-sns{
    margin: 0px 300px;
}
.flexbox{
    display: flex;
}
.alignitems{
    align-items: center;
}
.flexcolumn{
    flex-direction: column;
    justify-content: space-around;
}
.flex70{width: 70%;}
.flex60{width: 60%;}
.flex50{width: 50%;}
.flex40{width: 40%;}
.flex30{width: 30%;}
.column2{
    border: solid 1px;
    border-radius: 10px;
    border-color: #333;
    padding: 50px 0;
}
.lineb{
    border: solid 1px;
    border-radius: 10px;
    border-color: #333;
    margin-right: 25px;
    background-color: #485f66;
}
.lineb:hover{
    border: solid 1px;
    border-radius: 10px;
    border-color: #333;
    margin-right: 25px;
    background-color: #314146;
}
.shoppage{
    border: solid 1px;
    border-radius: 10px;
    border-color: #333;
    margin-left: 25px;

}
.bgi{
    background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)),url(./image/bacgroundshop.JPG);
    background-size: cover;
    background-position: -100px -130px;
    background-size: 120%;
}
.bgi:hover{
    background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(./image/bacgroundshop.JPG);
    background-size: cover;
    background-position: -100px -130px;
    background-size: 120%;
}
.contact{
    height: 350px;
}
.contactlogo{
    display: flex;
    justify-content: space-around;
}
.shoplogo{
    display: flex;
    justify-content: space-around;
}