@charset "UTF-8";

.cat_body {
	background: #eaeef9;
}

/** ----------------
header
---------------- **/


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

}

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

}

/** ----------------
main
---------------- **/
body.cat_body main {
	padding: 0;
	padding-bottom: 100px;
}
main.single::before,
main.single::after {
	display: none;
}

main.single .main_content {
	margin: 0 auto;
	width: 1100px;
}

@media screen and (max-width: 1500px) {
	body.cat_body main {
		padding-bottom: 8vw;
	}
	main.single .main_content {
		margin: 0 12vw;
		width: auto;
	}
}

@media screen and (max-width: 780px) {
	body.cat_body main {
		padding-bottom: 12vw;
	}
	main.single {
		padding: 0;
	}
	main.single .main_content {
		margin: 0 6vw;
		width: auto;
	}
}


/** -- category-list -- **/
.category-list {
	margin-bottom: 50px;
}
.category-list ul {
	justify-content: center;
}
.category-list li {
	background-color: white;
	border: solid 1px #25368C;
	font-size: 18px;
	margin: 0 20px;
	padding: 10px 0;
	text-align: center;
	width: 250px
}

@media screen and (max-width: 1500px) {
	.category-list {
		margin-bottom: 3.4vw;
	}
    .category-list li {
        font-size: 1.24vw;
        margin: 0 1vw;
        padding: .7vw 0;
        width: 17vw;
	}
}

@media screen and (max-width: 780px) {
	.category-list {
		margin-bottom: 8vw;
	}
    .category-list li {
        font-size: 3.4vw;
        margin: 0 1vw;
        padding: 1vw 4vw;
        width: auto;
	}
}


/** -- post-list -- **/
.post-list {
	margin: 0 -15px;
	margin-bottom: 50px;
}

.post-list article {
	margin: 0 15px 100px;
	position: relative;
	width: calc(33.3333% - 30px);
}
.post-list article::after {
	background: url("../img/common/icon-arrow-5.svg") no-repeat center / 100%;
	content: '';
	display: block;
	position: absolute;
	bottom: 10px;
	right: 0;
	transform: rotate(-90deg);
	height: 30px;
	width: 30px;
}
.post-list article a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.post-list article .post-thumbnail {
	position: relative;
	height: 460px;
}
.post-list article .post-thumbnail::after {
	content: '';
	display: block;
	opacity: .2;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease .3s;
	height: 100%;
	width: 100%;
}
.post-list article:hover .post-thumbnail::after {
	background-color: #D2ECFF;
}
.post-list article .post-thumbnail img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.post-list article h3 {
	font-size: 24px;
	margin-top: 20px;
}
.post-list article p.post-date {
	color: #25368C;
}

@media screen and (max-width: 1500px) {
	.post-list {
        margin: 0 -1vw;
        margin-bottom: 3vw;
	}

	.post-list article {
        margin: 0 1vw 7vw;
        width: calc(33.3333% - 2vw);
	}
	.post-list article::after {
		bottom: 1vw;
        height: 2.1vw;
        width: 2.1vw;
	}
	.post-list article .post-thumbnail {
		height: 32vw;
	}
	.post-list article h3 {
        font-size: 1.7vw;
        margin-top: 1.2vw;
	}
}

@media screen and (max-width: 780px) {
	.post-list {
        margin: 0;
        margin-bottom: 5vw;
	}

	.post-list article {
        margin: 0 0 8vw;
        width: 100%;
	}
	.post-list article::after {
		bottom: 2vw;
        height: 6vw;
        width: 6vw;
	}
	.post-list article .post-thumbnail {
		height: 60vw;
	}
	.post-list article h3 {
        font-size: 4.2vw;
        margin-top: 2vw;
	}
}


/** -- pagination -- **/
.pagination {
	
}
.pagination ul {
	justify-content: center;
}
.pagination ul li {
	font-family: "bahnschrift";
	font-size: 21px;
	margin: 0 20px;
}
.pagination ul li a:hover {
	color: #25368C;
}

@media screen and (max-width: 1500px) {
	.pagination ul li {
        font-size: 1.4vw;
        margin: 0 1.3vw;
	}
}

@media screen and (max-width: 780px) {
	.pagination ul li {
        font-size: 3.8vw;
        margin: 0 3vw;
	}
}