@charset "utf-8";

/*
theme Name: engblogthレスポンシブテーマ
Author: thosoda
Description: shintoko.engblogのレスポンシブテーマ
version： 1.0.0
*/

/* =8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=
テーマ(theme.css)：サイトのトンマナ(統一性)を定義
サイト全体の見た目や、雰囲気を統一させるためのスタイルを指定します
=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8=8= */

/*==============================================================================*/
/* 目次用サイドバー*/
/*==============================================================================*/
/* ================================================================== */
/*目次ウィジッドの追従用*/
/* ================================================================== */
#ezw_tco-2 {
  position: sticky;
  z-index: 999;
  top: 0px;
  background-color: #fff;
  /* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); */
}
.ez-toc-list {
  max-height:280px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
/* Sticky貼りついた状態 */
#ezw_tco-2.sticky-on {
  padding-top: 50px;
  padding-bottom: 15px;
  box-shadow: 0px 8px 8px -5px rgb(32 33 36 / 28%);
}

/* ================================================================== */
/* サイドバー目次装飾用 */
/* ================================================================== */
#ezw_tco-2 ul li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.4;
}
#ezw_tco-2 ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  position:revert;
  left : 1em; /*左端からのアイコンまで*/
  color: #72ccf4; /*アイコン色*/
}
#ezw_tco-2 a {
    color: #444;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
    padding: 0 0 0 0.5rem;
    text-indent: initial;
    font-size: 95%;
}
#ezw_tco-2 a:hover {
    background: #6083AB;
    color: #fff;
    border-radius: 3.5px;
    padding: 0 3px;
}