@charset "UTF-8";

/* common */
.cmn_heading{
	background-image: url(../sy_images/news/news_billboard.jpg);
}
.footer_container{
	margin-top: 50px;
}
@media (min-width: 768px){
	.footer_container{
		margin-top: 100px;
	}
}

/* ===========================================
	ews Page
   =========================================== */

.news_container{
	padding-top: 30px;
	padding-bottom: 50px;
}
@media (min-width: 768px){
	.news_container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-top: 60px;
		padding-bottom: 142px;
	}
	.ne_article{
		width: 640px;
	}
	.ne_aside{
		width: 290px;
	}
}

/* 共通 */
.date{
	display: inline-block;
	margin-right: 15px;
	line-height: 1.214;
	font-weight: bold;
	font-size: 1.4rem;
}
.category{
	position: relative;
	display: inline-block;
	width: 90px;
	line-height: 17px;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 9px;
}
.closed .category,
.ne_aside .closed .category{
	background-color: #6CBBC2;
	color: #fff;
}
.vaccination .category,
.ne_aside .vaccination .category{
	background-color: #917BA7;
	color: #fff;
}
.infection .category,
.ne_aside .infection .category{
	background-color: #D7788F;
	color: #fff;
}
.general .category,
.ne_aside .general .category{
	background-color: #6cbb63;
	color: #fff;
}
@media (min-width: 768px){
	.date{
		line-height: 1.6428;
	}
	.category{
		width: 110px;
		line-height: 23px;
		font-size: 1.3rem;
		border-radius: 12px;
	}
}

/* article */
.article_header{
	margin-bottom: 20px;
}
.article_header h1{
	margin-bottom: 20px;
	line-height: 1.4667;
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-size: 2rem;
	font-weight: 500;
}
.closed .article_header,
.closed .ne_article b{
	color: #6CBBC2;
}
.vaccination .article_header,
.vaccination .ne_article b{
	color: #917BA7;
}
.infection .article_header,
.infection .ne_article b{
	color: #D7788F;
}
.general .article_header,
.general .ne_article b{
	color: #6cbb63;
}
.p_shift{
	margin-bottom: 20px;
}
.article_content img + p,
.article_content p + img{
	margin-top: 20px;
}
.ne_list dt ~ dt{
	margin-top: 25px;
}
.ne_list dd{
	margin-top: 8px;
	line-height: 1.7;
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-size: 1.8rem;
	font-weight: 500;
}
.closed .ne_list .date{
	color: #6cbbc2;
}
.ne_list .closed .date{
	color: #6cbbc2;
}
.ne_list .vaccination .date{
	color: #917BA7;
}
.ne_list .infection .date{
	color: #D7788F;
}
.ne_list .general .date{
	color: #6cbb63;
}
.ne_list a{
	color: #383331;
}
@media (min-width: 768px){
	.article_header{
		margin-bottom: 33px;
	}
	.article_header h1{
		margin-bottom: 33px;
		font-size: 3rem;
	}
	.p_shift{
		margin-bottom: 30px;
	}
	.article_content img + p,
	.article_content p + img{
		margin-top: 30px;
	}
	.ne_list dt ~ dt{
		margin-top: 55px;
	}
	.ne_list dd{
		margin-top: 13px;
		font-size: 2rem;
	}
	.ne_list a{
		text-decoration: none;
	}
	.ne_list a:hover{
		text-decoration: underline;
	}
}

/* aside */
.ne_aside h2{
	margin-bottom: 10px;
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .1em;
	border-bottom: solid 1px #EBEAEA;
}
.ne_aside h2 ~ h2{
	margin-top: 30px;
}
.ne_aside_dl dt ~ dt{
	margin-top: 15px;
}
.ne_aside_dl dd a{
	display: inline-block;
	margin-top: 3px;
	line-height: 1.5;
	color: #383331;
}
.ne_aside_category li{
	line-height: 1;
}
.ne_aside_category li ~ li{
	margin-top: 10px;
}
.ne_aside_archive a{
	color: #383331;
}
@media (max-width: 767px){
	.ne_aside{
		margin-top: 45px;
	}
}
@media (min-width: 768px){
	.ne_aside h2{
		margin-bottom: 25px;
	}
	.ne_aside_dl dd a{
		text-decoration: none;
	}
	.ne_aside_dl dd a:hover{
		text-decoration: underline;
	}
	.ne_aside h2 ~ h2{
		margin-top: 55px;
	}
	.ne_aside_dl dt ~ dt{
		margin-top: 20px;
	}
	.ne_aside_archive a{
		text-decoration: none;
	}
	.ne_aside_archive a:hover{
		text-decoration: underline;
	}
}

/* ページャー */
.pagination,
.ne_pager{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 26px 5%;
	background-color: #F0F8Ef;
}
.pagination a,
.ne_pager a{
	margin-left: 20px;
	margin-right: 20px;
	text-decoration: none;
}
.ne_pager .order2 a{
	display: block;
	width: 230px;
	line-height: 46px;
	border: solid 1px #6cbb63;
	border-radius: 8px;
	text-align: center;
	letter-spacing: .15;
	font-family: "source-han-sans-japanese",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.5rem;
	text-decoration: none;
	color: #6cbb63;
	background-color: #fff;
	background-size: 6px auto;
	transition: .4s;
}
.closed .ne_pager{
	background-color: #F0F8F9;
}
.closed .ne_pager a{
	color: #6CBBC2;
}
.closed .ne_pager .order2 a{
	border-color: #6CBBC2;
	color: #6CBBC2;
}
.vaccination .ne_pager{
	background-color: #F4F2F6;
}
.vaccination .ne_pager a{
	color: #917BA7;
}
.vaccination .ne_pager .order2 a{
	border-color: #917BA7;
	color: #917BA7;
}
.infection .ne_pager{
	background-color: #FBF1F4;
}
.infection .ne_pager a{
	color: #D7788F;
}
.infection .ne_pager .order2 a{
	border-color: #D7788F;
	color: #D7788F;
}
.general .ne_pager{
	background-color: #F0F8EF;
}
.general .ne_pager a{
	color: #6cbb63;
}
.general .ne_pager .order2 a{
	border-color: #6cbb63;
	color: #6cbb63;
}
@media (max-width: 767px){
	.ne_pager .order2{
		width: 70%;
	}
	.ne_pager .order2 a{
		width: 100%;
		margin: 20px auto 0;
		line-height: 40px;
		font-size: 1.3rem;
	}
}
@media (min-width: 768px){
	.order1{
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.order2{
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.order3{
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.ne_pager a{
		text-decoration: none;
	}
	.ne_pager a:hover{
		text-decoration: underline;
	}
	.ne_pager .order2 a:hover{
		text-decoration: none;
	}
	.closed .ne_pager .order2 a:hover{
		background-color: #6CBBC2;
		color: #fff;
	}
	.vaccination .ne_pager .order2 a:hover{
		background-color: #917BA7;
		color: #fff;
	}
	.infection .ne_pager .order2 a:hover{
		background-color: #D7788F;
		color: #fff;
	}
	.general .ne_pager .order2 a:hover{
		background-color: #6cbb63;
		color: #fff;
	}
}

nav.pagination h2 {
	display: none !important;
}
.page-numbers {
	display: none;
}
.page-numbers.prev,
.page-numbers.next {
	display: inline;
}