@charset "shift_jis";


.blog ul{
	display:inline-block;
	background-color:#ff7aaf;
	width:290px;
	box-sizing: border-box;
	padding:7px;
	border: 8px solid #ea659a;
	margin:5px 3px;
	color:#FFF;
	position:relative;
	}
	
.blog ul img{
	display:block;
	margin:0;
	padding:0;
	}
	
.blog ul li{
	display:inline-block;
	}
	
.blog ul li:nth-child(1) p{
	font-weight:bold;
	font-size:15px;
	text-align:center;
	color:#FF0;
}
	
.blog ul li:nth-child(2){
    width: 160px;
    margin-left: 5px;
    vertical-align: top;
}

.blog ul li:nth-child(2) div{
    width: 100%;
	background-color:#fff;
	color:#ff7aaf;
	font-weight:bold;
	font-size:15px;
	padding-left:5px;
	box-sizing: border-box;
}

.blog ul li:nth-child(3){
    width: 100%;
	background-color:#fff;
	color:#ff7aaf;
	font-weight:bold;
	font-size:15px;
	box-sizing: border-box;
	text-align:center;
}

.blog ul:nth-child(odd){
	background: #fff;
	color:#777;
	}
	
.blog ul:nth-child(odd) li:nth-child(2) div{
	background-color:#ff7aaf;
	color:#ff0;
}
	
.blog ul:nth-child(odd) li:nth-child(1) p{
	color:#ff7aaf;
}

.blog ul:nth-child(odd) li:nth-child(3){
	background-color:#ff7aaf;
	color:#fff;
}

.blog ul li:nth-child(4){
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.blog ul li:nth-child(4) a{
	display:block;
	width:100%;
	height:100%;
}

	
/*-----------------------------------------------------*/
	
@media screen and (max-width: 1290px){	


}

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

#center {
    margin: 0 0 10px 0;
    width:100%;
    text-align: center;
}


}

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



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




}

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





}