@charset "utf-8";


/* //////////////////////////////////////////////////// for all */

.work #dm .mlddm li.work > a{
	background-color:rgba(194,165,160,0.5);
}
	
.all #dm .mlddm li li.all > a, .housing #dm .mlddm li li.housingworks > a, .reform #dm .mlddm li li.reformworks > a, .apartment #dm .mlddm li li.apartmentworks > a, .medical #dm .mlddm li li.medicalworks > a, .commerce #dm .mlddm li li.commerceworks > a{
	background-color:rgba(194,165,160,0.3);
}

.work #dm .mlddm li.work > a:hover, .all #dm .mlddm li li.all > a:hover, .housing #dm .mlddm li li.housingworks > a:hover, .reform #dm .mlddm li li.reformworks > a:hover, .apartment #dm .mlddm li li.apartmentworks > a:hover, .medical #dm .mlddm li li.medicalworks > a:hover, .commerce #dm .mlddm li li.commerceworks > a:hover{
	color:#fff;
}

/* //////////////////////////////////////////////////// for subindex */

/* ///////////////////////// category select */


.worksCategory ul{
	text-align:center;
	padding:15px 0 35px;
}

.worksCategory li{
	display:inline-block;
	margin: 0 5px 10px 0;
}

.worksCategory .sticky{
	font-size:12px;
}



/* ///////////////////////// works list */

.worksList>.container>.row{
	padding:0; 	
}

.worksList .col-sm-4, .worksList .col-md-4{
	padding:0;	
}

.worksList .col-sm-4 a, .worksList .col-md-4 a{
	display:block;
	color:#000;
	text-decoration:none;
	transition:0.5s ;
}

.worksList .col-sm-4 a:hover, .worksList .col-sm-4 a:hover{
	color:#fff;
	background-color:#999;
}

.worksList li h2{
	padding:5px 20px 5px;
	font-size:18px;	
	max-width:450px;
	margin:0 auto 10px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.worksList li a h2 small{
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	color:#999;
	margin-bottom:7px;
	font-size:12px;
	transition:0.5s;
}

.worksList li a:hover h2 small{
	color:#fff;
}


.worksList li p{
	padding:0 20px 20px;
	max-width:450px;
	margin:0 auto;
}

.update{
	color:#fff;
	background-color:#f00;
	font-weight:bold;
	font-size:9px;
	padding:2px 5px;
	margin-left:5px;
	border-radius:5px;
}

.worksList .innerFrame{
	/*border:1px #fff solid;*/
	position:relative;
	margin:20px 10px;
}


span.new{
	position:absolute;top:0;left:0;
	display:block;
	background-color:#cc1014;
	color:#fff;
	padding:1px 10px;
	font-size:9px;
	font-weight:bold;
}

/* sticky */
	.worksCategory a.housing .sticky{
		background-color:#46a51c;
	}

	.worksCategory a.reform .sticky{
		background-color:#c2b015;	
	}

	.worksCategory a.apartment .sticky{
		background-color:#1e68c4;
	}

	.worksCategory a.commerce .sticky{
		background-color:#c70397;
	}

	.worksCategory a.medical .sticky{
		background-color:#7349d0;
	}



/* ///////////////////////// a:hover color */

.worksList a.hw:hover, .worksList a.rw:hover, .worksList a.aw:hover, .worksList a.mw:hover{
	color:#fff;
}

.worksList a.hw:hover h2, .worksList a.rw:hover h2, .worksList a.aw:hover h2, .worksList a.mw:hover h2{
	border-bottom-color:#fff;
}

.worksList a.hw:hover{
	background-color:#7bc55a;
}
.worksList a.hw h2{
	border-bottom:1px #46a51c solid;
}

.worksList a.aw:hover{
	background-color:#6090cc;
}

.worksList a.aw h2{
	border-bottom:1px #1e68c4 solid;
}

.worksList a.rw:hover{
	background-color:#e0d047;
}

.worksList a.rw h2{
	border-bottom:1px #c2b015 solid;
}

.worksList a.mw:hover{
	background-color:#9b7ddd;
}

.worksList a.mw h2{
	border-bottom:1px #7349d0 solid;
}

.commerce .worksList .col-lg-3{
	padding:0 7px;
	margin-bottom:30px; 
}


/* ///////////////////////// thumbnail */

.worksList li img{
	margin:0 auto 10px;	
}


/* ///////////////////////// commerce 暫定スタイルなし */

.commerce .worksList li h2{
	margin:0 0 5px 0;
	border-bottom:1px #000 solid;
	padding-bottom:5px;
	font-size:16px;	
	height:auto;
	text-align:center;
	display:block;
}

.commerce .worksList li h2+h3{
	font-size:12px;	
	text-align:center;
}

body.mi{
	background-color:#000;
}

body.mi > div{
	background-color:#fff;
	padding-top:70px;
}

.work2 #dm .mlddm li.work > a{
	background-color:rgba(194,165,160,0.5);
}
	
