/*
Template: hummingbird
Theme Name: hummingbird_custom
Theme URI:http://open-cage.com/hummingbird/
*/

@import url(//fonts.googleapis.com/css?family=Quicksand);

/*********************
GENERAL STYLES
*********************/
body {
font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", 'メイリオ' , Meiryo , sans-serif;
font-size: 100%;
line-height: 1.5;
color: #111111;
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
}

/* サイトタイトル上ディスクリプション */
.site_description {
    font-size: 12px;}

h1 , h2 , h3 {
font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", 'メイリオ' , Meiryo , sans-serif;
}

/*テキストウィジェット/
p.main {
    border-bottom: 1px dotted rgba(0,0,0,.2);
    padding-bottom: 0.5em;
}

/* H2見出しのステッチをなくす */
.entry-content h2:before,
.entry-content h2:after{
content:none;
}

/* H2見出しのグラデをなくす&*/
.entry-content h2{
box-shadow: none;
}

/* H2見出し高さ*/
.entry-content h2 {
    padding: 0.6em 0.8em;
}

/* H3見出しの高さ調整 */
.entry-content h3{
line-height: 25px;
border-bottom: 1px dashed;
}

.entry-content h3 {
	border-left: 4px solid;
    padding: 0.4em 0.5em 0.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/* H4見出し 左に青線 */
h4, .h4 {
    border-left: 4px solid;	
	padding: 0.1em 0.5em;
}

/* サイドバーをh2に合わせる */
.widgettitle {
box-shadow: none;
}
.widgettitle span{
border-top: none;
border-bottom: none;
}

/* preの囲み */
.entry-content pre {
font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", 'メイリオ' , Meiryo , sans-serif;
font-size: 95%;
line-height: 1.5;
color: #111111;
border-radius: 5px;
padding: 20px;
    background: #fefefe;
    border: 1px #000068 solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;

}

/*ブログカードのスタイル*/
.hatenablogcard{
  clear:both;
  width:100%;
  height:170px;
  margin:15px 0;
  padding:10px;
  max-width:720px;
}


.fa-chevron-circle-right {
    color: #bf0000;
}
.fa-star {
    color: #bf0000;
}
.fa-chevron-right {
    color: #000068;
    font-size:0.8em;
}