/*
Theme Name: 整備BIZ
Theme URI: https:seibiz.com
Author: 整備BIZ
Author URI: https:seibiz.com
Description: Templates presented by 整備BIZ
Version: 1.0
License: GNU General Public License
*/
@charset "utf-8";

img.alignright { display: block; margin: 0 0 0 auto!important;}
img.alignleft { display: block; margin: 0 auto 0 0!important;}
img.aligncenter { display: block; margin: 0 auto!important;}
/*
.wp p { margin-bottom: 20px; }
.wp blockquote { margin: 20px; padding: 20px; border-left: solid 4px #53B0DE; background: #FAFAFA; font-size: 0.9em; }
.wp li { line-height: 60px; border-bottom: solid 1px #D6D6D6; }
.wp a { color: #1B79C1; }
.wp a:hover { color: #53B0DE; }
*/

body {
	background: #F0F0F0;
}

/* searchSide */
#searchSide {
	width: 280px;
	float: right;
	position: relative;
}

#searchSide h3 {
	background: linear-gradient(8deg, #D3133D 50%, #e3032d 50%);
	color: #FFF;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	position: relative;
	border-radius: 5px 5px 0 0;
}
#searchSide h3+ul,
#searchSide h3+div {
	background: #FFF;
	padding: 15px;
}

#searchSide a {
	display: block;
	font-size: 14px !important;
	line-height: 20px;
}
/* searchBox */
#searchBox {
	width: 880px;
	float: left;
	padding: 0 0 80px;
}


#searchBox h1 {
	font-size: 24px;
	line-height: 40px;
	float: left;
}
#searchBox h1 b {
	color: #e3032d;
	font-size: 36px;
	margin: 0 5px;
}

.searchBoxList {
	clear: both;
	float: left;
}

#searchBox li {
	width: 100%;
	margin: 40px 0;
	background: #FFF;
	border-radius: 10px;
	box-sizing: border-box;
	float: left;
}
#searchBox a {
	color: #000;
}
#searchBox a:hover {
	opacity : 1;
}


#searchBox .employ {
	background: #e3032d;
	color: #FFF;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	border-radius: 5px;
	padding: 0 20px;
	margin: 20px 0 0 20px;
	float: left;

}

#searchBox .category {
	border: solid 1px #e3032d;
	color: #e3032d;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	border-radius: 5px;
	padding: 0 20px;
	margin: 20px 0 0 5px;
	float: left;
}
#searchBox h2 {
	width: 100%;
	padding: 20px 20px 0;
	font-size: 24px;
	box-sizing: border-box;
	clear: both;
}
#searchBox .date {
	width: 100%;
	padding: 10px 20px 0;
	font-size: 16px;
	font-weight: normal;
	box-sizing: border-box;
}
#searchBox p {
	border-top: solid 1px #EDEDED;
	width: calc(60% - 20px);
	float: left;
	margin: 20px 0 20px 20px;
	font-size: 14px;
	padding: 10px;
	box-sizing: border-box;
}
#searchBox figure {
	width: 40%;
	float: right;
	padding: 20px;
	box-sizing: border-box;
}
#searchBox figure img {
	width: 100%;
	height: auto;
}


/* pagenation */
.page {
	width: 100%;
	float: left;
}
.screen-reader-text{
	display:none;
}
.page .current {
	background: #e3032d;
	color: #fff;
}
#searchBox .page ul {
	display: flex;
	justify-content: center;
}

#searchBox .page li {
	width: auto;
	background: none;
	float: none;
	margin: 0;
}

.page a, .page span {
	display: inline-block;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	width: 25px;
	margin: 0 5px;
	text-align: center;
	border: 1px solid #e3032d;
	background: #fff;
	color: #e3032d;
	box-sizing: border-box;
	border-radius: 5px;
}


/* detailSide */
#detailSide {
	width: 280px;
	float: right;
	position: relative;
}

