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

/* ************************************************************
ブログコモン
************************************************************ */
#newsArea{
	padding: 150px 0;
}
#newsArea .inner{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	row-gap: 100px;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 0.1em;
}

.sidebar{
	width: 25%;
}
.sidebar dt{
	font-size: 107.14%;
	width: 100%;
	background-color: #06607b;
	color: #fff;
	padding: .3em .4em;
	margin: 2em 0 1em;
}
.sidebar dt:first-child{margin-top: 0;}
.sidebar dd{
	text-align: left;
	width: 100%;
	margin-bottom: 1em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

@media screen and (max-width: 1024px) {
	#newsArea{padding: 15% 0;}
	.sidebar{width: 100%;}
	

	@media screen and (max-width: 540px) {
		#newsArea .inner{font-size: 12px;}
	}
}


/* ************************************************************
ブログアーカイブ
************************************************************ */
.archiveBlock{
	width: 73%;
}
.archiveBlock li{
	width: 100%;
	border-bottom: 1px solid #06607b;
}
.archiveBlock li:first-child{
	border-top: 1px solid #06607b;
}
.archiveBlock li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
	padding: 2em 1em;
}
.archiveBlock li a .date{
	width: 7em;
}
.archiveBlock li a .cate{
	width: 12em;
	font-size: 90%;
	background-color: #06607b;
	color: #fff;
	padding: .2em 1em;
	border-radius: 999px;
}
.archiveBlock li a .ttl{
	font-size: 114.29%;
	width: calc(100% - 20em);
	text-align: left;
}

@media screen and (max-width: 1024px) {
	.archiveBlock{width: 100%;}
	@media screen and (max-width: 768px) {
		.archiveBlock li a .ttl{
			width: 100%;
		}
	}
}

/* ************************************************************
ブログシングル
************************************************************ */
.singleBlock{
	width: 73%;
	text-align: left;
}
.singleBlock .day-cate{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
	margin-bottom: 1em;
}
.cate-box{
	width: 12em;
	font-size: 90%;
	background-color: #06607b;
	color: #fff;
	padding: .2em 1em;
	border-radius: 999px;
}
.singleBlock .ttl{
	font-size: 120%;
	padding: .5em;
	border-bottom: 1px solid #333;
	margin-bottom: 2em;
}

@media screen and (max-width: 1024px) {
	.singleBlock{width: 100%;}
}


.singleBlock .news-text > *{
	margin-top: 2em;
}
.singleBlock .news-text > *:first-child {
	margin-top: 0;
}
.singleBlock .news-text p {
	margin-top: 2em;
}
.singleBlock .news-text p a{
	display: block;
	width: fit-content;
	text-align: center;
	color: #aa9444;
	color: #fff;
	padding: .2em 1.5em;
	background-color: #06607b;
	border-radius: 999px;
}
.singleBlock .news-text h2,
.singleBlock .news-text h3,
.singleBlock .news-text h4,
.singleBlock .news-text h5 {
	font-weight: 700;
	margin-top: 2em;
	line-height: 1.4;
}
.singleBlock .news-text h2 {
	font-size: 150%;
	padding: 0.3em;
	background-color: #06607b;
	color: #fff;
}
.singleBlock .news-text h3 {
	font-size: 133.33%;
	padding: 0.3em;
	color: #06607b;
	border-bottom: 0.2em solid #06607b;
}
.singleBlock .news-text h4 {
	font-size: 133.33%;
	padding: 0.3em 0.5em;
	color: #06607b;
	border-left: 0.3em solid #06607b;
}