@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{
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 5px 20px;
  border-left: 6px solid #DC143C;
  border-bottom: 3px solid #808080;
  background-color: #f8f8f8;
  color: #000;
  margin:35px 0px 30px;
}
.article h3{
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 5px 20px;
  border-left: 5px solid #3366EE;
  color: #000;
  margin:35px 0px 30px;
}
.article h4{
  font-size: 1.1rem;
  line-height: 1.2;
  padding: 0px 20px;
  border-left: 2px solid #3366EE;
  border-bottom: 1px dashed #808080;
  color: #000;
  margin:35px 5px 25px;
}

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

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

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


/************************************
** アンカー
************************************/
.entry-read a{
  color:#fff;
  font-size:14px;
  background-color:#B3DCD8;
  border:1px solid #B3DCD8;
  border-radius:2px;
  padding:3px 10px 3px 5px;
  text-decoration:none;
}

.entry-read a:hover{
  color:#fff;
  background-color:#f39285;
  border:1px solid #f39285;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}


/************************************
** pタグ下の行間幅（マージン）
************************************/
.article p{
    margin-bottom: 28px;
}