/*
 Template:twentyfourteen
 Theme Name:twentyfourteen-child
*/

@import url('../twentyfourteen/style.css');

/* トップバーの背景色を変更する */
.site-header {
	background-color: #663333;
}

/* 検索トグルの背景色を変更する */
.search-toggle {
	background-color: #cc9966;
}
/* 検索トグルの背景色を変更する */
.search-toggle,
.search-toggle.active {
	background-color: #cc9966;
}

.search-toggle:hover {
	background-color: #ff6600;
}
/* 検索窓の背景色を変更する */
.search-box {
	background-color: #cc9966;
}
/* Secondary Sidebarの背景色を変更する */

#secondary {
	background-color: #996633;
	border-top: 1px solid #996633;
}
#page:before{
	background:#996633;
}
/* Current Menuの文字色を変更する */

.site-navigation .current-menu-item > a {
	color: #ff6600;
}
/* Navigationbarの背景色を変更する */

@media screen and (min-width: 783px) {
	.primary-navigation ul ul {
		background-color: #663333;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #ff6600;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #ff6600;
	}
}
/* 記事中のテキストリンクの文字色を変更する */

a {
	color: #336699;
}

a:active,
a:hover {
	color: #ff6600;
}
/* 記事のタイトルの色を変更する */

.entry-title {
	color: #808080;
}

.entry-title a {
	color: #808080;
}

.entry-title a:hover {
	color: #ff6600;
}
/* メインサイドバーのウィジェットの色を変更する */

.widget a:hover {
	color: #ff6600;
}
/* コンテンツサイドバーのウィジェットの色を変更する */

.content-sidebar .widget a:hover {
	color: #ff6600;
}
/* ページネーションの色を変更する */

.paging-navigation .page-numbers.current {
	border-top: 5px solid #cc9966;
	color: #cc9966;
}

.paging-navigation a:hover {
	border-top: 5px solid #ff6600;
	color: #ff6600;
}
/* ポストナビゲーションの色を変更する */
.post-navigation a:hover,
.image-navigation a:hover {
	color: #ff6600;
}
/* Buttonsの色を変更する */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #ff6600;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #cc9966;
	color: #fff;
}

/* Calendarの色を変更する */

.widget_calendar tbody a {
	background-color: #ff6600;
	color: #fff;
	display: block;
}

.widget_calendar tbody a:hover {
	background-color: #cc9966;
}

/* Footerの背景色を変更する */
.site-footer {
	background-color: #663333;
	font-size: 12px;
	position: relative;
	z-index: 3;
}

/* 見出しのfont-sizeを変更する */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 700;                                                 
 
}                                                   

h1 {
	font-size: 24px;
	line-height: 1;
	margin: 21px 0 21px 0;
}

h2 {
	font-size: 18px;
	line-height: 1.3;
	margin: 0 0 14px 0;
}

h3 {
	font-size: 15px;
	line-height: 1;
	margin: -7px 0 7px ;
}

h4 {
	font-size: 13px;
	line-height: 1;
	margin: 5px 0 5px ;
}

h5 {
	font-size: 12px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 11px;
	line-height: 1.5;
}
/* entry-titleのfont-sizeを変更する */
.entry-title {
	font-size: 24px;
	line-height: 1;
	margin: 21px 0 21px 0;
}

/* entry-contentのfont-sizeを変更する */
.entry-content {
	font-size: 14px;
}

/* font-familyを変更する */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}