@charset "utf-8";



/* 施工事例 worksBox
------------------------------------------------------------ */

.worksBox{
	clear: both;

	overflow: hidden;
}
.worksBox:after{
		content: ".";
		display: block;
		height: 0;
		font-size:0;
		clear: both;
		visibility:hidden;
}
.post-items h4 {
    font-size: 1.2em;
    line-height: 1.2;
}
.post-items h4 a {
    color: #097082;
    text-shadow: 1px 1px #fff;
}

.sublink{
	text-align: right;
}
.sublink:before{
	font-family: FontAwesome;
	content:"\f0a9";
	color: #216aa2;
	padding-right: 0.3em;
}
 .post-items {
	border-radius: 4px;
	overflow: hidden;
}

.post-items:hover {
	border: 1px solid #0090aa*;
}
.post-items div a:hover {
	text-decoration:none;
	color:#0bd;
}
.post-items h4 {
		font-size:1.2em;
		line-height:1.2;
}

.post-items .post_text {
	font-size:0.8em;
	color:#777;
	min-height:3em;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
.post-items div {
    margin-bottom:20px;
}

p.post_photo {
	border-radius: 5px;
	line-height: 1.4;
		clear: both;
		float: right;
		margin-bottom: 5px;
}
.post_photo img {
	width:100%;
	max-height:160px;
}


.post-items {
    width: 23%;
    margin: 0.3% 1%;
    cursor: pointer;
    float: left;
    max-height: 300px;
    overflow: hidden;
}


@media screen and (max-width: 767px){
	p.post_photo {
		max-height:none;
		overflow: visible;
	}
	
	.post-items {
		width:100%;
		margin:1%;
		cursor: pointer;
		float:left;
		max-height:400px;
		border-radius: 4px;
	}
}

@media all and (min-width: 768px) {
    .post-items {
    margin: 0.3% 1%;
				cursor: pointer;
				float:left;
    }
		.post-items:last-child {
			margin-right:0;
		}
		.post-items:after {
				clear:both;
		}

		.post_photo img {
      border-radius: 5px;
			width:100%;
		}
}




.post-items:last-child {
		margin-right:0;
}
.post-items:after {
		clear:both;
}

.post_photo img {
		width:100%;
}