@charset "utf-8";



/*-- 

postdata-style

====================================================== --*/
/* headline02 */
#postdata-style h2{
	margin-bottom:4rem;
}
/* sp */
@media screen and (max-width:750px){
	#postdata-style h2{
		margin-bottom:2rem;
	}
}

/* headline03 */
#postdata-style h3{
	margin-bottom:3rem;
}
/* sp */
@media screen and (max-width:750px){
	#postdata-style h3{
		margin-bottom:1.5rem;
	}
}

/* headline04 */
#postdata-style h4{
	margin-bottom:2rem;
}
/* sp */
@media screen and (max-width:750px){
	#postdata-style h4{
		margin-bottom:1rem;
	}
}

/* headline05 */
#postdata-style h5{
	margin-bottom:1.5rem;
}
/* headline06 */
#postdata-style h6{
	margin-bottom:1.5rem;
}

/*-- list --*/

#postdata-style ul,
#postdata-style ol{
	line-height:1.75;
}
#postdata-style ul{
	margin-left:1.5em!important;
	text-indent:0!important;
	list-style-type:disc!important;
}
#postdata-style ol{
	margin-left:1.5em!important;
	text-indent:0!important;
	list-style-type:decimal!important;
}
#postdata-style ul > li,
#postdata-style ol > li{
	margin-bottom:.5em;
}
#postdata-style ul > li:last-child,
#postdata-style ol > li:last-child{
	margin-bottom:0;
}

/* other */
#postdata-style img{
	max-width:100%;
	height:auto;
}
#postdata-style p{
	font-size:1.6rem;
	line-height:1.8;
}
#postdata-style b,
#postdata-style strong{
	font-weight:bold;
}
#postdata-style a{
	color:#3266ff;
}
#postdata-style .col a{
	color:inherit;
}


/*-- 

content_blog

====================================================== --*/
#content_blog{
	padding-top:0;
	margin-top:3rem;
}
/* sp */
@media all and (max-width:750px){
	#content_blog{
		margin-top:2rem;
	}
}


/* blog_category */
#content_blog .blog_category_inner{
	max-width:100rem;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	column-gap:1.8rem;
	row-gap:1rem;
}
#content_blog .blog_category .btn{
	margin-left:0 !important;
	margin-right:0 !important;
}
#content_blog .blog_category .btn a,
#content_blog .blog_category .btn button{
	width:auto;
}
#content_blog .blog_category .btn .btn_inner,
#content_blog .blog_category .btn .btn_inner{
	width:auto;
}
#content_blog .blog_category .btn .btn_inner .btn_content,
#content_blog .blog_category .btn .btn_inner .btn_content{
	width:auto;
}

/* blog_list */
#content_blog .blog_list{
	display:flex;
	flex-direction:column;
	row-gap:5rem;
	margin-top:5rem;
}
#content_blog .blog_item{
	column-gap:2rem;
}
#content_blog .blog_item a{
	color:var(--c-black);
	text-decoration:none;
}
#content_blog .blog_item_inner{
	display:flex;
	column-gap:3.55%;
}
#content_blog .blog_item_inner .thumb{
	max-width:31%;
}
#content_blog .blog_item_inner .text{
	max-width:65.5%;
	flex:0 0 65.5%;
	display:flex;
	flex-direction:column;
}
#content_blog .blog_item_inner .text .title{
	font-size:2rem;
	font-weight:700;
}
#content_blog .blog_item_inner .text .meta{
	display:flex;
	margin-bottom:1.5rem;
}
#content_blog .blog_item_inner .text .btn{
	margin-left:auto;
	margin-top:auto;
	width:26rem;
}
#content_blog .blog_item_inner .text .btn a{
	width:100%;
}

/* sp */
@media all and (max-width:750px){
	#content_blog .blog_list{
		row-gap:4rem;
		margin-top:2rem;
	}
	#content_blog .blog_item_inner{
		display:block;
	}
	#content_blog .blog_item_inner .thumb{
		max-width:100%;
	}
	#content_blog .blog_item_inner .text{
		max-width:100%;
	}
	#content_blog .blog_item_inner .text .meta{
		display:block;
	}
	#content_blog .blog_item_inner .text .meta .category_wrap{
		margin-top:0.5rem;
	}
	#content_blog .blog_item_inner .text .title{
		font-size:1.6rem;
		margin-top:1rem;
	}
	#content_blog .blog_item_inner .text .btn{
		margin-right:0 !important;
	}
}


