@charset "UTF-8";
/******************************************************************
Theme Name: driver-naviテンプレート
******************************************************************/
ul,ol {
	list-style:none;
}
#main .content_wrap > .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:nowrap;
}
#main .content_wrap > .wrap .news_wrap {
	width:900px;
}
#sidebar1 {
	width:250px;
}
#main .content_wrap .btn_back a {
	margin-top:100px;
}
@media screen and (max-width: 768px)  {
	#main .content_wrap > .wrap {
		display:flex;
		flex-direction:column;
	}
	#main .content_wrap > .wrap .news_wrap {
		width:90%;
		margin:30px auto 40px;
		padding:30px 20px;
	}
	#sidebar1 {
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	.news_wrap .tb,.news_wrap .tb tbody,.news_wrap .tb tr,.news_wrap .tb th,.news_wrap .tb td {
		display:block;
	}
	#main .content_wrap .btn_back a {
		margin-top:80px;
	}
}

/* ===================================
 		sidebar
 ================================== */
#sidebar1 .widget {
	margin-bottom:40px;
}
#sidebar1 .widget > .title {
	font-size:16px;
	font-weight:bold;
	padding-bottom:8px;
	border-bottom:1px solid #333;
	margin-bottom:15px;
}
#sidebar1 .widget .item_list .item {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
}
#sidebar1 .widget .item_list .item a {
	display:flex;
}
#sidebar1 .widget .item_list .item a .img_wrap {
	width:70px;
	min-width:70px;
	height:70px;
	margin-right:10px;
}
#sidebar1 .widget .item_list .item a .img_wrap img {
	object-fit:cover;
	width:100%;
	height:100%;
}
#sidebar1 .widget .item_list .item a .title {
	font-size:14px;
	line-height:2em;
	padding:5px 0;
}
/* ===================================
 		archive
 ================================== */
.news_wrap .tb tr {
  margin-bottom: 15px;
  display: table;
}
.news_wrap .tb th {
	letter-spacing: 0.2em;
	font-size:16px;
	min-width: 170px;
}
.news_wrap .tb td a {
	font-size:16px;
	color:#000;
}
@media screen and (max-width: 768px)  {
	.news_wrap .tb th {
		letter-spacing: 0.1em;
		font-size:14px;
	}
}
 
 /* pagination */
.pagination {
  display: flex;
  overflow: hidden;
  margin: 50px auto 0;
  justify-content: center;
}
.pagination li {
	display:inline-block;
	padding:0 3px;
}
.pagination ul .page-numbers {
	background:#005eaa;
	color:#fff;
	border:1px solid #005eaa;
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	font-size:14px;
}
.pagination ul .page-numbers.current:hover {
	opacity:1;
}
.pagination ul .page-numbers:hover {
	opacity:0.6;
}
.pagination .current {
	background:#fff !important;
	color:#005eaa !important;
}
/* ===================================
 		single
 ================================== */
 /* リセット */
 .single .news_wrap .news_detail img {
 	width:auto !important;
 	display:inline-block !important;
 }
 @media screen and (max-width: 768px)  {
}
 
 /* margin */
.single .news_wrap .news_detail .news_tit {
 	margin-bottom:30px;
 }
 .single .thumbnail {
 	margin-bottom:50px;
 }
 .single .news_detail .brock_area h2,.single .news_detail .brock_area h3 {
	margin-bottom:30px;
 }
 .single .news_detail .brock_area p,.single .news_detail .brock_area ul,.single .news_detail .brock_area ol {
  margin-bottom:30px;
}
@media screen and (max-width: 768px)  {
	.single .news_wrap .news_detail .news_tit {
	 	margin-bottom:10px;
	}
	.single .thumbnail {
	 	margin-bottom:20px;
	}
	 .single .news_detail .brock_area h2,.single .news_detail .brock_area h3 {
		margin-bottom:20px;
	 }
	  .single .news_detail .brock_area p,.single .news_detail .brock_area ul,.single .news_detail .brock_area ol {
	  margin-bottom:20px;
	}
}

