@charset "UTF-8";


/* 日付とカテゴリ */
.post .date-flex {
	display: flex;
	align-items: center;
}
.post .date-flex time {
	margin-right: 1em;
}
.post .date-flex span.post-category {
	display: inline-block;
    background: #3eb034;
    color: #FFF;
    padding: 0.1vw .8vw;
    border-radius: 40px;
    font-size: .8em;
}
.post .date-flex span.post-category a {
	color: #FFF;
}


/****************************************
* archive
* **************************************/

#archive .archive-contents {
	border-top: 1px solid #ededed;
}
#archive .post {
	width: 100%;
    border-bottom: 1px solid #ededed;
	position: relative;
}
#archive .post:after {
	content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    right: 12px;
    top: 50%;
}
#archive .post a {
	display: block;
	padding: 30px 60px 30px 0;
}
#archive .post .post-summary {
	margin-top: 12px;
}
#archive .post .post-summary .the_title {
	color: #3eb034;
	text-align: left;
    font-size: 1.6em;
	line-height: 1.4;
}
#archive .post .post-summary .post-excerpt {
	margin-top: 12px;
	line-height: 1.6;
}


@media screen and (max-width: 768px) {
	#archive .post a {
		padding: 30px 45px 30px 0;
	}
	#archive .post .post-summary .the_title {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 560px) {
	#archive .post a {
		padding: 30px 45px 30px 0;
	}
	.post .date-flex time {
		font-size: .8em;
	}
	.post .date-flex span.post-category {
		padding: 0.1vw 1.8vw;
	}
	#archive .post .post-summary .post-excerpt {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 430px) {
	#archive .post a {
		padding: 30px 30px 30px 0;
	}
	#archive .post .post-summary .the_title {
		font-size: 1.2em;
	}
}


/****************************************
* single
* **************************************/

#single .single-contents {
	min-height: 50vw;
    padding: 60px;
	border-radius: 18px;
	box-shadow: 0 0 24px rgba(190, 191, 191, .3);
}

#single .post-title {
	width: calc(100% + 60px);
	padding-left: 30px;
	margin-top: 30px;
	position: relative;
    left: -60px;
	border-left: 6px solid #3eb034;
}
#single .post-title .the_title {
	text-align: left;
	font-size: 3rem;
	line-height: 1.4;
}
#single .post-title .the_title a {
	display: inline-block;
	color: #3eb034;
}
#single .post-content {
	margin-top: 60px;
}

@media screen and (max-width: 1194px) {
	#single .single-contents {
		padding: 45px;
	}
	#single .post-title {
		left: -45px;
	}
	#single .post-content {
		margin-top: 45px;
	}
}
@media screen and (max-width: 560px) {
	#single .single-contents {
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		min-height: auto;
	}
	#single .post-title {
		left: -30px;
	}
	#single .post-title .the_title {
		font-size: 1.4em;
	}
	#single .post-content {
		margin-top: 30px;
	}
}


/****************************************
* 投稿見出しなど
* **************************************/

.wp-block-heading {
	line-height: 1.4;
}
h2.wp-block-heading {
	text-align: left;
	font-size: 1.6em;
	margin: 30px 0;
	padding-bottom: 0.5em;
	border-bottom: 4px solid #DDD;
	position: relative;
}
h2.wp-block-heading:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: -4px;
	border-bottom: solid 4px #3eb034;
	width:10%;
}
h3.wp-block-heading {
	text-align: left;
	font-size: 1.4em;
	margin: 30px 0;
	color: #3EB034;
	position: relative;
}
h3.wp-block-heading:before {
	content: "■";
    margin-right: 12px;
}
h4.wp-block-heading {
	text-align: left;
	font-size: 1.2em;
	margin: 30px 0;
	color: #3EB034;
    font-family: "Noto Sans JP", verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h5.wp-block-heading {
	text-align: left;
	font-size: 1.1em;
	margin: 30px 0;
	padding: 18px 18px;
	background: #ECF9EB;
	border-left: 1px solid #3eb034;
}
h6.wp-block-heading {
	text-align: left;
	font-size: 1.1em;
	margin: 30px 0;
	padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
}

ul.wp-block-list {
	list-style: disc;
	margin: 1em 0 1em 0;
    padding: 0 0 0 40px;
}
ul.wp-block-list li {
	margin-top: .6em;
	line-height: 1.6;
}
ol.wp-block-list {
	margin: 1em 0 1em 0;
    padding: 0 0 0 40px;
}
ol.wp-block-list li {
	margin-top: .6em;
	line-height: 1.6;
}
.wp-block-buttons {
	margin: 30px 0;
}

@media screen and (max-width: 768px) {
	h2.wp-block-heading {
		font-size: 1.4em;
	}
	h3.wp-block-heading {
		font-size: 1.3em;
	}
	h4.wp-block-heading {
		font-size: 1.2em;
	}
	h5.wp-block-heading {
		font-size: 1.1em;
	}
	h6.wp-block-heading {
		font-size: 1.1em;
	}
}
@media screen and (max-width: 560px) {
	h2.wp-block-heading {
		font-size: 1.3em;
	}
	h3.wp-block-heading {
		font-size: 1.2em;
	}
	h4.wp-block-heading {
		font-size: 1.1em;
	}
	h5.wp-block-heading {
		font-size: 1.1em;
	}
	h6.wp-block-heading {
		font-size: 1.1em;
	}
}
@media screen and (max-width: 430px) {
	h2.wp-block-heading {
		font-size: 1.2em;
	}
	h3.wp-block-heading {
		font-size: 1.1em;
	}
	h4.wp-block-heading {
		font-size: 1em;
	}
	h5.wp-block-heading {
		font-size: 1em;
		padding: 12px 12px;
	}
	h6.wp-block-heading {
		font-size: 1em;
	}
}
@media screen and (max-width: 320px) {
	h2.wp-block-heading {
		margin: 22px 0;
	}
	h3.wp-block-heading {
		margin: 22px 0;
	}
	h4.wp-block-heading {
		margin: 22px 0;
	}
	h5.wp-block-heading {
		margin: 22px 0;
	}
	h6.wp-block-heading {
		margin: 22px 0;
	}
}