#detailSide h3 {
	background: linear-gradient(8deg, #D3133D 50%, #e3032d 50%);
	color: #FFF;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	position: relative;
	border-radius: 5px 5px 0 0;
}
#detailSide h3+ul,
#detailSide h3+div {
	background: #FFF;
	padding: 15px;
}

#detailSide a {
	display: block;
	font-size: 14px !important;
	line-height: 20px;
}
/* detailBox */
.detailBox {
	width: 880px;
	float: left;
	padding: 40px;
	margin: 0 0 80px;
	background: #FFF;
	border-radius: 10px;
	box-sizing: border-box;
}

.detailBox .employ {
	background: #e3032d;
	color: #FFF;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	border-radius: 5px;
	padding: 0 20px;
}
.detailBox h2 {
	font-size: 28px;
	line-height: 40px;
	margin: 10px 0;
}

.detailBox h3 {
	background: linear-gradient(8deg, #D3133D 50%, #e3032d 50%);
	color: #FFF;
	font-size: 20px;
	line-height: 60px;
	position: relative;
	border-radius: 5px;
	margin: 40px 0 0;
	padding: 0 20px;
}
.detailBox h4 {
	margin: 40px 0 0;
	padding: 0;
	font-size: 20px;
	line-height: 40px;
	border-bottom: solid 2px #e3032d;
}
.detailBox h5 {
	margin: 40px 0 0;
	padding: 0;
	font-size: 16px;
	line-height: 40px;
}

.detailBox p {
	margin: 20px 0 0;
	padding: 0;
	font-size: 16px;
	line-height: 30px;
}
.detailBox p img {
	max-width: 100%;
}
.detailBox p.date {
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	margin: 0;
}

.detailBox blockquote {
	margin: 20px;
}

.detailBox blockquote p {
	background: #FAFAFA;
	padding: 20px;
}
#toc_container {
	margin: 40px 0;
	font-size: 14px;
}
.icon {
	display: inline-block;
	background: #e3032d;
	font-size: 93%;
	color: #FFF;
	padding: 2px 4px;
	border-radius: 4px;
	font-weight: normal;
	float: right;
}


