@charset "UTF-8";

/* IE10以降 */
@media all and (-ms-high-contrast: none){

section > div.title_sub_image {

    background-color: #f6f5f5;
    width: 100%;
    height: auto;
    padding: 80px 0;

}
    
    
.fl {

    width: 48%;
    float: left;
}
    
.fr {

    width: 48%;
    float: right;

}
 
#other {
    padding: 3.2rem 0;
}

main .saleitem > ul a {

    width: -moz-calc((100% - 0.8rem*14)/5);
    width: -o-calc((100% - 0.8rem*14)/5);
    width: -webkit-calc((100% - 0.8rem*14)/5);
    width: calc((100% - 0.8rem*14)/4.4);
    margin: 0 8px 8px 0;
    padding: 0.8rem;

}
    
main .saleitem > ul a {

    position: relative;
    float: left;
    outline: solid 1px #fff;
    color: #333;
    background-color: #fff;

}
    
main .saleitem > ul a > li .category ul li {

    margin: 0 0.8rem 1rem 0;
    font-size: 0.75rem;

}

main .saleitem > ul a > li .image {

    margin-bottom: 20px;

}
    
main .saleitem > ul a > li .name {

    font-size: 0.9rem;
    padding-top: 15px;

}
    
#fix_coupon_1 {

    width: 120px;
    height: 160px;
    position: fixed;
    top: 100px;
    right: -40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 9999;

}
 
#fix_coupon_2 {

    width: 120px;
    height: 160px;
    position: fixed;
    top: 280px;
    right: -40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 9999;

}
    
#fix_coupon_2 a {

    right: 0px;
    outline: none;
    display: block;
    background: url(../images/coupon_flow_02.png) no-repeat scroll 0 0 transparent;
        background-position-x: 0px;
        background-position-y: 0px;
    background-position: 0px 0px;
    width: 120px;
    height: 160px;

}

main .saleitem3 > ul {padding-left: 120px;}
    
main .saleitem3 > ul a {
    width: -moz-calc((100% - 0.5rem*14)/3.1);
    width: -o-calc((100% - 0.5rem*14)/3.1);
    width: -webkit-calc((100% - 0.5rem*14)/3.1);
    width: calc((100% - 0.5rem*14)/3.1);
    margin: 0 0.8rem 0.8rem 0;
    padding: 0.8rem;
    border: 3px solid red;
}
    
#recommendf {

    margin: 0 auto 3.2rem;

}
    
#recommendf ul li {
    width: -moz-calc((100% - 0.8rem*4)/5.1);
    width: -o-calc((100% - 0.8rem*4)/5.1);
    width: -webkit-calc((100% - 0.8rem*4)/5.1);
    width: calc((100% - 0.8rem*4)/5.1);
    margin: 0 0.8rem 0.8rem 0;
}
    

    
#recommendf h1 {
    margin-bottom: 0.8rem;
    padding: 0.8rem;
    font-size: 1.4rem;
}
 
#mailmagazine {
    margin: 0 auto;
    width:1200px;
    padding-bottom: 50px;
}
    
#mailmagazine a h1 {

    max-width: 1170px;
    width: expression(document.body.clientWidth > 1172? "1170px" : "auto");
    margin: 0 auto;
    padding: 1.6rem 0.8rem;
    font-size: 1.4rem;

}
    
#mailmagazine a p {

    padding: 1.6rem;

}
    
#fix_top {

    width: 123px;
    height: 157px;
    position: fixed;
    bottom: 20px;
    right: 0px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 9999;

}
    
footer ul {

    margin: 0 0 3.2rem;
    padding-top: 30px;

}
    
}

/*Firefox*/
@-moz-document url-prefix(){
  #recommendf ul li {
    width: -moz-calc((100% - 0.8rem*4)/5.1);
    width: -o-calc((100% - 0.8rem*4)/5.1);
    width: -webkit-calc((100% - 0.8rem*4)/5.1);
    width: calc((100% - 0.8rem*4)/5.1);
    margin: 0 0.8rem 0.8rem 0;
}
}