/*css*/
/*all*/
body{
	margin:0;
	padding:0;
}
img{
border:0;
padding:0;
margin:0;
}
a{
text-decoration:none;

}
ul{
padding:0;
margin:0;
}
li{
margin:0;
padding:0;
}
a:active { 
text-decoration:none;
} 
a:hover {
text-decoration:none;
} 
a:visited{
text-decoration:none;
}
.blank{
clear:both;
}
ul li{
list-style:none;
margin:0;
padding:0;
}
.main-content{
font-family:helvetica,arial,"lucida grande",verdana,"メイリオ","ＭＳＰゴシック",sans-serif ! important;
margin:0;
}
.blank{
  clear:both;
}

.banner{
width:100%;
margin:0;
margin-bottom: -9px;
}

.banner img{
width:100%;
height:auto;
margin:0;
}
.main-content{
background-color:#fff;

width:100%;

}
.banner-small{
  display:none;
}
/*coupon part*/
#coupon-container {
  width: 100%;
  background-color: #000;
}
#coupon{
    padding: 10px 20px 10px 20px;
    margin: 0 auto;
    font-family: メイリオ;
}
#coupon-big, #coupon-small {

  height: auto;
  font-weight: 900;
  text-align: center;
 
  line-height: 130%;
 
  margin-top: 12px;
  margin-bottom: 6px;
}
.bignumber {
  font-size: 2.5rem;
  }
.lightyellow {
  color: #FFD71A;
  font-weight: 100;
  font-size: 1rem;
}
.whitelink {
  color: #fff;
  font-size: 0.9rem;
  cursor: pointer;
}
#coupon-small{
  display:none;
}
.yellow-big{
  color:#ffd610;
  font-size: 1.5rem;
  font-weight: 900;
}
.yellow-small{
   color:#ffd610;

}
.red-big{
  color:#ef0512;
  font-size: 1.3rem;
  font-weight: 900;
}
.red-small{
  color:#ef0512;
  font-weight: 900;
}
.white-small{
  color:#fff;
  font-size:0.8rem;
}
/*transport link*/
#pro-lists{
  font-size: 0;
  letter-spacing:-4px; 
  word-spacing:-4px; 
}
#pro-lists li{
 display:inline-block;
 width:33.3%;
 padding-left:3%;
 padding-right:3%;
   letter-spacing:normal; 
  word-spacing:normal;
}
.product-box{
  border:solid #c8c8c8 1px;
  position:relative;
  margin-top:40px;
}
.send-link{
  float:right;
  margin-top:2px;
}

.send-link a{
  line-height: 30px;
  vertical-align: top;
  color:#d52821;
  font-weight: bold;
  padding-right:15px;
}

/*product box part*/
.products{
 
 margin:0 auto;
}

.pro-img, .more-info{
  width:100%;
}
.pro-img{
  padding-top:20px;
  background-color: #efefef;
  text-align: center;
}
.pro-pic{
 width:100%;
 height: auto;
}
.red-img, .grey-img{
  position:absolute;
  left:-20px;
  top:-20px;
}
.red-img{
  display:none;
}
.grey-img{
  display:block;
}
.change .red-img{
  display:block;
}
.change .grey-img{
  display:none;
}
.pro-info{
  margin-top:10px;
  margin-left:20px;
  margin-right:20px;
  font-size: 1rem;
  font-weight: 600;
  padding-bottom:20px;
  color:#000;
  line-height: 30px;
}
.pro-info .pro-name{
  
  width:auto;
  font-size: 1.2rem;
  color:#d72928;
  font-weight: 900;
  border-bottom:solid #d72928 3px;
  margin-bottom:5px;
}

.change .more-info{
  background-color: #db2b1e;
  color:#fff;
}
.more-info{
    font-size: 1rem;
      letter-spacing:normal; 
  word-spacing:normal;
  color:#999999;
  background-color: #eeeeee;
  line-height: 40px;
  vertical-align: center;
  text-align: center;
  font-weight:900;
}
.change .more-info .triangle{
  width:0;
 height:0;
  border-left:solid #fff 7px;
  border-top:solid transparent 7px;
  border-right:solid transparent 7px;
  border-bottom:solid transparent 7px;
  float:right;
  margin-top:13px;
  margin-right:8px;
}
.more-info .triangle{
 width:0;
 height:0;
  border-left:solid #999999 7px;
  border-top:solid transparent 7px;
  border-right:solid transparent 7px;
  border-bottom:solid transparent 7px;
  float:right;
  margin-top:13px;
  margin-right:8px;
}

/*bottom text*/
.notes{
  
  margin-left:4%;
  margin-right:4%;
  margin-top:100px;
  color:#555;
  padding-bottom:100px;
}
.notes p{
  margin-top:10px;
}
.notes p a{
  color:#009dd9;
}


/*RWD part*/
 @media screen and (min-width: 816px) {
 
}
@media screen and (min-width: 513px) and (max-width: 815px) {
  #pro-lists li{
display:inline-block;
 width:50%;
 padding-left:3%;
 padding-right:3%;
   letter-spacing:normal; 
  word-spacing:normal;
}
  }

@media screen and (max-width:512px){
  #pro-lists li{
 display:inline-block;
 width:100%;
 padding-left:5%;
 padding-right:5%;
   letter-spacing:normal; 
  word-spacing:normal;
}
#coupon-small{
  display:block;
}
#coupon-big{
  display:none;
}
.banner-small{
  display:block;
}
.banner-big{
  display:none;
}

}