@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/* レスポンシブ　ヘッダー画像下の空白を調整 */
@media (max-width: 680px) {
 #body {margin-top: 0; }
}

#site-description{display:none;}
#site-title{display:none;}

/*TOC+ コンパクトVer.*/
#toc_container{
min-width:60%;
border:1px solid #ccc!important;
background: #fff4f4!important;/*背景色*/
padding:0.5em 1em 1em 1em!important;
margin:1em auto 0.5em auto;
}
#toc_container p.toc_title{
font-size:14px;
}
#toc_container p.toc_title+ul.toc_list{
margin-top:0.5em!important;
}
#toc_container ul{
counter-reset:num;
list-style:none;
}
#toc_container ul li{
position:relative;
font-size:14px;
font-weight:normal;
}
#toc_container ul ul{
margin-left:0!important;
}
#toc_container ul ul li{
font-size:94%!important;
font-weight:normal;
}
#toc_container li a{
display:block;
padding:0.1em 0 0.1em 1.3em;
border-bottom:1px dotted #ddd;
color:#333;/*文字色*/
}
#toc_container li li a{
padding-left:2.3em;
}
#toc_container li a:hover{
text-decoration:none;
border-bottom:solid 1px;
}
#toc_container li a:before{
position:absolute;
left:5px;
counter-increment:num;
content:counter(num);
color:#666;
}
#toc_container .toc_title:before,#toc_container ul ul li a:before{
font-family:'FontAwesome';
font-weight:normal;
color:#ccc;
}
#toc_container .toc_title:before{
content:"\f0f6";
padding-right:6px;
}
#toc_container ul ul li a:before{
content:"\f105";
left:18px
}
@media screen and (max-width:480px){
#toc_container{padding:0.5em 0.5em 1em 0.5em!important;}
#toc_container li li a{padding-left:1.6em;}
#toc_container ul ul li a:before{left:8px;}      
}

/*---------------------------------
見出し
--------------------------------*/
.article h2 {
	padding: 5px 10px;
	background: #f08080;
	color: #fff;
	text-decoration: none;
	font-size: 21px;
	font-weight: bold;
	border-radius: 3px;

	-webkit-border-radius: 3px;
	text-shadow: -1px -1px #f08080;
	border: 1px dashed #fff;
	-moz-box-shadow: 0 0 0 4px #f08080, 1px 1px 4px 3px rgba(10,10,0,.5);
	-webkit-box-shadow: 0 0 0 4px #f08080, 1px 1px 4px 3px rgba(10,10,0,.5);
	box-shadow: 0 0 0 4px #f08080, 1px 1px 6px 3px rgba(10,10,0,.5);
}
.article h3,
#comment-area h3,
#related-entries h3{
	font-size:23px;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
.article h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #ff8989;
}
 
.article h4 {
	border-left: 15px solid #ff8989;
	border-bottom: 0px;
	padding: 5px 0 5px 10px;
	margin-bottom: 30px;
}


/*メイン部分の枠を消す */
#main {
    border: none;
}

/*サイドメニュー見出し*/
#sidebar h3 {
border-bottom:2px solid #c8d5ff;
padding:10px 0;
}