/* 見出し テキスト etc */
.single .news_detail .brock_area h2 {
	background:#005eaa;
	font-size:20px;
	color:#fff;
	padding:10px 20px;
}
.single .news_detail .brock_area h3 {
	background:#ededed;
	border-left:4px solid #005eaa;
	font-size:18px;
	color:#000;
	padding:10px 20px 10px 20px;
}
.single .news_detail .brock_area h4 {
	border-top:2px solid #005eaa;
	border-bottom:2px solid #005eaa;
	font-size:17px;
	color:#000;
	padding:10px 20px 10px 20px;
}
.single .news_detail .brock_area p {
  line-height: 1.8em;
  font-size: 16px;
}
.single .news_detail .brock_area li {
	list-style:none;
	text-indent:-1em;
	margin-left:1em;
	font-size:16px;
	margin-bottom:10px;
}
.single .news_detail .brock_area li:before {
	content:"・";
	font-size:inherit;
}
@media screen and (max-width: 768px)  {
	.news_wrap .news_detail .news_tit {
		font-size:22px;
	}
	.single .news_detail .brock_area h2 {
		font-size:18px;
		padding:8px 12px;
	}
	.single .news_detail .brock_area h3 {
		font-size:16px;
		padding:8px 10px 8px 12px;
	}
	.single .news_detail .brock_area h4 {
		font-size:15px;
		padding:6px 10px 6px 12px;
	}
	.single .news_detail .brock_area p,.single .news_detail .brock_area li {
    font-size: 14px;
	}
	.single .news_detail .brock_area p span,.single .news_detail .brock_area p b,.single .news_detail .brock_area p mark {
		font-size:inherit;
	}
	.single .news_detail .brock_area li span,.single .news_detail .brock_area li b,.single .news_detail .brock_area li mark {
		font-size:inherit;
	}

}

/* date */
.single .date {
	margin-bottom:10px;
}
@media screen and (max-width: 768px)  {
	.single .date {
		font-size:14px;
		margin-bottom:5px;
	}
}


/* カテゴリー */
.single .post_meta {
	display:flex;
	align-items:center;
}
.single .cat_wrap {
	margin-right:15px;
}
.single .cat_wrap .cat {
	background:#F06000;
	color:#fff;
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:3px 10px;
	line-height:1em;
	font-size:12px;
	min-height:26px;
}
@media screen and (max-width: 768px)  {
	.single .cat_wrap {
    margin-right: 10px;
	}
	.single .cat_wrap .cat {
		font-size:10px;
		min-height:20px;
	}
}

/* タグ */
.single .tag_wrap {
	display:flex;
	flex-wrap:wrap;
}
.single .tag_wrap .tag {
	font-size:14px;
	font-style:italic;
	margin-right:5px;
	color:#888;
	margin-bottom:0;
}
@media screen and (max-width: 768px)  {
	.single .tag_wrap .tag {
    font-size: 12px;
	}
}


/* サムネイル */
.single .thumbnail {
	text-align:center;
}

/* 著者 */
.single .author_content {
	display:flex;
	align-items:center;
	max-width:600px;
	margin:80px auto 80px;
	background:#fff;
	padding:30px 20px 10px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	border:1px solid #eee;
	position:relative;
}
.single .author_content .ab_title {
	position:absolute;
	left:-10px;
	top:-10px;
	width:150px;
	background:#F06000;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:30px;
}
.single .author_content .img_wrap {
	width:150px;
	min-width:150px;
	border-radius:50%;
	overflow:hidden;
	border:1px solid #eee;
	margin-right:20px;
}
.single .author_content .text_wrap .name {
	font-weight:bold;
	color:#005eaa;
	margin-bottom:10px;
	font-size:16px;
}
.single .author_content .text_wrap .detail {
	font-size:14px;
}
@media screen and (max-width: 768px)  {
	.single .author_content {
		flex-direction:column;
		padding:30px 20px 30px;
	}
	.single .author_content .img_wrap {
		margin-right:0;
		margin-bottom:20px;
	}
	.single .author_content .text_wrap .name {
		text-align:center;
		margin-bottom:10px;
		font-size:16px;
	}

}


/* 関連投稿 */
.single .conect_wrap {
	margin-top:100px;
}
.single .conect_wrap > .title {
	font-size:18px;
	padding-bottom:10px;
	padding-left:5px;
	border-bottom:2px solid #333;
	margin-bottom:30px;
}
.single .conect_wrap .item_wrap {
	display:flex;
	flex-wrap:wrap;
	gap:4%;
}
.single .conect_wrap .item_wrap li {
	width:22%;
	margin-bottom:30px;
}
.single .conect_wrap .item_wrap .img_wrap {
 	max-height:132px;
 	overflow:hidden;
 	margin-bottom:10px;
}
.single .conect_wrap .item_wrap .img_wrap img {
 object-fit:cover;
}
.single .conect_wrap .item_wrap .title {
	font-size:14px;
}
@media screen and (max-width: 768px)  {
	.single .conect_wrap {
		margin-top:60px;
	}
	.single .conect_wrap .item_wrap {
		justify-content:space-between;
		gap:4%;
	}
	.single .conect_wrap .item_wrap li {
		width:48%;
		margin-bottom:30px;
	}
}