@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* Bloglist CSS [SP]                            */
/*----------------------------------------------*/

.bloglistbox {
	margin-bottom: 20px;
}

.bloglist-mainphoto {
x	width: 100%;
x	max-width: 680px;
}

.bloglist-mainphoto img {
	width: 100%;
}

.bloglist {
	overflow: hidden;  /* preventing height 0 when float */
x	margin: 0px 10px;
}

.bloglist li {
	overflow: hidden;  /* preventing height 0 when float */
x	margin-bottom: 5px;
	padding: 5px 10px;
	border-bottom: 1px solid #DEDEDE;
}

.bloglist-photoside {
	float: left;
	width: 38%;
	text-align: center;
x	background-color: #00FF00;
}

.bloglist-photoside img {
	max-width: 100%;
}

.bloglist-textside {
	float: right;
	width: 60%;
x	background-color: #0000FF;
}

.bloglist-icon img {
x	vertical-align: middle;
}

.bloglist-date {
x	display: table-cell;
x	width: 165px;
x	width: 100px;
x	padding-left: 30px;
	
x	background-color: #FF0000;
}

.bloglist-title {
x	display: table-cell;
	line-height: 120%;
x	background-color: #00FF00;
}