@charset "UTF-8";

/* ************************************************************************
* 
* ボトムカート
*
************************************************************************ */

#btmCart{
  position: fixed;
  left:0px;
  bottom:-262px;
  width:100%;
  z-index: 100000;
}
#btmCart .cartInner{
  margin:0 auto;
  padding: 6px 0 0 0;
  width:980px;
  background: url(/image/common/cart_bg_shadow.png) 0 0 repeat-x;
}

/* -------------- カートヘッダー -------------- */

#cartBar{
  padding: 7px 32px 7px 7px;
  height: 40px;
  color:#fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1em;
  overflow: hidden;
  background: #CA3262 url(/image/common/cart_bg_bar_arrow_up.png) 952px center no-repeat;
}
#cartBar.active{
  background: #CA3262 url(/image/common/cart_bg_bar_arrow_down.png) 952px center no-repeat;
}
#cartBar .colL{
  float: left;
  width:730px;
}
#cartBar .colR{
  float: right;
  text-align: right;
  width:211px;
}
#cartBar .barTtl{
  float: left;
  display: inline-block;
  margin:0 8px 0 0;
  padding: 7px 0 0 26px;
  background: url(/image/common/cart_ic_cart.png) 0 1px no-repeat;
}
#cartBar .cartLink{
  float: left;
  width:109px;
  height: 26px;
  color: #333;
  font-size: 12px;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
  background: url(/image/common/cart_bg_b_cart.png) 0 0 no-repeat;
}
#cartBar .cartLink span{
  display: inline-block;
  padding: 1px 0 0 13px;
  background: url(/image/common/cart_ic_arrow_link_pink.png) 0 center no-repeat;
}

#cartBar .hatenaLink{
  float: right;
  padding: 5px 0 0 7px;
  width:16px;
}
#cartBar .point{
  display: inline-block;
  padding: 7px 0 0 10px;
}
#cartBar .cartOpen{
  float: right;
  display: block;
  padding: 5px 10px 5px 10px;
  font-size:13px;
  font-weight: bold;
  text-align: center;
  border:2px solid #fff;
}

/* -------------- カートコンテンツ -------------- */

#btmCart .cartContents{
  padding: 20px 0;
  height: 262px;
  background: #F8E5EA;
  border-left: 1px solid #CC2E61;
  border-right: 1px solid #CC2E61;
}
#btmCartSlide{
  position:relative;
  padding: 0 18px;
  width:942px;
}
#btmCartSlideInner{
  position:relative;
  width:942px;
  height: 222px;
  overflow: hidden;
}
#btmCartSlideItem{
  position: absolute;
  z-index: 100001;
}
#btmCartSlideItem .item{
  float: left;
  padding:0 2px;
  width: 153px;
}
#btmCartSlideItem .item a.product{
  display: block;
  width: 151px;
  height: 220px;
  text-align: center;
  background: #fff;
  border: 1px dotted #D7D7D7;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}
#btmCartSlideItem .item a.product:hover{
  background: #ECE2D0;
}
#btmCartSlideItem .item a.product .productImg{
  display: block;
  margin:14px auto 10px auto;
  width:115px;
  height: 115px;
  overflow: hidden;
}
/* ＠2015/05/22 画像の大きさ対応＠ */
#btmCartSlideItem .item a.product .productImg img{
  width:100%;
  height: auto;
}
/* ＠2015/05/22 画像の大きさ対応＠ */
#btmCartSlideItem .item a.product .brandName{
  height: 15px;
  overflow: hidden;
}
#btmCartSlideItem .item a.product .productName{
  display: block;
  margin:0;
  padding: 0 5px;
  height: 32px;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.3em;
  overflow: hidden;
}
#btmCartSlideItem .item a.product .price{
  display: block;
  padding: 0 5px;
  height: 18px;
  color: #333;
  font-size: 12px;
  line-height: 1.3em;
  overflow: hidden;
}
#btmCartSlidePrev{
  display: none;
  position: absolute;
  top:50%;
  left:0;
  margin-top:-30px;
  width: 20px;
  z-index: 100002;
}
#btmCartSlideNext{
  display: none;
  position: absolute;
  top:50%;
  right:0;
  margin-top:-30px;
  width: 20px;
  z-index: 100002;
}
/* ＠Add 2016/01/26 T.Ishigaki カート遷移なし対応 アニーメーション用商品アイテム用CSS追加 START＠ */
#cartItemBox {
  position: absolute;
  left: 0;
  top: 0;
  border: #ca3262 solid 3px;
  width: 98px;
  height: 98px;
  z-index: 200000;
  overflow: hidden;
  display: none;
}
/* ＠2015/04/23 アニーメーション用商品アイテム用CSS追加 END＠ */