/* ★★ ここから下が、カスタマイズ部分 ★★　*/

/* 「目次」のデザインを変更 */
.entry-content .table-of-contents {
    position: relative;
    margin: 0;
    padding: 1em 1.2em 1em;
    border-top: solid 40px #dfefff;　/* 枠の色 #dfefff */
    border-right: solid 3px #dfefff;
    border-bottom: solid 3px #dfefff;
    border-left: solid 3px #dfefff;
    border-radius: 4px;
}
.entry-content .table-of-contents::before {
    content: "Contents";  /* "Contents" は "目次”など好みに変更 */ 
    position: absolute;
    top: -40px;
    left: 20px;
    margin: 0 0 .8rem;
    padding: 0 0 .4rem;
    color: #00008b;  /* 文字の色　darkblue #00008b */
    border: none;
    font-size: 150%;
}

/* 目次の背景色を設定 */
.table-of-contents{
background: #f5f5f5;  /* whitesmoke #f5f5f5 */
}

/* 見出しのカスタマイズ */

/* 大見出し 上下にボーダー */
.entry-content h3 {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  padding: 0.5em 0;
}

/* 中見出し　左に線＋背景色　aliceblue #f0f8ff */
.entry-content h4 {
  border-left: 4px solid #333;
  background-color: #f0f8ff;
  padding: 0.5em;
}

/* 小見出し　下にボーダー */
.entry-content h5 {
  border-bottom: 2px solid #333;
  padding: 0.5em 0;
}

/* 斜体表示で、黄色のマーカー #fcfc60 252,252,84(fcfc54)は黄色 */
article em{
font-style: normal;
padding:0.1em 0.2em;
background:linear-gradient(to bottom, transparent 60%, rgba(252,252,84,0.8) 0%);
}

/* カテゴリをタイル表示にする */
.hatena-module-category a::before {
    content: "";                 /* 文字先頭部共通 */
}

.hatena-module-category .hatena-urllist li {
    display: inline-block;
    width: auto;
    margin-bottom: 5px;          /* 枠の上下間隔 */
    padding: 1px 2px;            /* 枠の間隔 */
    background-color: #f5f5f5; 　/* 枠内の背景色 whitesmoke #f5f5f5 */
}

.hatena-module-category .hatena-urllist li a {
    border: 1px solid #e6e6e6;    /* 枠線の太さと色 */
    border-radius: 2px;           /* 枠の面取り */
    display: inline-block;
    font-size: 0.8667em;          /* 文字の大きさ */
    line-height: 25px;            /* 枠内の上下余白 */
    padding: 0 3px;               /* 枠内の左右余白 */
}