/* 黄色の蛍光ペン効果 */
.keikou {
	background: linear-gradient(transparent 40%, rgba(255, 255, 0, 0.5) 40%);
	padding-bottom: .2em;
}

/* 見出し */
p.midasi1 {
position: relative;
padding: .75em 1em .75em 2em;
border: 1px solid #ccc;
border-top: 3px solid #3498db;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
} p.midasi1::after {
position: absolute; top: 1em;
left: .6em; z-index: 2; content: '';
width: 10px;
height: 10px;
border: 3px solid #3498db; border-radius: 100%
}

/* タイトル付き囲い枠*/
.box27 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em; border: solid 3px #62c1ce;
}
.box27 .box-title { position: absolute; display: inline-block; top: -27px;
left: -3px;
padding: 0 9px;
height: 25px;
line-height: 25px; vertical-align: middle; font-size: 17px; background: #62c1ce; color: #ffffff;
font-weight: bold; border-radius: 5px 5px 0 0;
}
.box27 p {
margin: 0;
padding: 0; }

/*見出し設定*/
h3 {
background: #c2edff;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h4 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

/*もくじ*/
/* TOC もくじのカスタマイズ */
#toc_container{
 margin-top:25px;
 margin-bottom:35px;
 border-radius: 4px; 
 font-size: 16px; /* 文字の大きさ */
 padding-right: 16px;
 padding-left: 16px;
 background-color: #FFFBF4; /* 背景色 */
 border: 2px solid #F89174; /* 外枠の設定 */
}

#toc_container .toc_title{
 font-size: 18px; /* タイトルの文字の大きさ */
 font-weight:bold;
 color: #F89174; /* タイトルの文字色 */
 text-align: left; 
}

/* タイトル前のアイコン　FontAwesomeの設定 */
#toc_container .toc_title:before{
 content: "\f046"; /* FontAwesomeのコード */
 font-family: FontAwesome;
 padding-right: 6px;
 font-size:18px; /* アイコンの大きさ */
 color: #F89174;
}

#toc_container .toc_toggle a{
 color: #F89174; 
}

#toc_container ul{
 counter-reset:number;
 list-style:none;
}

#toc_container ul li{
 line-height: 1.25em;
 margin-bottom: 0.9em;
 margin-top:10px;
}

#toc_container ul li:before{
 counter-increment: number;
 content: counter(number);
 font-weight: bold;
 color: #555555;
 padding-right:12px;
 margin-left:-25px;
}

#toc_container ul li a{
 font-weight: bold;
 color: #555555;
 text-decoration:none;
}
#toc_container ul li a:hover{
 text-decoration:underline
}

#toc_container ul ul{
 margin-top: 0.5em;
}

#toc_container ul ul li{
 line-height: 1.25em;
 margin-bottom: 0.5em;
 font-size:14px;
 margin-left:-50px;
}

#toc_container ul ul li:before{
 content: "\f0da";
 font-family: FontAwesome;
 padding-right: 6px;
 margin-left:0px;
 color: #CCC;
 margin-left:-10px;	
}

#toc_container ul ul li a{
 color: #3D3D3D;
 font-weight: normal;
 padding-right:6px;
	text-decoration:none
}

#toc_container ul ul li a:hover{
 text-decoration:underline
}