@charset "utf-8";


.template0001_09 {
	text-align: justify;
	text-justify: inter-ideograph;
}

/*------------------------------
リスト共通
------------------------------*/
.template0001_09_list a {
	display: block;
	background: #fff;
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.template0001_09_list img {
	display: block;
	width: 100%;
	/*aspect-ratio: 3 / 2;*/
	object-fit: cover;
}

.template0001_09_list a > div {
	padding: 20px;
}

.template0001_09_list a > div > p + p {
	margin-top: 5px;
}

@media (min-width:768px){
	.template0001_09_list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.template0001_09_list a {
		width: 360px;
		margin: 15px;
		transition: all .3s;
	}

	.template0001_09_list a:hover{
		box-shadow: rgb(149 157 165 / 30%) 0px 8px 24px;
	}
}

@media screen and (max-width:767px){
	.template0001_09_list a + a {
		margin-top: 20px;
	}
}

/*------------------------------
リスト独自
------------------------------*/
.template0001_09_list a{
	position: relative;
}

.template0001_09_list .om_img img{
	height: 160px;
}

.template0001_09_list .om_title{
	font-size: 110%;
	font-weight: bold;
}

.template0001_09_list .om_category{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin-top: 0;
	padding: 0.5em 1.5em;
	background: var(--color_main);
	font-size: 80%;
	color: #fff;
}

.template0001_09_list .om_content{
	font-size: 80%;
}

.template0001_09_list .om_date{
	font-size: 80%;
	color: #999;
	text-align: right;
}

@media (min-width:768px){
	/*hoverで画像拡大*/
	.template0001_09_list .om_img {
		overflow: hidden;
	}

	.template0001_09_list .om_img img {
		transition: all .3s;
	}

	.template0001_09_list .om_img img:hover {
		transform: scale(1.2);
		opacity: 0.8;
	}
}