@charset "UTF-8";

/* ===========================================================

お知らせ

=========================================================== */

/*------------------------------------------------------------
	一覧・詳細ページ共通
------------------------------------------------------------*/
.info .mv {
	background-image: url(../images/info/mv_bg.jpg);
}

/* 小見出し
---------------------------------------- */

@media screen and (min-width: 768px) {
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
} /* ----- media END ----- */

@media screen and (min-width: 1392px) {
} /* ----- media END ----- */


/*------------------------------------------------------------
	一覧ページ
------------------------------------------------------------*/
.info .info__archive {
}
.info .info__list > li {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 5px;
	border-bottom: solid 1px #eee;
}
.info .info__list_meta {
	display: flex;
	font-size: 1.6rem;
}
.info .info__list_date {
	width: 7em;
	color: #716247;
}
.info .info__list_category {
	width: 6em;
	background: #716247;
	color: #fff;
	font-size: .9em;
	text-align: center;
}
.info .info__list_ttl {
	width: 100%;
	margin-top: 5px;
}
.info .info__list_ttl a {
	display: block;
	color: #716247;
}

@media screen and (min-width: 768px) {
	.info .info__list_meta {
		width: 14em;
		font-size: inherit;
	}
	.info .info__list_ttl {
		width: calc(100% - 14em);
		margin-top: -3px;
	}
	.info__list_ttl a:hover {
		color: #f05a5a;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.info .info__list > li {
		padding: 25px 30px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
} /* ----- media END ----- */

@media screen and (min-width: 1392px) {
} /* ----- media END ----- */


/*------------------------------------------------------------
	詳細ページ
------------------------------------------------------------*/
.info .info__single_meta {
	display: flex;
	margin: 0 0 10px;
	font-size: 1.6rem;
}
.info .info__single_date {
	width: 7em;
}
.info .info__single_category {
	width: 6em;
	background: #716247;
	color: #fff;
	font-size: .9em;
	text-align: center;
}
.info .info__single_content p {
	margin-bottom: 2em;
}
.info .post_link_holder {
	margin: 0 0 30px;
}
.info .post_link {
	position: relative;
	min-height: 1.5em;
}
.info .post_link__item {
	position: absolute;
}
.info .post_link__item--prev {
	left: 0;
}
.info .post_link__item--next {
	right: 0;
}
.info .post_link__item--prev a,
.info .post_link__item--next a {
	position: relative;
	font-size: 1.6rem;
}
.info .post_link__item--prev a:hover,
.info .post_link__item--next a:hover {
	color: #716247;
}
.info .post_link__item--prev a {
	padding: 0 0 0 15px;
}
.info .post_link__item--next a {
	padding: 0 15px 0 0;
}
.info .post_link__item--prev a::before,
.info .post_link__item--next a::before {
	content: "";
	position: absolute;
	top: 40%;
	width: 8px;
	height: 8px;
	border-bottom: solid 1px #4b3d33;
  border-left: solid 1px #4b3d33;
}
.info .post_link__item--prev a::before {
	left: 0;
	transform: rotate(45deg);
}
.info .post_link__item--next a::before {
	right: 0;
	transform: rotate(-135deg);
}

@media screen and (min-width: 768px) {
	.info .info__single_meta {
		font-size: inherit;
	}
	.info .post_link_holder {
		margin: 0 0 -40px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
} /* ----- media END ----- */

@media screen and (min-width: 1392px) {
} /* ----- media END ----- */