.post-wrap{
	width:89%;
	margin-left:140px;
}

.post-contents{
	line-height: 1.5;
	letter-spacing:0.05em;
	margin:0 auto;
	width:100%;
	max-width:800px;
	padding: 50px 30px;
	color: #212121;
}

.article_time{
	width: 100%;
	font-size: 14px;
	color: #f5b0d9;
	display: block;
	margin-bottom: 15px;
}

.post-contents > h1{
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 1.5;
}

.wp-block-image{
	text-align:center;
	border-radius: 6px;
	margin-bottom: 35px!important;
}

.post-contents > h2{
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 35px;
	border-bottom: 1px solid #111;
	font-size: 20px;
	letter-spacing: 1px;
}

.post-contents > h3{
	padding: 15px 20px;
	background-color: #f8f8fa;
	letter-spacing: 1.5px;
	font-size: 18px;
	margin-bottom: 25px;
}

.post-contents > h4{
	padding: 15px 0px;
	letter-spacing: 1.5px;
	font-size: 16px;
	margin-bottom: 25px;
}

.post-contents > p{
	width: 100%;
	letter-spacing: 1px;
	margin-bottom: 25px;
	line-height: 2;
}

.post-contents > ol{
	padding-left: 1.3em;
	margin-left: 1.3em;
	letter-spacing: 1px;
	margin-bottom: 25px;
	line-height: 2;
}

.post-contents > ul{
	padding-left: 1.3em;
	margin-left: 1.3em;
	letter-spacing: 1px;
	margin-bottom: 25px;
	line-height: 2;
}

.post-contents > a{
	color: #f9a1d0;;
	border-bottom: 1px solid #f9a1d0;
}

.post-contents p a{
	text-decoration-line: underline;
	color: #e883b9;
}

blockquote {
	position: relative;
	padding: 10px 15px 10px 50px;
	box-sizing: border-box;
	font-style: italic;
	background: #f8f8fa;
	color: #555;
}

blockquote:before{
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 15px;
	content: "\f10d";
	font-family: FontAwesome;
	color: #cfcfcf;
	font-size: 20px;
	line-height: 1;
	font-weight: 900;
}

blockquote p {
	padding: 0;
	margin: 10px 0;
	line-height: 1.7;
}

blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}

.post-relation{
	padding: 15px;
	margin-top: 40px;
	box-shadow: 0 10px 20px -5px rgba(0,0,0,.2);
}

.post-relation > ul{
	display:flex;
	align-items: center;
}

.post-relation > ul > li{
	width: 100%;
	margin: 1%;
	float: left;
}

.post-relation > ul > .post-relation-item{
	width: 100%;
	float: left;
	line-height: 1.5;
}

.post-relation > ul > li > a{
	overflow: hidden;
	text-overflow: ellipsis;
/* 	white-space: nowrap; */
}

.page-contents > .post-relation-item  a{
	text-decoration-line: none;
	color: #707070;
}

.page-contents > .post-relation-item  a:hover{
	color: #e5bcd4;
}

.post-relation > ul > li > a:hover{
	color: #e5bcd4 !important;
}

.post-relation > ul > .post-relation-item > a:hover{
	color: #e5bcd4 !important;
} 

.wp-block-columns h4{
	padding: 15px 0px;
	letter-spacing: 1.5px;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing:0.05em;
	margin-top: 15px;
}

.wp-block-columns p{
	letter-spacing: 1px;
	line-height: 1.7;
	color:#535353;
	margin-bottom:15px;
}

#ez-toc-container {
	margin: 2em 0;
	width: 100%;
	border: none;
	padding: 20px;
	background-color:#fbf8fa;
}

/*タイトル*/
div#ez-toc-container p.ez-toc-title {
	font-weight: 900;
	color:#7c787b;
	margin-bottom:3%;
}

div#ez-toc-container li{
	margin-bottom:2%;
}

/*見出しリスト全体*/
#ez-toc-container ul.ez-toc-list {
	margin-left: 1em;
}

.post-relation > ul > li{
	overflow: scroll;
/* 	text-overflow: ellipsis; 
	white-space: nowrap; */
}

.wp-block-embed__wrapper{
	text-align:center;
}

.wp-block-embed figcaption{
	text-align: center;
	color: #767676;
}

/*   スマホ用CSS   */
@media screen and (max-width: 1239px) {
	.post-wrap{
		width:100%;
		margin-left: 0;
	}

	.post-contents{
		padding: 100px 30px;
	}

	.post-relation > ul > li{
		overflow: scroll;
		text-overflow: clip;
		white-space: nowrap;
	}

	.post-contents > h1{
		font-size: 20px;
	}

	.post-contents > h2{
		font-size: 18px;
	}

	.post-contents > h3{
		font-size: 16px;
	}

	.wp-block-media-text__media img{
		margin-bottom: 20px;
	}

	.post-relation > ul > li{
		margin: 3%;
	}
	div#ez-toc-container p.ez-toc-title{
		margin-bottom:5%;
	}

	div#ez-toc-container li{
		margin-bottom:5%;
	}




}