@charset "utf-8";
/*
CSS Information
 File name:      photoblog.css
 Author:         Administrator
 Style Info:     /photoblog.php
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/

/* #photoblog
***********************************/
.blogList {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
}
.blogList li {
	position: relative;
	width: calc(100% / 6 - 9px);
	margin: 0 10px 10px 0;
	padding: 10px 9px;
	border: 1px solid #999;
	box-sizing: border-box;
}
.blogList li:nth-child(6n) {	margin-right: 0;}
.blogList li .thumb {
	display: block;
	position: relative;
	margin: 5px auto 0;
}
.blogList li .thumb img {
	max-width: 100%;
	vertical-align: top;
}

.blogList li em.ladyName {
	display: block;
	background: #666;
	color: #fff;
}
.blogList li .txtData {
	text-align: left;
}
.blogList li .txtData h2 {
	font-weight: bold;
}
.blogList li .txtData .date {
	display: block;
	font-size: 85%;
}
.blogList li .txtData .body {
	font-size: 93%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
	height: 1em;
	width: 10em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
#blog .txtData .body {
	height: auto;
	max-height: 41px !important;
	white-space: normal !important;
}