/*
Template: twentysixteen
Theme Name: Twentysixteen Child
*/

body{
		font-family: -apple-system, arial, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  '游ゴシック Medium', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.site{
	background-color:rgba(255,255,255,0.92)
}

.site-title,
.site-description{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.entry-content h3{
	font-weight: bold;
	color: #fff;
	background: #444;
	padding: 5px 10px;
}

@media print, screen and (min-width: 768px) {
	.site-header{
		padding: 3em 3%;
	}

	.site-branding, .site-header-menu, .header-image{
		margin: 0;
	}
	
	.entry-title{
		font-size: 1.8rem;
		padding: 20px 0;
	}
		
	.entry-content{
		font-size: 1.15rem;	
	}
	
	.entry-content h4{
		font-weight: bold;
		font-size: 115%;
		border-bottom: #333 dotted 1px;
		padding-bottom: 3px;
	}
	
	.site-description{
		font-size: 1rem;
	}	
	
	.entry-content h3{
		font-size: 1.3rem;
		line-height: 1.5;
	}
}

@media (max-width: 767px) {
	.site-title{
		font-size: 1rem;
	}
	
	.site-branding, .site-header-menu, .header-image{
		margin: 0 auto;
	}
	
	.site-header{
		padding: 1em 2%;
	}
	
	.entry-title{
		font-size: 1.4rem;
		padding: 15px 0;
	}	
		
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content,.entry-content{
			margin: 0 5%;
	}	
}

/* 記事部分 */
.entry-title{
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
}

@media screen and (min-width: 61.5625em){
body:not(.search-results) article:not(.type-page)  .entry-content {
    width: 80%;
	}
	
	body:not(.search-results) article:not(.type-page) .entry-footer{
   width: 17%;
	}
	
	.widget{
		margin-bottom: 3em;
	}
}

.widget{
	font-size: 1rem;
}

.widget_categories li{
	margin-bottom: 5px;
}

@media (min-width: 44.375em) and (max-width: 56.875em){
	.sidebar, .widecolumn {
		padding-right: 7.6923%;
	}
	
	.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets{
		margin-right: 7.6923%;
	}
}

.post-navigation .post-title{
	font-size: 1.6rem;
}

.bnr-img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

@media (min-width: 44.375em) {
.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol{
	margin-left: 20px;
	}
}