@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;

}
    

.login-area-box {
    width: 40%;
    text-align: center;
}
    
    
.login-area-box h3 {
    font-weight: bolder;
    letter-spacing: 2px;
    margin-top: 20px;
    padding-bottom: 10px;
    width: 300px;
    margin: 20px auto;
    border-bottom: 2px solid #333;
}
    
.login-area-box p {
    font-size: 14px;
    margin-top: 27px;
}
    
.btn-push {
    display: inline-block;
    width: 450px;
    text-align: center;
    background-color: #ffa300;
    font-size: 25px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 24px;
    border-radius: 4px;
    border-bottom: 4px solid #d37800;
    letter-spacing: 3px;
    margin-top: 30px;
}
    
.memberWrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
    
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;
}

.outline {
    width: 1140px;
    background: rgba(255,255,255,0.6);
    margin: 0 auto;
}
    
#recommendf {
display: none;
    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;
}
}