@charset "utf-8";
#content_wrap{padding-top:115px;}
#content_wrap.archive{padding-top:138px;}
.archive_description{
	letter-spacing:0.8px;
	font-weight:500;
	line-height:1.5;
	margin:20px 0 0;
}
.archive .page_title.is-cate{
	color:#87A7A3;
	font-size:1.7rem;
	letter-spacing:0;
	line-height:2.5rem;
	position:relative;
	font-weight:500;
	margin-top:17px;
	margin-bottom:20px;
	text-align:center;
}
.archive .page_title.is-cate::after{
	content:attr(data-en);
	display:block;
	color:#333;
	font-size:4.6rem;
	line-height:1;
	font-weight:bold;
	font-family:"Poppins", serif;
	text-transform:uppercase;
	margin-top:20px;
}

.post_list{
	margin:40px 0 0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:31px;
}
.post_item{list-style:none;margin:0 !important;}
.post_link{
	display:flex;
	flex-direction:column;
	color:#333 !important;
	text-decoration:none !important;
	height:100%;
	background:#fff;
	transition:color 0.3s,background 0.3s;
}
.post_link:hover{color:#00A88E !important;background:#F0FFFD;}
.post_img{
	overflow:hidden;
	aspect-ratio:252 / 168;
}
.post_img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.3s;
}
.post_link:hover img{transform:scale(1.03);}
.post_txt{
	position:relative;
	flex:1;
	padding:12px 15px 56px 15px;
}
.post_title{
	font-weight:500;
	line-height:1.5;
}
.post_info{
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	padding:0 15px 10px 15px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:1.3rem;
	letter-spacing:0.8px;
	line-height:1.5;
	margin:0;
}
.post_cate{
	position:relative;
	color:#87A7A3 !important;
	padding-left:15px;
	letter-spacing:0;
	text-transform:uppercase;
	font-family:"Poppins", serif;
	font-weight:500;
}
.post_cate::before{
	content:'';
	display:block;
	background:#87A7A3;
	width:7px;
	height:2px;
	position:absolute;
	left:0;
	top:calc(50% - 1px);
}
.post_date{
	font-size:1.1rem;
	letter-spacing:0;
	color:#87A7A3 !important;
}

/* 詳細 */
#content_wrap.single{padding-top:111px;}

