/* ページタイトル */
.page__title h1 {
	border-bottom: 5px solid var(--purple);
}

/* footerのイラスト */

.footer__img {
	filter: brightness(0) saturate(100%) invert(65%) sepia(62%) saturate(3751%) hue-rotate(229deg) brightness(97%) contrast(95%);
}

/* ニュースの表示 */

/* ニュース */
.news__wrap {
	width: 100%;
	padding: 1em;
	margin: 2em auto;
}

.news {
	width: 100%;
	max-width: 1100px;
	background: var(--base__color2);
	border-radius: 1em;
	display: grid;
	grid-template-columns: 300px 1fr;
	padding: 1em;
	margin: 1em auto;
	gap: 2em;
	align-items: center;
}

.news__img img {
	width: 300px;
	height: 300px;
	object-fit: cover;
	border-radius: 1em;
}

.news__contents {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.news__date {
	font-size: 1em;
	color: var(--)
}

.news__title {
	font-size: 1.5rem;
}

.news__category {
	width: fit-content;
	padding: 0.2em 1em;
	border-radius: 0.5em;
}

.news__message img {
	width: 100px;
	object-fit: cover;
}

.news__link {
	width: fit-content;
	padding: 0.2em 1em;
	margin-left: auto;
	background: var(--heavy__base2);
	border-radius: 2em;
	transition: all 0.3s;
	font-weight: 500;
}

.news__link:hover {
	color: var(--heavy__base2);
	background: var(--white);
	box-shadow: 0px 0px 3px var(--heavy__base2);
}

.news__wrap hr {
	border: 1px solid var(--heavy__base2);
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/* ページング */

.pager__wrap {
	width: 100%;
	display: flex;
	gap: 2em;
	align-items: center;
	justify-content: center;
	margin: 2em auto;
}

.pager {
	font-size: 2rem;
	display: flex;
	gap: 1em;
	align-items: center;
}

.pager a {
	display: block;
	line-height: 1em;
	color: var(--heavy__base2);
}

.pager a:hover {
	color: var(--purple);
}

.pager__now {
	line-height: 1em;
	font-size: 1.8rem;
	color: var(--heavy__orange);
}

.pager__btn {
	display: block;
}

.pager__btn i {
	font-size: 2rem;
	color: var(--heavy__base2);
	line-height: 1em;
}

.pager__btn i:hover {
	color: var(--purple);
}

/* ニュースの詳細ページ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

.news__detail__wrap {
	width: 100%;
	padding: 2em 1em;
}

.news__detail {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background: var(--white);
	padding: 2em 1em;
	border-radius: 1em;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.detail__main__img {
	text-align: center;
}

.detail__main__img img {
	width: 100%;
	max-width: 800px;
	border-radius: 1em;
}

.detail__title {
	font-size: 2rem;
}

.detail__main__text {
	display: flex;
	flex-direction: column;
	gap: 1em;
	background: var(--light__base2);
	border-radius: 1em;
	padding: 1em;
}

.detail__main__text img {
	width: 100%;
	max-width: 600px;
}

.news__all__btn {
	width: fit-content;
	padding: 0.2em 1em;
	background: var(--heavy__base2);
	border-radius: 2em;
	font-size: 1.3rem;
	display: block;
	margin: 2em auto;
	color: var(--white);
	transition: all 0.3s;
}

.news__all__btn:hover {
	background: var(--white);
	box-shadow: 0px 0px 3px var(--heavy__base2);
	color: var(--heavy__base2);
}

.detail__category {
	width: fit-content;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	font-weight: 700;
	font-size: clamp(1rem, 0.927rem + 0.36vw, 1.2rem);
}

.category1 {
	background: var(--heavy__pink);
}

.category2 {
	background: var(--red);
}

.category3 {
	background: var(--heavy__green);
}

.category4 {
	background: var(--heavy__yellow);
}

.category5 {
	background: var(--heavy__orange);
}

.category6 {
	background: var(--blue);
}

.category7 {
	background: var(--purple);
}

.category8 {
	background: var(--heavy__base);
}


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

	.news {
		display: flex;
		flex-direction: column;
	}

}