/*記事一覧アイキャッチ*/
div[id^="card-"] .term {
    max-width: 120px;
    padding: 0 10px 0 0;
    overflow: hidden;
    float: left;
}
#list div[id^="tile-"] .term img, #list div[id^="card-"] .term img {
    max-width: 100%;
    width: 120px;
    height: auto;
		margin-bottom: 10px;
}
div[id^=card-] .meta {
    margin-bottom: 15px;
    padding: 6px 10px 6px;
    border: none;
    border-bottom: 1px solid #ddd;
}
#list .toc {
    margin: 0 0 20px;
}
@media (max-width: 767px){
#list div[id^=card-] .term {
    max-width: 100%;
    float: left;
    margin-bottom: 10px;
}
	div[id^=tile-] h2, div[id^=card-] h2 {
    font-size: 1.5rem;
}
	#list div[id^="tile-"] .term img, #list div[id^="card-"] .term img {
		margin-bottom: 5px;
}
}




.desc {
    display: none;
    line-height: 1.4;
}
div#text-14 {
    margin-top: -40px;
}
.posts-list-middle-widget.toc.grid.clearfix {
    padding: 0 30px;
}

@media screen and (max-width: 420px) {
.posts-list-middle-widget.toc.grid.clearfix {
    padding: 0 15px;
}
	
}

/*サイドバータイトル*/
#side h3{
    padding: 10px 15px;
}
h3.side-title {
    border-left: 5px solid #8a4b08;
}

/*見出し２本文*/
h2{
  background: #202020  ;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
	color: #ffffff;
}

.post h2 {
    border-left: 8px solid #999;
    font-size: 2.5rem;
    padding: 8px 20px;
}

/*見出し２記事タイトル*/
.entry-title{
	color: #000000;
}

/*見出し3*/
.post h3 {
    font-size: 2.0rem;
    padding: 8px 15px;
 margin-top: 50px;
    margin-left: 0px;
    border-left: 0px 
}

h3 {
	border-bottom: solid 4px #006400;  
background: #f0fff0/*背景色*/
}

blockquote {
    position: relative;
    padding: 0px 10px 5px 40px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #f0f7ff;
    border-top: solid 3px #a5d7ff;
}


/*引用*/
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #a5d7ff;
    font-weight: 900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* シンプル 枠（影）2 */
.kakomi-box4 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 background-color: #FFF5EE; /* 背景色 */
 box-shadow: 0 0 5px 1px #ccc; /* 影 */
}

/*--------------------------------------
  蛍光ペンのような下線を引く　　　↓
--------------------------------------*/

/*ピンク（太め）*/
.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}

/*ブルー（太め）*/
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}

/*イエロー（太め）*/
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}


/*見出し4*/
h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #000000;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #008000;/*左線*/
}

.post h4 {
    font-size: 1.8rem;
    padding: 0 12px;
    border: 0;
    border-left: solid 5px #008000;
}