@CHARSET "UTF-8";

.blog-side {
  height: 100%;  
  box-sizing: border-box;
}

.postbody {
  box-sizing: border-box;
  padding-right: 1%;
  width: 75%;
  border-right: 1px solid #888;
}

.postbody h1 {
  margin-top: 0;
}

.blog-image {
  max-width: 100%;
  max-height: 200px;
  height: auto;
  width: auto;
}

.blog-preview .blog-image {
  filter: saturation(50%);
  transition: filter 0.3s;
}

.blog-preview .blog-image:hover {
  filter: saturation(100%);
}

.blog-back {
  margin-top: 0;
}

.blog-back a {
  text-decoration: none;
}

.blog-preview p {
  font-size: 80%;
}

.blog-preview h2 a {
  text-decoration: none;
}

.blog-detail {
  padding: 4px 0 0;
  text-align: right;
}

.blog-phone {
  display: none;
}

.col3.postbody .blog-preview.vert .col1 {
  text-align: center;
}

@media (max-width: 600px) {
  .postbody {
    width: 100%;
    border-right: none;
  }
  .blog-detail {
    text-align: center;
  }
  .blog-detail a.button {
    display: block;
  }
  .blog-phone {
    display: block;    
  }
  .blog-phone a {
    text-decoration: none;
  }
  .blog-notphone {
    display: none;
  }
}

.pbembed.blog h1,
.pbembed.blog>.row>.col1,
.pbembed.blog h1+hr { 
  display: none; 
}

.pbembed.blog>.row>.col3 {
  width: 100%;
}

.pbembed.blog .col3.postbody {
  border-right: none;
}