#newspage {
	margin:0 auto !important;
}
#newspage .archive_wrap {
	margin:3.0em auto 5.0em auto !important;
}
#newspage .archive_list {
	width:100%;
	max-width:950px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:50px 30px;
}

#newspage .archive_list > li {
	display: none;
	width:calc((100% - 60px) / 3);
}
#newspage .archive_list > li p {
	font-size:14px;
	margin-top:1.5em;
	text-align:left;
	line-height:1.7em;
}
#newspage .archive_list > li img {
	width:100% !important;
	height:calc(100% * 0.715) !important;
	object-fit: cover !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	#newspage .archive_list > li img {
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		-webkit-backface-visibility: hidden !important;
		backface-visibility: hidden !important;
		transform: scale(1.01) !important;
		filter: sharpen(1) !important;
	}
}


/* _____________________________________ */

#newspage nav.pagination-container {
	margin:6.0em auto 2.0em auto;
}
#newspage nav.pagination-container ul {
	box-sizing:border-box;
	border: none;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	transition: 0.3s;
	border-radius: 0px;
	overflow: hidden;
	gap:0 8px;
}
#newspage .pagination li {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-align:center;
}
#newspage nav.pagination-container ul li a {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing:border-box;
	background: #FFF;
	line-height: 40px;
	border: 1px solid #dbdbdb !important;
}
#newspage li.page.navi-active a {
	color:#fff !important;
	background: #000 !important;
/*	transform: scale(1.2); */
}

#newspage li.first,
#newspage li.prev,
#newspage li.next,
#newspage li.last {
	position:relative;
	border: 0px solid #000 !important;
}
#newspage nav.pagination-container ul li.first > a,
#newspage nav.pagination-container ul li.prev > a,
#newspage nav.pagination-container ul li.next > a,
#newspage nav.pagination-container ul li.last > a {
	border-radius:0 !important;
	border: 1px solid #dbdbdb !important;
}

#newspage li.first.disabled,
#newspage li.prev.disabled,
#newspage li.next.disabled,
#newspage li.last.disabled { display:none; }

#newspage li.prev:before {
	content:"";
	width:0.5em;
	height:calc(0.5em * 1.714);
	display:block;
	background:url(https://eponas.itembox.cloud/item/images/asset/i_arrow_l_bk.svg) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform:translate(-50%, -50%);
	cursor:pointer;
	border:0px solid #000 !important;
}
#newspage li.next:before {
	content:"";
	width:0.5em;
	height:calc(0.5em * 1.714);
	display:block;
	background:url(https://eponas.itembox.cloud/item/images/asset/i_arrow_r_bk.svg) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform:translate(-50%, -50%);
	cursor:pointer;
	border:0px solid #000 !important;
}
#newspage li.first:before {
	content:"";
	width:1.0em;
	height:calc(1.0em * 0.714285);
	display:block;
	background:url(https://eponas.itembox.cloud/item/images/asset/i_arrow_wl_bk.svg) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform:translate(-50%, -50%);
	cursor:pointer;
	border:0px solid #000 !important;
}
#newspage li.last:before {
	content:"";
	width:1.0em;
	height:calc(1.0em * 0.714285);
	display:block;
	background:url(https://eponas.itembox.cloud/item/images/asset/i_arrow_wr_bk.svg) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform:translate(-50%, -50%);
	cursor:pointer;
	border:0px solid #000 !important;
}

/* _____________________________________ */


@media only screen and (max-width: 849px) {
#newspage .archive_list {
	width:90%;
}
#newspage .archive_list li {
	width:100%;
}
#newspage .archive_list > li img {
	width:100%;
	height:auto;
	object-fit: none;
}
}

/* _____________________________________ */


