#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:850px;
	margin:0 auto;
	padding:0 0 7.0em 0;
	text-align:center;
	line-height:1.7em;
}
.news_archive.news_archive > h1 {
	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 > h2 {
	text-align:center;
	font-weight:bold;
	margin:3.5em auto 2.0em auto;
}
.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:5.0em auto !important;
}
.news_archive .news_contents .btn_go {
	display:inline-block;
	width:auto;
	text-align:center;
}
.news_archive .news_contents .btn_go a {
	display:block;
	background:#e6e2d8;
	font-weight:bold;
	padding:1.5em 3.5em;
	margin:2.0em auto !important;
}


@media only screen and (max-width: 849px) {
.news_archive.news_archive > h1 {
	width:100vw;
	position:relative;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
}


/* _____________________________________ */


.news_contents .flex {
	display:flex;
	margin:5.0em auto !important;
}
.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:0 5%;
}
.news_contents .list3.listwrap {
	gap:50px 5%;
}
.news_contents .item_detail.list3 > div {
	width:30%;
}
.news_contents .item_detail.list3 > div > p {
	text-align:left;
	margin:1.5em auto 0 auto;
	width:90%;
}
.news_contents .item_color.list3.listwrap > div {
	width:30%;
}
.news_contents .item_color.list3 > div > p {
	text-align:center;
	margin:1.5em auto 0 auto;
	width:90%;
}


@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%;
}
.news_contents .item_color.list3.listwrap > div {
	width:45%;
}

}

/* _____________________________________ */