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

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

/*グローバルナビの修飾 */
#navi {
 border-top:1px solid #E3E3E3;
 border-bottom:1px solid #E3E3E3;
}

/*記事見出しの修飾 */
.article h2 {
 background-color: #09aa04;
 border-left: 15px solid #7dde12;
 color: #fff;
 padding: 15px 30px;
}
.article h3,
#comment-area h3,
#related-entries h3{
 font-size:23px;
 border-bottom:3px solid #7dde12;
 padding:10px 0;
}
.article h4 {
 border-bottom:3px solid #7dde12;
 position: relative;
 color: #111;
 font-size: 1.143em;
 font-weight: bold;
 margin: 0 0 1.5em;
 padding: 0.5em 0.5em 0.5em 1.7em;
}
h4:before{
 content: "";
 position: absolute;
 background: #7dde12;
 top: 0;
 left: 0.4em;
 height: 12px;
 width: 12px;
 transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
} 
h4:after{
 content: "";
 position: absolute;
 background:#7dde12;
 top: 1.0em;
 left: 0;
 height: 8px;
 width: 8px;
 transform: rotate(15deg);
 -moz-transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 -o-transform: rotate(15deg);
 -ms-transform: rotate(15deg);
}
/*サイドバーの修飾 */
#sidebar h3 {
 font-size:20px;
 border-bottom:3px solid #acf25e;
 padding:10px 0;
}
/*記事一覧の区切り線 */
#main .entry {
 border-bottom: 1px dotted #333333;
 padding-bottom: 15px;
}
/*関連記事の区切り線 */
#main .related-entry {
 border-bottom: 1px dotted #333333;
 padding-bottom: 15px;
}

/*「記事を読む」ボタンの修飾 */
.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FFBC00;
 border:1px solid #FFBC00;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 } 
.entry-read a:hover{
 color:#fff;
 background-color:#FFE080;
 border:1px solid #FFE080;
}
.entry-read {
 text-align: right;
 margin-right: 10px;
}
.related-entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FFBC00;
 border:1px solid #FFBC00;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 .entry-read a:hover{
 color:#fff;
 background-color:#FFE080;
 border:1px solid #FFE080;
}
.related-entry-read {
 text-align: right;
 margin-right: 10px; 
}