@charset "UTF-8";

#blog-title {
  background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/hal7pi/20180701/20180701083308.jpg);
  background-position: center center;
  background-size: cover;
  text-align: center
}

#blog-title,
#blog-description {
  color: #000;
  text-align: center
}

h1, h2, h3, h4, h5, h6 {color:#2d8c3c}


.entry-content h2 {
color: #fafafa;
background: #1e50a2;
line-height: 1.3;
font-weight: 700;
position: relative;
display: block;
box-sizing: border-box;
margin: 0 0 30px -40px;
padding: 10px 15px 10px 45px
}


.entry-content h2:before, .entry-content h2:after {
position: absolute;
bottom: -10px;
left: 50px;
border-top: 10px solid #1e50a2;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: ""
}

h3 {
color: #002177;
border-bottom: 1px dotted #6d9ab7;
line-height: 1.4;
font-weight: 700;
margin: 0 0 20px;
display: block;
box-sizing: border-box;
padding: 15px 10px 10px 50px;
background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/h/hal7pi/20180710/20180710180137.png") left center no-repeat
}

h4 {
color: #002177;
background: #e5ecf1;
border-radius: 5px;
padding: 10px;
margin: 0 0 20px;
display: block;
box-sizing: border-box;
font-weight: 700;
line-height: 1.4;
font-size: 1.3rem
}



p {font-size: 1.1733em}

.red {color: #f00}

em {font-weight: 700;font-style: normal}

strong {color: #f00}

mark {
font-weight: 700;
color: #f00;
background: #ffff99
}

pre, .entry-content pre {
  margin: 0 0 20px;
  padding: 0;
}

pre > code, .entry-content pre > code {
  font-size: 1.1em;
  margin: 0;
  font-family: monospace;
  padding: 10px 15px;
  box-sizing: border-box;
  display: block;
  background: #1f1f1f;
  color: #fafafa;
  overflow: auto;
  white-space: pre
}

.toc {
  background: #ffffe0;
  border: outset thin #ccc;
  font-size: 1rem;
  padding: 10px;
  margin: 0 0 20px;
  display: block;
  box-sizing: border-box
}

.toc ul {
  margin: 0;
  display: block;
  box-sizing: border-box;
  padding: 0 5px;
  list-style: disc inside
}

.toc ol {
  margin: 0;
  display: block;
  box-sizing: border-box;
  padding: 0 5px;
  counter-reset: section;
  list-style-type: none
}

.toc li {
  font-size: 1.0666rem;
  margin: 10px 0;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  text-indent: -10px
}

.toc ol li:before {
  counter-increment: section;
  content: counters(section, ".") " "
}



@media screen and (min-width: 1024px) {

.main-navigation {
  text-align: center;
}

p {
  font-size: 1.1333em;
  letter-spacing: .4px;
  line-height: 1.8
}

.toc li {
  font-size: 0.93333em
}

}