@charset "UTF-8";
/*--------------------------------------- blog/ */
.body_blog .inner_main_img .main_img_inner,
.body_blog_search .inner_main_img .main_img_inner {
	background-image: url(./img/inner_main_img_blog.jpg);
}
/* blog/index.php */

.container_blog h2 {
	text-align: left;
}
.container_blog_list article,
.container_blog article {
	max-width: 1150px;
}
.container_blog_list,
.container_blog {
	color: #333333;
}
.list_recommend {
	list-style: none;
	padding: 0;
}
.list_recommend li {
	padding: 20px 0;
	border-top: 1px solid #eaeaea;
}
.list_recommend li:first-child {
	border-top: none;
}
.list_recommend a {
	color: #333333;
	text-decoration: none;
	display: block;
}
.list_recommend .listBox {
	display: flex;
	align-items: center;
	gap: 20px;
}
.list_recommend .thumbnail_box {
	width: 25%;
	max-width: 80px;
}
.list_recommend .thumbnail {
	padding: 25% 0;
	display: block;
	background-color: rgba(0, 0, 0, 0.05);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.list_recommend .title {
	font-size: 0.9em;
	font-weight: bold;
	width: calc(75% - 20px);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.column_nav_blog .sub_title {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
.column_nav_blog .sub_box  {
	padding-bottom: 20px;
}
.sub_box_category ul,
.sub_box_keyword ul,
.sub_box_archive ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sub_box_category li a,
.sub_box_keyword li a,
.sub_box_archive li a {
	text-decoration: none;
	display: block;
	padding: 4px 2px;
}
.sub_box_category li {
	padding: 1px 0;
}
.sub_box_category li a {
	font-weight: bold;
	padding: 10px;
	background-color: #fafafa;
	border: 1px solid #eaeaea;
}
.sub_box_category li a:hover {

}
.sub_box_keyword ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 1px;
}
.sub_box_keyword ul li a {
	display: block;
	border: 1px solid #eaeaea;
	padding: 1px 10px;
	border-radius: 100em;
}
.sub_box_archive li {
	padding: 1px 0;
}
.sub_box_archive li a {
	font-weight: bold;
	padding: 10px;
	background-color: #fafafa;
	border: 1px solid #eaeaea;
}
.sub_box_archive li a:hover {

}
.free_box {
	padding: 20px 0;
}
@media screen and (min-width:1090px), print {
	.container_blog_list .column_main {
		width: calc(100% - 40px - 320px);
	}
	.column_nav_blog {
		width: 320px;
	}
}
@media screen and (min-width:780px), print {
	.container_blog_list columnBox {
		display: flex;
		gap: 40px;
	}
	.column_nav_blog .sticky_area {
		position: sticky;
		top: 90px;
	}
}
@media screen and (min-width:780px) and (max-width:1089px) {
	.container_blog_list .column_main {
		width: calc(100% - 40px - 260px);
	}
	.column_nav_blog {
		width: 260px;
	}
}
@media screen and (max-width:779px) {
	.column_nav_blog {
		padding-top: 20px;
	}

}
/* useful_info/index_detail.php */
.container_blog {

}
.container_blog .column_main {
	font-size: 1.1em;
	line-height: 1.8;
}
.container_blog .column_main img {
	vertical-align: middle;
}
.container_blog .column_main ul,
.container_blog .column_main ol {
	padding : 10px 30px;
}
.img_top {
	text-align: center;
	padding-bottom: 5%;
}
.toc_box {
	margin: 5% 0;
	padding: 20px;
	background-color: #fafafa;
	border-top: 4px solid #424143;
}
.toc_box a {
	text-decoration: none;
}
.toc_title {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
.toc_list {

}
.toc_list ul li {

}
.column_nav_blog .toc_box {
	max-height: 21em;
	overflow-y: scroll;
}
.column_nav_blog .toc_list ul {
	padding: 5px 0 5px 20px;
	line-height: 1.8;
}
.page_link a {
	border: 1px solid #eaeaea;
}
@media screen and (min-width:780px), print {

}
@media screen and (max-width:779px) {
	.column_nav_blog .toc_box {
		display: none;
	}
}
/*--------------------------------------- blog_search/result.html */
.search_msg {
	margin-bottom: 5%;
	padding: 20px;
	border: 1px solid #eaeaea;
}