@charset "utf-8";

/*-------------------------------
	お知らせ一覧
-------------------------------*/

.C-News-list{
	padding-top: var(--header-height);
    margin-top: calc(var(--header-height) * -1);
}

/*----- カテゴリ */
.C-Category__item:not(:last-child){
	margin-bottom: 1.5rem;
}
.C-Category__item a,
.C-Category__item .a{
	height: 3rem;
	font-size: 1.6rem;
}

/*----- ページナビ */
.wp-pagenavi{
	margin-top: 7.5rem;
	width: 100%;
	gap: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.wp-pagenavi > *{
	border: 1px solid var(--graycolor);
	width: 5rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 5000;
	opacity: 1 !important;
}
.wp-pagenavi > *::before{
	transition: .3s transform var(--transition-easing1);
	background: var(--maincolor);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	transform-origin: right;
	transform: scaleX(0);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.wp-pagenavi .current{
	background: var(--maincolor);
	border-color: var(--maincolor);
	color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	font-size: 0;
	color: transparent;
}
.wp-pagenavi .previouspostslink::after,
.wp-pagenavi .nextpostslink::after{
	content: "";
	display: block;
	width: 1rem;
	height: .8rem;
	background-image: url(../images/common/icon_arrow2-black.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.wp-pagenavi .previouspostslink::after{
	transform: scale(-1,1);
}
.wp-pagenavi > *:hover{
	border-color: var(--maincolor);
	color: #fff;
}
.wp-pagenavi > *:hover::before{
	transform-origin: left;
	transform: scaleX(1);
}
.wp-pagenavi .previouspostslink:hover::after,
.wp-pagenavi .nextpostslink:hover::after{
	background-image: url(../images/common/icon_arrow2-white.svg);
}

@media screen and (min-width:769px) , print{
	.main{
		min-height: 36rem;
	}

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

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

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

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

	.C-Category__item:not(:last-child){
		margin-bottom: 0;
	}
	.C-Category__item a,
	.C-Category__item .a{
		height: 5.6rem;
		font-size: 2.8rem;
	}

	/*----- ページナビ */
	.wp-pagenavi{
		margin-top: 10rem;
		gap: 2rem;
	}
	.wp-pagenavi > *{
		width: 7rem;
		height: 7rem;
	}
	.wp-pagenavi .current{
		background: var(--maincolor);
		border-color: var(--maincolor);
		color: #fff;
	}
	.wp-pagenavi .previouspostslink::after,
	.wp-pagenavi .nextpostslink::after{
		width: 2.1rem;
		height: 1.5rem;
	}

}