@charset "UTF-8";

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

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


/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}
.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 30px;
  line-height:117%;
}

#archive-title{
  padding-bottom:20px;
  font-size:26px;
}


.article h2 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #FFEFD5;/*背景色*/
border-left: solid 5px #8B4513;/*左線（実線 太さ 色）*/
}
	

.article h3 {
border-bottom: solid 4px #8B4513;
position: relative;
}


.article h4, .article h5, .article h6{
  font-size:20px;
  padding:8px 0;
}

.article  h4{
  border-bottom:5px dashed #ffa07a;
}

.entry-content{
  margin-bottom: 60px;
}

/************************************
** 文章囲み枠　3. 背景塗りつぶし
************************************/
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #8b4513;
    background: #FFEFD5;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}


/************************************
** 文章囲み枠　5. 二重線の枠
************************************/

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #808080;/*文字色*/
    background: #FFF;
    border: solid 3px #8B4513;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/************************************
** 文章囲み枠　26 枠の途中にタイトル
************************************/

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #a0522d;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #a0522d;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/************************************
** 文章囲み枠　27. ラベルをつけたようなデザイン
************************************/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #f4a460;
}
.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: #f4a460;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}


/************************************
** /ウィジェットの間隔を狭める
************************************/
#sidebar .widget {
    margin-bottom: 65px;
}

/************************************
** /目次の設定変更
************************************/
/*TOC+ コンパクトVer.*/
#toc_container{
min-width:60%;
border:1px solid #ccc!important;
background: #fbfbfb!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;}      
}