@charset "utf-8";
/* お知らせ */
.wordpress {
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.7);
	margin-top:30px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;}
.wordpress ul {
	list-style: none;
}
.wordpress li {
	margin: 0 auto;
	height:auto;
	overflow:auto;
	font-family: "Klee One", cursive;
	font-weight: 500;
	font-style: normal;
}
/* 時間 */
.wordpress li .date {
	float:left;
	color: #000;
	font-size: 14px;
	margin-right:8px;
	letter-spacing: 0.15em;
}
/* カテゴリー */
.wordpress li .cat {
	float:left;
	padding: 1px 4px 3px 4px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-size: 10px;
	background-color: #333;
	letter-spacing: 0.1em;
}
/* 文章 */
.wordpress li a	{
	font-size: 14px;
	line-height:1.5;
	letter-spacing: 0.10em;
	display:block;
	text-align: left;
	text-decoration: none;
	color: #000;
	margin-top:0px;
	margin-left:0px;
	transition:all 0.3s;
}
.wordpress li a:hover	{
	text-decoration: none;
	color: #265CFF;
}	
.wordpress li :after　{content: "";
	display: block;
	clear: both;
	}
/* ########### 428px 以下 ########### */
@media (max-width:428px){
.wordpress {
	width: 100%;
	padding-top:25px;
	padding-bottom:5px;
}
.wordpress li {
	max-width:87%;
}
	
.wordpress .datecat {
	width:100%;
	}
.wordpress .text {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
.datecat {margin-bottom: 25px;}		
}
/* ########### 429pxから529pxまで ########### */
@media screen and (min-width: 429px) and (max-width: 529px) {
.wordpress {
	width: 95%;
	padding-top:25px;
	padding-bottom:5px;
}
.wordpress li {
	max-width:87%;
}
	
.wordpress .datecat {
	width:100%;
	}
.wordpress .text {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
.datecat {margin-bottom: 25px;}	
}
/* ########### 530pxから960pxまで ########### */
@media screen and (min-width: 530px) and (max-width: 960px) {
.wordpress {
	width: 85%;
	padding-top:30px;
	padding-bottom:10px;
}
.wordpress li {
	max-width:90%;
}
	
.wordpress .datecat {
	width:100%;
	}
.wordpress .text {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
.datecat {margin-bottom: 25px;}
}

/* ########### 961px 以上 ########### */
@media screen and (min-width: 961px) {
.wordpress {
	width: 90%;
	padding-top:35px;
	padding-bottom:15px;
}
.wordpress li {
	max-width:92%;
}	
.wordpress .datecat {
	width:28%;
	float:left;
	}
.wordpress .text {
	width:72%;
	float:left;
	margin-bottom:20px;
	}
}