@charset "utf-8";
/* CSS Document */

ul.kknews{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.kknews li:nth-child(1) {
	width: 32%;
}
ul.kknews li:nth-child(1) a{
	display: block;
	text-align: center;
	border-radius: 4px;
	padding: 10px;
	box-sizing: border-box;
	color: #444;
	border: 1px solid #ccc;
	background: linear-gradient(#fff,#f2f2f2);
}
ul.kknews li:nth-child(1) a b{
	display: block;
}
ul.kknews li:nth-child(1) a img{
	border: 1px solid #ccc;
	width: 100%;
}
ul.kknews li:nth-child(2) {
	width: 66%;
}
ul.kknews li:nth-child(2) table tr{
	display: block;
	padding: .6em;
	border-bottom: 1px dotted #cfecfe;
}
ul.kknews li:nth-child(2) table th{
	width: 50px;
}
/*バックナンバー*/
ul.kknewsBk {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.kknewsBk li {
	width: 32%;
	margin-bottom: 10px;
}
ul.kknewsBk li :hover {
	opacity: 0.6;
}
ul.kknewsBk li a {
	display: block;
	text-align: center;
	border-radius: 4px;
	padding: 10px;
	box-sizing: border-box;
	color: #444;
	border: 1px solid #ccc;
	background: linear-gradient(#fff, #f2f2f2);
}
ul.kknewsBk li a b {
	display: block;
}
ul.kknewsBk li a img {
	border: 1px solid #ccc;
	width: 100%;
}

@media screen and (max-width:550px) { 
	ul.kknews{
		display: block;
	}
	ul.kknews li:nth-child(1) {
		width: 70%;
		margin: 0 auto;
	}
	ul.kknews li:nth-child(2) {
		width: 90%;
		margin: 0 auto;
	}
	ul.kknewsBk li {
		width: 48%;
	}

}