@charset "utf-8"; 

.postList{
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	margin-top: 50px;
}
.postList .post{
	border-top: 1px dotted rgba(0,0,0,0.3);
	padding: 40px 0;
}
.postList .post a{
	display: flex;
	justify-content: space-between;
	transition: 0.3s;
}
.postList .post a:hover{
	opacity: 0.7;
}
.postList .post .content{
	width: calc(100% - 190px);
}
.postList .post .dateWrap{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.postList .post .date{
	font-size: 1.2rem;
}
.postList .post .cat{
	font-weight: 700;
	font-size: 1.4rem;
	color: #fff;
	background: #142D98;
	line-height: 1.5;
	padding: 0 0.5em;
	margin-left: 1em;
}
.postList .post .txt{
	font-size: 1.2rem;
	line-height: 1.6;
}
.postList .post .ttl{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: underline;
	margin: 0.4em 0 0.3em;
}
#post .ttlWrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 980px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	margin: 0 auto 30px;
	padding: 0 0 40px;
}
#post .ttlWrap .content{
	width: 545px;
	padding: 0 0 30px;
}
#post .ttlWrap .date{
	font-size: 1.4rem;
	line-height: 1.0;
	margin: 0 0 1em;
}
#post .ttlWrap .cat{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	background: #142D98;
	color: #fff;
	padding: 0 0.5em;
}
#post .ttlWrap .ttl{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 0.7em 0 0;
}
#post .txt{
	width: 980px;
	margin: 0 auto;
}
#post .txt iframe{
	width: 100%;
	height: 240px;
	margin: 50px 0;
}
#post .txt p + p{
	margin-top: 1.5em;
}
#post .txt p a{
	text-decoration: underline;
}
#post .txt p a:hover{
	text-decoration: none;
}

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

}

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

	.postList{
		margin: 9.333vw 0 0;
	}
	.postList .post{
		padding: 8vw 0;
	}
	.postList .post .img{
		width: 29.333vw;
	}
	.postList .post .content{
		width: 55vw;
	}
	.postList .post .date{
		width: 6em;
		font-size: 2.667vw;
	}
	.postList .post .cat{
		max-width: calc(100% - 10em);
		font-size: 1.867vw;
		margin-left: 0;
	}
	.postList .post .ttl{
		font-size: 4.267vw;
	}
	.postList .post .txt br{
		display: none;
	}
	.postList .post .txt{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 3.2vw;
	}
	#post{
		margin: 0 5vw;
	}
	#post .ttlWrap{
		display: block;
		width: auto;
		border-bottom: 1px dotted rgba(0,0,0,0.3);
		padding: 0 0 6.667vw;
		margin: 0 0 6.667vw;
	}
	#post .ttlWrap .content{
		width: auto;
		padding: 5vw 0 0;
	}
	#post .ttlWrap .date{
		font-size: 3.467vw;
		margin: 0 0 0.8em;
	}
	#post .ttlWrap .cat{
		font-size: 3.333vw;
	}
	#post .ttlWrap .ttl{
		font-size: 5.6vw;
	}
	#post .txt{
		width: auto;
	}
	#post .txt p{
		font-size: 3.733vw;
	}
	#post .txt iframe{
		height: 40vw;
		margin: 6.667vw 0;
	}

}

