@charset "UTF-8";

/*#content{
	background-size: cover;
}*/

#content .contentInner {
    width: auto;
    margin: 50px auto 0;
    padding: 0;
}

#newsContents {
	width: 50vw;
	max-width: 960px;
	margin: 0 auto;
}

#newsContents ul.newsList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#newsContents ul.newsList:before{
    content: "";
    display: block;
    width: 16.145vw;
    order: 1;
}

#newsContents ul.newsList:after{
    content: "";
    display: block;
    width: 16.145vw;
}

li.newsBox {
	margin-bottom: 0.78125vw;
/*	border: 1px solid #19cfe5;
	border-radius: 25px;
	width: ;
	height: ;
	max-width: 310px;
	max-height: 220px;*/
}

li.newsBox a {
	padding: 1vw;
  margin: 0 1vw 0 0;
  background-color: #fff;
  border-radius: 25px;
	box-sizing: border-box;
	position: relative;
  border: 1px solid #19cfe5;
  display: block;
  width: 16.145vw;
  height: 11.45833vw;
  max-width: 310px;
	max-height: 220px;
}

li.newsBox a:last-of-type {
    margin: 0;
}

li.newsBox a div.title{
	/* 11px @ 1025px increasing to 18px @ 1920px */
	font-size: calc(0.6875rem + ((1vw - 10.25px) * 0.7821));
    /* Note: The calc base value (0.6875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.7821 = 100 * font-size_difference / viewport_width_difference */
}

li.newsBox a div.date{
	font-family: "Josefin Sans", serif !important;
    font-weight: 400;
    font-style: normal;
	display: inline-block;
	/* 11px @ 1025px increasing to 18px @ 1920px */
	font-size: calc(0.6875rem + ((1vw - 10.25px) * 0.7821));
    /* Note: The calc base value (0.6875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 0.7821 = 100 * font-size_difference / viewport_width_difference */
	color: #19cfe5;
	padding-bottom: 10px;
}


li.newsBox a div.newsBtn{
	position: absolute;
    bottom: 15px;
    right: 15px;
}

li.newsBox a div.newsBtn:after{
	content: "";
	display: inline-block;
	background-image: url(../img/home/top_main_news_arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2vw;
	height: 2vw;
	margin-left: 30px;
}

li.newsBox a div.externalBtn{
	position: absolute;
    bottom: 15px;
    right: 15px;
}

li.newsBox a div.externalBtn:after{
	content: "";
	display: inline-block;
	background-image: url(../img/common/news_icon_external.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2vw;
	height: 2vw;
	margin-left: 30px;
}

/*ここからli.newsBox a:hover*/
li.newsBox a:hover{
	transition: 1s;
	color: #fff;
	background-color: #19cfe5;

	.date{
		transition: 1s;
		color: #fff !important;
	}

	.title{
		transition: 1s;
		color: #fff !important;
	}

	div.newsBtn:after{
		transition: 1s;
		background-image: url(../img/home/top_main_news_arrow_hover.png);
	}

	div.externalBtn:after{
		transition: 1s;
		background-image: url(../img/common/news_icon_external_hover.png);
	}

} 
/*ここまでli.newsBox a:hover*/

.wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp-pagenavi a, .wp-pagenavi span{}


.wp-pagenavi .page{
	font-size: 20px;
	font-family: "Josefin Sans", serif !important;
	font-weight: 400;
	font-style: normal;
	color: #20383f;
	margin: 0 15px;
}

.wp-pagenavi a.page{
	font-size: 20px;
	font-family: "Josefin Sans", serif !important;
	font-weight: 400;
	font-style: normal;
	color: #20383f;

}

.wp-pagenavi .current{
	font-size: 20px;
	font-family: "Josefin Sans", serif !important;
	font-weight: 400;
	font-style: normal;
	color: #20383f;
	text-decoration: underline;
	margin: 0 15px;
}

.wp-pagenavi .extend{
	font-size: 20px;
	font-family: "Josefin Sans", serif !important;
	font-weight: 400;
	font-style: normal;
	color: #20383f;
}

.wp-pagenavi .extend:has(+ .nextpostslink) {
	margin: 0 15px 0 0;
}

.wp-pagenavi .first{
	text-indent: -9999px;
	display: inline-block;
	line-height: 0;
}

.wp-pagenavi .first:after{
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	background-image: url(../img/common/pagination_firstPage.png);
	background-repeat: no-repeat;
  background-size: cover;
}

.wp-pagenavi .previouspostslink{
	text-indent: -9999px;
	display: inline-block;
/*  margin: 0 10px 0 0 ;*/
line-height: 0;
}

.wp-pagenavi .previouspostslink:after{
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	background-image: url(../img/common/pagination_prevPage.png);	
	background-repeat: no-repeat;
	background-size: cover;
}

.wp-pagenavi .previouspostslink + .extend{
	margin: 0 0 0 15px;
}

.wp-pagenavi .nextpostslink{
	text-indent: -9999px;
	display: inline-block;
  margin: 0 0 0 10px ;
  line-height: 0;
}

.wp-pagenavi .nextpostslink:after{
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	background-image: url(../img/common/pagination_nextPage.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.wp-pagenavi .last{
	text-indent: -9999px;
	display: inline-block;
	line-height: 0;
}

.wp-pagenavi .last:after{
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	background-image: url(../img/common/pagination_lastPage.png);	
	background-repeat: no-repeat;
	background-size: cover;
}