@charset "utf-8";
body{background-color:#e8ecf5;}
main > *:not(#pgHead):not([data-full]){
	max-width:1140px;
	margin:0 auto;
}
*[data-cat] > *{
	border:2px solid;
	transition:all 0.4s;
}
*[data-cat="all"] > *{
	border-color:#ecc5b2;
	background-color:#ecc5b2;
}
*[data-cat] > a:hover,
p[data-cat] span{background-color:#fff;}
*[data-cat="all"] > a:hover,
p[data-cat="all"] span{color:#ecc5b2!important;}
.wp-block-image img{width:auto;}
#catBox.relatedBox li[data-cat="all"] > a{background-color:#ecc5b2!important;color:#fff!important;}
#catNavi,
#catNavi *{line-height:1.0;}
#catNavi ul{
	display:flex;
	justify-content:space-between;
	width:100%;
}
#catNavi li{display:block;}
#catNavi ul li > *{
	display:block;
	width:100%;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
article{border-bottom:2px solid #fff;}
.newsBox{
	margin:0 auto;
	text-align:left;
}
.newsBox > *{line-height:1.0;}
.newsBox time{color:#8d8d8d;}
.newsBox p[data-cat] span{
	display:block;
	text-align:center;
}
main > .relatedBox{border-top:2px solid #fff;}
.relatedBox .secTtl{border-left:5px solid #bfd0ea;}
.relatedBox .secTtl > *{
	display:block;
	line-height:1.0;
}
.relatedBox .secTtl strong{color:#6888b8;}
.relatedBox .secTtl small{color:#bfd0ea;}
.relatedBox .archiveList{
	display:flex;
	flex-wrap:wrap;
}
.relatedBox .archiveList li{margin-bottom:10px;}
.relatedBox .archiveList li,
.relatedBox .archiveList li a{display:block;}
.relatedBox .archiveList li a{
	position:relative;
	background-color:#fff;
	color:#6888b8;
	text-decoration:none;
}
.relatedBox .archiveList li a:hover{opacity:0.7;}
.relatedBox .archiveList li a img{
	position:absolute;
	border:1px solid #6888b8;
	border-radius:50%;
}
#contact{background-image: url(../img/common/contact-bg02-blue.svg),url(../img/common/contact-bg01.png);}
@media screen and (max-width:1159.999px){
	main > *{width:88vw;}
	#catNavi{padding:23px 0;}
	#catNavi ul{flex-wrap:wrap;}
	#catNavi ul li{width:calc(50% - 1px);}
	#catNavi ul li:first-child{width:100%;}
	#catNavi ul li:nth-child(n+2){margin-top:2px;}
	#catNavi ul li > *{
		padding:18px 10px;
		font-size:1.6rem;
		border-radius:2px;
	}
	article{padding-bottom:100px;}
	.newsBox{
		padding:16px 9px;
		border-bottom:2px solid #f4f6fa;
	}
	.newsBox time{
		display:inline-block;
		width:90px;
		font-size:1.3rem;
	}
	.newsBox p[data-cat]{
		display:inline-block;
		width:120px;
	}
	.newsBox p[data-cat] span{
		padding:5px;
		border-radius:3px;
		font-size:1.1rem;
	}
	.newsBox .newsTtl{
		display:block;
		margin-top:8px;
		font-size:1.6rem;
		line-height:1.75;
	}
	main > .relatedBox:not([data-full]){
		
		padding-top:36px;
		padding-bottom:78px;
	}
	.relatedBox .secTtl{
		padding:12px 0 8px 20px;
		margin-bottom:34px;
	}
	.relatedBox .secTtl strong{font-size:2.0rem;}
	.relatedBox .secTtl small{
		margin-top:15px;
		font-size:1.2rem;
	}
	.relatedBox .archiveList{
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.relatedBox .archiveList li{width:calc(50% - 2px);}
	.relatedBox .archiveList li[data-cat="all"]{width:100%;}
	.relatedBox#catBox .archiveList li:nth-child(n+2),
	.relatedBox#archiveBox .archiveList li:nth-child(n+3){margin-top:4px;}
	.relatedBox .archiveList li a{
		padding:18px 34px;
		border-radius:2px;
		font-size:1.6rem;
	}
	.relatedBox .archiveList li a img{
		width:18px;
		right:15px;
		top:calc(50% - 9px);
	}
}
@media screen and (min-width:1160px){
	main > *{width:96%;}
	#catNavi{padding:80px 0 63px;}
	#catNavi ul{
		display:flex;
		justify-content:space-between;
		padding-bottom:20px;
		border-bottom:4px solid #fff;
	}
	#catNavi ul li{width:100%;}
	#catNavi ul li+li{margin-left:2px;}
	#catNavi ul li > *{
		padding:22px 10px;
		font-size:1.8rem;
		border-radius:3px;
	}
	article{padding:0 50px 140px;}
	.newsBox{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:36px 0;
		border-bottom:2px solid #f4f6fa;
	}
	.newsBox > *{display:block;}
	.newsBox time{
		width:124px;
		font-size:1.8rem;
	}
	.newsBox p[data-cat]{width:150px;}
	.newsBox p[data-cat] span{
		padding:8px;
		border-radius:3px;
		font-size:1.5rem;
	}
	.newsBox .newsTtl{
		flex-grow:1;
		width:calc(100% - 294px);
		margin-left:20px;
		font-size:1.8rem;
		line-height:1.4;
	}
	main > .relatedBox:not([data-full]){
		margin-top:78px;
		padding-top:76px;
		padding-bottom:140px;
	}
	.relatedBox .secTtl{
		padding:16px 0 10px 23px;
		margin-bottom:34px;
	}
	.relatedBox .secTtl strong{font-size:3.0rem;}
	.relatedBox .secTtl small{
		margin-top:15px;
		font-size:1.6rem;
	}
	.relatedBox .archiveList li{width:220px;}
	.relatedBox .archiveList li:not(:nth-child(5n+1)){margin-left:10px;}
	.relatedBox .archiveList li a{
		padding:22px 45px;
		border-radius:3px;
		font-size:2.0rem;
	}
	#catBox.relatedBox li[data-cat="release"] > a span{margin-left:-35px;}
	.relatedBox .archiveList li a img{
		width:24px;
		right:15px;
		top:calc(50% - 12px);
	}
}

/*single*/
#postThb img{max-width:initial;}
.postBox .postTitle{line-height:1.833;}
.postBox p[data-cat]{display:inline-block;}
.postBox time{
	display:inline-block;
	color:#8d8d8d;
}
#postDirLink{
	display:flex;
	justify-content:space-between;
}
#postDirLink a{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#fff;
	color:#6888b8;
	line-height:1.0;
	text-align:center;
	text-decoration:none;
}
#postDirLink a:hover{
	background-color:#6888b8;
	color:#fff;
}
#postDirLink a > *{
	display:block;
	vertical-align:middle;
}
#postDirLink a svg > *{fill:#6888b8;}
#postDirLink a:hover svg > *{fill:#fff;}
@media screen and (max-width:1159.98px){
	#postThb img{
		width:100vw;
		margin:0 -6.4vw;
	}
	.postBox{margin:24px auto 38px;}
	.postBox .postTitle{
		margin-bottom:14px;
		font-size:2.4rem;
	}
	.postBox p[data-cat],
	.postBox time{line-height:2.2rem;}
	.postBox p[data-cat]{margin-right:16px;}
	.postBox p[data-cat] span{
		padding:2px 13px;
		border-radius:2px;
		font-size:1.1rem;
	}
	.postBox time{line-height:1.3rem;}
	.postContent{margin-top:35px;}
	#postDirLink{margin-top:75px;}
	#postDirLink div{min-width:85px;}
	#postDirLink a{padding:16px;}
	#postDirLink a span{font-size:1.8rem;}
	#postDirLink a > *+*{margin-left:6px;}
	#postDirLink .prevPost a svg,
	#postDirLink .nextPost a svg{width:10px;}
	#postDirLink .returnPost a svg{width:17px;}
}
@media screen and (min-width:1160px){
	#postThb img{
		width:1140px;
		margin:0 -70px;
	}
	.postBox{
		width:1000px;
		margin:75px auto 60px;
	}
	.postBox .postTitle{
		margin-bottom:20px;
		font-size:3.6rem;
	}
	.postBox p[data-cat],
	.postBox time{line-height:3.2rem;}
	.postBox p[data-cat]{margin-right:16px;}
	.postBox p[data-cat] span{
		padding:4px 16px;
		border-radius:3px;
		font-size:1.8rem;
	}
	.postBox time{line-height:2.0rem;}
	.postContent{margin-top:70px;}
	#postDirLink{margin-top:120px;}
	#postDirLink div{min-width:250px;}
	#postDirLink a{padding:20px;}
	#postDirLink a span{font-size:2.0rem;}
	#postDirLink a > *+*{margin-left:20px;}
	#postDirLink .prevPost a svg,
	#postDirLink .nextPost a svg{width:11px;}
	#postDirLink .returnPost a svg{width:18px;}
}

