.subf_view_inner {
	background:url(../images/blog/bg_blog.jpg) no-repeat center / cover;
}


/* --- blog --- */

.blog {
	margin-bottom:150px;
}

.blog_list {
	width:73%;
	max-width:898px;
}

.category_list {
	width:20%;
	margin-left:30px;
	min-width:216px;
}


.blog .h_title::after {
	left:0;
	right:auto;
	margin:0;
}

.blog_link {
	width:48.3%;
	display:block;
	position:relative;
	overflow: hidden;
	margin-bottom:40px;
	padding-bottom:0.5em;
}

.blog_link figure {
	overflow:hidden;
	width:100%;
	height:21vw;
	max-height:274px;
}

.blog_link:hover figure img {
	transform:scale(1.1);
}

.blog_link .cate {
	position:absolute;
	left:0;
	top:0;
}

.blog_link h2 {
	margin:1em 0 ;
	line-height:1.875em;
}

.blog_link h2.js-text-overflow {
	white-space: normal;
	text-overflow: clip;
	height:auto;
}

.blog_link h2.twoheight {
	height:calc(1.875em * 2);
}
.blog_link h2.oneheight {
	height:calc(1.875em * 1);
}

.blog_link:hover h2 {
	color:#8AABB8;
}

.blog_link figure img {
	transition:transform .4s;
}

.blog_link .btn_link {
	position:absolute;
	bottom:0;
	right:10px;
}
@media screen and (min-width:769px){

.blog_link:hover .btn_link::after {
	transform:translateX(10px);
}
}

.wp-pagenavi {
	margin-top:60px;
}

@media screen and (max-width:960px){

	.blog_list .blog_link {
		width:100%;
	}
	.blog_list .blog_link figure {
		height:41.5625vw;
		max-height:400px;
	}
}

/* --- category list --- */

.category_list .h_title {
	font-size:4rem;
	margin-bottom:0.5em;
}
.category_list .h_title::after {
	width:1.1em;
}

.category_wrap {
	margin-bottom:40px;
}

.category_wrap ul li a {
	padding-left:1.8em;
	position:relative;
	display: block;
	line-height:2em;
	font-weight:500;
}

.category_wrap ul li {
	margin-bottom:0.5em;
}

.category_wrap ul li a::before {
	content:"";
	display:block;
	width:0.9em;
	height:0.9em;
	border-radius: 50%;
	border:2px solid #8AABB8;
	position:absolute;
	left:0;
	top:0.5em;
	background:#8AABB8;
}

.category_wrap ul li > ul {
	padding-left:1.8em;
	margin-top:0.5em;
}
.category_wrap ul li > ul li a::before {
	background:#fff;
}

.category_wrap ul li a:hover {
	opacity:1;
	color:#8AABB8;
}

.post_wrap {
	margin-bottom:40px;
}

.post_wrap .blog_link {
	width:100%;
}
.post_wrap .blog_link:not(:last-of-type) {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:2px solid #E1E7E9;
}

.post_wrap .blog_link:last-of-type {
	margin-bottom:0;
}


.post_wrap .blog_link h2 {
	font-size:1.4rem;
	margin:0.8em 0;
}

.post_wrap .blog_link figure {
	height:155px;
}

.post_wrap .blog_link .time {
	font-size:1.2rem;
}

.date_wrap .defolt {
	width:100%;
	height:60px;
	cursor: pointer;
	border:1px solid #000;
	padding:1em 1.5em;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	font-size:1.4rem;
	position:relative;
}

.date_wrap .defolt::before {
	content:"";
	display:block;
	width:1em;
	height:1em;
	background:url(../images/common/arrow_down.svg) no-repeat center / contain;
	position:absolute;
	right:0.5em;
	top:0;
	bottom:0;
	margin:auto 0;
}

.date_wrap  ul {
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	padding:0.5em 1.5em 0.5em 1.5em;
	visibility: hidden;
	opacity:0;
	transition:all .4s;
	transform:translateY(-1em);
}

.date_wrap ul li a {
	display:block;
	width:100%;
	padding:1em 0;
}

.date_wrap ul li:not(:last-of-type) a {
	border-bottom:1px solid #E1E7E9;
}

.date_wrap ul li a:hover {
	color:#8AABB8;
}

.date_wrap:hover ul {
	visibility: visible;
	opacity:1;
	transform:translateY(0);
}

/* --- blog single --- */

.blog_detail {
	width:75%;
	max-width:898px;
}

.blogcate_list {
	margin-bottom:5px;
}

.blogcate_list .cate {
	margin-bottom:10px;
}

.blogcate_list .cate:not(:last-of-type) {
	margin-right:10px;
}

.blog_title {
	font-size:2rem;
	font-weight:700;
	line-height:1.75em;
	padding:1em 0;
	border-bottom:2px solid #8AABB8;
}

.editor {
	margin:30px auto 60px;
}

.editor h2,
.editor h3,
.editor h4,
.editor p,
.editor ul,
.editor img {
	margin-bottom:30px;
}

.editor p,
.editor h3,
.editor h4,
.editor li {
	line-height:2.1875em;
}

