.news_item {
		min-width: 0;
}
.news_item a {
		display: block;
		-webkit-padding-after: 20px;
		        padding-block-end: 20px;
		border-bottom: solid 1px #ffffff;
}
@media screen and (min-width: 768px) {
		.news_item a {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				overflow: hidden;
				gap: 10px;
				min-width: 0;
		}
}
@media (hover: hover) and (pointer: fine) {
		.news_item a:hover .news_title {
				color: #EDA68C;
		}
		.news_item a:hover .category {
				background-color: #714E2C;
		}
}

.news_info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 10px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		min-width: 0;
}
.news_info time {
		font-size: 1.4rem;
		color: #714E2C;
		font-weight: 500;
		line-height: 1.5;
}
.news_info .category {
		background-color: #EDA68C;
		font-size: 1.2rem;
		color: #714E2C;
		min-width: 136px;
		text-align: center;
		border-radius: 100vmax;
		color: #ffffff;
		font-weight: 700;
		padding-block: 3px;
		line-height: 1.5;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
}

.news_title {
		font-size: 1.4rem;
		color: #714E2C;
		line-height: 1.5;
		font-weight: 500;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		min-width: 0;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
		-webkit-margin-before: 3px;
		        margin-block-start: 3px;
}
@media screen and (max-width: 767px) {
		.news_title {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
		}
}
@media screen and (min-width: 768px) {
		.news_title {
				-webkit-margin-before: 0;
				        margin-block-start: 0;
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
		}
}

#news {
		padding-inline: var(--side_margin);
		padding-block: 60px;
		--inner: 1000px;
}
@media screen and (min-width: 768px) {
		#news {
				padding-block: 70px;
		}
}
@media screen and (min-width: 992px) {
		#news {
				padding-block: 100px;
		}
}

.news_contents {
		-webkit-margin-before: 40px;
		        margin-block-start: 40px;
}
@media screen and (min-width: 768px) {
		.news_contents {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 30px;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: start;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
		}
}
@media screen and (min-width: 992px) {
		.news_contents {
				gap: 50px;
		}
}

.news_list {
		display: -ms-grid;
		display: grid;
		gap: 30px;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 700px;
}
@media screen and (min-width: 768px) {
		.news_list {
				gap: 40px;
		}
}

.news_aside {
		-webkit-margin-before: 30px;
		        margin-block-start: 30px;
		border-radius: 20px;
		background-color: #ffffff;
		padding: 40px 35px;
}
@media screen and (min-width: 768px) {
		.news_aside {
				width: 250px;
				-webkit-margin-before: 0;
				        margin-block-start: 0;
		}
}
@media screen and (min-width: 992px) {
		.news_aside {
				border-radius: 40px;
		}
}

.aside_list_block dt {
		position: relative;
		font-size: 2rem;
		font-weight: 700;
		color: #714E2C;
		line-height: 1.5;
}
@media screen and (min-width: 768px) {
		.aside_list_block dt {
				-webkit-padding-start: 0.8em;
				        padding-inline-start: 0.8em;
		}
}
.aside_list_block dt::before {
		content: "";
		position: absolute;
		top: 0.8em;
		left: -13px;
		width: 3px;
		height: 1em;
		translate: 0 -50%;
		background-color: #EDA68C;
}
@media screen and (min-width: 768px) {
		.aside_list_block dt::before {
				left: 0;
		}
}
.aside_list_block dd {
		-webkit-margin-before: 15px;
		        margin-block-start: 15px;
}
@media screen and (min-width: 768px) {
		.aside_list_block dd {
				-webkit-padding-start: 1em;
				        padding-inline-start: 1em;
		}
}
.aside_list_block:nth-of-type(2) {
		-webkit-margin-before: 40px;
		        margin-block-start: 40px;
		-webkit-padding-before: 40px;
		        padding-block-start: 40px;
		border-top: 1px solid #DEDEDE;
}

.aside_list {
		display: -ms-grid;
		display: grid;
		gap: 10px;
		font-size: 1.7rem;
		line-height: 2;
		font-weight: 500;
}
.aside_list li {
		line-height: 1.5;
}
.aside_list li a {
		display: block;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
		.aside_list li a:hover {
				color: #EDA68C;
		}
}

.pagination {
		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;
		-webkit-margin-before: 40px;
		        margin-block-start: 40px;
		gap: 5px;
}
@media screen and (min-width: 992px) {
		.pagination {
				gap: 10px;
				margin-inline: auto;
		}
}

.page_item {
		width: 36px;
		height: auto;
		aspect-ratio: 1/1;
		background-color: var(--item-color, #EFE8D9);
		border-radius: 50%;
		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;
		color: #714E2C;
		font-weight: 500;
		-webkit-transition: background-color 0.3s, color 0.3s;
		transition: background-color 0.3s, color 0.3s;
}
@media screen and (min-width: 992px) {
		.page_item {
				width: 50px;
		}
}
.page_item a {
		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;
		width: 100%;
		height: 100%;
}
@media (hover: hover) and (pointer: fine) {
		.page_item:has(a):hover {
				background-color: #E7B8A7;
				color: #ffffff;
		}
}
.page_item.current {
		--item-color:#E7B8A7;
		color: #ffffff;
}

.page_button {
		position: relative;
		width: 36px;
		height: auto;
		aspect-ratio: 1/1;
}
@media screen and (min-width: 992px) {
		.page_button {
				width: 50px;
		}
}
.page_button a {
		display: block;
		width: 100%;
		height: 100%;
}
.page_button::before {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		background-color: #714E2C;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
		-webkit-transition: translate 0.3s;
		transition: translate 0.3s;
}
.page_button.prev::before {
		clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
@media (hover: hover) and (pointer: fine) {
		.page_button.prev:hover::before {
				translate: calc(-5px - 50%) -50%;
		}
}
.page_button.next::before {
		clip-path: polygon(0 0, 100% 50%, 0% 100%);
}
@media (hover: hover) and (pointer: fine) {
		.page_button.next:hover::before {
				translate: calc(-50% + 5px) -50%;
		}
}
/*# sourceMappingURL=news.css.map */