@charset "UTF-8";
/* CSS Document */


/*--- archive ---*/
.news_archive {
	margin-top: 60px;
}
.news_archive .news_list {
	margin-top: 60px;
}
.news_archive .news_list li {
	border-bottom: 2px solid #000;
}
.news_archive .news_list li a {
	padding: 20px 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news_archive .news_list li .date,
.news_archive .news_list li .title {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
}
.news_archive .news_list li .date {
	width: 120px;
	box-sizing: border-box;
}
.news_archive .news_list li .title {
	width: calc( 100% - 120px );
}



/* ページャー */
.pager {
	text-align: center;
	margin: 80px auto 0px;
	padding: 0;
}

.pager span,
.pager a {
	margin: 0 2px;
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #000;
	text-decoration: none;
	vertical-align: middle;
	color: #000;
}

.pager a{
  text-decoration: none;
}

.pager span,
.pager a:hover {
	background: #000;
	color: #fff;
	opacity: 1;
}




/*--- single ---*/
.news_single {
	margin-top: 60px;
}
.news_single .main_box {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
}
.news_single .main_box p {
	font-size: 18px;
	line-height: 1.8em;
}
.news_single .back {
	text-align: center;
	margin-top: 80px;
}
.news_single .back a {
	display: inline-block;
	width: 252px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: #9FA0A0;
	color: #fff;
	padding: 0.5em 0 0.6em;
	border-radius: 7px;
	letter-spacing: 0.1em;
}


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

	/*--- archive ---*/
	.news_archive {
		margin-top: 5.8vw;
	}
	.news_archive .news_list {
		margin-top: 5.8vw;
	}
	.news_archive .news_list li {
		border-bottom-width: 0.2vw;
	}
	.news_archive .news_list li a {
		padding: 1.9vw 0.5vw;
	}
	.news_archive .news_list li .date,
	.news_archive .news_list li .title {
		font-size: 1.6vw;
	}
	.news_archive .news_list li .date {
		width: 11.7vw;
	}
	.news_archive .news_list li .title {
		width: calc( 100% - 11.7vw );
	}


	/*--- single ---*/
	.news_single {
		margin-top: 5.8px;
	}
	.news_single .main_box {
		margin-top: 2.3vw;
	}
	.news_single .main_box p {
		font-size: 1.8px;
	}
	.news_single .back {
		margin-top: 7.8vw;
	}
	.news_single .back a {
		width: 24.5vw;
		font-size: 1.6vw;
		border-radius: 0.7vw;
	}
}



@media screen and (max-width:768px) { 
	/*--- archive ---*/
	.news_archive {
		margin-top: 12w;
	}
	.news_archive .news_list {
		margin-top: 6.7w;
	}
	.news_archive .news_list li {
		border-bottom-width: 0.5vw;
	}
	.news_archive .news_list li a {
		padding: 5vw 1vw;
		display: block;
	}
	.news_archive .news_list li .date,
	.news_archive .news_list li .title {
		display: block;
	}
	.news_archive .news_list li .date {
		width: 100%;
		font-size: 3.5vw;
	}
	.news_archive .news_list li .title {
		width: 100%;
		font-size: 4vw;
		line-height: 1.7vem;
		margin-top: 3.2vw;
	}

	/* ページャー */
	.pager {
		margin-top: 18.6vw;
	}


	/*--- single ---*/
	.news_single {
		margin-top: 8vw;
	}
	.news_single .main_box {
		margin-top: 4.8vw;
	}
	.news_single .main_box p {
		font-size: 3.7vw;
	}
	.news_single .back {
		margin-top: 10.6vw;
	}
	.news_single .back a {
		width: 44vw;
		font-size: 4vw;
		border-radius: 1.3vw;
	}
















}