.blog-note-wrap{
  position:relative;
  width:340px;
  margin:10px auto 20px auto;
}

.blog-note{
  width:100%;
  display:block;
}

.blog-note-text{
  position:absolute;
  top:58px;
  left:35px;
  width:255px;
  font-size:12px;
  line-height:1.5;
  color:#4b4b4b;
}

.blog-posts{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:10px;
}

.blog-entry{
  border:1px dotted #aaa;
  background:#fcfcfc;
  padding:10px;
}

.blog-date{
  font-size:11px;
  color:#777;
  margin-bottom:4px;
}

.blog-title{
  font-weight:bold;
  margin-bottom:8px;
}

.blog-entry p{
  margin:0;
  line-height:1.5;
}

.book-wrap{
position:relative;
width:450px;
margin:10px auto 20px auto;
}

.book-img{
width:100%;
display:block;
}

.book-text-left{
position:absolute;
top:50px;
left:45px;
width:150px;
font-size:11px;
line-height:1.4;
}

.book-text-right{
position:absolute;
top:50px;
right:45px;
width:150px;
font-size:11px;
line-height:1.4;
}