/*
*
 prototype
*
*/
body{
  background: #f9f9f9;
}
pre{
  overflow-x: scroll;
}
.post-sns{
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}

.bg-twitter{
  background-color: #55ACEE!important;
  color: #fff; 
}
.bg-facebook{
  background-color: #2D5B94!important;
  color: #fff; 
}
.bg-hatena{
  background-color: #00A4D4!important;
  color: #fff; 
}
z
/* markdown-content */
.markdown-content a{
  word-break: break-all;
}
.markdown-content img{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: solid 1px #ddd;
}
.markdown-content h2{
  font-size: 1.75rem;
  padding: 0.5em 0;
  border-bottom: solid 3px #000;
  margin: 25px 0;
}
.markdown-content h3{
  font-size: 1.5rem;
  margin-bottom: 25px;
  padding: 0.5em;
  background: #f7f7f7;
  border-left: solid 5px #000000;
}
.markdown-content h4{
  font-size: 1.25rem;
  padding: 0.25em 0.5em;
  background: transparent;
  border-left: solid 5px #000;
}
@media (max-width: 991.98px){
  .markdown-content h2{
    font-size: 1.55rem;
  }
  .markdown-content h3{
    font-size: 1.2rem;
  }
  .markdown-content h4{
    font-size: 1.05rem;
  }
}
.markdown-content code{
  display: block;
  color: #fff;
  background: #333;
  padding: 40px 20px 20px;
  position: relative;
}
.markdown-content code::before{
  color: #787878;
  content: "Code";
  position: absolute;
  top: 10px;
}
.markdown-content code .hljs-title {
  color: #f92472;
  font-weight: normal;
}
.markdown-content code .hljs-value {
  color: #e7db74;
}
.markdown-content code .hljs-attribute {
  color: #a6e22b;
}
.markdown-content code .hljs-keyword {
  font-weight: normal;
}
.markdown-content code.apache .hljs-tag {
  color: #f92472;
  font-weight: normal;
}
.markdown-content code.bash{
  color: #f92472;
}
.markdown-content code.bash .hljs-string{
  color: #e7db74;
}
/*.markdown-content code.css .hljs-attribute,
.markdown-content code.css .hljs-string{
  color: #e7db74;
}*/
.markdown-content code .css{
  opacity: 1;
}
.markdown-content code .css .hljs-class{
  color: #a6e22b;
}
.markdown-content code .css .hljs-tag{
  color: #f92472;
}
.markdown-content code .css .hljs-rule .hljs-attribute{
  color: #67D8EF;
}
.markdown-content code .css .hljs-rule .hljs-value{
  color: #67D8EF;
}
.markdown-content code .css .hljs-rule .hljs-value .hljs-string{
  color: #f92472;
}
.markdown-content code .css .hljs-rule .hljs-value .hljs-number,
.markdown-content code .css .hljs-rule .hljs-value .hljs-hexcolor{
  color: #A180FF;
}
.markdown-content code .css .hljs-rule .hljs-value .hljs-important{
  color: #f92472;
}
.markdown-content code.cs{
  color: #f92472;
}
.markdown-content code.cs .hljs-string{
  color: #e7db74;
}
.markdown-content code.cs .hljs-keyword{
  color: #a6e22b;
}
.markdown-content code.coffeescript .hljs-attribute{
  color: #f92472;
}
.markdown-content code.coffeescript .hljs-built_in{
  color: #a6e22b;
}
.markdown-content code.coffeescript .hljs-string{
  color: #e7db74;
}
.markdown-content code.javascript{
  opacity: 1;
}
.markdown-content code.javascript .hljs-keyword{
  color: #f92472;
}
.markdown-content code.javascript .hljs-string {
  color: #e7db74;
}