.work2 #dm .mlddm li.work > a:hover{
	color:#fff;
}

.work2 > div > h1{
	text-align:center;
	font-size:36px;	
	margin:30px auto 10px;
}


/* //////////////////////////////////////////////////// for detailed info */

/* ///////////////////////// data-background color */

.housing .data, .housing .relatedCategory{
	background-color:#46a51c;
}

.reform .data, .reform .relatedCategory{
	background-color:#c2b015;
}

.apartment .data, .apartment .relatedCategory{
	background-color:#1e68c4;
}

.commerce .data, .commerce .relatedCategory{
	background-color:#c70397;
}

.medical .data, .medical .relatedCategory{
	background-color:#a589ce;
}


/* ///////////////////////// data-components */

.work > h1 span{
	display:inline-block;
	padding-left:10px;
	font-size:36px;
}

	.work .data{
		color:#fff;
		margin-top:470px;
		padding:30px 0;
	}

		.work .data a{
			color:#fff;	
			margin-right:15px;
			font-size:14px;
		}

		.work .data h1{	
			font-size:36px;
			margin-bottom:10px;
			position:relative;
		}

			.work .data h1 strong{
				font-size:12px;
				background-color:#fff;
				display:block;
				margin-bottom:10px;
				font-weight:bold;
				width:130px;
				text-align:center;
				font-family:Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}

			.housing .data h1 strong{
				color:#46a51c;
			}

			.reform .data h1 strong{
				color:#c2b015;
			}

			.apartment .data h1 strong{
				color:#1e68c4;
			}

			.medical .data h1 strong{
				color:#a589ce;
			}


.work .data ul label:first-of-type{
	margin-left: 0; 
}

.work .data label{
	background-color:#000;
	border-radius:5px;
	padding:2px 10px;
	margin:3px 10px 3px 0; 
}

.work .data li{
	display:inline-block;
	margin-right:20px;
	font-size:14px;	
}

.work .data .outline{
	margin:15px auto;	
	font-size:13px;
}

/* ///////////////////////// topimg */

.work section.mainImg{
	background-color:#000;
}


/* ///////////////////////// photos-layout */

.photos{
	background-color:#fff;	
}

.photos li{
	padding:25px 0;
}

.photos h2{
	margin:15px 0;
	font-size:42px;
	color:#555;
	font-family:"Century Gothic" , "Courier New", Courier, monospace;
}


/* ///////////////////////// photos-image layout */

.photos li:nth-child(even){
	background-color:#f0f0f0;
}
/*
.photos .image img{
	display:inline-block;
}

.photos li:nth-child(odd) .image {
	text-align:right;	
}

.photos li:nth-child(even) .image {
	text-align:left;	
}

.photos li:nth-child(odd) .detail{
	max-width:400px;
	width:100%;
	float:left;
	margin-top:30px;
}

.photos li:nth-child(even) .detail{
	max-width:400px;
	width:100%;
	float:right;
	margin-top:30px;
}
*/

.photos img{
	display:inline-block;
}

.photos li:nth-child(odd) > div > div > div:first-of-type{
	text-align:right;	
}

.photos li:nth-child(even) > div > div > div:first-of-type{
	text-align:left;	
}


.photos li:nth-child(odd) .detail{
	float:left;
}

.photos li:nth-child(even) .detail{
	float:right;
}

.photos li .detail{
	width:100%;
	max-width:400px;
	margin-top:30px;
}



/* ///////////////////////// footer-related link */

.work .inqBtn{
	margin:0 auto;
	padding-top:20px;
	background-color:#fff;
}

.work div.inqBtn + div.page{
	padding:0 0 20px;
}

.work div.inqBtn + div.page ul{
	margin:0;
}



/* ///////////////////////// footer-related link */

.relatedLink{
	background-color:#fff;
	padding-bottom:30px;
}

