/* Bonheur */

.lineup-bonheur-column-1 { float:left; width:200px; margin-right:60px;}

.lineup-bonheur-column-2{ float:left; width:360px; margin-right:60px;}

.lineup-bonheur-column-3 { float:left; width:264px; margin-right:60px;}

.lineup-bonheur-column-4 { float:left; width:164px;}

.bonheur-responsive-padding-30 { padding:0px; }

.bonheur-resize-img { width:70%; }


@media only screen and (max-width: 1099px) {
    
.lineup-bonheur-column-1 { float:none; margin:0 auto 10px auto; width:90%; }
.lineup-bonheur-column-2 { float:none;  margin:0 auto 10px auto; width:90%; }
.lineup-bonheur-column-3 { float:none;  margin:0 auto 10px auto; width:90%; }
.lineup-bonheur-column-4 {  float:none; margin:0 auto 10px auto; width:90%; }

.lineup-bonheur-column-1 img { width:38%; }
.lineup-bonheur-column-2 img { width:69%; }
.lineup-bonheur-column-3 img { width:52%; }
.lineup-bonheur-column-4 img { width:30%; }

.bonheur-responsive-padding-30 { padding:20px; }

.bonheur-resize-img { width:100%; }

}

/* Dry Shampoo */

.dry-shampoo-lineup-img { width:22%; }
.dry-shampoo-lineup { width:50%;  }
.add-new-sign { position:relative; }
.add-new-sign::before { position:absolute; top:5px; left:15px; border-radius:40px; background:#013f48; color:#fff; font-size:11px; padding:5px 8px; content:'NEW';   rotate: -30deg;}

.protect-body-img-resize { width:60%;}

.resize-dry-shampoo-range { width:57%; }
.resize-maegami { width:72%; }


@media only screen and (max-width: 1099px) {
    .resize-dry-shampoo-range { width:57%; }
}


@media only screen and (max-width: 1099px) {
    .resize-dry-shampoo-range{ width:auto; }
    .dry-shampoo-lineup-img { width:18%; }
    .add-new-sign::before { left:25px; }
    .protect-body-img-resize { width:35%;}
}

/* Hello Diane */

.hellodiane-container { width:40%; margin:0 auto; }

.lineup-resize-hellodiane-flat { width:80%; }
.lineup-resize-hellodiane-damage { width:68.5%; }

@media only screen and (max-width: 1099px) {
.hellodiane-container { width:100%; }
.lineup-resize-hellodiane-flat { width:90%; }
.lineup-resize-hellodiane-damage { width:76.5%; }
}