#post .txt p{
	line-height: 2.0;
	word-break: break-all;
	overflow: hidden;
}
#post .txt img{
	max-width: 100%;
	height: auto;
}
#post .txt .wp-block-gallery + *,
#post .txt > p + *,
#post .txt .wp-block-quote + *,
#post .txt > ul + *,
#post .txt > ol + *,
#post .txt .wp-block-embed + *{
	margin-top: 40px;
}
#post .txt .blocks-gallery-item__caption{
	font-size: 1.4rem;
}
#post .txt .blocks-gallery-grid li{
	padding: 0;
}
#post .txt .blocks-gallery-grid li::before{
	content: none;
}
#post .txt .wp-block-quote{
	background: #eeeade;
	padding: 20px 30px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
}
#post .txt .wp-block-quote cite{
	display: block;
	font-size: 1.4rem;
	text-align: right;
	margin-top: 1em;
	line-height: 1.6;
}
#post .txt ul li{
	position: relative;
	font-size: 1.6rem;
	padding: 0 0 0 1em;
	word-break: break-all;
}
#post .txt ul li::before{
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
#post .txt ol{
	counter-reset: item;
	list-style-type: none;
}
#post .txt ol li{
	position: relative;
	padding-left: 1.3em;
	font-size: 1.6rem;
	line-height: 1.6;
	word-break: break-all;
}
#post .txt ol li:before {
	counter-increment: item;
	content: counter(item)'.';
	position: absolute;
	top: 0;
	left: 0;
}
#post .txt *:first-child{
	padding-top: 0;
}
#post .txt h2,
#post .txt h3,
#post .txt h4,
#post .txt h5,
#post .txt h6{
    font-size: 1.8rem;
	line-height: 2.0;
	margin: 1em 0 0.5em;
}
#post .txt h2{
	clear: both;
	color: #24214E;
	font-weight: 700;
	margin: 0 0 40px 0;
	padding: 40px 0 0.3em;
	border-bottom: 2px solid rgba(0,0,0,0.3);
}
.pk #post .txt h2{
	display: inline-block;
	min-width: 530px;
	color: #E04283;
	border-bottom: 2px solid rgba(0,0,0,0.3);
}
#post .txt h3{
	border-top: 4px double rgba(0,0,0,0.3);
	border-bottom: 4px double rgba(0,0,0,0.3);
	padding: 0.5em 0;
}
#post .txt h4{
	text-align: left;
	border-left: 2px solid rgba(0,0,0,0.3);
	padding-left: 0.5em;
}
#post .txt h5{
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 0 0 0.5em;
}
#post .txt strong { font-weight: bold; }
#post .txt em { font-style: italic; }
#post .txt blockquote {
	display: block;
	background:  rgba(0,0,0,0.3);
	padding: 1em 1.5em;
	margin-top: 1.5em;
	margin: 0;
}
#post .txt .aligncenter {
	display: block;
	margin: 0 auto;
}
#post .txt .alignright { float: right; margin-left: 1.5em; }
#post .txt .alignleft { float: left; margin-right: 1.5em; }
.post .wp-caption + *{
	margin-top: 40px;
}
#post .txt .alignleft.wp-caption{
	margin-right: 0;
}
#post .txt .alignleft.wp-caption + .wp-caption{
	margin-left: 1em;
}
.post .wp-caption + .wp-caption{
	margin-top: 40px;
}
.post .wp-caption-text{
	text-align: left;
}

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

	#post .txt .wp-block-gallery + *,
	#post .txt > p + *,
	#post .txt .wp-block-quote + *,
	#post .txt > ul + *,
	#post .txt > ol + *,
	#post .txt .wp-block-embed + *,
	.post .wp-caption + *,
	.post .wp-caption + .wp-caption{
		margin-top: 6vw;
	}
	#post .txt ul li,
	#post .txt ol li{
		font-size: 1.4rem;
		line-height: 2.0;
	}
	#post .txt h2,
	#post .txt h3,
	#post .txt h4,
	#post .txt h5,
	#post .txt h6{
		font-size: 1.4rem;
	}
	.pk #post .txt h2{
		display: block;
		min-width: auto;
	}
	#post .txt .alignright { float: none; margin: 0; }
	#post .txt .alignleft { float: none; margin: 0; }
	#post .txt * + h3,
	#post .txt * + h4,
	#post .txt * + h5,
	#post .txt * + h6,
	#post .txt * + p{
		margin-top: 1em;
	}
	#post .txt h2{
		padding-top: 1em;
		margin-bottom: 1em;
	}
	#post .txt * + .wp-caption{
		margin-top: 1.8rem;
	}
	#post .txt .wp-caption{
		width: auto!important;
		margin-right: auto;
		margin-left: auto;
	}
	#post .txt .wp-caption .wp-caption-text{
		margin-top: 0;
	}
	#post .txt * + img{
		margin-top: 5vw;
	}
	#post .txt .alignleft.wp-caption + .wp-caption{
		margin-left: 0;
	}
}

@media (orientation: landscape) and (max-width : 767px){


}