/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/* 見出しを変更 */
 
.article h1 {
 font-weight: 800;
 font-size: 1.8rem;
 line-height: 1.3;
}
 
.article h2 {
 font-size: 22px;
 line-height: 28px;
 padding: 15px 10px 12px 20px;
 background: #10ABA6;
 color: #FFF;
 margin: 25px 0;
 font-weight: 550;
 position: relative;
 border:none;
}
.article h2:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-width: 0px 0px 16px 16px;
 border-style: solid;
 border-color: #FFF #7BC8BC #7BC8BC #FFF;
 background: #7BC8BC;
 display: block;
 width: 0;
}
 
.entry h2 a{
 font-weight: 700;
 font-size: 1.2rem;
 line-height: 1.4;
}
 
.article h3{
 font-size: 1.3rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-left: 6px solid #10ABA6;
 border-bottom: none !important;
 color: #000;
 margin:35px 0px 30px;
}
 
.article h4{
 font-size: 1.1rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 2px solid #10ABA6;
 color: #000;
 margin:35px 5px 20px;
}


#sidebar h3{
text-align:center;
line-height: 24px;
font-size: 18px;
color: #fff;
background-color: #66CDAA;
border-radius: 10px;
padding: 2px 10px;

}


/* 関連記事の「記事を読む」ボタンの装飾 */
.related-entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#57b196;
 border:1px solid #57b196;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.related-entry-read a:hover{
 color:#fff;
 background-color:#9fd2c3;
 border:1px solid #9fd2c3;
}

/* 関連記事の「記事を読む」ボタンを右へ移動 */
.related-entry-read {
  text-align: right;
  margin-right: 10px;
}

/* 関連記事と関連記事の間に線を引く */
#main .related-entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}


/* 「記事を読む」ボタンの装飾 */
.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#57b196;
 border:1px solid #57b196;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#fff;
 background-color:#9fd2c3;
 border:1px solid #9fd2c3;
}


/* 「記事を読む」ボタンを右へ移動 */
.entry-read {
  text-align: right;
  margin-right: 10px;
}



