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

/*-----------------------------------------
  main_img
------------------------------------------*/
#main_img {
	background:url(../images/estate/main_img.jpg) no-repeat center top;
	color:#697276;
}

/*-----------------------------------------
  entry
------------------------------------------*/
#entry {
	margin-bottom:70px;
}
#entry ul {
	overflow:hidden;
}
#entry li:nth-of-type(1n) {
	float:left;
}
#entry li:nth-of-type(2n) {
	float:right;
}

/*--- 新築戸建 ---*/
#list .sale:before {
	position:absolute;
	left:-28px;
	top:-22px;
    color: rgb(255, 255, 255);
    background: rgba(133, 186, 201, 0.8);
	font-size:15px;
	text-align:center;
	padding:28px 50px 5px 35px;
	content:"商談中";
	z-index:100;
	transform:rotate(-30deg);
}
#list .sold:before {
	position:absolute;
	left:-28px;
	top:-22px;
    color: rgb(255, 255, 255);
    background: rgba(255, 132, 132, 0.8);
	text-align:center;
	font-size:15px;
	padding:28px 50px 5px 35px;
	content:"ご成約";
	z-index:100;
	transform:rotate(-30deg);
}
#detail .sale:after {
    position: absolute;
    left: -35px;
    top: -30px;
    color: rgb(255, 255, 255);
    background: rgba(133, 186, 201, 0.8);
    text-align: center;
    font-size: 24px;
    padding: 35px 80px 5px 30px;
    content: "商談中";
    z-index: 100;
    transform: rotate(-30deg);
}
#detail .sold:after {
	position: absolute;
    left: -35px;
    top: -30px;
    color: rgb(255, 255, 255);
    background: rgba(255, 132, 132, 0.8);
    text-align: center;
    font-size: 24px;
    padding: 35px 80px 5px 30px;
    content: "ご成約";
    z-index: 100;
    transform: rotate(-30deg);
}



/*--- 収益物件 ---*/
#detail .p_sold:after {
    position: absolute;
    left: -35px;
    top: -30px;
    color: rgb(255, 255, 255);
    background: rgba(255, 132, 132, 0.8);
    text-align: center;
    font-size: 24px;
    padding: 35px 80px 5px 30px;
    content: "ご成約";
    z-index: 100;
    transform: rotate(-30deg);
}
#detail .p_sale:after {
    position: absolute;
    left: -35px;
    top: -30px;
    color: rgb(255, 255, 255);
    background: rgba(133, 186, 201, 0.8);
    text-align: center;
    font-size: 24px;
    padding: 35px 80px 5px 30px;
    content: "商談中";
    z-index: 100;
    transform: rotate(-30deg);
}
.price_red{
	color: #CB0003;
	font-weight: bold;
	font-size: 18px;
}


/*-----------------------------------------
  list
------------------------------------------*/
#list {
	margin-bottom:70px;
}
#list ul {
	overflow:hidden;
}
#list li {
	width:230px;
	float:left;
	margin:0px 29px 30px 0;
	border:1px solid #9e9e9e;
	padding:15px 15px 60px 15px;
	position:relative;
	overflow:hidden;
}
#list li:nth-of-type(3n) {
	margin-right:0;
}
#list li .photo {
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  text-align:center;
  margin-bottom:10px;
}
#list li .photo:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #000;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#list li .photo:hover:before, li .photo:focus:before, li .photo:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 10px;
}
#list li .photo img {
	max-width:200px;
	height:auto;
	margin:0 auto;
}
#list li .date {
	margin-bottom:5px;
	font-size:13px;
	font-family: 'Martel Sans', sans-serif;
}
#list li .price {
	font-size:13px;
}
#list li .name {
	font-size:15px;
	line-height:1.3;
}
#list li a {
	color:#6D8791;
}
#list li a:hover .name {
	text-decoration:underline;
}
#list li .btn {
	position:absolute;
	left:72px;
	bottom:15px;
}

/*-----------------------------------------
  detail
------------------------------------------*/
#detail {
	margin-bottom:70px;
}
#detail .date {
	margin-bottom:5px;
	color:#6D8791;
	font-family: 'Martel Sans', sans-serif;
}
#detail .block {
	border:1px solid #9e9e9e;
	padding:30px;
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}
#detail .block:before {
	position:absolute;
	left:0;
	width:100%;
	top:3px;
	background:#9e9e9e;
	height:1px;
	content:"";
}
#detail #gallery {
	margin-bottom:40px;
}
#detail #gallery .fotorama__wrap {
	margin:0 auto;
}
#detail #gallery .fotorama__thumb-border {
	border-color:#6D8791;
}
#detail .wysi {
	border:1px solid #eee;
	padding:15px;
}
#detail .wysi img {
	max-width:656px;
}
#detail table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
}
#detail th {
	width:120px;
	border:1px solid #9e9e9e;
	background:#B1B1B1;
	color:#fff;
	font-weight:bold;
	padding:10px 15px;
	text-align:left;
	vertical-align:middle;
}
#detail td {
	border:1px solid #9e9e9e;
	padding:10px 15px;
}
#detail #googlemap {
	margin-top:40px;
	background:#ccc;
	padding:3px;
	height:380px;
	width:690px;
}