/* CSS Document */
#blogHead{ width:100%; min-width:1000px; background-color:#fffefc; padding:40px 0;}
.categoryTitle{ width:1000px; margin:0 auto;}
@media screen and (max-width: 768px) {
#blogHead{ width:100%; min-width:320px; background-color:#fffefc; padding:40px 0;}
.categoryTitle{ width:100%; margin:0 auto;}
#blogHead img{ width:100%; height:auto;}
}

.pc-title{ display: block;}
.sp-title { display:none;}
@media screen and (max-width: 460px) {
.sp-title{ display: block;}
.pc-title { display:none;}
}

.blogTitle{ width:1000px; margin:0 auto; border-bottom:1px solid #d3d4d4; font-size:28px; font-weight:bold; color:#3e3a39; padding-bottom:10px;}
.blogDate{ font-size:14px; text-align:right; margin:10px 0 20px;}
.thumbnailTitle{ font-size:22px; font-weight:bold;}
@media screen and (max-width: 768px) {
.blogTitle{ width:100%; margin:0 auto; border-bottom:1px solid #d3d4d4; font-size:20px; font-weight:bold; color:#3e3a39; padding-bottom:10px;}
.blogDate{ font-size:14px; text-align:right; margin:10px 0 20px;}
.thumbnailTitle{ font-size:22px; font-weight:bold;}
}
/*news*/
#news{ padding-bottom:80px; color:#3e3a39;}
#news .inner{ width:1000px; padding:0 20px; margin:50px auto 0;}
#news .inner ul{ width:1000px; }
#news .inner ul li{ border-bottom:1px dotted #d3d4d4; position:relative;}
#news .inner ul li:last-child{ border-bottom:1px solid #d3d4d4; position:relative;}
#news .eyeCatch{ width:180px; float:left; padding:20px 10px;}
#news .boxR{ width:770px; float:right; padding:20px 0 20px 10px;}
#news .boxR h3{ width:600px; display:inline-block; font-size:24px; font-weight:bold;}
#news .boxR .date{ width:150px; display:inline-block; font-size:16px; line-height:24px; color:#333333;}
#news .boxR .blogTxt{ font-size:16px; color:#333333;}
#news .boxR .btnBlog { position:absolute; right:0; bottom:20px;}
#news .btnBlogAll{ text-align:center; padding-top:40px;}
#news .inner ul li dl{ padding:15px 0;}
#news .inner ul li dl dt{ font-size:16px; float:left; padding:5px 15px 0; width:95px;}
#news .inner ul li dl dd{ font-size:20px; width:830px; float:left; font-weight:bold;}
#news .inner ul li dl dd a{ color:#000; text-decoration:underline;}
#news .inner ul li dl dd a:hover{ color:#000; text-decoration:none;}
@media screen and (max-width: 768px) {
#news{ padding-bottom:50px; color:#3e3a39;}
#news .inner{ width:100%; padding:0 5%; margin:50px auto 0; box-sizing:border-box;}
#news .inner ul{ width:100%}
#news .eyeCatch{ width:180px; float:none; padding:20px 10px; margin:0 auto;}
#news .boxR{ width:100%; float:none; padding:0px 0 70px 10px;}
#news .boxR h3{ width:100%; display:inline-block; font-size:24px; font-weight:bold;}
#news .boxR .date{ width:100%; display:inline-block; font-size:16px; line-height:24px; color:#333333;}
#news .boxR .btnBlog { position:absolute; right:0; bottom:20px;}
#news .btnBlogAll{ text-align:center; padding-top:40px;}
}

/*detail*/
.blogDetail{ font-size:16px; border-bottom:1px solid #d3d4d4; padding-bottom:40px;}
.blogDetail p{ font-size:16px; margin:1em 0; line-height: 1.8; text-align: justify;} /*kfedit */
.blogDetail{ font-size:16px;}

.blogDetail h2 {
	background: #50AB35;
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin:1.75em 0 1em;
	padding: .75rem;
	text-align: justify;
}
.blogDetail h3 {
	border-bottom: dashed 1px #ccc;
	color: #50AB35;
	font-size: 18px;
	font-weight: 700;
	margin:1.75em 0 1em;
	text-align: justify;
}
.blogDetail p img {
	height: 100%;
}

/*blogNav*/
#blogNav{ width:100%; min-width:1000px; background-color:#fffefc; padding:75px 0 20px;}
#blogNav nav{ width:1000px; margin:0 auto;}
#blogNav nav ul li{ float:left; width:460px; margin-bottom:44px;}
#blogNav nav ul li:nth-child(even) { float:right; width:460px; margin-bottom:44px;}
#blogNav nav ul li:last-child {margin-bottom:0;}
.contactBanner{ width:1000px; margin:44px auto;}
@media screen and (max-width: 768px) {
#blogNav{ width:100%; min-width:320px; background-color:#fffefc; padding:0 0 30px;}
#blogNav nav{ width:90%; margin:0 5%;}
#blogNav nav ul li{ float:left; width:48%; margin-bottom:20px;}
#blogNav nav ul li:nth-child(even) { float:right; width:48%; margin-bottom:20px;}
#blogNav nav ul li:last-child {margin-bottom:0;}
.contactBanner{ width:100%; margin:20px auto;}
}
@media screen and (max-width: 460px) {
#blogNav nav ul li{ float:none; width:100%; margin-bottom:20px;}
#blogNav nav ul li:nth-child(even) { float:none; width:100%; margin-bottom:20px;}
}
.cat-description{
	width:100%;
	max-width:1000px;
	margin:30px auto 0;
}


/*------------------------------------------------------------------------------
		WordPress required
-------------------------------------------------------------------------------*/

.alignnone { /*　指定なし　*/
	background-color: #FFF;
}

.alignnone { /*　指定なし キャプションあり　*/
	margin-bottom: 20px;
}

.alignright { /*　右寄せ　*/
	margin: 0 0 20px 20px;
	float: right;
}

.alignleft { /*　左寄せ　*/
	margin: 0 20px 20px 0;
	float: left;
}

.aligncenter { /*　中央配置　*/
	margin: 0px auto 20px;
/*	width:1000px;*/
	display: block;
	text-align:center;
}

.wp-caption { /*　位置指定した画像の枠　*/
	text-align: center;
}

.wp-caption-text,
.gallery-caption { /*　投稿内画像下のキャプション　*/
	font-size: 0.8em;
	line-height: 1.4;
	color: #666;
	margin: 5px 0 0;
}

.attachment-post-thumbnail { /*　アイキャッチ画像　*/
	margin-bottom: 10px;
}

/*------　ページ送りナビゲーション　------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* シングルページのナビゲーション */
#next {
	text-align: center;
}
.navigation {
		border-radius: 0;
	clear: both;
	font-weight: normal;
	margin: 40px 0 20px;
	overflow: hidden;
	font-size:16px;
	width:1000px;
}
@media screen and (max-width: 768px) {
.navigation {
	width:100%;
}
}
.navigation .nav-previous a,
.navigation .nav-next a
{
	background-color: #ffffff;
	color: #ea730a;
	display: inline-block;
	list-style: outside none none;
	padding: 6px 15px;
	text-decoration: underline;
}
.navigation .nav-previous a:hover,
.navigation .nav-next a:hover
{
	display: inline-block;
	padding: 6px 15px;
	text-decoration: none;
}
.navigation .nav-previous {
		float: left;
}
.navigation .nav-next {
		float: right;
}

/* アーカイブページのページネーション */
.pagination {
	border-radius: 0;
	clear: both;
	font-weight: normal;
	margin: 40px 0 20px;
	overflow: hidden;
	font-size:16px;
	line-height:100%;
	text-align:center;
	width:1000px;
}
@media screen and (max-width: 768px) {
.pagination {
	width:100%;
}
}
.pagination a.page-numbers {
	color: #ea730a;
	display: inline-block;
	list-style: outside none none;
	padding: 6px 7px;
	text-decoration:underline;
}

.pagination span.current {
	color: #808080;
	display: inline-block;
	padding: 7px 7px;
}
.pagination a.page-numbers:hover {
	padding: 6px 7px;
	color:#ea730a;
	text-decoration:none;
}

.pagelink {
	margin-bottom: 20px;
	overflow: hidden;
}
.prev {
	display:inline-block;
	border-right:1px solid #d3d4d4;
}
.next{
	display:inline-block;
	border-left:1px solid #d3d4d4;
}
.pageprev {
	float: left;
}
.pagenext {
	float: right;
}
