@charset "utf-8";
/******** 最近見た物件 PC ********/

/* 外枠 */
#out_table{
margin:5px 0 5px; width:99%;
padding:0;
border-spacing:0px;
  text-align:center;
  font-size:13px;
  background-color:#ffffff;
  border-radius:10px;
  border:1px solid #fcbf1e;
}

/* タイトル */
#title_recent{
  text-align:center;
  font-size:14px; margin:0; padding:5px 0 5px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  text-shadow:1.1px 1.1px 1px #aaaaaa; letter-spacing:0.2em;
}


/* 外枠のラッパー */
.sly-horizontal-wrapper {
  display: flex;
  align-items: center; /* 上下中央揃え */
  justify-content: 
  space-between;
  width: 100%;
  margin: 0 auto;
}

/* Frame */
.h-frame {
  flex-grow: 1; /* 余った幅をすべて使う */
  margin: 0 0 10px; /* ボタンとの隙間 */
  width: 100%;
	height: 170px;  /* 物件データ 縦*/
	/* line-height: 250px; */
	overflow: hidden;
  position: relative;
}
.h-frame ul#recent_ul{
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
/* 個別物件枠*/
.h-frame ul#recent_ul li{
  float: left;
  width: 130px; 
  height: 170px;
  margin-right: 2px; 
}

/*売買*/
.recenttable_buy{ 
	position: relative; /* 削除ボタン用 */
  background-color:#fff6e9;
  padding:0;
  margin:0 0 2px;
  border-bottom:1px solid #e4e4e4;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/*賃貸*/
.recenttable_rent{ 
	position: relative; /* 削除ボタン用 */
  background-color:#f2f3ed;
  padding:0;
  margin:0 0 2px;
  border-bottom:1px solid #e4e4e4;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/* 画像サイズ */
.recenttable1{
 width:130px; height:90px;
overflow:hidden; position: relative;
vertical-align:top; text-align:center; 
}
.recenttable1 img{
  position: absolute;
  top: 50%;  left: 50%;  transform: translate(-50%, -50%); /* 上下左右に中央配置 */
max-height: 120%; 
}
/* データ表示エリア */
.recenttable2{
display:table-cell;
  text-align:left; padding:5px 5px 3px;
  font-size:11px;
  letter-spacing:0.05em;
  line-height: 1.3;
}
/* 価格 */
.recentprice{
  color:#ff0000;
  font-weight:bold;
  font-size:12px;
  letter-spacing:0.05em;
}


/* ▼▲ボタンのスタイル */
.btn-prev, .btn-next {
  height:170px;
  padding: 0 3px 0; font-size:12px; margin:0 5px 7px 5px;  border:1px solid #d0fffe; border-radius:5px;
  flex-shrink: 0; /* ボタンが潰れないように固定 */
  cursor: pointer;
}

/* 最初のアイテムのとき、左ボタンを半透明にする（クリックも無効化） */
.btn-prev.disabled,
/* 最後のアイテムのとき、右ボタンを半透明にする */
.btn-next.disabled {
  opacity: 0.3;
  pointer-events: none; /* クリックイベントを無効化 */
}


/* ×削除ボタン  position: absolute;       */
.delbutton{
 position: absolute;  right:1px; bottom:1px;
 background-color:#ffffff;
}
.delbutton a:hover{ background-color:#ffdbed;}