.editor h2,
.editor h3,
.editor h4,
.editor ul li {
	font-weight:700;
}

.editor h2,
.editor h3,
.editor h4 {
	color:#4C5E65;
	position:relative;
}
.editor strong {
 	font-weight: bold;
}

.editor h2 {
	font-size:1.8rem;
	line-height:2em;
}

.editor h2,
.editor h3 {
	padding:0.85em 1.65em;
	background:#E1E7E9;
	letter-spacing: 0.1rem;
}

.editor h2::before,
.editor h3::before {
	content:"";
	display: block;
	width:3px;
	height:1.4em;
	background:#8AABB8;
	border-radius: 3px;
	position:absolute;
	left:0.825em;
	top:0;
	bottom:0;
	margin:auto 0;
}

.editor h4 {
	padding-bottom:0.25em;
	border-bottom:2px solid #D1D1D1;
}

.editor h4::after {
	content:"";
	display: block;
	width:12%;
	height:2px;
	background:#8AABB8;
	position:absolute;
	bottom:-2px;
	left:0;
}

.editor ul li {
	position:relative;
	padding-left:1.75em;
}

.editor ul li:not(:last-of-type){
	margin-bottom:0.2em;
}

.editor ul li::before {
	content:"";
	display:block;
	width:1em;
	height:1em;
	border-radius: 50%;
	position:absolute;
	left:0;
	top:0.65em;
	background:#8AABB8;
}

.page_eng {
	margin-top:54px;
	border-top:2px solid #8AABB8;
	padding-top:64px;
	position:relative;
}

.page_eng .wp-pagenavi {
	margin-top:0;
}

.page_eng::before {
	content:"";
	display: block;
	width:1px;
	height:70px;
	left:0;
	right:0;
	top:-24px;
	margin:0 auto;
	position:absolute;
	background:#8AABB8;
}


/* ---------  ver.SmartPhone ------------ */

@media screen and (max-width:768px){

.blog {
	margin-bottom:12.5vw;
}

.blog_list,
.category_list {
	width:100%;
}

.blog_list {
	max-width:100%;
	margin-bottom:12.5vw;
}

.blog_list .blog_link {
	margin-bottom:6.25vw;
}

.blog_list .blog_link figure {
	height:64.25vw;
	max-height:100%;
}

.blog_link h2 {
	margin:0.8em 0;
	font-size:3.5vw;
}

.blog_link .btn_link {
	right:0;
}

.blog_link .btn_link::before {
	width:4.3125vw;
	height:4.3125vw;
	right:4.5vw;
}

.blog_link .btn_link::after {
	width:7.325vw;
	height:1.39vw;
}

.wp-pagenavi {
	margin-top:6.25vw;
}

.category_list {
	margin-left:0;
	min-width:auto;
}

.category_list .h_title {
	font-size:7.5vw;
}

.category_wrap ul li a {
	font-size:3.5vw;
}
.category_wrap,
.post_wrap {
	margin-bottom:6.25vw;
}

.post_wrap .blog_link:not(:last-of-type) {
	padding-bottom:0;
	border-bottom:none;
}

.post_wrap .blog_link {
	display: flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.post_wrap .blog_link figure {
	width:34.722222%;
	height:22.5vw;
}

.post_wrap .blog_link .post_txt {
	width:62.7777%;
}

.post_wrap .blog_link h2 {
	font-size:3.5vw;
	margin:0 0 0.4em 0;
}

.post_wrap .blog_link:last-of-type {
	margin-bottom:0;
}

.date_wrap .defolt {
	font-size:3.5vw;
	height:15vw;
}

.date_wrap ul {
	visibility: visible;
	display: none;
	transform:translateY(0);
	opacity: 1;
transition: all .5s ease-in-out;

}
.date_wrap ul.open {
 	display: block;
}

.date_wrap ul,
.date_wrap ul li a {
	font-size:3.5vw;
}

/* --- blog single --- */

.blog_detail {
	width:100%;
	max-width:100%;
	margin-bottom:12.5vw;
}

.blogcate_list .cate:not(:last-of-type) {
	margin-right:2.5vw;
}

.blogcate_list .cate {
	margin-bottom:2.5vw;
}

.blogcate_list {
	margin-bottom:1.25vw;
}

.blog_title {
	font-size:4.5vw;
}

.editor {
	margin:3.75vw auto 8.75vw;
}

.editor h2,
.editor h3,
.editor h4,
.editor p,
.editor ul,
.editor img {
	margin-bottom:5vw;
}

.editor h2 {
	font-size:4vw;
}

.editor h3,
.editor h4,
.editor ul li {
	font-size:3.5vw;
}

.editor h2::before,
.editor h3::before {
	height:1.5625em;
}

.editor h4::after {
	width:25vw;
}

.page_eng.inner {
	padding:12.5vw 0 0 0;
	margin-top:12.5vw;
}

.page_eng::before {
	height:17.5vw;
	top:-7.5vw;
}

}



/* エディタ調整 */
.wp-embedded-content{
	clip: auto !important;
}