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

/* ============================
   OUTLINE
============================ */

#outline .labo-content{
  background:#fff;
  padding:80px 24px;
  border-radius:8px;
}

/* 物件概要タイトル */

#outline .labo-title{
  position:relative;
  color:#111;
  font-size:28px;
  font-weight:700;
  letter-spacing:.08em;
  padding-bottom:20px;
  margin-bottom:50px;
  text-align:center;
}

#outline .labo-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:120px;
  height:1px;
  background:#b08b57;
}

/* 物件名 */

.title3{
  text-align:center;
  margin-bottom:40px;
}

.title3 p{
  display:inline-block;
  background:#fff;
  color:#111;
  padding:14px 24px;
  font-size:22px;
  font-weight:700;
  letter-spacing:.08em;
  border-left:none;
}

/* ============================
   物件概要見出し
   基本物件概要
   予告分譲住宅
============================ */

.outlineList .estate_detail_outline_body_title{
  display:block;
  width:100%;
  font-size:32px;
  font-weight:700;
  line-height:1.4;
  text-align:left;
  color:#111;
  margin:60px 0 20px;
  padding-bottom:10px;
  border-bottom:2px solid #b08b57;
}

.outlineList .estate_detail_outline_body_title:first-child{
  margin-top:0;
}

/* ============================
   テーブル
============================ */

.outlineList{
  max-width:1300px;
  margin:0 auto;
}

.outlineList table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.outlineList .table-condensed{
  margin-bottom:0px;
}

.outlineList th{
  width:28%;
  padding:18px 24px;
  background:#f6f1e8;
  border-bottom:1px solid #d9c4a1;
  font-weight:700;
  color:#333;
  text-align:left;
  vertical-align:top;
}

.outlineList td{
  padding:10px 24px;
  border-bottom:1px solid #ddd;
  color:#555;
  line-height:1.8;
  text-align:left;
  font-size:16px;
  letter-spacing:.02em;
}


.outlineList tr:last-child th,
.outlineList tr:last-child td{
  border-bottom:none;
}

.outlineList tr:nth-child(even) td{
  background:#fcfcfc;
}

/* リンク */

.outlineList a{
  color:#b08b57;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
}

.outlineList a:hover{
  text-decoration:underline;
}

/* リスト */

.outlineList ul,
.outlineList li{
  list-style:none;
  margin:0;
  padding:0;
}

/* 敷地面積の ～ */

.tableSiteArea__item + .tableSiteArea__item::before{
  content:"\301C";
  transform: rotate(90deg);
  display: inline-block;
  font-size:18px;
  font-weight:700;
  color:#666;
  text-align:center;
  margin:4px 0 4px -8px;
}

/* ============================
   SP
============================ */

@media (max-width:768px){

  .title3 p{
    font-size:18px;
    padding:10px 20px;
  }

  #outline .labo-title{
    font-size:28px;
  }

  .outlineList .estate_detail_outline_body_title{
    font-size:24px;
    margin:40px 0 15px;
  }

  .outlineList table,
  .outlineList tbody,
  .outlineList tr,
  .outlineList th,
  .outlineList td{
    display:block;
    width:100%;
  }

  .outlineList tr{
    margin-bottom:18px;
    border:1px solid #ddd;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
  }

  .outlineList th{
    padding:12px 15px;
    font-size:14px;
    border:none;
    background:#f6f1e8;
  }

  .outlineList td{
    padding:15px;
    font-size:14px;
    border:none;
    line-height:1.8;
  }
}

@media (min-width: 769px){

  .table-responsive_none{
    border: 1px solid #e5e5e5;
  }
}