/*--------------------------------------
  TOC+
--------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Mandali');


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

#toc_container .toc_title {
  text-align: center;
  margin-bottom: 35px;
  margin-top: 0;
  padding-top: 0;
color:#000000;
  padding-bottom: 0px;
  font-size: 1.7em;
  border-bottom: 2px solid #48474b; }

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

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

#toc_container .toc_list > li:after {
  counter-increment: li;
  content: counter(li) ;
  position: absolute;
  left: -35px!important;
  top: 0px;
  background: none;
  font-family: 'Mandali', cursive;
  font-size: 1.4em;
  letter-spacing: 0px;
  color: #000000; }

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

#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: #000000; }

#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; } }



.entry-thumb {
    margin-top: 0px;
}
  
#main .entry {
    margin: 10px 8px 0 10px!important;
    border: solid 1px #ccc;
}

/*--------------------------------------
  パソコンの設定
--------------------------------------*/
.entry-thumb img {
width: 200px;
height: 200px;
margin-bottom: 10px;
}
 
/* 記事タイトルなどの位置 */
.entry-card-content {
margin-left: 0px !important;
}
 
.entry-snippet {
font-size: 90% !important;
}
 
.entry-read a {
font-size: 90% !important;
}
/*---------------------------------
記事タイトルの大きさを変更
--------------------------------*/
.entry h2 a{
 font-size: 22px;
 line-height: 1.5;
}
/*--------------------------------------
  モバイルの設定
--------------------------------------*/
@media screen and (max-width: 480px) {
 
.entry h2 a{
font-size: 15px;
color:#373737;
line-height: 1.5;
}
 
/* サムネイルサイズ変更 */
.entry-thumb img{
width: 140px !important;
height: 140px !important;
}
/* 記事タイトルなどの位置 */
.entry-card-content {
margin-left: 0px !important;
}
 
.entry-snippet {
font-size: 100% !important;
}
 
.entry-read a {
font-size: 100% !important;
}
}


/*--------------------------------------
  WordPress Popular Postの設定
--------------------------------------*/
ul#popular-posts.wpp-list li img {
	box-shadow: 2px 2px 8px gray;
}
ul#popular-posts.wpp-list li {
	border: 2px solid #48474b;
	width: 261px;
	padding: 0.1em;
	margin-bottom: 1em;
}
ul#popular-posts.wpp-list {
	counter-reset: pupular-ranking;
}
 
ul#popular-posts.wpp-list li {
	position: relative;
}
 
ul#popular-posts.wpp-list li:before {
	background: none repeat scroll 0 0 #666;
	color: #fff;
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
	opacity: .9;
	border-radius: 0;
	font-family: Arial;
}

/*--------------------------------------
 エントリーカードのカスタマイズ
--------------------------------------*/
.entry h2 a{
 font-weight: 700;
 font-size: 1.35rem !important;
 line-height: 1.04;
}

 .entry-card-content .post-date{
 font-size: 0.9rem !important;
 }

 .entry-card-content .category{
 font-size: 0.9rem !important;
 }

.entry-card-content{
 font-size: 0.9rem !important;
}

.entry-read a{
 color:#000000;
 font-size:14px;
 background-color:#f7f7f7;
 border:1px solid #48474b;
 border-radius:1px;
 padding:3px 50px 3px 50px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#000000;
 background-color:#f7f7f7;
 border:1px solid #48474b;
}

.entry-read {
  text-align: right;
  margin-right: 20px; /* ここはお好みで */
}

h6{
    margin: 0 0 1.5em;
    padding: 0.8em;
    border-bottom: 1px dashed #48474b;
    font-size: 1.143em;
    font-weight: bold;
}

.article h5{
position: relative;
background: #f1f8ff;
padding: 0.25em 0.5em;
border-left: solid 2em #5c9ee7;
}