/* main-visual
-------------------------*/
.main-visual {
	background-image: url(../img/column/img_main_01.png);
}

/* column-area
-------------------------*/
.column-area {
	padding: 100px 0;
}
@media screen and (max-width: 767px) {
	.column-area {
		padding: 45px 0;
	}
}
.column-area .list-column {
	margin-top: 95px;
}
@media screen and (max-width: 767px) {
	.column-area .list-column {
		margin-top: 25px;
	}
}
.column-area .pagination {
	margin-top: 95px;
}
@media screen and (max-width: 767px) {
	.column-area .pagination {
		margin-top: 25px;
	}
}

/* post-column
-------------------------*/
.post-column {
	padding: 100px 0;
}
@media screen and (max-width: 767px) {
	.post-column {
		padding: 45px 0;
	}
}
.post-column .box {
	padding: 35px 65px;
	border: 1px solid #606060;
}
@media screen and (max-width: 767px) {
	.post-column .box {
		padding: 20px 10px;
	}
}
.post-column .head .title {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	.post-column .head .title {
		font-size: 1.6rem;
	}
}
.post-column .head .info .time {
	font-size: 1.8rem;
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	.post-column .head .info .time {
		font-size: 0.9rem;
		margin-top: 10px;
	}
}
.post-column .head .info .tag {
	margin-top: 15px;
}
@media screen and (max-width: 767px) {
	.post-column .head .info .tag {
		margin-top: 10px;
	}
}
.post-column .head .info .tag_inner {
	font-size: 1.6rem;
	background: #F1F1F1;
	border-radius: 3px;
	padding: 7px 17px;
}
@media screen and (max-width: 767px) {
	.post-column .head .info .tag_inner {
		font-size: 0.8rem;
		padding: 3px 10px;
	}
}
.post-column .body {
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.post-column .body {
		margin-top: 15px;
	}
}
.post-column .body::after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.post-column .body h2 {
	font-size: 2.4rem;
	line-height: 2;
	font-weight: 700;
	border-bottom: 3px solid #d7132e;
	margin-top: 100px;
}
@media screen and (max-width: 767px) {
	.post-column .body h2 {
		font-size: 1.2rem;
		margin-top: 40px;
		border-bottom-width: 2px;
	}
}
.post-column .body p,
.post-column .body figcaption {
	font-size: 1.8rem;
	line-height: 1.89;
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.post-column .body p,
	.post-column .body figcaption {
		font-size: 0.9rem;
		margin-top: 15px;
	}
}
.post-column .body .caption,
.post-column .body figcaption {
	margin-top: 5px;
	text-align: right;
	margin-bottom: 0;
}
.post-column .body img {
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.post-column .body img {
		margin-top: 15px;
	}
}
.post-column .body a{
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.post-column .body a:hover{
	opacity: 0.7;
}
.post-column .button {
	text-align: center;
	margin-top: 95px;
}
@media screen and (max-width: 767px) {
	.post-column .button {
		margin-top: 15px;
	}
}