/* =================================
   BUNSHOKA はてなブログ デザイン
   ================================= */

/* 全体 */
body{
background:#ffffff;
color:#333333;
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
line-height:1.9;
}

/* ブログタイトル */
#blog-title{
background:transparent;
}
#blog-title a{
color:#1e3a5f;
}
#blog-description{
color:#526477;
}

/* 記事全体 */
.entry{
max-width:900px;
margin-left:auto;
margin-right:auto;
}

/* 記事タイトル */
.entry-title{
max-width:850px;
margin-left:auto;
margin-right:auto;
color:#1e3a5f;
font-size:25px;
font-weight:700;
line-height:1.5;
padding:0 20px;
box-sizing:border-box;
}
.entry-title a{
color:#1e3a5f;
text-decoration:none;
}
.entry-title a:hover{
color:#2aa5a0;
}

/* 記事本文 */
.entry-content{
max-width:850px;
margin-left:auto;
margin-right:auto;
padding:0 20px;
box-sizing:border-box;
font-size:16px;
line-height:1.9;
}

/* H2見出し */
.entry-content h2{
color:#1e3a5f;
border-left:5px solid #2aa5a0;
border-bottom:1px solid #dce5ec;
padding:10px 14px;
margin:2em 0 1em;
font-size:1.4em;
line-height:1.5;
}

/* H3見出し */
.entry-content h3{
color:#1e3a5f;
border-bottom:2px solid #dce5ec;
padding-bottom:7px;
margin:1.8em 0 0.8em;
font-size:1.2em;
line-height:1.5;
}

/* リンク */
.entry-content a{
color:#237c91;
text-decoration:underline;
text-underline-offset:3px;
}
.entry-content a:hover{
color:#1e3a5f;
}

/* 引用 */
.entry-content blockquote{
border-left:4px solid #2aa5a0;
background:#f5f8fa;
padding:14px 18px;
margin:1.5em 0;
color:#526477;
}

/* 画像 */
.entry-content img{
max-width:100%;
height:auto;
}

/* サイドバー */
#sidebar{
color:#444444;
}
#sidebar h3{
color:#1e3a5f;
border-bottom:2px solid #2aa5a0;
padding-bottom:8px;
}

/* フッター */
#footer{
color:#687786;
}

/* スマートフォン */
@media screen and (max-width:767px){
.entry{
width:100%;
}
.entry-title{
width:100%;
font-size:20px;
line-height:1.5;
padding:0 16px;
}
.entry-content{
width:100%;
font-size:15px;
line-height:1.9;
padding:0 16px;
}
.entry-content h2{
font-size:19px;
}
.entry-content h3{
font-size:17px;
}
}