/*
 * 記事本文の部品の CSS
 * 脚注・目次は、以前使っていたプラグイン（Easy Footnotes 1.0.9 / Table of Contents Plus 1601）の CSS をそのまま移した。
 */

/* 脚注（Easy Footnotes） */
.admin-bar .easy-footnote-margin-adjust {
	position: absolute;
	margin-top: -40px;
}
.easy-footnote-to-top {
	display: inline-block;
	margin-left: 10px;
}
.easy-footnote-to-top:after {
	content: "\f474";
	font-family: 'dashicons';
	line-height: 1;
}

/* 目次（Table of Contents Plus） */
#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}

/* 脚注の吹き出し
 * 以前は jQuery + qTip（qtip-bootstrap スタイル）で出していたものを CSS だけで再現する。
 * 番号の真下に中央揃えで出す。
 * 隠している間は display: none にする（visibility: hidden だと見えなくても幅を取り、
 * 画面の右端に近い脚注でスマートフォンのページ幅が広がってしまうため）。 */
.easy-footnote {
  position: relative; }
  .easy-footnote a[data-tooltip]::after {
    display: none;
    content: attr(data-tooltip);
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 15000;
    width: max-content;
    max-width: 280px;
    margin-top: 6px;
    padding: 10px 15px;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    white-space: normal;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  @media (hover: hover) {
    /* サイト全体の a:hover の半透明が吹き出しにも掛からないようにする */
    .easy-footnote a[data-tooltip]:hover {
      opacity: 1; }
      .easy-footnote a[data-tooltip]:hover::after {
        display: block; } }

/* SNS ボタンの入れ物
 * 以前は Facebook の「いいね」の枠（幅・高さ 0 で実際には見えない）が入っていて、1 行分の高さがあった。
 * 枠をなくしても余白が変わらないよう、そのとき実際に測った高さ（20px）を保つ。 */
#wrap #entry_list .entry article .sns::before {
  content: "";
  display: block;
  height: 20px; }