@charset "UTF-8";

.page-yokoku {
	/*display: none;*/
}
      /*.estateSection .specBlock th ,
      .estateSection .specBlock table tr:first-child td ,
      .estateSection .specBlock table tr:first-child th,*/
      h2.caption{
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;text-align: center; }
      p.caption2{
        
	clear:both;}

      .estateSection .specBlock td,
      .estateSection .specBlock th {
		border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        text-align: center; }
      .estateSection .specBlock th {
        background-color: #aacd06; }
      .estateSection .specBlock table tr:first-child td {
        background-color: #dfe1e1;
        border-left: 1px solid #000; }
      .estateSection .specBlock table tr:first-child th {
        background-color: #dfe1e1; }
.estateSection .specBlock .model th{
  background-color: #00ada9;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .mv {
    background-image: url("../images/estate/mv_estate.jpg?v=0"); }
  .estateSection {
    width: 1088px;
    padding-top: 20px;
    margin: 0 auto; }
    .estateSection .kukakuBlock {
      position: relative;
      margin-bottom: 65px; }
      .estateSection .kukakuBlock .title {
        display: inline-block;
        font-size: 24px;
        line-height: 1.1;
        padding: 5px 18px;
        border: 1px solid #000;
        transform: translateY(-35px);}
      .estateSection .kukakuBlock .title small{
        font-size: 18px;}
      .estateSection .kukakuBlock .pct {
        position: relative;
		  text-align: center;}
        .estateSection .kukakuBlock .pct .maplink {
          display: block;
          text-indent: -9999px;
          position: absolute;
          top: 160px;
          left: 62px;
          width: 500px;
          height: 356px; }
          .estateSection .kukakuBlock .pct .maplink:hover {
            background-color: rgba(255, 255, 255, 0.4); }
    .estateSection .specBlock {
      position: relative; }
      .estateSection .specBlock #Spec {
        position: absolute;
        top: -100px;
        left: 0; }
      .estateSection .specBlock .title {
        font-size: 24px;
        margin-bottom: 6px; }
      .estateSection .specBlock table {
        box-sizing: border-box;
        /*ボーダー内側*/
        width: 100%;
        border: 1px solid #000;
        border-bottom: 0px;
        margin-bottom: 10px;}
	.estateSection .specBlock table.price01 {
		float:left;
		width:32%;}
	.estateSection .specBlock table.price02 {
		float:left;
		width:32%;
	margin:0 2%;}
	.estateSection .specBlock table.price03 {
		float:right;
		width:32%;}
	div.specBlock:after {
        content: "."; 
        display: block; 
        height: 0; 
        font-size:0;	
        clear: both; 
        visibility:hidden;
    }
	
      .estateSection .specBlock td,
      .estateSection .specBlock th {
        padding: 14px 0;
        font-size: 15px;}
      .estateSection .specBlock th {
        width: 60px;}
      .estateSection .specBlock table tr:first-child td {
        padding: 2px 0;}
      .estateSection .specBlock table tr:first-child th {
        padding: 2px 0;}
	  .estateSection .specBlock td a {
        color: #0000ff;
		text-decoration: underline;}

      .estateSection .titleBlock {
        padding: 0 0px; }
      .estateSection .titleBlock h2.caption,
      .planSection .titleBlock h2.caption {
        padding: 0px 0 0px;
        font-size: 22px;}
	
	#gallery{
      	margin: 100px auto;
    }
	#gallery p{
		/*width:1088px;
		margin:0 auto;*/
      	text-align: right;
		padding-right:0.5em;
    }
	.rotate_wide  {
      margin: 0px auto;
		height: 260px;
    }
	.rotate_wide li {
      width: 346px;
		height: 260px;
      margin-right: 21px;
    }
	.sp {display: none}
}

@media screen and (max-width: 768px) {
  .mv {
    background-image: url("../images/estate/mv_estate.jpg"); 
	background-position: right 0% center;}
  .estateSection {
    padding: 0 20px; }
    .estateSection .kukakuBlock {
      position: relative;
      margin-bottom: 30px; }
      .estateSection .kukakuBlock .title {
        display: inline-block;
        font-size: 16px;
        line-height: 1.1;
        padding: 3px 10px;
        border: 1px solid #000; }
      .estateSection .kukakuBlock .pct {
        position: relative; }
        .estateSection .kukakuBlock .pct .maplink {
          display: block;
          text-indent: -9999px;
          position: absolute;
          top: 25vw;
          left: 9.6vw;
          width: 74.6vw;
          height: 53.1vw; }
          .estateSection .kukakuBlock .pct .maplink:active {
            background-color: rgba(255, 255, 255, 0.5); }
    .estateSection .specBlock {
      position: relative;
      margin-bottom: 50px; }
      .estateSection .specBlock #Spec {
        position: absolute;
        top: -50px;
        left: 0; }
      .estateSection .specBlock .title {
        font-size: 12px;
        margin-bottom: 5px; }
      .estateSection .specBlock table {
        box-sizing: border-box;
        /*ボーダー内側*/
        width: 100%;/*
        border: 1px solid #d7d7d7;*/
		border-top: 1px solid #000;
		border-right: 1px solid #000;
        border-bottom: 0px;
	    margin-bottom: 20px;}
      .estateSection .specBlock td,
      .estateSection .specBlock th {
        padding: 5px 0;
        font-size: 10px;}
      .estateSection .specBlock th {
        width: 37px; }
      .estateSection .titleBlock h2.caption {
        font-size: 16px;
        margin-bottom: 45px; }
      .estateSection .titleBlock h2.caption img{
        width:65%;}
      /*.estateSection .specBlock table.price02 tr:first-child,
      .estateSection .specBlock table.price03 tr:first-child {
          display:none;}*/
      .estateSection .specBlock table.price02,
      .estateSection .specBlock table.price03 {
          border-top: 0px;}
	
      .estateSection .specBlock td:nth-child(4) {
        width: 34%;}
	
      .estateSection .specBlock .banner {
        padding: 0 15px; } 
	
	#gallery{
      	margin: 50px auto 100px;
    }
	#gallery p{
		width:320px;
		margin:0 auto;
      	text-align: right;
		padding-top:0.5em;
    }
	.bx-wrapper .bx-pager {
  		bottom: -25px!important;
	}
	.pc {display: none!important}
}