.news_archive {
	width:90%;
	max-width:1200px;
	margin:0 auto;
	padding:0 0 7.0em 0;
	text-align:center;
	line-height:1.7em;
}
/*メインバナー＋大見出し＋テキスト*/
.news_archive.news_archive .fan {
	text-align:center;
	display:block;
	background:none;
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding:0em 0;
	margin:2.0em auto;
}
.news_archive.news_archive .fan img {
	display:block;
	width: 100%;
}
.news_archive.news_archive .fan-sp {
	display: none;
}
@media only screen and (max-width: 849px) {
.news_archive.news_archive .fan {
	display: none;
}
.news_archive.news_archive .fan-sp {
	text-align:center;
	display:block;
	background:none;
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding:0em 0;
	margin:2.0em auto;
}
.news_archive.news_archive .fan img {
	display:block;
	width: 100%;
}
}
.news_archive.news_archive > h2 {
	text-align:center;
	font-weight:bold;
	margin:3.5em auto 2.0em auto;
	font-size: 2.2rem !important;
}
.news_archive.news_archive > h3 {
	text-align:center;
	font-weight:bold;
	margin:5.5em auto 2.0em auto;
}
.news_archive.news_archive > h3 > span {
	text-align:center;
	font-weight:bold;
	background:#e6e2d8;
	padding:1.5em 3.5em;
}
.news_archive.news_archive > p {
	display:block;
	text-align:center;
	margin:2.0em auto;
}
.news_archive.news_archive > p > span {
	text-align:left;
	display:inline-block;
}
.news_archive .news_contents {
	display:block;
	margin: 15% auto !important;
}
@media only screen and (max-width: 849px) {
.news_archive.news_archive > h2 {
	font-size: 1.8rem !important;
	text-align: center;
	width: 90%;
	word-break: auto-phrase;
	margin: 2.0em auto;
}
}
/*----メインバナー＋大見出し＋テキスト 終わり*/
/*ボタン*/
.news_archive .news_contents .btn_go {
	display: inline-block;
	width: 30%;
	text-align: center;
	margin: 0 auto;
	background-color: #e6e2d8;
	padding: 2%;
}

.news_archive .news_contents .btn_go a {
	color: #000 !important;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;  /* ← 追加：スムーズなアニメーション */
}

.news_archive .news_contents .btn_go:hover {
	background-color: #d6d3cb;
}
.news_archive .news_contents .btn_go:hover a {
	color: #000;
}

.news_archive .news_contents .btn_go a::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.5s ease;
	bottom: -2px;
	height: 1px;
}

.news_archive .news_contents .btn_go a:hover::after {
	transform: scaleX(1);
/*----ボタン 終わり*/
}
.itemName {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.7rem;
    margin-top: 20%;
    margin-bottom: 3%;
}
/* _____________________________________ */

/*画像２列+各画像下テキスト*/
.news_contents .flex {
	display:flex;
}
.news_contents .item_detail {
	justify-content:center;
}
.news_contents .item_color {
	justify-content:flex-start;
}
.news_contents .listwrap {
	flex-wrap:wrap;
}
.news_contents .list3 {
	gap:5% 2%;
}
.news_contents .list3 img {
	width: 100%;
	display: block;
}
.news_contents .list3.listwrap {
	width: 90%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
}
.news_contents .item_detail.list3 > div > p {
	text-align:left;
	margin:1.5em auto 0 auto;
	width:90%;
}
.news_contents .item_color.list3 > div > p {
	text-align:center;
	margin:1.5em auto 0 auto;
	width:90%;
}
.contents_title {
	width: 40%;
	margin:15% auto 3% auto;
	border: 1px solid #000;
	padding: 1%;
}

@media only screen and (max-width: 849px) {
.news_contents .item_detail {
	justify-content:center;
	flex-wrap:wrap;
	gap:50px 0%;
}
.news_contents .item_detail.list3 > div {
	width:80%;
	font-size: 0.8rem !important;

}
.news_contents .item_color.list3.listwrap > div {
	width:100%;
}
.news_contents .list3.listwrap {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.news_archive .news_contents .btn_go {
	width: 60%;
	padding: 4%;
}
.contents_title {
	width: 60%;
	padding:3%;
}
.contents_title span {
	font-size: 1.4rem !important;

}
.news_archive {
	font-size: 0.8rem !important;
}
.itemName {
	margin-top: 20%;
}
.itemName span {
	font-size: 1.2rem !important;
}
.news_archive.news_archive > p > span {
	font-size: 1.2rem !important;
    line-height: 2.0rem
}
.news_archive.news_archive > p {
	width: 90%;
}
.news_contents .item_detail.list3 > div > p {
    font-size: 1.2rem !important;
    line-height: 2.0rem
}
}
/*---画像２列+各画像下テキスト 終わり*/
/* _____________________________________ */