/*
Theme Name: Child
Template: twentytwelve
*/

 
 
@import url('../twentytwelve/style.css');
@media screen and (min-width: 600px) {
.site {max-width: 1060px;}
.widget-area {width: 34.88372093%;}
.site-content {width: 61.62790698%;}
}
/* 「コメントをどうぞ」を非表示 */
.comments-link {display: none;}
/* サイドバーの文字 */
.widget-area .widget p, .widget-area 
.widget li, .widget-area .widget .textwidget {
line-height: 20px; /* 文字の高さ */
font-size: 14px; /* 文字の大きさ */
}

/*サイドバーウィジェットのタイトル上下の余白調整 */
.widget-area .widget h3 { 
    margin-bottom: 7px; 
    margin-bottom: 0.5rem;  
} 
/* 記事タイトル */
.entry-header .entry-title {
font-size: 20px; /* 文字の大きさ */
line-height: 1.2; /* 高さ */
padding-left: 0; /* ちょっと左に余白 */
}
.entry-header .entry-title a {
color: #010101;/* 文字の色 */
background:#61ed6a;/* バックの色 */
}
/* ウィジェットタイトル部分 */
.widget-area .widget h0  {
text-align:center;  /* タイトルの中央寄せ */
line-height: 0px; /* 高さ */
font-size: 15px; /* 文字の大きさ */
color: #fff; /* 文字色 */
background-color: #1F5E73; /* 背景色 */
border-radius: 3px; /* 角に丸みをつける */
padding: 2px 10px; /* 左と上下に余白 */
}
/*-------------

ヘッダーの背景色変更

-------------*/

.site-header {

background-color: #111111;

}
/* ナビメニュー */
.main-navigation li a {
color: #fff; /* 文字色（白） */
font-weight:bold; /* 太字にして */
line-height: 25px; /* 高さ */
font-size: 15px;} /* 文字の大きさ */
.main-navigation ul {
margin: 0; /* 余白をなくす */
background: #020202; /* 背景色 */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

/* コンテンツ背景色 */
.site-content { background: #eff9ed;} /* ピンク色 */

/* メタ情報：カテゴリー、投稿日の部分 */
footer.entry-meta {
margin-top: 2px; /* 記事との間隔 */
font-size: 10px; /* 文字の大きさ */
color: #000000; /* 文字の色 */
font-weight: bold; /* 必要あれば太字に */
}
/* メタ情報：リンクが貼られている部分 */
.entry-meta a {
font-size: 14px; /* 文字の大きさ */
color: #000000; /* 文字の色 */
font-weight: bold; /* 必要あれば太字に */
text-decoration: none; /* 下線がいらない場合に記述 */
}
/* メタ情報：リンクが貼られている部分にカーソルが乗った時、訪問済みの色 */
.entry-meta a:visited {
color: #000000;} /* 訪問済みの色 */
.entry-meta a:hover{
color: #7a8285;} /* カーソルが乗った時の色 */

