/*  最近見た商品    横スクロール horizontal     CSS */
@charset "utf-8";

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

/* タイトル */
#title_recent{
  text-align:center;
  font-size:14px; margin:0; padding:5px 0 5px;  border-radius:7px;
  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 0;
}

/* フレーム（ここで表示する高さを制限する） */
.h-frame {
  flex-grow: 1; /* 余った幅をすべて使う */
  margin: 0 5px; /* ボタンとの間に隙間を作る */
  width: 100%;
  height: 145px;
  overflow: hidden;
  position: relative;
}

.h-frame ul#recent02_ul{
  list-style: none;
  padding: 0;
  margin: 3px;
  height: 100%;
}

/* アイテム */
.h-frame ul#recent02_ul li{
  float: left;
  width: 106px; /* 幅 (高さは.horizontal_table_0 table)*/ 
  height: 100%;
  margin-right: 1px; 
}

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

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


.horizontal_table_0{
  background: #f7f7f7;   /* アイテム背景  */
  padding:0; position: relative;
  margin:0 0 2px;
  border-right:1px solid #d9dcdc;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

/*画像表示部*/
.horizontal_img{
  display: flex; justify-content: center; align-items: center; /* 上下中央*/
  width:90px;height:70px; margin:3px auto 0;
}

/*データ表示部*/
.horizontal_table1{
  text-align:center;horizontal-align:top; 
  padding:5px 1px 0 1px; 
  font-size:12px;
  line-height:1.3;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.horizontal_head{font-size:10px;}/*商品名*/
.horizontal_number{font-size:9px;}/*型番*/
.horizontal_price{/*価格*/
  color:#ff0000;
  font-weight:bold;
  font-size:11px;
  letter-spacing:0.05em;
}
.horizontal_pricetxt{/*価格後テキスト*/
  color:#ff0000;
  font-size:10px;
  letter-spacing:0.05em;
}

/* オンマウス時の背景色*/
.horizontal_table_0:hover {background-color:#d7e3f4;}

/* ×削除ボタン 縦 */
.delbutton2{
 position: absolute;
 width:10px; height:10px;  bottom:7px; right:3px;
 font-size:13px; 
}
.delbutton2 a{ text-decoration:none;}
.delbutton2 a:hover{ background-color:#ffdbed;}