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

/* #photoblog
***********************************/
section ul.blogList {
	margin: 0 auto;
	padding: 11px 0 0;
	width: 890px;
}
section ul.blogList li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px 9px;
	width: 120px;
	border: solid 1px #999;
	overflow: hidden;
}
section ul.blogList li:nth-of-type(6n) {
	margin-right: 0;
}
section ul.blogList li em.ladyName {
	display: block;
	background: #666;
	color: #fff;
}
section ul.blogList li .thumb {
	display: block;
	margin: 3px 0 0;
	width: 120px;
	height: 160px;
	overflow: hidden;
}
section ul.blogList li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
section ul.blogList li .txtData {
	text-align: left;
}
section ul.blogList li .txtData h2 {
	font-weight: bold;
}
section ul.blogList li .txtData .date {
	display: block;
	font-size: 85%;
}
section ul.blogList li .txtData .body {
	font-size: 93%;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.2;
	height: 2.4em;
}
.photoblog_movie .thumb {
	position:relative;
}
#photoblog section ul.blogList li.photoblog_movie .thumb::after {
	content: "";
	position: absolute;
	top: calc(50% - 22px);
	left: calc(50% - 22px);
	display: inline-block;
	width: 44px;
	height: 44px;
	background: url('https://img.undernavi.com/front/pc/common/btn_movie.png') no-repeat center center;
	background-size:80%;
}