.subTitleBar {
	margin-top: 24px;
	padding-bottom: 4px;
	text-align: left;
}
.subTitleBar h3 {
	padding-left: 5px;
	border-left: solid 18px #303030;
	font-weight: bold;
}
.postImageListBlock {
	width: 90%;
	margin-bottom: 24px;
}
.postImageList {
	padding: 0 10px;
	background-color: #fff;
	border: solid 1px #b0b0b0;
	list-style-type: none;
	text-align: left;
	overflow: hidden;
}
.postImageList-item {
	float: left;
	width: 178px;
	margin-top: -1px;
	word-break: break-all;
	vertical-align: top;
}
.postImageList-grid {
	padding: 15px 5px 25px;
	border-top: solid 1px #d8d8d8;
}
.postImageList-thumbBox {
	position: relative;
	display: table;
	width: 168px;
	height: 168px;
	margin-bottom: 4px;
	background-color: #000;
	text-align: center;
	overflow: hidden;
}
.postImageList-thumbBox-link {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.postImageList-thumbBox--movie .postImageList-thumbBox-link {
	position: relative;
}
.postImageList-thumb {
	vertical-align: middle;
}
.postImageList-thumbBox--photo .postImageList-thumb {
	max-width: 152px;
	max-height: 152px;
}
.postImageList-thumbBox-link:hover .postImageList-thumbBox-zoom {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 22px;
	height: 22px;
	background: url(/image/kisyubbs/iconZoom.png) no-repeat center center;
	z-index: 1;
}
.postImageList-thumbBox-playBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 168px;
	background: url(/image/kisyubbs/iconPlayMovie_300x300.png) no-repeat center center;
	z-index: 1;
}
.postImageList-movieTitleBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.postImageList-movieTitle {
	padding: 8px;
	background: url(/image/kisyubbs/relateContentsMovieTitleBg.png) repeat 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.postImageList-thumbBox--movie a:hover .postImageList-movieTitle {
	white-space: normal;
	overflow: visible;
}
.postImageList-toMovieLink {
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 2;
}
.postImageList-toMovieLink a {
	display: block;
	width: 60px;
	height: 25px;
	background: url(/image/kisyubbs/iconYoutube.png) no-repeat center 0;
	text-indent: -9999px;
	overflow: hidden;
}
.postImageList-toMovieLink a:hover {
	background-position: center bottom;
}
.postImageList-body {
	height: 80px;
	overflow: hidden;
}
.postImageList-bbsText {
	margin-bottom: 4px;
	font-size: 15px;
	text-align: left;
	line-height: 1.3;
}
.postImageList-bbsText a {
	text-decoration: none;
}
.postImageList-bbsText a:hover {
	text-decoration: underline;
}
.postImageList-bbsText-icon {
	display: inline-block;
	width: 14px;
	height: 19px;
	margin-right: 4px;
	background: url(/image/kisyubbs/iconChat_Gray.png) no-repeat 0 0;
	text-indent: -9999px;
}
.postImageList-postDate {
	color: #757575;
	font-size: 13px;
}
/* 拡大表示・youtube iframe */
.zoomBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/image/kisyubbs/bgZoomThumbBox.png) repeat 0 0;
	z-index: 997;
}
.zoomBox-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 998;
}
.zoomBox-close {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 48px;
	height: 48px;
	background: url(/image/kisyubbs/iconClose.png?) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 999;
}
.zoomBox-thumb .zoomBox-close {
	top: -48px;
	right: -48px;
}
/* レスポンシブ関連 */
.flexContent {
	width: 90%;
	max-width: 1446px;
	min-width: 556px;
	margin: 0 auto;
}
.flexContent .titleBar,
.flexContent .topicNavi,
.flexContent .postImageListBlock {
	width: 100%;
}
@media screen and (min-width: 606px) {
	.flexContent {
		width: 556px;
	}
}
@media screen and (min-width: 784px) {
	.flexContent {
		width: 734px;
	}
}
@media screen and (min-width: 962px) {
	.flexContent {
		width: 912px;
	}
}
@media screen and (min-width: 1140px) {
	.flexContent {
		width: 1090px;
	}
}
@media screen and (min-width: 1318px) {
	.flexContent {
		width: 1268px;
	}
}
@media screen and (min-width: 1496px) {
	.flexContent {
		width: 1446px;
	}
}
/* clearfix */
.clearfix:after {clear:both;content:" ";display:block;font-size:.1em;height:.1px;line-height:0;visibility:hidden;}
.clearfix {display:inline-block;min-height:1%;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