.relatedLink .container{
	border:5px #c0c0c0 solid;
	padding:30px;
}

.relatedLink .container h1{
	font-size:18px;
}

.relatedLink .container ul{
	margin-top:20px;	
}

.relatedLink .container li{
	margin:5px 0;
}

.relatedLink .container li a{
	margin-left:10px;
	transition:0.5s;
}

.relatedLink .container li a:hover{
	color:#c0c0c0;
}

/* ///////////////////////// event inforamtion */

.eventInfo{
	padding: 50px 0;
	background-color:#fff;
}

	.eventInfo a{
		color:#333;
		text-align:center;
	}

		.eventInfo a article.col-sm-4 .innerFrame{
			transition:.5s background;
		}

		.eventInfo a:hover article.col-sm-4 .innerFrame{
			background-color:#eee;
		}
		
			.eventInfo article.col-sm-4 h2, .eventInfo article.col-sm-4 h3, .eventInfo article.col-sm-4 p{
				padding: 0 15px;
				text-align:left;
			}

			.eventInfo article.col-sm-4 h2{
				margin:10px auto;
				font-size:16px;
				font-weight:bold;
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}
			
			.eventInfo article.col-sm-4 p{
				line-height:1.6em;
				margin:10px auto;	
			}
		
		.eventInfo a .viewDetail{
			display:inline-block;
			padding:7px 20px;
			transition:.5s background;
			background-color:#000;
			color:#fff;
			margin-bottom:20px;
		}
			
		.eventInfo a:hover .viewDetail{
			background-color:#555;
		}
			

/* ///////////////////////// footer page controler */

.pageCtr{
	padding:20px 0;
}

	.pageCtr a{
		transition:.5s;
		font-size:14px;
		line-height:1em;
		
	}

		.pageCtr a:hover{
			color:#86C6F4;
		}


.pageCtr li{
	width:50%;
}

	.pageCtr > li.nextPage{
		text-align:left;
		float:left;
	}

		.pageCtr > li.nextPage:before{
			content:"←　NEXT";
			font-size:12px;
			font-weight:bold;
			color:#999;
			display:block;
		}


	.pageCtr > li.previousPage{
		text-align:right;
		float:right;
	}

		.pageCtr > li.previousPage:before{
			content:"PREVIOUS →";
			font-size:12px;
			font-weight:bold;
			color:#999;
			display:block;
		}


/* ///////////////////////// footer-related category */

.relatedCategory{
	padding:30px 0;	
}

.relatedCategory a *{
	color:#fff;
}

.relatedCategory a{
	display:block;
	border-radius:10px;
	transition:.5s background;
	padding:15px;
}

.relatedCategory a:hover{
	background-color:rgba(0,0,0,0.5);
}

.relatedCategory h2{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	margin:15px 0 5px;
	padding-bottom:5px;
	font-size:18px;
	border-bottom:1px #fff solid;
}

.relatedCategory .col-sm-4{
	display:table;
	padding:0;
}

.relatedCategory .col-sm-4 .icon, .relatedCategory .col-sm-4 .text{
	display:table-cell;
	vertical-align:middle;
}

.relatedCategory .col-sm-4 .icon{
	width:30%;
}

.relatedCategory .col-sm-4 .icon img{
	width:100%;
}

 .relatedCategory .col-sm-4 .text *{
	 margin-left:15px;
 }
 



/* ///////////////////////// @media */




@media screen and (min-width:1200px){ 

body.work{
	background-size: auto;
}

}

@media screen and (min-width:992px) and (max-width:1199px){

body.work{
	background-size: auto 420px;
}

	.work .data{
		margin-top:350px;
	}
	
}

@media screen and (min-width:768px) and (max-width:992px) {

body.work{
	background-size: auto 430px;
}

	.work .data{
		margin-top:350px;
	}
	
	.relatedCategory .col-sm-4 .icon, .relatedCategory .col-sm-4 .text{
		display:block;
	}

	.relatedCategory .col-sm-4 .icon{
		width:100%;
		padding-bottom:10px;
	}

	.relatedCategory .col-sm-4 .icon img{
		width:auto;
	}

	.relatedCategory h2{
		margin:15px 0 10px;
		text-align:center;
	}

	.photos h2{
		margin:0 0 15px;
	}

	.photos li{
		padding:50px 0;
	}
		
	.photos li > div > div > div:first-of-type{
		padding:0 10px;
	}
	
	
}


