#menu {
position: relative;
width: 100%;
padding-left: 0px;
height: 40px;
background: #ffdead;/*グローバルメニュー背景色*/
}
.menu-inner{
width: 968px;
margin: 0 auto;
height: 40px;
}
#menu li {
list-style-type: none;
float: left;
height: 40px;
text-align: left;
}
#menu li a {
padding-left: 15px;
padding-right: 15px;
display: block;
color: #8b4513;/*グローバルメニュー文字色*/
font-size: 80%;
font-weight: bold;
line-height: 40px;
}
#menu li:hover a {
color: #00DFFC;
background: #ffffff;
transition: all .5s;
}
.menu-toggle{
display: none;

}
/*パソコン１カラム*/
@media screen and (max-width:968px){
.menu-inner{
width: 768px;
}
}
/*タブレット*/
@media screen and (max-width:768px){
#top-editarea{
height: initial;
background: #343838;/*MENU背景色*/
text-align: right;/*MENUの文字の位置*/
width: 100%;
}
.menu-toggle{
color: #ffffff;/*MENUの文字色*/
display: inline-block;
padding: 5px;
margin: 3px;
}
#menu {
width: 100%;
display: none;
height: initial;
padding: 0;
margin: 0;
}
.menu-inner{
width: 100%;
height: initial;
position: static;
margin: 0;
}
#menu li{
float: none;
height: 35px;
width: 100%;
list-style-type: none;
background: #00DFFC;/*リスト文字の背景色*/
margin: 0 auto;
text-align: left;/*リストの文字の位置*/
}
#menu li a {
height: initial;
color: #343838;/*リスト文字色*/
display: block;
}
#menu li:hover a{
color: initial;
background: initial;
}
}

/*↑----fontawesome↑*/
.hatena-module-title,
.hatena-module-title::before,
.hatena-module-title::after {
  background: none;
  border: none;
}

.hatena-module-title{
  position: relative;
  color: saddlebrown;/* 文字色 */
  background: #ffdead;/* 背景色 */
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;/* タイトル内の余白 */
  margin: 0px -10px 20px -10px;/* タイトルの位置を調整。 */
}

/* プロフィール */
.hatena-module-profile .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f2bb";/* アイコンフォント */
  position: absolute;
  left : 0.5em;
}
/* 検索 */
.hatena-module-search-box .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  position: absolute;
  left : 0.5em; 
}
/* 月別アーカイブ */
.hatena-module-archive .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f187";
  position: absolute;
  left : 0.5em; 
}
/* 最新記事 */
.hatena-module-recent-entries .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f303";
  position: absolute;
  left : 0.5em;  
  color: white;
}
.hatena-module-title a {
  color: white;important!
}
/* 注目記事 */
.hatena-module-entries-access-ranking .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f201";
  position: absolute;
  left : 0.5em; 
  
}
/* カテゴリー */
.hatena-module-category .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f022";
  position: absolute;
  left : 0.5em; 
}
/* HTML */
.hatena-module-html .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f005";
  position: absolute;
  left : 0.5em; 
}

body{
    background:#ffffff;
}

entry-title {
   background-color: #800000;
}
entry-title a{
  color: #ffffff;
}

h1.entry-title a{
color: #800000;
}

ul.table-of-contents {
　background: #e0ffff;
}

/*== 目次外枠 ==*/
.entry-content .table-of-contents{
position:relative;display:inline-block;
border:2px dashed #cd853f;/*上部バーの色*/
background-color:#fff5ee;/*背景色*/
border-radius:10px;padding-right:50px;padding-top:10px;
box-shadow: 0 0 0 8px #fff5ee;/*ステッチの外側*/}
.entry-content .table-of-contents::before{font-size:1rem;
content:"[ contents ]";/*表示文字*/
color:#cd853f;/*文字色*/
position:relative;}

/*== 目次内部 ==*/
.entry-content .table-of-contents>li:first-child {padding-top: 20px;}
.table-of-contents li::before{
font-family:"blogicon";content:"\f02d";/*はてなブログアイコン*/
color:#cd853f;/*アイコンの色*/
position:relative;left:-10px;}
.table-of-contents li ul li::before{display:none;}/*中見出しの前にアイコン表示しない*/
.table-of-contents li {list-style-type:none;font-size:1.2rem;line-height:1.5;padding-bottom:0.5rem;}
.table-of-contents ul{padding-top:1rem;padding-bottom:0.5rem;}
.table-of-contents li ul li {font-size:1rem;line-height:1.5;padding-top:0px;padding-bottom:0px;
list-style-type:disc;}/*中見出しの前は黒丸*/
.table-of-contents li a,
.table-of-contents li a:visited {color:#454545;text-decoration:none;}/*リンクの色、下線の有無*/
.table-of-contents li a:hover{text-decoration:underline;}/*マウスオーバーで下線を表示*/
.table-of-contents ul ul{display: none;}/*見出し3階層目を表示しない*/