@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

/* news */
.newsList {
}
	.newsList li {
	}
	.newsList li:not(:last-child) {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #f4ece9;
	}
		.newsList li a {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			color: #323232;
			transition: .5s;
		}
		.newsList li a:hover {
			text-decoration: none;
			opacity: .7;
		}
		.newsList li a .number {
			flex: 1;
			text-align: center;
		}
		.newsList li a .date {
			display: block;
			margin-bottom: 8px;
		}
		.newsList li a .num {
			line-height: 1;
		}
		.newsList li a .num em {
			margin: 0 2px;
			font-family: 'AGaramondPro-Regular', serif;
			font-style: normal;
			font-size: 48px;
		}
		.newsList li a .txt {
		}
		.newsList li a .thum_img {
			margin-left: 15px;
			width: 210px;
			height: 130px;
			border-radius: 5px;
			box-shadow: 2px 2px 2px rgba(0, 0, 0, .01);
			overflow: hidden;
		}



/* ================================================================================================================================================================================== */
/* tablet */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

	/* news */
	.newsList {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		.newsList li {
			max-width: 320px;
			margin: 30px 20px;
		}
		.newsList li:not(:last-child) {
			padding-bottom: 0;
			margin-bottom: 30px;
			border-bottom: none;
		}

}

/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */
	/* news */
	.newsList {
		justify-content: space-between;
		margin-top: -60px;
	}
		.newsList li {
			width: calc((100% - 70px * 2) / 3);
			max-width: 320px;
			margin: 60px 0 0;
		}
		.newsList li:not(:last-child) {
			margin-bottom: 0;
		}
		.is-empty {
			padding: 0!important;
			margin: 0!important;
			height: 0!important;
		}
}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */
@media only screen and (min-width:1280px) {


}