dl#news{
}

dl#news dd{
  clear: left; 
  float: left;
    padding:2px 0.5em 2px 0.5em;
    line-height:1.5em;
    border-radius: 10px;
   width: 80px;
   text-align: center; 
   font-size: 12px; 
}

dl#news dt{
    margin: 2px 10px 2px 0px;
    padding:1px 0.5em 1px 8em;
    line-height:1.5em;
}

.newarrival {
  background-color:  #f5003a;
  color: #fff; 
}

.campaign-info {
  background-color:  #fde200;
  color: #313331; 
}

.pickup {
  background-color:  #6ce7f6;
  color: #313331; 
}

.notice {
  background-color:  #cccccc;
  color: #313331; 
}

.blog {
  background-color:  #fffbd2;
  color: #313331; 
}

.restock {
   background-color: #acf9c0;
   color: #313331;
}

.sale {
  background-color: #ffec71; 
  color: #ff2874; 
}
 
dl#news a{
    padding: 5px 20px 5px 0;
    color:##6c6c6c;
    text-decoration: none;
}
 
dl#news a:hover{
    text-decoration:none;
}

.top-sml-logo {
  margin-left: 40px;  
}

.top-sml-logo img {
  padding: 20px 10px; 
}

.bottom-free-space {
  clear: both; 
}

.top_sale {
	width: 23%;
    float: left;
    text-align: center;
    margin: 0px 7px 14px;
}

.top_sale p{
}

.top_sale_title {
  font-weight: bold;
  color: ##192d58;
}

.top_sale_discount {
position: absolute;
    font-weight: bold;
    font-size: 17px;
    background-color: #ff1366;
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 4px;
}

.top_sale_discount strong{
    font-weight: bold;
    font-size: 1.5em;
}

.seller {
  margin-top: 28px; 
}

.seller_heading {
      color: #ff72dc;
    font-style: italic;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    border-bottom: 4px #ff72dc dotted;
    padding-bottom: 0;
}

.top_mid img {
  margin-bottom: 10px;
}

.top_othernewproducts a{
      color: #fff;
    font-weight: bold;
  }
  
.top_othernewproducts {
  margin: 0 10px;
    text-align: center;
    background-color: #FF72E1;
    padding: 10px;
    font-size: 1.2em;
    letter-spacing: 3px;
  }
  
.border_solid_grey {
  border: solid 1px #ccc; 
}

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
   .top-sml-logo img {
     width: 40%;
  }
  
  .top_sale {
    width: 46%;
    float: left;
    text-align: center;
    margin: 0px 2%;
}

.top_sale p{
}

.top_sale_title {
  font-weight: bold;
  color: ##192d58;
}

.top_sale_discount {
position: absolute;
    font-weight: bold;
    font-size: 17px;
    background-color: #ff1366;
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 4px;
}

.top_sale_discount strong{
    font-weight: bold;
    font-size: 1.5em;
}
  
.top_mid {
  margin: 0 5px;
}
  
}