.post_content_wrap{
	display:flex;
	justify-content:space-between;
	max-width:1160px;
	margin:0 auto 120px;
	padding:0 30px;
}
.post_content_area{
	width:65.4545%;
	max-width:720px;
}
.post_single_h{
	display:flex;
	flex-direction:column-reverse;
	margin:0 0 20px;
}
#content_wrap.single .page_title{margin:13px 0 0;}
.news_info{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0;
	line-height:1.2;
	padding:0 10px 0 0;
}
.news_cate{
	position:relative;
	color:#87A7A3 !important;
	padding-left:15px;
	font-size:1.6rem;
	letter-spacing:0;
	text-transform:uppercase;
	font-family:"Poppins", serif;
	font-weight:500;
}
.news_cate::before{
	content:'';
	display:block;
	background:#87A7A3;
	width:7px;
	height:2px;
	position:absolute;
	left:0;
	top:calc(50% - 1px);
}
.news_date{
	font-size:1.1rem;
	letter-spacing:0;
	color:#87A7A3 !important;
}
.post_tags{
	background:#EFE8DE;
	padding:28px 30px 35px;
	margin:40px 0;
}
.post_tags p{
	margin:0 !important;
	font-family:"Poppins", serif;
	font-weight:bold;
	line-height:1.2;
}
.post_tags_list{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
.post_tags_item{
	list-style:none;
	margin:10px 15px 0 0;
}
.post_tag_link{
	display:block;
	color:#333 !important;
	font-size:1.4rem;
	transition:color 0.3s;
}
.post_tag_link:hover{color:#00A88E !important;}
.related_list{
	margin:0;
	padding:0;
}
.related_item{
	list-style:none;
	margin:0 0 20px;
}
.related_item:last-child{margin-bottom:0;}
.related_item .post_link[target="_blank"]{
	display:flex;
	justify-content:space-between;
	padding:30px;
	background:#fff !important;
	border:1px solid #fff;
	text-decoration:none !important;
	transition:border .3s,background .3s;
	border-radius:4px;
	flex-direction:initial;
}
.related_item .post_link[target="_blank"]:hover{
	border-color:#00A88E;
	background:#F0FFFD !important;
}
.related_thumb{
	width:140px;
	overflow:hidden;
}
.related_thumb img{width:auto;height:auto;max-width:100%;}
.related_txt{width:calc(100% - 180px);}
.related_title{
	background:url(/log/img/common/icon_popup_black.svg) no-repeat 0 8px;
	padding-left:20px;
	color:#333 !important;
	transition:color 0.3s;
	margin:0;
}
a:hover .related_title{color:#00A88E !important;}
.related_info{margin-top:10px;}
.related_date{
	font-size:1.2rem;
	color:#87A7A3 !important;
}
.related_more{
	text-align:center;
	margin-top:30px;
}
.related_more a{
	display:inline-block;
	padding:11px 40px !important;
	background:#4B4B4B !important;
	border:1px solid #4B4B4B;
	text-decoration:none !important;
	transition:border .3s,background .3s;
	border-radius:30px;
	color:#fff !important;
}
.related_more a span{
	background:url(/log/img/common/icon_popup_white.svg) no-repeat 0 center;
	padding-left:20px;
}
.related_more a:hover{
	background:#fff !important;
	color:#4B4B4B !important;
}
.related_more a:hover span{
	background:url(/log/img/common/icon_popup_black.svg) no-repeat 0 center;
}

#sidebar{
	width:28.181818%;
	max-width:310px;
	padding-top:3px;
}
.side_cate{
	margin:0 0 60px;
}
.side_cate_h{
	position:relative;
	padding-top:15px;
	text-align:center;
	color:#87A7A3;
	font-size:1.1rem;
	font-weight:500;
	border-top:1px solid #333;
	line-height:1.1;
}
.side_cate_h::after{
	display:block;
	content:attr(data-en);
	font-size:2.6rem;
	color:#333;
	font-family:"Poppins", serif;
	font-weight:bold;
	line-height:1.2;
}
.side_cate_content .menu_list{border-top:1px solid #c2c2c2;margin-top:10px;}
.side_cate_content .menu_link{font-size:1.3rem;}
.side_cate_content .menu_c_list{
	gap:10px;
	margin-top:13px;
}
.side_cate_content .menu_c_link{
	height:35px;
	background:#fff;
	border:1px solid #fff;
	color:#333 !important;
	font-size:1.3rem;
}
.side_cate_content .menu_c_link:hover{
	border-color:#00A88E;
	background:#F0FFFD;
	color:#00A88E !important;
}


.side_ranking_list{
	margin:10px 0 0;
	padding:0;
}
.side_ranking_item{
	list-style:none;
	margin:5 0 0;
}
.side_ranking_item:nth-child(1) .side_ranking_link::after{
	background:url(/log/img/common/icon_rank_1.svg) no-repeat center center;
	background-size:27px 36px;
}
.side_ranking_item:nth-child(2) .side_ranking_link::after{
	background:url(/log/img/common/icon_rank_2.svg) no-repeat center center;
}
.side_ranking_item:nth-child(3) .side_ranking_link::after{
	background:url(/log/img/common/icon_rank_3.svg) no-repeat center center;
}
.side_ranking_item:nth-child(4) .side_ranking_link::after{
	background:url(/log/img/common/icon_rank_4.svg) no-repeat center center;
}
.side_ranking_link{
	display:block;
	position:relative;
	border:1px solid #fff;
	background:#fff;
	color:#333 !important;
	text-decoration:none !important;
	padding:12px 15px 7px 50px;
	transition:border .3s,background .3s,color .3s;
}
.side_ranking_link:hover{
	border-color:#00A88E;
	background:#F0FFFD;
	color:#00A88E !important;
}
.side_ranking_link::after{
	content:'';
	display:block;
	position:absolute;
	left:14px;
	top:12px;
	width:27px;
	height:36px;
}
.side_ranking_title{
	font-size:1.3rem;
	font-weight:500;
	line-height:1.45;
	margin:0 0 11px;
}
.side_ranking_info{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.side_ranking_cate{
	position:relative;
	color:#87A7A3 !important;
	padding-left:10px;
	font-size:1.2rem;
	letter-spacing:0;
	text-transform:uppercase;
}
.side_ranking_cate::before{
	content:'';
	display:block;
	background:#87A7A3;
	width:6px;
	height:2px;
	position:absolute;
	left:0;
	top:calc(50% - 0px);
}
.side_ranking_date{
	font-size:1rem;
	color:#87A7A3 !important;
}
.article_post{
	margin:107px auto 0;
}
.article_post h2{
	color:#87A7A3;
	font-size:1.7rem;
	letter-spacing:0;
	line-height:2.5rem;
	position:relative;
	font-weight:500;
	margin-bottom:20px;
	text-align:center;
	padding-top:25px;
	border-top:1px solid #333;
}
.article_post h2::after{
	content:attr(data-en);
	display:block;
	color:#333;
	font-size:3.6rem;
	line-height:1;
	font-weight:bold;
	font-family:"Poppins", serif;
	text-transform:uppercase;
	margin-top:11px;
}
.article_post_list{
	margin:40px 0 0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:30px;
}
.article_post_item{list-style:none;}
.article_post_link{
	display:flex;
	flex-direction:column;
	color:#333 !important;
	text-decoration:none !important;
	height:100%;
	background:#fff;
	transition:color 0.3s,background 0.3s;
}
.article_post_link:hover{color:#00A88E !important;background:#F0FFFD;}
.article_post_img{
	overflow:hidden;
	aspect-ratio:4 / 3;
}
.article_post_img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.3s;
}
.article_post_link:hover img{transform:scale(1.03);}
.article_post_txt{
	position:relative;
	flex:1;
	padding:12px 15px 56px 15px;
}
.article_post_title{
	font-weight:500;
	line-height:1.5;
}
.article_post_info{
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	padding:0 15px 10px 15px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:1.3rem;
	letter-spacing:0.8px;
	line-height:1.5;
	margin:0;
}
.article_post_cate{
	position:relative;
	color:#87A7A3 !important;
	padding-left:15px;
	letter-spacing:0;
	text-transform:uppercase;
	font-family:"Poppins", serif;
}
#new_area .article_post_cate{text-transform:none;font-size:1.3rem;}
.article_post_cate::before{
	content:'';
	display:block;
	background:#87A7A3;
	width:7px;
	height:2px;
	position:absolute;
	left:0;
	top:calc(50% - 1px);
}
.article_post_date{
	font-size:1.1rem;
	color:#87A7A3 !important;
}
.article_more{
	text-align:center;
	margin-top:40px;
}
.article_more a{
	display:inline-block;
	padding:11px 40px !important;
	background:#00A88E !important;
	border:1px solid #00A88E;
	text-decoration:none !important;
	transition:border .3s,background .3s;
	border-radius:30px;
	min-width:260px;
	color:#fff !important;
}
.article_more a:hover{
	background:#F0FFFD !important;
	color:#00A88E !important;
}


#news_pagenav{
	display:flex;
	align-items:center;
	justify-content:center;
}
.wp-pagenavi{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	padding:0 80px;
	margin-top:50px;
}
.wp-pagenavi span, .wp-pagenavi a{
	position:relative;
	display:flex;
	width:35px;
	height:35px;
	border-radius:50%;
	color:#006556 !important;
	border:1px solid #006556;
	background:#fff;
	font-size:1.6rem;
	justify-content:center;
	align-items:center;
	font-weight:500;
	margin:0 7.5px;
	font-family:"Poppins", serif;
	text-decoration:none !important;
	transition:border .3s,background .3s,color .3s;
}
.wp-pagenavi span:hover,.wp-pagenavi a:hover{background-color:#006556;color:#fff !important;}
.wp-pagenavi .current{background-color:#006556;color:#fff !important;}
.wp-pagenavi span.extend{
	color:#006556 !important;
	width:15px;
	height:auto;
	border:none;
	background:none !important;
	letter-spacing:0;
	padding-bottom:5px;
}
.wp-pagenavi .extend::after{display:none !important;}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{
	width:auto !important;
	border-radius:0;
	border:none !important;
	background:none !important;
	position:absolute;
	text-decoration:underline !important;
	margin:0;
	color:#333 !important;
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:0.8px;
	font-family:YakuHanJP,'Noto Sans CJK JP','Noto Sans JP',sans-serif;
}
.wp-pagenavi a.previouspostslink{left:0;}
.wp-pagenavi a.nextpostslink{right:0;}
.wp-pagenavi .previouspostslink:hover,.wp-pagenavi .nextpostslink:hover{border:none;background:none;color:#333 !important;text-decoration:none !important;}

@media screen and (max-width:1023px){
.post_info{
	padding:0 15px 13px 15px;
	font-size:1.4rem;
	letter-spacing:0;
	flex-wrap:wrap;
}
.post_cate{
	padding-left:11px;
	margin:0 20px 0 0;
}
.post_cate::before{width:7px;}
.post_date{
	font-size:1.1rem;
	margin-left:auto;
}

}
@media screen and (max-width:900px){e{padding-top:0;}
.post_content_wrap{
	display:block;
}
.post_content_area{
	width:auto;
	max-width:900px;
}
.post_single_h{
	margin:0 0 20px;
}
.article_post{
	margin:60px auto 50px;
}
#sidebar{
	width:auto;
	max-width:none;
	padding-top:0;
}
}


@media screen and (max-width:767px){
#content_wrap{padding-top:0;}
#content_wrap.archive{padding-top:0;}
.archive .page_title.is-cate{
	font-size:1.3rem;
	line-height:1.9rem;
	margin-top:17px;
}
.archive .page_title.is-cate::after{
	font-size:3.6rem;
	margin-top:10px;
}
.post_list{
	margin:30px 0 0;
	grid-template-columns:repeat(2,1fr);
	gap:9px;
}
.post_txt{
	padding:8px 10px 46px 10px;
}
.post_title{
	font-size:1.4rem;
	line-height:1.45;
}
.post_info{
	padding:0 15px 13px 15px;
	font-size:1.4rem;
	letter-spacing:0;
	flex-wrap:wrap;
}
.post_cate{
	padding-left:11px;
	margin:0 20px 0 0;
}
.post_cate::before{width:7px;}
.post_date{
	font-size:1.1rem;
	margin-left:auto;
}

/* 詳細 */
#content_wrap.single{padding-top:0;}

.post_content_wrap{
	display:block;
	padding:0 15px;
}
.post_content_area{
	width:auto;
	max-width:767px;
}
.post_single_h{
	margin:0 0 20px;
}
.news_cate{
	padding-left:10px;
	font-size:1.4rem;
}
.post_tags{
	padding:18px 20px 25px;
	margin:20px 0;
}
.related_item .post_link[target="_blank"]{
	display:block;
}
.related_thumb{margin:0 auto 10px;}
.related_txt{width:auto;}
.related_more a{
	padding:8px 21px !important;
}

#sidebar{
	width:auto;
	max-width:none;
	padding-top:0;
}

.article_post{
	margin:60px auto 50px;
}
.article_post h2{
	font-size:1.1rem;
	line-height:1.6rem;
	margin-bottom:20px;
	padding-top:15px;
}
.article_post h2::after{
	font-size:2.6rem;
	margin-top:11px;
}
.article_post_list{
	margin:10px 0 0;
	grid-template-columns:repeat(2,1fr);
	gap:9px;
}
.article_post_txt{
	padding:8px 10px 46px 10px;
}
.article_post_title{
	font-size:1.4rem;
}
.article_post_info{
	padding:0 10px 8px 10px;
	font-size:1rem;
	letter-spacing:0;
}
.article_post_date{
	font-size:1rem;
}
.article_more a{
	padding:8px 20px !important;
	min-width:210px;
	font-size:1.5rem;
}
.wp-pagenavi{
	padding:0 0 59px;
	margin-top:40px;
}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{bottom:0;margin:0;font-size:1.4rem;}
}