/*
==================================================
 single.css
==================================================
*
* 1.0 - Post Header
* 2.0 - Post Main
*
*/

/*
==================================================
 1.0 - Post Header
--------------------------------------------------
*/

.post-header {
	position: relative;
	height: 780px;
	}
.post-header::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/common/bg_overlays.png") no-repeat 0 0;
	background-size: contain;
	content: "";
	}

.post-header .sec-pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 430px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	}
.post-header .sec-pic::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(28, 118, 200, 0.15);
	content: "";
	}

.post-header .sec-ttl {
	position: relative;
	margin: 200px auto 0;
	width: 276px;
	height: 276px;
	}


/*
==================================================
 2.0 - Post Main
--------------------------------------------------
*/

.content {
	z-index: 1;
	margin: -220px auto 120px;
	}

.post-meta {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	}

.post-meta .post-category {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 8px;
	background-color: #b5b5b5;
	color: #fff;
	font-size: 90%;
	}

.post-meta .post-date {
	margin-right: 20px;
	padding: 2px 0;
	color: #b5b5b5;
	font-size: 90%;
	}

.post-meta .post-txo {
	display: inline-block;
	margin-right: 10px;
	font-size: 90%;
	}

.post-meta .post-txo a {
	padding: 2px 8px 2px 12px;
	background: url("../img/common/ico_arrow_03.png") no-repeat 0 50%;
	}

.post-meta .post-title {
	display: block;
	margin-top: 1.5em;
	padding: 0;
	font-weight: normal;
	}

.post-main {
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
	}

.post-content {
	margin: 0 auto 60px;
	width: 80%;
	font-size: 16px;
	line-height: 1.58;
	}

.post-main h1,
.post-main h2,
.post-main h3,
.post-main h4,
.post-main h5,
.post-main h6 {
	margin: 1.5em 0 0.5em;
	padding: 0 0 5px;
	letter-spacing: -.02em;
	letter-spacing: -.022em;
	font-size: 115%;
	}

.post-main ul,
.post-main ol,
.post-main dl {
	margin: 0;
	padding: 0 10px;
	letter-spacing: .01rem;
	letter-spacing: -.003em;
	}

.post-main ul li,
.post-main ol li {
	margin-left: 0.75em;
	padding: 0.25em 0.75em 0.25em 0;
 	}

.post-main li ul,
.post-main li ol {
	margin-top: 0.5em;
	}

.post-main p {
	letter-spacing: .01rem;
	letter-spacing: -.003em;
	font-weight: 400;
	font-style: normal;
	line-height: 1.58;
	}

.post-main img {
	margin-top: 10px;
	}

.post__preview-next {
	list-style: none;
	margin: 0;
	}
.post__preview-next:before,
.post__preview-next:after {
	display: table;
	content: "";
	}
.post__preview-next:after {
	clear: both;
	}

.post__preview-next li {
	float: left;
	width: 50%;
	}

@media screen and (max-width: 767px) {
	/* < 768px */

	.post-content {
		width: 100%;
		}

	.post-main ul,
	.post-main ol,
	.post-main dl {
		letter-spacing: -.004em;
		line-height: 1.5;
		}

	.post-main p {
		letter-spacing: -.004em;
		line-height: 1.5;
		}

	}

@media screen and (max-width: 479px) {
	/* < 480px */

	.post-meta label {
		display: block;
		margin-top: 10px;
		}

	}