.brand{

font-size:16px;

font-weight:bold;

margin-bottom:20px;

}

.yohaku1{
margin-top:20px;
}

  
.box1{
margin-left:8px;
margin-right:4px;
margin-bottom:20px;
float:left;
position: relative;
 width:30%;
object-fit:cover;
}

.box2{
 margin-left:4px;
margin-right:4px;
margin-bottom:20px;
float:left;
position: relative;
 width:30%;
object-fit:cover;
}
.box3{
  margin-left:4px;
margin-right:8px;
margin-bottom:20px;
float:left;
position: relative;
 width:30%;
object-fit:cover;
}
.under-element{
  clear: both;
}

.diarybox1{
margin-right:20px;
margin-bottom:20px;
float:left;
position: relative;
width:40%;
object-fit:cover;
}
.diarybox2{
margin-bottom:20px;
float:left;
position: relative;
width:40%;
object-fit:cover;
}