
@import url('https://fonts.googleapis.com/css?family=Unica+One');


#toc_container {
  margin-bottom: 40px;
  padding: 15px 20px;
  background: #fff;
  border: 5px solid #e1eff4;
  border-radius: 2px;
  color: #666; }

#toc_container .toc_title {
  font-family: "Unica One", cursive;
  text-align: center;
  margin-bottom: 35px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0px;
  font-size: 1.7em;
  border-bottom: 2px solid #dedede; }

#toc_container .toc_list {
  list-style-type: none !important;
  counter-reset: li; }

#toc_container .toc_list > li {
  position: relative;
  margin-bottom: 15px;
  margin-left: 6px;
  line-height: 1.3em;
  font-size: 0.9em; }

#toc_container .toc_list > li:after {
  counter-increment: li;
  content: "0" counter(li) " |";
  position: absolute;
  left: -40px;
  top: 0px;
  background: none;
  font-family: "Unica One", cursive;
  font-size: 1.4em;
  letter-spacing: -1px;
  color: #008db7; }

#toc_container .toc_list > li a {
  text-decoration: none !important; }

#toc_container .toc_list > li a:hover {
  text-decoration: underline !important; }

#toc_container .toc_list > li ul {
  list-style-type: disc;
  margin-top: 15px;
  padding-left: 20px;
  color: #008db7; }

#toc_container .toc_list > li > ul li {
  font-size: 0.9em;
  margin-bottom: 8px; }

@media only screen and (min-width: 641px) {
  #toc_container {
    padding: 25px 40px; }

  #toc_container .toc_title {
    font-size: 2em; }

  #toc_container .toc_list > li {
    margin-bottom: 18px;
    margin-left: 12px;
    font-size: 1em; }

  #toc_container .toc_list > li:after {
    left: -48px;
    top: 0px;
font-size: 26px; } }

#custom_header2{
 margin-bottom:1em;
}
@media only screen and (min-width: 1100px) {
 #custom_header2{
 top: -2.7em;
 position: relative;
 }
}

.entry-content h2{
position: relative;
background: #000000;
color:#fff;
font-size: 1.2em;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 25px;
padding: 15px 15px;
}
.entry-content h2:after{
position: absolute;
content: '' !important;
top: 100%;
left: 30px;
border: 8px 
solid transparent;
border-top: 10px solid #000000;
width: 0;
height: 0;
}

/* ===================================================
あわせて読みたい　複数リンク対応カスタマイズ
=================================================== */
.emphasize-link {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #df8182;
background-color: #fffbf5;
}
.emphasize-link p:last-child {
margin-bottom: 0;
}
.emphasize-link::before {
position: absolute;
bottom: 100%;
left: -2px;
padding: 2px 6px;
content: "あわせて読みたい";
background-color: #df8182;
color: #fff;
font-weight: bold;
}

/*タイトル下テキストの色を変更*/
#container .header-info a{
background: black;
}

.sns-btn {
display: inline-block;
position: relative;
text-decoration: none;
margin: 0 2px;
width: 31%;
height: 70px;
border-radius: 0px;
transition: .4s;
}
.sns-btn .fa {
position: absolute;
font-size: 25px !important;
top: 40%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
.sns-btn .label {
position: absolute;
font-size: 12px !important;
top: 70%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
/*facebook*/
.sns-btn.fb {
color: #1f6aba !important;
border: solid 2px #1f6aba !important;
background: #fff !important;
}
.sns-btn.fb:hover {
color: #fff !important;
border: solid 2px #1f6aba !important;
background: #1f6aba !important;
}
/*Twitter*/
.sns-btn.tw {
color: #00acee !important;
border: solid 2px #00acee !important;
background: #fff !important;
}
.sns-btn.tw:hover {
color: #fff !important;
border: solid 2px #00acee !important;
background: #00acee !important;
}
/*Feedly*/
.sns-btn.fdly {
color: #2bb24c !important;
border: solid 2px #2bb24c !important;
background: #fff !important;
}
.sns-btn.fdly:hover {
color: #fff !important;
border: solid 2px #2bb24c !important;
background: #2bb24c !important;
}