@charset "utf-8";

#miniCart {
  position: relative;
  margin:0 5px;
}

#miniCartHeader {
  overflow: hidden;
  height: 50px;
  color: #333333;
  text-decoration: none;
  display: table-cell;
  vertical-align:middle;
  text-align: center;
  width:300px;
  background-color: #fff;
}

#miniCartHeader:hover {
  cursor: pointer;
}

#miniCartDetailArea {
  text-align: left;
  line-height: 20px;
  z-index: 299;
  position: absolute;
  box-shadow: 5px 5px 5px #ddd;
  padding: 10px 5px 5px 5px;
  width: 100%;
  min-width: 100%;
  background-color: white;
  overflow: auto;
  color: #000000;
  max-height: 300px;
  border: 1px solid rgb(238, 238, 238);
}

#miniCartDetail {
  height: 100%;
  width: 100%;
  overflow: auto;
}
#miniCart .miniCartShopLink {
  padding: 15px 10px;
}

#miniCart .miniCartPriceArea span{
  color:red;
  font-weight: bold;
}
#miniCart .miniCartItemDetail {
  width: 95%;
  height: 100px;
  margin: 0 15px 0 5px;
  padding:10px 0;
  display:flex;
  font-size:.9em;
}
#miniCart .miniCartItemDetail .leftBox {
  width: 100%;
}
#miniCart .miniCartItemDetail input {
  width: 50px;
}

#miniCart .miniCartItemDetail .rightBox {
  width: 20%;
}


#miniCart .miniCartItemDetail+.miniCartItemDetail {
  border-top: 1px dotted #aaa;
}

#miniCart img.miniCartItemImage {
  float: left;
  width: 60px;
  height: 60px;
  margin: 5px 5px 5px 5px;
  cursor: pointer;
}

#miniCart img.miniCartItemImage:hover {
  opacity: 0.7;
}

#miniCart .miniCartRightDetail {
  float: left;
  width: 65%;
  height: 60px;
  margin: 5px 5px 5px 0px;
  overflow: hidden;
  font-size: 0.9em;
  line-height:1.3em;
  text-overflow: ellipsis;
}
#miniCart .miniCartItemUrl{
  font-weight: bold;
}
#miniCart .miniCartItemIncwork {
  font-size: 0.9em;
}

#miniCart .miniCartItemQuantityArea {
  font-size: 0.9em;
  display:inline-block;
}

#miniCart .miniCartReserve {
  color: red;
}

#miniCartDetail .infoDelivery{
  font-size: 0.8rem;
  padding: 10px;
  border:1px solid #999;
  margin-bottom: 5px;
  background-color: #eee;
}

#miniCartDetail .infoDelivery span{
  font-size: 0.9rem;
  color:red;
  font-weight: bold;
}

#miniCartFooter {
  z-index: 1200;
  width: 100%;
  height: 60px;
  left: 0px;
  position: fixed;
  bottom: 0px;
  background: rgba(51, 51, 51, 0.7);
}


#miniCartFooter p, #miniCartFooter b {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}

#miniCartFooter .cart {
  width: 84px !important;
}

.floating-txt {
  color: #ffffff;
  display: inline-block;
  text-align: left;
}

.floatThum {
  width: 36px;
  height: 36px;
  text-align: center;
  border: 1px solid #ffffff;
  float: left;
  background: #ffffff;
  margin-left: 10px;
}
/*-----------------------------
  数量・削除
-----------------------------*/
.quantityCol {
    text-align:center;
    width:10%;
}
.buttonCol{
    text-align:center;
    width:12%;
}
.deleteButton {
    width: 80px;
}
.plusminus_smallButton {
    vertical-align:center;
    width: 25px;
    padding: 1.5px;
}
table.right{
   margin-left : 50px;
   margin-right : 0 ;
}