/* detailRecommend */
.detailRecommend { padding: 0 0 40px; background: #FFF; clear: both; }
.detailRecommend h2 { font-size: 24px; line-height: 40px; float: left; }
.detailRecommend h2 i { font-size: 36px; color: #e3032d; margin: 0 10px;  }
.detailRecommend .more { width: 120px; float: right; font-size: 12px; line-height: 30px; text-align: center;}
.detailRecommend .more a { display: block; border-radius: 5px; border: solid 1px #e3032d; background: #FFF; }

.detailRecommend ul { clear: both; }
.detailRecommend li { width: 275px; margin: 40px 10px; border-radius: 10px; box-shadow: 0 0 5px #0003; background: #FFF; }
.detailRecommend li a { color: #000; }
.detailRecommend li figure img { width: 100%; height: auto; border-radius: 10px 10px 0 0; }
.detailRecommend li h3 { height: 40px; font-size: 16px; line-height: 20px; text-overflow: ellipsis; padding: 20px 20px; }
.detailRecommend li table { width: calc(100% - 40px); border-collapse: collapse; margin: 10px auto; }
.detailRecommend li th { font-size: 15px; color: #e3032d; text-align: center; width: 20px;}
.detailRecommend li td { font-size: 13px; text-overflow: ellipsis; width: 210px; overflow: hidden; white-space: nowrap; display: block; }
.detailRecommend li p { width: calc(100% - 40px); margin: 0 auto 20px; display: block; border-radius: 5px; background: #e3032d; color: #FFF; font-size: 16px; text-align: center; line-height: 45px; }


@media screen and (max-width : 1024px) {
	.main { padding: 0 !important;}
	.bread { display: none; }

	/* searchSide */
	#searchSide {
		width: 100%;
	}
	#searchSide h3 {
		line-height: 20px;
		padding: 10px;
	}

	/* searchBox */
	#searchBox {
		width: 100%;
		float: left;
	}

	#searchBox h1 {
		width: 100%;
		font-size: 16px;
		line-height: 30px;
		float: left;
		padding: 20px 0 10px;
		text-align: center;
	}
	#searchBox h1 b {
		color: #e3032d;
		font-size: 20px;
		margin: 0 5px;
	}

	.searchBoxList {
		clear: both;
		padding: 0 10px;
	}

	#searchBox li {
		width: 100%;
		margin: 30px 0;
		background: #FFF;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 15px 15px 0;
	}

	#searchBox .employ {
		background: #e3032d;
		font-size: 10px;
		padding: 0 5px;
		margin: 0 5px 5px 0;

	}

	#searchBox .category {
		font-size: 10px;
		padding: 0 5px;
		margin: 0 5px 5px 0;
	}


	#searchBox h2 {
		padding: 15px 0 0;
		font-size: 16px;
		line-height: 20px;
	}

	#searchBox #notfound {
		padding: 20px;
	}

	#searchBox p {
		width: 100%;
		float: left;
		margin: 0;
		padding: 15px 0;
		font-size: 13px;
	}
	#searchBox figure {
		width: 100%;
		float: right;
		padding: 15px 0;
		box-sizing: border-box;
	}
	#searchBox figure img {
		width: 100%;
	}

	/* page */
	.page {
	}
	#searchBox .page li {
		padding: 0;
	}


	/* detail */
	.detailBox {
		width: 100%;
		padding: 15px 15px 60px;
		margin: 0;
		border-radius: 0;
	}
	#toc_container {
		margin: 30px 0;
		font-size: 12px;
	}
	.detailBox h2 {
		font-size: 20px;
		line-height: 30px;
		margin: 15px 0 0;
	}
	.detailBox h3 {
		font-size: 16px;
		line-height: 20px;
		margin: 30px 0 0;
		padding: 15px;
	}
	.detailBox h4 {
		font-size: 16px;
		line-height: 20px;
		margin: 30px 0 0;
		padding: 5px 0;
	}
	.detailBox h5 {
		font-size: 14px;
		line-height: 25px;
		margin: 15px 0 0;
	}
	.detailBox p {
		font-size: 14px;
		line-height: 25px;
		margin: 15px 0 0;
	}
	.detailBox p img {
		max-width: 100%;
		height: auto;
	}
	.detailBox blockquote {
		margin: 15px;
	}

	.detailBox blockquote p {
		padding: 15px;
	}


	#detailSide {
		width: 100%;
		border-bottom: solid 1px #EDEDED;
	}

	/* detailRecommend */
	.detailRecommend .main { margin-top: 0 !important; padding: 0 10px !important; }
	.detailRecommend { margin: 0; padding: 30px 0; float: left; width: 100%; }
	.detailRecommend h2 { font-size: 20px; line-height: 30px; float: left; }
	.detailRecommend h2 i { font-size: 24px; color: #e3032d; margin: 0 10px;  }

	.detailRecommend .more { width: 75px; float: right; font-size: 11px; line-height: 25px; text-align: center;}
	.detailRecommend .more a { display: block; border-radius: 5px; border: solid 1px #e3032d; }

	.detailRecommend ul { clear: both; }
	.detailRecommend li { width: 100%; margin: 15px 5px; border-radius: 10px; box-shadow: 0 0 5px #0003; }
	.detailRecommend li a { color: #000; }
	.detailRecommend li figure img { width: 100%; border-radius: 10px 10px 0 0; }
	.detailRecommend li h3 { height: 30px; font-size: 12px; line-height: 15px; padding: 10px 10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.detailRecommend li table { width: calc(100% - 20px); border-collapse: collapse; margin: 10px auto; }
	.detailRecommend li th { font-size: 12px; color: #e3032d; text-align: center; width: 20px;}
	.detailRecommend li td { font-size: 11px; text-overflow: ellipsis; width: calc(50vw - 50px); overflow: hidden; white-space: nowrap; display: block; }
	.detailRecommend li p { width: calc(100% - 20px); margin: 0 auto 10px; display: block; border-radius: 5px; background: #e3032d; color: #FFF; font-size: 12px; text-align: center; line-height: 30px; }


}