@charset "UTF-8";
/* CSS Document */

.single-wrap{
	display: flex;
	flex-direction: column;
}
@media (min-width:768px){
	.single-wrap{
		flex-direction: row;
		justify-content: space-between;
	}
	#primary{
		width: 64.28%;
	}
	#secondary{
		width: 26.78%;
	}
}

.entry-header{
	margin-bottom: 4rem;
}
.entry-header h1{
	font-size: 2.5rem;
	font-weight: 700;
}
.entry-meta{
	color: #999;
	font-size: 1.6rem;
	margin: 0 0 1.5rem ;
	display: flex;
	gap: 0 0.75em;
	font-weight: 400;
	letter-spacing: 0.075em;
}
.entry-meta time{
	color: #cd0000;
	font-weight: 600;
}
.entry-meta .cate{
	color: #666666;
}
.entry-meta .cate::before{
	content: '/';
	margin-right: 0.75em;
	font-size: 1.3rem;
	vertical-align: 2px;
}

/*========================================
	Prev. Next ナビ
========================================*/
.prevnext-nav{
	display: flex;
	flex-direction: column;
	padding: 40px 0;
	gap: 2em;
	line-height: 1.8;
	font-weight: 300;
}

.prevnext-nav dt{
	font-weight: 400;
	font-size: 1.4rem;
	color: #999;
	margin: 0 0 8px;
}
@media (min-width:768px){
	.prevnext-nav{
		flex-direction: row;
		justify-content: space-between;
		gap: 0 1em;
	}
	.prevnext-nav dl{
		flex-basis: 50%;
	}
	.prevnext-nav dl:nth-child(2){
		text-align: right;
	}
}

/*========================================
	ウィジェット
========================================*/
.widget-title{
	font-size: 2.24rem;
	margin: 3em 0 1.5em;
}
.wp-block-latest-posts{
	border-top: 1px solid  #eee;
	padding: 1em 0 0;
}
.wp-block-latest-posts li{
	border-bottom: 1px solid  #eee;
	padding: 0 0 1em;
	margin: 0 0 1em;
	font-size: 1.5rem;
	font-weight: 300;
	color: #333;
	line-height: 1.8;
}

.wp-block-archives li,
.wp-block-categories li{
	margin: 1em 0;
}


.wp-block-search__input{
	font-size: 1.4rem;
}

.wp-block-search__button{
	font-size: 1.2rem;
	background: #ffcc00;
	color: #333;
	padding: 0 1em;
	white-space: nowrap;
}
.wp-block-search__button:hover{
	background: #CD0000;
	color: #FFF;
}

/*========================================
	アーカイブページ
========================================*/
@media (min-width:768px){
	.news-header{
		
	}
	.archive-header_title{
		margin: 0 auto;
		text-align: center;
	}
}

.archives-header h1{
	font-size: 2.2rem;
	font-weight: 400;
}