/* フォントと文字の大きさ、色 */
body {
font-family: "メイリオ", Meiryo, 
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", 
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
text-rendering: optimizeLegibility;
color: #333;  /* 文字色 */
font-size: 14px; /* 文字の大きさ */
}
 
body.custom-font-enabled{
  font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

/* 本文中の行間 */
.entry-content p {line-height: 28px;}

/* サイドバーの行間と文字の大きさ */
.widget-area .widget li {
line-height: 28px; /* 行間 */
font-size: 14px; /* 文字の大きさ */
}

/* ブログタイトル部分 */
.site-header h1 {
font-size: 28px; /* 文字の大きさ */
line-height: 1.846153846; /* タイトル部分の高さ */
background-color: #f5faf1; /* 背景に色を使う場合に記入 */
}

/* ブログタイトルの色 */
.site-header h1 a {color:#000000;} /* タイトルの色 */
.site-header h1 a:hover {
color: #7a8285;} /* カーソルが乗った時の色 */

/* 記事タイトル */
.entry-header .entry-title {
font-size: 20px; /* 文字の大きさ */
line-height: 1.2; /* 高さ */
padding-left: 10px; /* ちょっと左に余白 */
}
.entry-header .entry-title a {
color: #000000;/* 文字の色 */
}

/* ウィジェットタイトル部分 */
.widget-area .widget h3  {
text-align:center;  /* タイトルの中央寄せ */
line-height: 20px; /* 高さ */
font-size: 15px; /* 文字の大きさ */
color: #fff; /* 文字色 */
background-color: #1F5E73; /* 背景色 */
border-radius: 3px; /* 角に丸みをつける */
padding: 2px 10px; /* 左と上下に余白 */
}

/* ナビメニュー */
.main-navigation li a {
color: #fff; /* 文字色（白） */
font-weight:bold; /* 太字にして */
line-height: 25px; /* 高さ */
font-size: 15px;} /* 文字の大きさ */
.main-navigation ul {
margin: 0; /* 余白をなくす */
padding-left: 15px;
padding-right: 15px;
background: #1F5E73; /* 背景色 */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.main-navigation li a:visited {color: #fff;}
.main-navigation li a:hover{color: #7a8285;}

/* 背景色 */ 
.site {background: #f5faf1;}
/* コンテンツ背景色 */
.site-content { background: #f5faf1;} /* 色を指定 */
.widget-area {background: #f5faf1;}
.site-content {background: #f5faf1;}
.site-header {background: #f5faf1;}

a:link { color: #0000ff; }/* 未訪問のリンク */
a:visited { color: #0000ff; }/* 既訪問のリンク */
a:hover { color: #ff0000; }/* ポイント時のリンク */
a:active { color: #ff8000; }/* 選択中のリンク */

hgroup {
margin-bottom:-20px;} /* タイトル下に余白 */
.header-image {
margin-bottom:-25px;} /* ヘッダー画像下に余白 */
.main-navigation {
margin-bottom:-30px;} /* ナビメニュー下に余白 */