@charset "utf-8";

/*==================================================
スクロール読み込みのcss
===================================*/

/*ローディングが表示されるエリアの設定*/
#infscr-loading {
width:100%;
text-align:center;
margin:20px auto;

}

#infscr-loading img{
	width:30px;/*ローディング画像のサイズ*/
}

/*========= レイアウトのためのCSS ===============*/

ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
	color: #333;
}

a:hover,
a:active{
	text-decoration: none;
}
.lead{
	padding:0 0 50px 0;
	text-align: center;
}

.article-list{
	width:90%;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.article-list .day{
	font-size:0.8rem;
	color: #666;
	margin:0 0 10px 0;
}

.article-list h2{
	font-size: 1rem;
}

.article-list li{
    width: 48%;	
	margin:0 0 20px 0;
}

@media only screen and (max-width: 768px) {
.article-list li{
    width:100%;	
}	
}

.article-list li a{
    display: flex;
	justify-content: space-between;
	align-items: center;
	padding:20px;
	text-decoration: none;
	box-shadow: 0 0 5px #ccc;
	transition: all 0.5s;
}

.article-list li a:hover{
	box-shadow: 0 0 15px #ffffff;	
}


.article-list .img-block {
	width: 40%;
}

.article-list .img-block img{
	width:100%;
	height:auto;
	
}

.article-list .content-block{
	width:56%;
}

.navigation{
	width:100%;
	text-align: center;
}
.bii{
   color:#f0f0f0;
   font-size: 150%;
}
.day{
	font-size: 200%;
}