@charset "utf-8";
/* CSS Document */
@media all {

	#contents{
		background: url("/images/news_bg.jpg")no-repeat;
		background-size: cover;
	}
	#contents.gamainfo{
		background: url("/images/beige_bg.jpg")no-repeat;
		background-size: cover;
	}
	#contents.volunteer{
		background: url("/images/green_bg.jpg")no-repeat;
		background-size: cover;
		filter: brightness(1.2);
	}
	#firstview{
		width: 100%;
		padding: 60px 0 0;
	}
	#firstview h2{
		display: block;
		width: fit-content;
		font-size: 2.5rem;
		padding: 0 0.3em .2em;
		border-bottom: solid 1px #486daa;
		color: #486daa;
		margin: 0 auto;
		font-family: ab-kirigirisu, sans-serif;
		font-style: normal;
		font-weight: 400;
		position: relative;
	}
	.gamainfo #firstview h2{
		padding-left: 1.5em;
	}
	.gamainfo #firstview h2 span{
		display: none;
	}
	.gamainfo #firstview h2::before {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: 20px;
		width: 35px;
		height: 45px;
		background: url("../../../../common/images/gama.png") no-repeat;
		background-size: contain;}
	
	
	#contentarea{
		padding: 40px;
	}
	#contentarea article a{
		color: #486daa;
	}
/* 投稿一覧 */
.newspart{
	width: 100%;
	display: flex;
	font-size: 1rem;
	padding: 1em 0;
	border-bottom: solid 1px #ff7b39;
}
.newsdate{
	width: 8em;
	font-weight: 400;
}
	.newsdate .image{
		width: 100%;
		padding: 5px 1em 0 0;
	}
.newscontent{
	width: calc(100% - 8em);
	color: #000;
}
	.newscontent h3{
		font-weight: 400;
	}

/*ページネーション*/
.pagination {
  margin: 4rem 0;
  text-align: center;
}
.pagination ul {
  display: flex;
	justify-content: center;
	list-style: none;
}
.pagination ul li {
  font-size: 1.75rem;
	line-height: 1em;
  margin-right: 5px;
}
.pagination ul li:last-child {
  border: 0;
}
.pagination ul li a,
.pagination .current {
  display: block;
	width: 1.6em;
	height: 1.6em;
  padding: .2em 0;
	box-sizing: border-box;
	text-align: center;
  border: 1px solid #ff7b39;
}
.pagination ul li a.prev,
.pagination ul li a.next{
	width: 8em;
	position: relative;
}
.pagination ul li a.prev::before,
.pagination ul li a.next::before{
	position: absolute;
	content: "";
	width: 1rem;
	height: 1rem;
	top: 0.45em;
	background: url("/common/images/arrow_link.svg") no-repeat;
	background-size: contain;
}
.pagination ul li a.next::before{
	left: 2em;
}
.pagination ul li a.prev::before{
	right: 2em;
	transform: rotateZ(180deg);
}
.pagination ul li a.prev span,
.pagination ul li a.next span{
	font-size: 1.3rem;
	vertical-align: top;
}
.pagination ul li a {
  text-decoration: none;
  color: #ff7b39;
}
.pagination ul li a:hover {
  opacity: .6;
}
.pagination .current {
  color: #fff;
  background-color: #ff7b39;
}
/* 投稿ページ */
	#post{
		padding: 40px;
	}
#post article{
	font-size: 1rem;
	line-height: 1.8em;
	font-weight: 400;
}
#post article .article-date{
		color: #486daa;
	}
#post article h3{
	font-size: 1.2em;
	padding-bottom: .5em;
	margin-bottom: 1.5em;
	color: #000;
	border-bottom: solid 1px #ff7b39;
	font-weight: 400;
}
#post article .contents img{
	margin-bottom: 0.5em;
}

/*投稿ページネーション*/
.postpagination {
  margin: 4rem 0;
  text-align: center;
}
.postpagination a:first-child,
.postpagination a:last-child{
	display: inline-block;
	font-size: 1rem;
	width: fit-content;
	padding: .3em 1em .37em 3em;
	box-sizing: border-box;
	position: relative;
	border: solid 1px #ff7b39;
	margin: 0 2.5px;
}
.postpagination a:first-child::before,
.postpagination a:last-child::before{
	position: absolute;
	content: "";
	width: 1rem;
	height: 1rem;
	top: 0.7em;
	background: url("/common/images/arrow_link.svg") no-repeat;
	background-size: contain;
}
.postpagination a:last-child::before{
	left: 1em;
}
.postpagination a:first-child::before{
	right: 1em;
	transform: rotateZ(180deg);
}
.postpagination a {
  text-decoration: none;
  color: #ff7b39;
}
.postpagination a:hover {
  opacity: .6;
}

}

@media screen and (max-width: 768px) {
	
}

@media screen and (min-width: 769px) {

}