/*edit-common*/
.editor-styles-wrapper{line-height:2.111;}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3{
	border-bottom:solid #bfd0ea;
	border-color:#bfd0ea;
	color:#35638f;
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2{line-height:2.0;}
.editor-styles-wrapper h3{
	line-height:1.875;
	border-top:2px solid #bfd0ea;
	border-width:2px;
}
@media screen and (max-width:1159.98px){
	.editor-styles-wrapper{font-size:1.5rem;}
	.editor-styles-wrapper h1,
	.editor-styles-wrapper h2,
	.editor-styles-wrapper h3{margin-bottom:26px;}
	.editor-styles-wrapper h1,
	.editor-styles-wrapper h2{
		padding-bottom:12px;
		border-width:3px;
		font-size:2.0rem;
	}
	.editor-styles-wrapper h3{
		padding:7px 0;
		font-size:1.6rem;
	}
	.editor-styles-wrapper *+h3{margin-top:50px;}
}
@media screen and (min-width:1160px){
	.editor-styles-wrapper{font-size:1.8rem;}
	.editor-styles-wrapper h1,
	.editor-styles-wrapper h2,
	.editor-styles-wrapper h3{margin-bottom:34px;}
	.editor-styles-wrapper h1,
	.editor-styles-wrapper h2{
		padding-bottom:8px;
		border-width:4px;
		font-size:3.2rem;
	}
	.editor-styles-wrapper h3{
		padding:16px;
		font-size:2.4rem;
	}
	.editor-styles-wrapper *+h3{margin-top:80px;}
}