@charset "utf-8";

/*

************************************************************************

 投稿詳細ページ

************************************************************************

*/


.wrap-post-detail {
	padding-bottom: 10em;
}
.wrap-post-detail .row {
	width: 700px;
}
.wrap-post-detail .row:first-child {
	margin-top: 0;
	padding-top: 4em;
}
.wrap-post-detail .post-data {
	margin-bottom: 5em;
}

.appear-date {
	display: inline-block;
	background-color: var(--color-brown);
	color: #fff;
	padding: 0.2em 1em;
	font-size: 1.2em;
	margin-bottom: 1em;
}
.appear-date.appear-date-news {
	background-color: #fff000;
	color: var(--color-brown);
}


.appear-date {

}

.wrap-post-detail .name {
	font-size: 2.2em;
	line-height: 1.2;
	margin-bottom: 1em;
	font-weight: bold;
}

.wrap-post-detail .img-main {
	text-align: center;
	margin-bottom: 2em;
}
.wrap-post-detail .img-sub {
	margin-bottom: 3em;
}
.wrap-post-detail .description {
	margin-bottom: 2em;
}

.info {
	padding:0em 3em;
	background-color: #f6dfb3;
	background-image: url(../../img/common/bg-info.png);
	background-position: 0 0;
	background-repeat: repeat;
	background-size: contain;

}
.info .grid {
	justify-content: start;
	align-items: center;
}
.info .title {
	font-size: 1.8em;
}
.info .info-list li {
	list-style: none;
	margin-bottom: 1em;
	flex: 0 0 calc( 25.00000% - 2em)
}

.info .other a {
	color: var(--color-link);
	text-decoration: underline;
	font-size: 1.4em;
}


@media screen and (max-width:640px) {
	.wrap-post-detail .row {
		width: 100%;
	}

}