/*
Theme Name: ajaira child
Template: ajaira
Author: sam
Description: Simple Responsive WordPress Blog theme
Version: 1.0.0
Text Domain: ajaira child
Tags:  two-columns, right-sidebar, custom-background, custom-menu, custom-colors, sticky-post, featured-images, theme-options, blog, custom-header
*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
}
h1 {
	font-size: 2.4vw;
}
h2 {
	font-size: 2.0vw;
}
code {
	padding: 4px 8px;
	border-left: 6px solid #ead7dd;
}
blockquote {
	padding-left: 38px;
	padding-right: 38px;
	background: #f5f5ff;
}
blockquote p {
	font-size: 14px;
}
@media (max-width: 1200px) {
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
}
ul,ol {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;;
}
@media (max-width: 500px) {
	ul,ol {
		margin: 0 0 0 0.5em;
		padding: 0 0 0 0.5em;;
	}
}
/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/
.site-header {
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.site-header h1,
.site-header p {
	text-shadow:
	#fff 1px 1px 10px,
	#fff -1px 1px 10px,
	#fff 1px -1px 10px,
	#fff -1px -1px 10px;
}
.site-header h1 {
	margin-top: 50px;
}
.site-header h1 a {
	font-size: 4vw;
	color: #4c4b97;
}
.site-header h1 a:hover {
	color: #7c7bc7;
	text-decoration: none;
}
.site-header p {
	font-weight: bold;
	font-size: 2vw;
	color: #992959;
}
@media (max-width: 1200px) {
	.site-header h1 a {
		font-size: 36px;
	}
	.site-header p {
		font-size: 20px;
	}
}
.site-header .container .site-branding {
	height: 280px;
}
@media (max-width: 500px) {
	.site-header {
		background-size: auto 100%;
	}
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
@media (max-width: 500px) {
	#secondary {
		margin-top: 70px;
	}
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
	#site-navigation .menu li a {
	  font-family: lato;
	}
		/*** DROPDOWN ***/
		#top-search input[type="search"] {
		  font-family: lato;
		}
		.show-search input[type="search"]  {
			font-family: lato;
		}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
	.widget table {
	  font-family: lato;
	}
/*--------------------------------------------------------------
# dairy（時候随想録）
--------------------------------------------------------------*/
#dairy {
	position: relative;
}
#dairy dt {
	position: absolute;
}
#dairy dd {
	padding: 0 0 10px 40px;
	border-bottom: 1px dotted #aaf;
}
#dairy img {
	display: inline;
}
.smiley {
	display: inline;
}
.entry-content h2 {
	color: #bb9900;
}
.blog-ranking a img {
	display: inline;
	margin: 10px 3px;
}

.entry-content ol li {
	margin-top: 1em;
}
.entry-content ol li img,
.entry-content ul li img {
	margin: 1em 0;
}

/*--------------------------------------------------------------
  あわせて読みたい
--------------------------------------------------------------*/
.RelatedPostsDispArea span.title {
	display: block;
	background: #333;
	color: #fff;
	padding: 8px 12px;
	font-size: 15px;
	margin-top: 38px;
}
.RelatedPostsDispArea .RelatedPosts {
    border: 1px solid #9a9a9a;
    padding: 15px;
    margin: 10px 0px;
    background-color: #f9f9f9;
}
.RelatedPostsDispArea .RelatedPosts:after {
    content: '';
    display: table;
    clear: both;
}
.RelatedPostsStringArea {
    padding: 0px;
	font-size: 13px;
}
strong.RelatedPostsTitle {
	display: block;
    font-weight: bold;
	font-size: 15px;
}

#toc_container {
	margin: 0 auto 50px;
}