@charset "utf-8";

/*-----------------------
    layout.css
------------------------*/

/*----- wrap -----*/

.wrap {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
}
.wrap_narrow {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 30px;
}
.wrap_wide {
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 30px;
}

@media screen and (max-width: 768px){

    .wrap,
    .wrap_narrow,
    .wrap_wide {
        padding: 0 4vw;
    }
    
}

/*----- col -----*/

.col2,
.col3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col3::after{
    content: "";
    display: block;
    width: 28%;
}
.col2 .col_box {
    width: 48%;
    box-sizing: border-box;
}
.col3 .col_box {
    width: 28%;
    box-sizing: border-box;
}

@media screen and (max-width: 1700px){

    .col3::after,
    .col3 .col_box {
        width: 30%;
    }
    
}
@media screen and (max-width: 1260px){

    .col3::after,
    .col3 .col_box {
        width: 31.3333%;
    }
    
}
@media screen and (max-width: 767px){
    
    .col2,
    .col3 {
        display: block;
    }
    .col2 .col_box {
        width: 100%;
    }
    .col3 .col_box {
        width: min(100%, 400px);
        margin: 0 auto;
    }
  .ingredients br{display:none;
  }

}

@media(min-width:450px){
    .companymessage br{display:none;
  }
}

.fax{pointer-events: none;
   }