/* pagination */
#content_blog .pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	column-gap:1.9rem;
	margin-top:5rem;
}
#content_blog .pagination .current{
	background-color:var(--c-purple);
	border:0.1rem solid var(--c-purple);
}
#content_blog .pagination span,
#content_blog .pagination a{
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--c-white);
	border:0.1rem solid var(--c-black);
	font-size:2.4rem;
	letter-spacing:0.03em;
	width:8rem;
	height:8rem;
	color:var(--c-black);
	text-decoration:none;
}
#content_blog .pagination a:hover{
	opacity:0.5;
}
#content_blog .pagination .dots{
	border:none;
	margin:0;
}
#content_blog .pagination .prev::after,
#content_blog .pagination .next::after{
	font-family:'icon' !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	display:block;
	font-size:1.8rem;
}
#content_blog .pagination .prev::after{
	content:"";
	width:2rem;
	height:2rem;
	border-left:0.1rem solid var(--c-black);
	border-top:0.1rem solid var(--c-black);
	transform:rotate(-45deg);
	margin-right:-1rem;
}
#content_blog .pagination .next::after{
	content:"";
	width:2rem;
	height:2rem;
	border-top:0.1rem solid var(--c-black);
	border-right:0.1rem solid var(--c-black);
	transform:rotate(45deg);
	margin-right:1rem;
}
/* sp */
@media all and (max-width:750px){
	#content_blog .pagination{
		margin-top:4rem;
		column-gap:3%;
		justify-content:center;
	}
	#content_blog .pagination span,
	#content_blog .pagination a{
		font-size:1.4rem;
		width:4rem;
		height:4rem;
	}
	#content_blog .pagination .prev::after{
		width:1rem;
		height:1rem;
		margin-right:-0.5rem;
	}
	#content_blog .pagination .next::after{
		width:1rem;
		height:1rem;
		margin-right:0.5rem;
	}
}



/*-- 

content_blog-detail

====================================================== --*/
#content_blog-detail{
	padding-top:0;
	margin-top:3rem;
}
/* sp */
@media all and (max-width:750px){
	#content_blog-detail{
		margin-top:2rem;
	}
}

/* meta */
#content_blog-detail .meta time{
	font-size:1.4rem;
}
#content_blog-detail .meta .category{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	column-gap:2rem;
	row-gap:1rem;
	margin-top:1rem;
}
#content_blog-detail .meta .category_item{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* sp */
@media all and (max-width:750px){
	#content_blog-detail .meta{
		display:block;
	}
	#content_blog-detail .meta time{
		margin-top:0.5rem;
	}
}

/* blog_title */
#content_blog-detail .blog_title{
	font-size:2.6rem;
	font-weight:700;
	line-height:1.5;
	margin-top:4rem;
	margin-bottom:3rem;
}
/* sp */
@media all and (max-width:750px){
	#content_blog-detail .blog_title{
		font-size:2rem;
		line-height:1.3;
		margin-top:1.5rem;
		margin-bottom:1.5rem;
	}
}

/* blog_thumb */
#content_blog-detail .blog_thumb{
	margin-bottom:3rem;
}
#content_blog-detail .blog_thumb img{
	width:100%;
	height:auto;
}
/* sp */
@media all and (max-width:750px){
	#content_blog-detail .blog_thumb{
		margin-bottom:1.5rem;
	}
}

/* blog_body */
#content_blog-detail .blog_body{
}
/* sp */
@media all and (max-width:750px){
	#content_blog-detail .blog_body{
		margin-top:1.5rem;
	}
}

/* btn */
#content_blog-detail .content_body > .btn{
	margin-left:auto;
	margin-right:auto;
	max-width:26rem;
	margin-top:6rem;
}
#content_blog-detail .content_body > .btn a{
	width:100%;
}
/* sp */
@media all and (max-width:750px){
	#content_blog-detail .content_body > .btn{
		margin-top:4rem;
	}
}



/*-- 

content_latest

====================================================== --*/
#content_latest .blog_list{
	column-gap:3.5%;
	margin-top:3rem;
}
#content_latest .blog_list .blog_item{
	max-width:31%;
}
#content_latest .blog_list .blog_item a{
	display:block;
	text-decoration:none;
	color:var(--c-black);
}
#content_latest .blog_list .blog_item .title{
	/* font-weight:700; */
	margin-top:2.5rem;
	line-height:1.7;
}
#content_latest .blog_list .blog_item .category_wrap{
	margin-top:0.7rem;
}
/* sp */
@media all and (max-width:750px){
	#content_latest{
		margin-top:5rem;
	}
	#content_latest .latest_title{
		padding:0.5rem 1rem;
		font-size:1.8rem;
	}

	#content_latest .blog_list .blog_item{
		max-width:100%;
	}
	#content_latest .blog_list .blog_item .title{
		margin-top:1.2rem;
	}
}



/*--

cat__count

====================================================== --*/
.cat__count{
	text-align:center;
	margin:4rem 0;
	font-size:120%;
}
.cat__count ._found{
	font-size:140%;
}
.cat__count ._post{
	font-size:140%;
	margin-left:.5em;
}
@media all and (max-width:750px){
	.cat__count{
		margin-bottom:2rem;
		font-size:100%;
	}
}