@charset "utf-8";  
/*------------------------------------------------------------ 
    BUSINESS css
------------------------------------------------------------*/  

#detailHd{
	color:#2F599F;
	background-image:url(/img/property/visual.jpg);
}

#detailHd.detail{ background-image:url(/img/property/visual2.jpg);}


/* 物件情報 */

#articleList{
	width:auto;
	max-width:1200px;
	margin:0 auto;
	padding:80px 10px 0;
	overflow:hidden;
	position:relative;
}

#articleList li{
	width:23.33333333333333%;
	float:left;
	margin-right:2.166666666666667%;
	margin-bottom:26px;
	background:#fff;
}

#articleList li:nth-child(4n){ margin-right:0;}

.article-thumb{
	width:100%;
	height:75%;
}

.article-thumb a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

.article-thumb a img{
	-moz-transition-duration:1s;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}

.article-thumb a img:hover{
	-webkit-transform: scale(1.15);
			transform: scale(1.15);
}

.article-inner{
	width:auto;
	padding:10px;
	color:#333;
}

.article-date{
	font-size:109%;
}

.article-ttl{
	font-size:167%;
	font-weight:bold;
	margin:5px 0;
}

.article-txt{
	font-size:134%;
	margin-bottom:10px;
}

.article-cate{
	width:90px;
	height:30px;
	float:left;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
}

.style1{ background:#17B0E9;}
.style2{ background:#F48A19;}

.article-num{
	float:right;
	font-size:134%;
}

.article-num span{
	color:#f08200;
	font-size:150%;
	font-weight:bold;
}

#button{
	width:auto;
	max-width:590px;
	height:60px;
	margin:0 auto;
	padding:0 10px 50px;
}

#button a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	background:#2F599F;
}

article #button{ margin-top:80px;}

/*------------------------------------------------------------ 
    detail
------------------------------------------------------------*/  

#articleHd{
	width:auto;
	padding:155px 10px 0;
	text-align:center;
	position:relative;
}

#articleHd:before,
.secHd:before{
	display:block;
	content:"";
	width:124px;
	height:5px;
	background:#2F599F;
	position:absolute;
	left:50%;
	top:100px;
	margin-left:-62px;
}

.aticle-status{
	display:inline-block;
	width:124px;
	height:42px;
	text-align:center;
	line-height:42px;
	color:#fff;
	font-size:184%;
	font-weight:bold;
}

#articleHd h3{
	color:#333;
	font-size:37px;
	margin:25px 0 15px;
}

.article-lead{
	padding-bottom:25px;
	color:#333;
	line-height:1.4;
	font-size:200%;
	text-align:center;
}

.article-sentence{
	width:auto;
	max-width:1000px;
	padding:0 10px;
	margin:0 auto 60px;
	color:#333;
	font-size:150%;
	line-height:1.7;
	text-align:center;
}

.article-img{
	width:auto;
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
}


/* slider */

#slider{
	width:100%;
	max-width:1900px;
	margin:100px auto 80px;
	position:relative;
}


/* 周辺マップ */

#mapArea{
	width:100%;
	padding-bottom:170px;
	margin-top:65px;
	background:#F9FAFB;
}

.secHd{
	width:auto;
	padding:165px 10px 10px;
	text-align:center;
	color:#333;
	font-size:37px;
	position:relative;
}

.detail-inner{
	width:auto;
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
	overflow:hidden;
}

.access-txt{
	margin-top:20px;
	text-align:center;
	color:#333;
	font-size:150%;
}

.access-txt span{
	display:inline-block;
	color:#325BA0;
	font-size:32px;
	position:relative;
	z-index:2;
}

.access-txt span:before{
	display:block;
	content:"";
	width:100%;
	height:16px;
	background:#F8F76A;
	position:absolute;
	bottom:10px;
	left:0;
	z-index:-1;
}

.access-txt strong{
	font-size:48px;
	font-weight:normal;
}

.access-info{
	width:100%;
	margin-top:70px;
	text-align:center;
}

.access-info dt{
	margin-bottom:30px;
	color:#333;
	font-size:200%;
}

.access-info dd{
	width:auto;
	max-width:871px;
	padding:0 10px;
	margin:0 auto;
}

#photoList{
	width:100%;
	letter-spacing: -.40em;	
}

#photoList li{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:48%;
	margin-top:70px;
}

#photoList li:nth-child(odd){ margin-right:4%;}

#photoList p{
	color:#333;
	font-size:150%;
	line-height:1.7;
	margin-bottom:8px;
}


/* 物件概要 */

.tableBox{
	width:48%;
	padding-top:25px;
}

.tableBox table{
	width:100%;
	color:#333;
	font-size:117%;
	border-collapse: separate;
	border-spacing:2px;
}

.tableBox th{
	width:70px;
	text-align:left;
	vertical-align:middle;
	padding:20px 15px;
	background:#C0D5E1;
	border-radius:5px;
}

.tableBox:nth-child(even) th{ width:100px;}

.tableBox td{
	padding:20px 15px;
	background:#EEEEEE;
	border-radius:5px;
}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  


/* TABLET */
@media screen and (max-width: 788px){

/* 物件情報 */

#articleList li{
	width:47.78156996587031%;
	margin-right:4.436860068259386%;
}

#articleList li:nth-child(2n){ margin-right:0;}

/* detail */

#articleHd,
.secHd{ padding-top:100px;}

#articleHd:before,
.secHd:before{
	top:60px;
}

.aticle-status{
	width:100x;
	height:36px;
	line-height:36px;
	font-size:150%;
}

#articleHd h3,
.secHd{ font-size:30px;}

.article-lead{ font-size:175%;}

.article-sentence{
	margin-bottom:40px;
	font-size:134%;
	line-height:1.5;
}

#mapArea{
	padding-bottom:100px;
	margin-top:50px;
}

.access-txt{ font-size:134%;}

.access-txt span{ font-size:150%;}

.access-txt span:before{ height:10px;}

.access-txt strong{ font-size:150%;}

#photoList p{
	font-size:134%;
	line-height:1.5;
}

.tableBox{
	width:100%;
	float:none;
}

.tableBox th{ width:100px;}

article #button{ margin-top:40px;}

}


/* SP */
@media screen and (max-width: 560px){

/* 物件情報 */

#articleList{ padding:40px 10px 0;}

#articleList li{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:20px;
}

.article-ttl{ font-size:150%;}

.article-txt,
.article-cate,
.article-num,
.news-date{ font-size:125%;}

.more,
.recruit-more{ height:50px;}

.more a,
.recruit-more a{
	line-height:50px;
	font-size:134%;
}

#button{
	max-width:300px;
	height:45px;
}

#button a{
	line-height:45px;
	font-size:134%;
}

/* detail */

#articleHd,
.secHd{ padding-top:80px;}

#articleHd:before,
.secHd:before{
	top:50px;
}

#articleHd h3,
.secHd{ font-size:234%;}

.article-lead{ font-size:150%;}

.article-sentence{ font-size:117%;}

#slider{ margin:50px 0;}

.owl-dots{ margin-top:30px;}

#mapArea{ padding-bottom:60px;}

.access-info{ margin-top:35px;}
.access-info dt{ font-size:175%;}

#photoList li{
	display:block;
	width:100%;
	margin-top:30px;
}

#photoList li:nth-child(odd){ margin-right:0;}

#photoList p{ font-size:117%;}

.tableBox th{
	width:90px;
	padding:15px 10px;
}

.tableBox:nth-child(even) th{ width:90px;}

.tableBox td{ padding:15px 10px;}

}