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

.top .table_typeG th,
.top .table_typeG td:nth-of-type(2),
.top .table_typeG td:nth-child(n+4),
.top .sell_jirei_list_pager,
.top #news #blog_latest_view_2_pager,
.sell_case_list .table_typeG th,
.sell_case_list .table_typeG td:nth-of-type(2),
.sell_case_list .table_typeG td:nth-child(n+4) {
    display:none;
}
.top .table_typeG td:nth-of-type(1),
.sell_case_list .table_typeG td:nth-of-type(1) {
    background: #3c3c3c;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 7px;
    text-align: center;
    margin: 16px 14px;
    display: block;
}
.top .table_typeG tr,
.sell_case_list .table_typeG tr {
    border-bottom: 1px solid #c8c8c8;
    padding: 16px 0 14px;
}
.top .table_typeG .line_plus {
    padding: 12px 0;
}
.top .table_typeG tr:nth-child(n+5) {
    display: none;
}
.top .table_typeG td:nth-of-type(1) {
    background: #3c3c3c;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 7px;
    text-align: center;
    margin: 16px 14px;
    display: block;
}
/* 販売物件一覧ボタンだけ中央寄せ */
#estate .btn.estate-more{
  width: 100%;
  text-align: center;
  margin-top: 24px;
}
#estate .btn.estate-more > a{
  display: inline-flex;
}
@charset "UTF-8";
/* CSS Document */

.top .table_typeG th,
.top .table_typeG td:nth-of-type(2),
.top .table_typeG td:nth-child(n+4),
.top .sell_jirei_list_pager,
.top #news #blog_latest_view_2_pager,
.sell_case_list .table_typeG th,
.sell_case_list .table_typeG td:nth-of-type(2),
.sell_case_list .table_typeG td:nth-child(n+4) {
    display:none;
}
.top .table_typeG td:nth-of-type(1),
.sell_case_list .table_typeG td:nth-of-type(1) {
    background: #3c3c3c;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 7px;
    text-align: center;
    margin: 16px 14px;
    display: block;
}
.top .table_typeG tr,
.sell_case_list .table_typeG tr {
    border-bottom: 1px solid #c8c8c8;
    padding: 16px 0 14px;
}
.top .table_typeG .line_plus {
    padding: 12px 0;
}
.top .table_typeG tr:nth-child(n+5) {
    display: none;
}
.top .table_typeG td:nth-of-type(1) {
    background: #3c3c3c;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 7px;
    text-align: center;
    margin: 16px 14px;
    display: block;
}



body.top #estate .btn.estate-more > a{
  display: inline-block !important; /* text-align:centerで効く形にする */
  float: none !important;
  margin: 0 auto !important;
  position: relative !important;    /* ::before/::after の基準を守る */
  left: auto !important;
  transform: none !important;
}


  /* a のデザインは index.css 側を活かす（余計に触らない） */
  body.top #estate .estate-wrap.flex-box .btn.estate-more > a{
    margin: 0 !important;
  }
}
/* ============================
   #estate の「販売物件一覧」ボタンを中央寄せ（PC：grid対応）
============================ */
@media screen and (min-width:768px){

  /* ボタンの箱（gridアイテム）を“横いっぱいの行”にして中央へ */
  body.top #estate .estate-wrap .btn.estate-more{
    grid-column: 1 / -1 !important;   /* 1行まるごと使う（超重要） */
    justify-self: center !important;  /* その行の中央へ */
    width: max-content !important;    /* 中身の幅にする */
    margin-top: 24px !important;

    float: none !important;
    clear: both !important;
  }

  /* a はデザイン維持。変な width:100% があれば殺す */
  body.top #estate .estate-wrap .btn.estate-more > a{
    width: auto !important;
  }
}
/* ============================
   販売物件一覧ボタン：デザイン復元（中央は維持）
============================ */

/* grid上で中央に置く（← これは今効いているやつ） */
@media screen and (min-width:768px){
  body.top #estate .btn.estate-more{
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: auto !important;
  }
}

/* aタグは“flexをやめて元の見た目に戻す” */
body.top #estate .btn.estate-more > a{
  display: inline-block !important;   /* ← flexを殺す（重要） */
  width: auto !important;
  max-width: none !important;
}

/* 疑似要素（白丸・矢印）がズレていた場合の保険 */
body.top #estate .btn.estate-more > a::before,
body.top #estate .btn.estate-more > a::after{
  display: inline-block !important;
}
/* =========================================
   #estate「販売物件一覧」ボタン：中央寄せ＋デザイン維持（最終版）
   ※index.css の #estate .btn a のデザインをそのまま使う
========================================= */

/* PC：.estate-wrap が grid のとき */
@media screen and (min-width:768px){
  body.top #estate .estate-wrap .btn.estate-more{
    grid-column: 1 / -1 !important;   /* 1行使う */
    justify-self: center !important;  /* 行の中央 */
    width: auto !important;
    margin-top: 24px !important;
  }
}

/* a は “index.css の見た目を壊さない” のが最重要 */
body.top #estate .btn.estate-more > a{
  display: flex !important;      /* ← index.css の前提に合わせる（超重要） */
  width: 330px !important;       /* ← index.css(pc)と同じに固定して崩れ防止 */
  height: 60px !important;       /* ← index.css(pc)と同じ */
  margin: 0 !important;
}