@charset "utf-8";

/* post template */
aside.blog-aside {
	min-width: 160px;
	width: 30% !important;
}
.blog-main {
	min-width: auto;
}
.blog-wrap {
	background: #fff;
	padding: 50px;
    border-radius: 12px;
}
.blog-ttl {
	color: #006f6c;
	margin-bottom: 50px;
}
.blog-wrap .subttl {
	text-align: center;
}
.blog-sidebar {
	margin-bottom: 32px;
}
.blog-sidebar h3 {
	background: #504a44;
	color: #fff;
	text-align: center;
	margin-bottom: 24px;
}
.blog-sidebar ul {
	list-style: none;
}
.blog-sidebar ul li {
	position: relative;
	padding-left: 18px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #006f6c;
	margin: 8px 0;
}
.blog-sidebar ul li a {
	color: inherit;
	font-size: inherit;
	font-weight: bold;
}
.blog-sidebar ul li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '▷';
}
.blog-main {
	padding: 0;
}
.blog-item {
	margin-bottom: 32px;
}
.blog-title {
	background: #006f6c;
	color: #fff;
	text-align: left !important;
	padding-left: 8px;
	margin-bottom: 24px;
}
.blog-detail-link {
	float: right;
	margin-top: 8px;
}
.blog-date {
	font-weight: bold;
	font-size: 1.4rem;
}
.blog-thumbnail {
	height: 200px;
}
.blog-thumbnail img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.blog-thumbnail-detail {
	margin-bottom: 4%;
}
.blog-thumbnail-detail img {
	width: 100%;
}

/* 1200px 以上 */
@media (min-width: 1200px) {
}

/* 1024px 以下 (PC レスポンシブ & タブレットの最大幅) */
@media (max-width: 1024px) {
}

/* 767px 以下 (PCレスポンシブ最小幅 & スマホレスポンシブ)*/
@media (max-width: 767px) {
	main.blog-main {
		padding-bottom: 0;
	}
	.blog-wrap {
		padding: 50px 25px;
	}
	.blog-wrap .flex-col2 {
		display: flex;
		flex-direction: column;
	}
	aside.blog-aside {
		position: relative;
		order: 2;
		background: #fff;
		margin-top: 50px !important;
		width: 100% !important;
	}
	.blog-thumbnail {
		width:100%;
		margin-bottom: 8px;
	}
	.blog-thumbnail {
		height: 180px;
	}
}

/* エディタ用初期化 */
em, strong, span {
	font-size: inherit;
}