@charset "utf-8";
/* CSS Document */

/*section.works{
background-color: #EEE;
padding: 30px;
}*/

.single-works_wrap{
	background-color: #FFF;
	box-shadow:0px 0px 10px 1px #d6d6d6;
	-moz-box-shadow:0px 0px 10px 1px #d6d6d6;
	-webkit-box-shadow:0px 0px 10px 1px #d6d6d6;
	max-width: 1140px;
	margin: 0 auto;
}
@media screen and (min-width: 768px){
.single-works_wrap .head{
display: flex;
	width: 100%;
	border-bottom: 1px solid #DDD;
}
}
@media screen and (max-width: 767px){
.single-works_wrap .head{
display: table;
}
}
.single-works_wrap .head figure,.single-works_wrap .head .text{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.single-works_wrap .head figure{
	overflow: hidden;
}
.single-works_wrap .head figure img{
	width: 100%;
	height: auto;
}
.single-works_wrap .head .text{
	/*background-color:#182346;*/
	background-color: #FFF;
	padding: 40px;
	/*color: #FFF;*/
	color: #222;
	/*background:url(/img/works_back.jpg) repeat-y top right #182346;*/
	position:relative;
	letter-spacing:0.08em;
}
.single-works_wrap .head .text b{
	display:block;
	font-size:30px;
	line-height:105%;
	width: 90%;
	word-break: break-all;
}

.single-works_wrap .head .text .flex{
	display: flex;
	padding-bottom: 20px;
}
.single-works_wrap .head .text .flex span{
	font-size: 12px;
    padding: 5px 10px;
	margin-top:10px;
	position: inherit;
	background: #775834;
	color: #fff;
	margin-right: 10px;
	display: table;
}
.single-works_wrap .head .text .flex span:nth-child(2){
	background: #000;
}



.single-works_wrap .head .text b em{
	font-size:15px;
	display:block;
}
.single-works_wrap .head .text p{
	font-size:13px;
	line-height:180%;
}
/*.single-works_wrap .head .text span{
border-top:1px #FFF solid;
border-right:1px #FFF solid;
font-size:14px;
padding:10px;
position:absolute;
right:20px;
top:20px;
}*/
.single-works_wrap .head .text span{
	font-size:14px;
	padding: 2px 10px;
	position:absolute;
	right:0px;
	top:0px;
	background:#003366;
	color: #fff;
}
.works_gallery{
	padding-top: 20px;
}
.works_gallery ul{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-webkit-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/*.works_gallery ul:before,.works_gallery ul:after {content:""; display:table;}
.works_gallery ul:after {clear:both;}
.works_gallery ul {zoom:1;}*/

.works_gallery ul li{
	overflow: hidden;
	display: block;
	/*float: left;*/
	position: relative;
	padding-top:45%;
	margin-bottom: 10px;
	/*margin-right: 5px;*/
}
.works_gallery ul li:nth-child(even){
	/*margin-left:5px;*/
}
.works_gallery ul li img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section.works .w1000{
	margin:60px auto 30px;
}
section.works .w1000 p{
	margin:0 0 20px;
}

.works_gallery ul li.img_height{ width: 32.68%;}
.works_gallery ul li.img_width{ width: 66.4%;}
.works_gallery ul li.img_w50{ width: 49.5%; padding-top: 32.5%;}
.works_gallery ul li.img_w100{ width: 100%; padding-top: 66.5%;}
@media screen and (max-width: 640px){
	section.works{
		padding:0;
		width:100%;
		margin:0 auto;
	}
	.single-works_wrap .head figure, .single-works_wrap .head .text {
		display: block;
		width: 100%;
		vertical-align: middle;
	}
	.single-works_wrap .head .text{
		padding:30px 20px;
	}
	.single-works_wrap .head .text b {
		padding: 30px 0 10px;
	}
	.single-works_wrap .head .text b{
		width: 100%;
	}
	.works_text img{
		display: block;
		width: 100%;
		height: auto;
		margin:0 auto;
		margin-bottom: 5px;
	}
	.single-works_wrap .head .text b span {
		font-size: 12px;
		padding: 2px 3px;
		position: inherit;
		background: #775834;
		color: #fff;
		display: table;
	}
	.single-works_wrap .head .text b span {
		font-size: 12px;
		padding: 5px 8px;
		position: inherit;
		background: #775834;
		color: #fff;
		margin: 10px 0 0;
		display: table;
		line-height:130%;
	}
	.single-works_wrap .head .text b {
		display: block;
		font-size: 24px;
		line-height: 105%;
		padding-bottom: 20px;
		width: 90%;
		word-break: break-all;
	}
}
/*Firefoxのみ*/
@-moz-document url-prefix() {
	.works_gallery ul {
		display:table;
		width: 100%;
		height: auto;
	}
	.works_gallery ul li{
		float:left;
		margin: 0.2%;
	}
}