@charset "utf-8";

/*blog-flex*/
.blog .bnrList {
	display: none;
}

.blog-flex ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: top;
}

.blog-flex ul li {
	flex-basis: 31.5%;
	margin: 1% 1.375% 2%;
	padding: 0;
}

	.blog-flex ul li:nth-child(3n-2) {
		margin-left: 0;
	}

	.blog-flex ul li:nth-child(3n) {
		margin-right: 0;
	}

.blog-flex li a {
	display: block;
	text-decoration: none;
}

.blog-flex li a span {
	display: block;
}

.blog-flex li a span.date {
	font-size:90%;
	color: #666;
}

.blog-flex li a span.img {
	text-align: center;
	margin: auto;
	margin-bottom: 0.75em;
	background-color: #ffcc00;
	display: block;
	border-radius: 18px;
}

.blog-flex li a span.img img {
	text-align: center;
	margin: auto;
	width: 100%;
	border-radius: 18px;/*
	object-fit: cover;
	object-position: top center;
	height: 250px;*/
}

@media only screen and (max-width: 520px) {
	.blog-flex ul li {
		flex-basis: 100%;
		margin: 1% auto 5%;
	}

	.blog-flex ul li:nth-child(3n-2) ,
	.blog-flex ul li:nth-child(3n) {
		margin-left:auto;
		margin-right:auto;
	}

}

/*single-blog*/
.single-blog .eyecatch {
	max-width: 100%;
	text-align: center;
	margin: auto auto 1.5em;
	border-radius: 18px;
}

.single-blog .eyecatch img {
	max-width: 100%;
	text-align: center;
	margin: auto;
	border-radius: 18px;
}

/*link*/
.blog-flex a,
.blog-flex a:hover {
  cursor:pointer;
  color: inherit;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition: 0.2s all;
}

.blog-flex a:hover {
  opacity: 0.7; 
}

@media only screen and (max-width: 520px) {
  .blog-flex a:hover {
    opacity: 1.0; 
  }
}