/*##################################################################/*
/* --------------------------------
* Page-Sitemap
* -------------------------------- */
.child_key_v {
  background-image: url(../images/sub-key-company.jpg);
  min-height: 92px;
}
.post-li img{
    height: 150px !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top;
}
.child_key_v .copy_area h2 {
    margin-bottom: 0;
}
.show-menu {
    max-height: 10000px !important;
    transition: max-height 0.25s ease-in !important;
}
.widget_categories:hover h2, .widget_archive:hover h2 {
    opacity: 0.5;
}
.widget_categories ul, .widget_archive ul {
    max-height: 0;
    transition: max-height 0.25s ease-out;
    overflow: hidden;
}
.widget_categories, .widget_archive {
    cursor: pointer;
}
.popular-posts img{
    height: 150px !important;
    width: 100% !important;
    object-fit: cover;
}
.post-title {
    font-size: 1.8rem;
    margin-bottom: 10px;
}
.widget_sp_image img {
    height: 150px !important;
    width: 90% !important;
    object-fit: cover;
}
.blog_box .thumbnail {
 height: 160px !important;
}
.child_key_v .copy_area {
    padding: 20px 0 22px;
}

.child_key_v h2,
.child_key_v p {
  color: #000;
}

.blog_list_wp {
  padding: 0px 0 80px;
}

.blog_list_wp .side_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog_list_wp .side_wrap .blog_content_box {
  width: 70%;
  padding-right: 40px;
}

.blog_list_wp .side_wrap #sidebar {
  width: calc(100% - 70% - 20px);
}

.blog_list_wp .side_wrap #sidebar .custom-html-widget {
  margin: 0 0 30px 0;
}

.blog_list_wp .side_wrap #sidebar .custom-html-widget .bnr-outlet {
  width: 100%;
  height: auto;
}

.blog_list_wp .flex_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog_list_wp .flex_wrap .blog_box {
  width: 48%;
  margin-bottom: 40px;
  box-shadow: 5px 5px 5px 6px rgba(128,128,128,0.1);
}

.blog_list_wp .flex_wrap .blog_box .thumbnail {
  width: 100%;
  height: 320px;
  background-color: #666;
}

.blog_list_wp .flex_wrap .blog_box .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.blog_list_wp .flex_wrap .blog_box .text_area {
/*  padding: 20px 20px 0;*/
  padding: 20px;
}

.blog_list_wp .flex_wrap .blog_box .text_area h3 {
  font-size: 2.4rem;
  line-height: 1.75;
  font-weight: bold;
  margin-bottom: 20px;
  height: 75px;
  overflow: hidden;    
}

.blog_list_wp .flex_wrap .blog_box .text_area p {
  font-size: 1.2rem;
    display: inline;
    margin: 0;
}
.blog_list_wp .flex_wrap .blog_box .text_area p.blog_textBox{
    height: 10.3em;
    overflow: hidden;
    display: block;
}
.blog_list_wp .flex_wrap .blog_box .text_area p.bolg_clock{
    display: block;
}

.widget-title {
	font-size: 2.4rem;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #008E4C;
    color: #FFF;
	padding-left: 10px;
}

.widget_categories ul {
	margin-bottom: 40px;
}

.widget_categories .cat-item {
	margin-bottom: 10px;
}

.widget_categories .cat-item:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  text-rendering: auto;
  line-height: 1;
  padding-right: 10px;
	color: #969FA8;
}

.popular-posts .wpp-list {
	background-color: #F0F3F5;
	padding: 20px;
	margin-bottom: 40px;
}
.popular-posts .wpp-list img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	margin-bottom: 10px;
    object-position: top;
}

.popular-posts .wpp-list .wpp-post-title {
	font-size: 1.8rem;
	margin-bottom: 10px;
	display: block;
}

.popular-posts .wpp-list li {
	margin-bottom: 30px;
}

.popular-posts .wpp-list .wpp-excerpt {
	font-size: 1.2rem;
	margin-bottom: 10px;
	display: block;
}

.popular-posts .wpp-list .wpp-date:before {
  font-family: "Font Awesome 5 Free";
  content: "\f017";

  display: inline-block;
  font-weight: 400;
  text-rendering: auto;
  line-height: 1;
  padding-right: 5px;
}

.widget_archive li {
	margin-bottom: 10px;
}

.widget_archive li:before {
	margin-bottom: 10px;
	 font-family: "Font Awesome 5 Free";
  content: "\f054";

  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: bold;
  text-rendering: auto;
  line-height: 1;
  padding-right: 10px;
	color: #969FA8;
}
.blog_content_box .wp-pagenavi a,
.blog_content_box .wp-pagenavi span {
	margin: 0 10px;
}

/*
.blog_content_box .wp-pagenavi a,
.blog_content_box .wp-pagenavi span {
	padding: 10px;
}

.blog_content_box .wp-pagenavi .current {
	color: #000;
	border: none;
	background-color: inherit;
}
*/

/*##################################################################/*
/* --------------------------------
 * SP
 * -------------------------------- */
@media screen and (max-width: 768px) {
	.blog_list_wp .side_wrap .blog_content_box {
		width: 100%;
		padding-right: 0;
	}

	.blog_list_wp .flex_wrap .blog_box {
		width: 100%;
	}

	.blog_list_wp .side_wrap #sidebar {
		width: 100%;
	}

	.blog_list_wp .flex_wrap .blog_box {
		margin-bottom: 20px;
	}
    .blog_list_wp .flex_wrap .blog_box .text_area h3 {
      height: auto;
    }
    .child_key_v {
        height: 126px;
    }
    .child_key_v .copy_area {
        padding: 20px 0 44px;
    }

}