@media screen and (max-width:992px){


	
	.photos li:nth-child(odd) .detail, .photos li:nth-child(even) .detail{
		margin:0 auto;
		float:none;
	}


	.photos li:nth-child(odd) > div > div > div:first-of-type, .photos li:nth-child(even) > div > div > div:first-of-type{
		text-align:center;	
	}


	.photos li img{
		display:block;
	}
	
	.photos li li .detail{
		float:none;
		width:100%;
		max-width:400px;
		margin:0 auto;
		text-align:left;
	}
		

	.photos .detail h2{
		text-align:center;
		padding-top: 20px;
	}



}


@media screen and (max-width:767px){
	
	body.work{
	background-size: auto 400px;
}

	.work > h1{
		font-size:36px;
	}

		.work > h1 span{
			display:block;
			padding:0;
			font-size:36px;
		}

			.work .data h1 strong{
				display:block;
				margin:0 0 5px 0;
			}

	.worksList li h2{
		padding:10px 15px;
	}

	.commerce .worksList li.col-lg-3{
		max-width:450px;
		max-height:500px;
	}

	.commerce .worksList li img{
		margin-bottom:20px;
	}
	
	.photos .container, .photos .row, .photos div[class^="col"]{ padding: 0; margin: 0}	
	
	.photos li:nth-child(even){background-color:#fff;}
	
	.photos > .row{
		padding:0 15px;	
	}

	.photos h2+p{
		margin-bottom:50px;
		padding: 0 30px;
	}

	.photos p br{
		display:none;
	}

	.work .categorySelect a{
		height:270px;
	}
	
	.work .data{
		margin-top:350px;
	}

	.work .relatedCategory h2{
		margin:0 0 5px;
		line-height:1.6em;
		text-align:left;
	}

	.work .relatedCategory .directLink .col-sm-4{
		margin:0 auto;
		width:100%;
		padding:0 15px;
	}
	
	.work .relatedCategory .directLink div.col-sm-4:not(:last-of-type){
		margin-bottom:10px;
	}
	
	.relatedCategory .col-sm-4 .icon img{
		width:auto;
	}
	
	.work .relatedLink .container{
		border:none;
		padding: 30px 15px 0;
	}
	
/*	.relatedLink .container li a, .relatedLink .container li a *{
		margin-left:0;
		line-height:1.6em;
	}
なぞ*/

	.eventInfo article{
		max-width:400px;
		margin:0 auto 30px;
	}

	
}



@media screen and (max-width:500px){
	.worksList .col-xs-6{
		width:100%;
	}

	.work div.inqBtn + div.page{
		padding:20px 0;
	}
	
/*
	.work .relatedCategory .directLink .col-sm-4{	
		width:100%;
	}*/
	
	.relatedCategory .col-sm-4 .icon img{
		width:100%;
	}

	
	.relatedCategory{
		padding:0;
	}
	
	.relatedCategory .container, .relatedCategory .row{
		padding:0;
		margin:0;
	}
	
	
	.relatedCategory a:hover{
		border-radius:0;
	}
	
	.relatedCategory h2{
		font-size:16px;
		font-weight:bold;
		border-bottom:none;
	}
	
	.photos h2{
		font-size:33px;
	}
		
	.work .relatedCategory .directLink .col-sm-4{
		margin:0 auto;
		width:100%;
		padding:0;
	}
	
	.work .relatedCategory .directLink div.col-sm-4:not(:last-of-type){
		border-bottom:1px #fff solid;
		margin:0;
	}
	
	
	.work .relatedCategory .directLink .text p{
		line-height:1.6em;
	}
	
	
	.pageCtr li{
		width:100%;
		float:none;
		padding: 0 25px;
	}

		.pageCtr li:first-of-type{
		}
		
		
		.pageCtr > li:last-of-type{
			text-align:left;
			border-top:1px #ddd solid;
			margin-top:5px;
			padding-top:4px;
		}
	
	
}


@media screen and (max-width:319px){
	.work .relatedCategory .directLink .text p{
		display:none;
	}
}

/*
@media screen and (max-width:319px){
	.relatedCategory .col-sm-4 .icon, .relatedCategory .col-sm-4 .text{
		display:block;
	}

	.relatedCategory .col-sm-4 .icon{
		width:100%;
		padding-bottom:10px;
	}

	.relatedCategory .col-sm-4 .icon img{
		width:auto;
	}
	
	.relatedCategory h2{
		text-align:center;
	}

}