@charset "UTF-8";
#container {
  /*
 * Visual Studio 2015 dark style
 * Author: Nicolas LLOBERA <nllobera@gmail.com>
 */
  /*.hljs-code {
  font-family:'Monospace';
}*/
}

#container .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #1E1E1E;
  color: #DCDCDC;
}

#container .hljs-keyword,
#container .hljs-literal,
#container .hljs-symbol,
#container .hljs-name {
  color: #569CD6;
}

#container .hljs-link {
  color: #569CD6;
  text-decoration: underline;
}

#container .hljs-built_in,
#container .hljs-type {
  color: #4EC9B0;
}

#container .hljs-number,
#container .hljs-class {
  color: #B8D7A3;
}

#container .hljs-string,
#container .hljs-meta-string {
  color: #D69D85;
}

#container .hljs-regexp,
#container .hljs-template-tag {
  color: #9A5334;
}

#container .hljs-subst,
#container .hljs-function,
#container .hljs-title,
#container .hljs-params,
#container .hljs-formula {
  color: #DCDCDC;
}

#container .hljs-comment,
#container .hljs-quote {
  color: #57A64A;
  font-style: italic;
}

#container .hljs-doctag {
  color: #608B4E;
}

#container .hljs-meta,
#container .hljs-meta-keyword,
#container .hljs-tag {
  color: #9B9B9B;
}

#container .hljs-variable,
#container .hljs-template-variable {
  color: #BD63C5;
}

#container .hljs-attr,
#container .hljs-attribute,
#container .hljs-builtin-name {
  color: #9CDCFE;
}

#container .hljs-section {
  color: gold;
}

#container .hljs-emphasis {
  font-style: italic;
}

#container .hljs-strong {
  font-weight: bold;
}

#container .hljs-bullet,
#container .hljs-selector-tag,
#container .hljs-selector-id,
#container .hljs-selector-class,
#container .hljs-selector-attr,
#container .hljs-selector-pseudo {
  color: #D7BA7D;
}

#container .hljs-addition {
  background-color: #144212;
  display: inline-block;
  width: 100%;
}

#container .hljs-deletion {
  background-color: #600;
  display: inline-block;
  width: 100%;
}

#container pre {
  padding: 0;
  white-space: pre;
  -moz-tab-size: 2;
  /* Firefox用 */
  tab-size: 2;
  white-space: pre-wrap;
}

#container code {
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  border-radius: 0;
  margin: 0;
  word-break: break-all;
}

#container .hljs {
  padding: 1em 32px;
}

#container .hljs-comment, #container .hljs-quote {
  font-style: normal;
}

#container pre {
  margin-left: -15px;
  margin-right: -15px;
}

@media only screen and (min-width: 481px) {
  #container pre {
    margin-left: -25px;
    margin-right: -25px;
  }
}

@media only screen and (min-width: 768px) {
  #container pre {
    margin-left: -25px;
    margin-right: -25px;
  }
}

@media only screen and (min-width: 1030px) {
  #container pre {
    margin-left: -40px;
    margin-right: -40px;
  }
}

.entry-content h2 {
  padding: 0.4em 0.5em;
  /*文字の上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: #f4f4f4;
  /*背景色*/
  border-left: solid 5px #7db4e6;
  /*左線*/
  border-bottom: solid 3px #d7d7d7;
  /*下線*/
}

.entry-content h3 {
  padding: 0.25em 0.5em;
  /*上下 左右の余白*/
  color: #494949;
  /*文字色*/
  background: transparent;
  /*背景透明に*/
  border-left: solid 5px #7db4e6;
  /*左線*/
}

.yourprofile .profile-img {
  width: 100px;
  height: 100px;
}

.yourprofile .profile-img img {
  border-radius: 50%;
}

.author_img {
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 1030px) {
  .author-info__inner .tb-left .aut {
    width: calc(100% - 105px);
  }
}

.certified-badge {
  text-align: center;
}

.certified-badge img {
  width: 25%;
  max-width: 100px;
}