@charset "utf-8";
/* CSS Document */

/* General Base
------------------------------------------------------------------------------*/

/*============================================================================*/

.GeneralList {
	margin-bottom: 4rem;
}
.GeneralList.GeneralList_topList {
	margin-top: 4rem;
}

.GeneralList > .GeneralList_list > li {
	position: relative;
	z-index: 1;
}

.GeneralList > .GeneralList_list > li > a {
}
.GeneralList > .GeneralList_list > li .bgImage {
    overflow: hidden;
    z-index: -2;
}
.GeneralList > .GeneralList_list > li .bgImage img {
	-o-object-fit: cover;
	object-fit: cover;
}
.GeneralList > .GeneralList_list > li .title {
	font-weight: bold;
}
.GeneralList > .GeneralList_list > li .date {
	position: relative;
	line-height: 1;
	font-family: var(--ff-en);
	font-size: calc(12 / var(--width) * 100vw);
}
.GeneralList > .GeneralList_list > li .category {
	background: white;
	color: black;
	border-radius: 1.5em;
	padding: 0.3em 1.5em;
	margin: 0.7rem;
	border: 1px solid #e8eaeb;
	width: fit-content;
	font-size: calc(12 / var(--width) * 100vw);
}

.GeneralList > .GeneralList_list.GeneralList_list_noResultsFound {/* 検索結果なし */
	display: block;
	font-size: calc(24 / var(--width) * 100vw);
	font-weight: bold;
	margin-bottom: 30rem;
}


.GeneralList .GeneralList_categoryList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.7rem;
	margin-bottom: 1.8rem;
}
.GeneralList .GeneralList_categoryList > li {
}
.GeneralList .GeneralList_categoryList > li.active > a {
	color: #009944;
	border-color: #009944;
}
.GeneralList .GeneralList_categoryList > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e8eaeb;
	border-radius: 1.1rem;
	padding: 0.2rem calc(16 / var(--width) * 100vw);
	transition: .3s ease;
	transition-property: color, border;
}

.GeneralList > .pagination {
	flex-wrap: wrap;
	row-gap: 1rem;
	margin-right: -1rem;
	margin-left: -1rem;
}
.GeneralList > .pagination > .arrow {}

/*============================================================================*/






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■[[---// MO //---]]*/
@media screen and (max-width: 767px) {
/*============================================================================*/
	.GeneralList {}
	.GeneralList > .GeneralList_list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 1.2rem;
	}
	.GeneralList > .GeneralList_list > li {
		width: calc(335 / var(--width) * 100vw);
    }
	.GeneralList > .GeneralList_list > li > a {
		padding: 0;
	}
	.GeneralList > .GeneralList_list > li .bgImage {
		height: auto;
		aspect-ratio: 1;
		float: left;
		width: 47.7628%;
	}
	.GeneralList > .GeneralList_list > li .bgImage img {
		object-position: top center;
	}
	.GeneralList > .GeneralList_list > li .category {
		margin-top: 0;
		margin-left: 52%;
		max-width: 48%;
		font-size: calc(10 / var(--width) * 100vw);
	}
	.GeneralList > .GeneralList_list > li .title {
		line-height: 1.33334;
		font-size: calc(14 / var(--width) * 100vw);
		margin-left: 52%;
		max-width: 48%;
	}
	.GeneralList > .GeneralList_list > li .date {
		margin-top: calc(4 / var(--width) * 100vw);
		margin-left: 52%;
		max-width: 48%;
	}

	.GeneralList > .GeneralList_list.GeneralList_list_noResultsFound {/* 検索結果なし */
		font-size: calc(16 / var(--width) * 100vw);
		margin-bottom: 25rem;
	}

	.GeneralList .GeneralList_categoryList {
		gap: 0.35rem 0.7rem;
		margin-bottom: 2.4rem;
	}
	.GeneralList .GeneralList_categoryList > li {
		width: calc( calc( 100% - 0.7rem * 1 ) / 2 );
	}

	.GeneralList > .pagination {
		margin-top: calc(30 / var(--width) * 100vw);
	}
	.GeneralList > .pagination > .arrow {
	}

/*============================================================================*/
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■[[---// PC //---]]*/
@media screen and (min-width: 768px) {
/*============================================================================*/
	.GeneralList {}
	.GeneralList > .GeneralList_list {
		display: grid;
		grid-template-columns: calc(270 / var(--width) * 100vw) calc(270 / var(--width) * 100vw) calc(270 / var(--width) * 100vw) calc(270 / var(--width) * 100vw);
		grid-gap: calc(40 / var(--width) * 100vw) calc(40 / var(--width) * 100vw);
	}
	.GeneralList > .GeneralList_list > li {
		width: calc(270 / var(--width) * 100vw);
		height: calc(337.5 / var(--width) * 100vw);
	}
	.GeneralList > .GeneralList_list > li > a {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
		height: 100%;
		color: #fff;
		z-index: 1;
		padding: calc(18 / var(--width) * 100vw) calc(24 / var(--width) * 100vw);
	}
	.GeneralList > .GeneralList_list > li > a::before {
		position: absolute;
		content: '';
		display: block;
		width: 100%;
		height: calc(121 / var(--width) * 100vw);
		background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.GeneralList > .GeneralList_list > li > a:hover {
		opacity: 1;
	}
	.GeneralList > .GeneralList_list > li .bgImage,
	.GeneralList > .GeneralList_list > li .bgImage img {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.GeneralList > .GeneralList_list > li .bgImage img {
		transition: transform .3s ease;
	}

	.GeneralList > .GeneralList_list > li > a:hover .bgImage img {
		transform: scale(1.1);
	}
	.GeneralList > .GeneralList_list > li .title {
		font-size: calc(16 / var(--width) * 100vw);
	}
	.GeneralList > .GeneralList_list > li .date {
		margin-top: calc(3 / var(--width) * 100vw);
	}
	.GeneralList > .GeneralList_list > li .category {
		position: absolute;
		top: 0;
		right: 0;
	}

	.GeneralList > .pagination {
		margin-top: calc(40 / var(--width) * 100vw);
	}
	.GeneralList > .pagination > .arrow {
	}

/*============================================================================*/
}


/* - - - - - - - - - - - - - - - - - - -
https://---/general_base_css.css
um89CF1ADB
- - - - - - - - - - - - - - - - - - - */