/*
Theme Name: Child
Template: twentytwelve
*/
 
@import url('../twentytwelve/style.css');

/* フォントと文字の大きさ、色 */
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: 16px; /* 文字の大きさ */
}
 
body.custom-font-enabled {
font-family: "メイリオ", Meiryo,
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande",
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* 本文中の行間 */
.entry-content p {
line-height: 33px;
margin-bottom: 9px;
word-break: normal;
word-wrap: normal;}

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

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

/* キャッチフレーズ */
.site-header h2 {
font-size: 16px;
color: #333;
line-height: 1.846153846;
}

/* 記事タイトル */
.entry-header .entry-title {
font-size: 16px; /* 文字の大きさ */
line-height: 1.0; /* 高さ */
border-radius: 3px; /* 角に丸みをつける */
background-color: #fff;
}
.entry-header .entry-title a {
color: #333;/* 文字の色 */
}

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

/* ナビメニュー */
.main-navigation li a {
color: #2f4f4f; /* 文字色 */
font-weight:bold; /* 太字にして */
line-height: 25px; /* 高さ */
font-size: 15px;} /* 文字の大きさ */
.main-navigation ul {
margin: 0; /* 余白をなくす */
padding-left: 20px;
background: #b0c4de; /* 背景色 */
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-content { background: #fff;} /* 色を指定 */
}

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

@media screen and (min-width: 600px) {
.site {max-width: 860px;}
.widget-area {width: 34.88372093%;}
.site-content {width: 61.62790698%;}
}
@media screen and (min-width: 600px) {
.ie8 .site {max-width: 860px;}
.ie8 .widget-area {width: width: 34.88372093%;}
.ie8 .site-content {width: 61.62790698%;}
}

/* パンくず */
div#breadcrumb div {
line-height: 20px; /* 文字の高さ */
display: inline; /* 横並びに */
}

/* パンくず位置調整 */
div#breadcrumb {
margin:-15px 0 20px 0;}
.site-header {
padding: 24px 0 0 0;}

body{
word-break: break-all;  /* 英単語の途中改行 */
}
 
@media screen and (max-width:599px){
 
.site {
 padding:0 15px;  /* スマホの両端の余白 */
}
 
.entry-content li {
    margin: 10px 0 10px 18px;  /* liタグの余白調整 */
}
}

div.entry-post-thumbnail {
float: left;
margin: 0 10px 10px 0;}

/* 勝手に大文字にしない */
.main-navigation li a {text-transform: none;}
.archive-title {text-transform: none;}
.widget-title {text-transform: none;}

.archive-header{ border-bottom: none}

/* PCページとスマートフォン共通スタイル */
#scroll-top{ /* ボタンのデザイン */
background-color:#2e8b57; /* ボタンの背景色 */
color:#fff; /* ボタンの文字色 */
text-align:center; /* ボタン内の文字を中央に */
position:fixed; /* 画面がスクロールしても固定する */
right:20px; /* 固定する場所は右から20px */
bottom:20px; /* 固定する場所は下から20px */
display:none; /* ボタン表示は最初は非表示 */
margin:0 0; /* ボタンの余計な余白はいらない */
border-radius: 10px; /* 角を丸く */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; 
cursor:pointer; /* カーソルを指のマークに */
opacity:0.7; /* ボタンの透明度 */
}

/* ボタンのサイズPC用 */
@media screen and (min-width: 600px) {
#scroll-top{   /* ボタンのデザイン */
width:150px;   /* ボタンの横幅 */
height:40px;   /* ボタン高さ */
}
#scroll-top p{        /* ボタンのテキスト部分 */
line-height: 40px;  /* 文字の高さ */
}
}
/* ボタンのサイズスマートフォン用 */
@media screen and (max-width: 599px) {
#scroll-top{   /* ボタンのデザイン */
width:120px;   /* ボタンの横幅 */
height:40px;   /* ボタン高さ */
position:fixed; /* 画面がスクロールしても固定する */
right:10px; /* 固定する場所は右から10px */
bottom:10px; /* 固定する場所は下から10px */
}
 
#scroll-top p{ /* ボタンのテキスト部分 */
line-height: 40px; /* 文字の高さ */
}
}

/* 見出しh2 */
.entry-content h2 {
border-left: 5px solid #1F5E73;
padding: 0 0 0 15px ;
line-height: 2;
font-size: 18px;
background-color: #fff;}

/* 記事内のリンク */
.entry-content a  {
text-decoration: underline; /* リンク部分にアンダーライン */
font-weight:bold; /* リンク文字を太字 */
color: #0066cc;} /* リンクの色 */
.entry-content a:visited {
color: #0066cc;} /* 訪問済みの色 */
.entry-content a:hover{
color: #7a8285;} /* カーソルが乗った時の色 */

/* スマートフォンヘッダーの検索フォーム */
.header-serch {
  margin-top: 20px;  /* 上との余白 */
  margin-bottom:5px;  /* 下との余白 */
  text-align: center;  /* 中央寄せ */
}

.site-content article {　/* コンテンツの最下部 */
	border-bottom: 4px double #ededed;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	padding-bottom: 14px;
	padding-bottom: 1rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
footer.entry-meta {　/* メタ表示部分 */
	margin-top: 14px;
	margin-top: 1rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}