@charset "utf-8";

#brc p span.small{font-size: 11px;}

#brc.brc00.contentswrap{width:100%; overflow: hidden; margin-bottom: 60px;}
    #brc.brc00 h1{padding:20px 0 5px; margin:0;}
        #brc.brc00 a:hover{text-decoration: none; opacity: 0.7;}
        #brc.brc00 .main p{font-size: 18px;}
        #brc.brc00 nav{overflow: hidden; margin-bottom: 40px; font-size: 0;}
        #brc.brc00 nav li{display: inline-block; vertical-align: top; border: 1px solid #cccccc; width:32.5%; margin:0 1.2% 1.2% 0; padding:12px 0; box-sizing: border-box; background: none;}
        #brc.brc00 nav li:nth-of-type(3n){margin-right: 0;}
        #brc.brc00 nav li p{font-size: 14px; margin: 10px auto 0}
        #brc.brc00 nav li a{display: block; width:100%;font-size: 14px;}
        
        #brc.brc00 .postage{margin-top: 3px;padding:30px 30px 30px; position:relative;}
        #brc.brc00 .main .postage p{font-size: 16px; text-align: left; margin: 0 auto 10px;}
        #brc.brc00 .main .postage p.ltxt{font-size: 18px;}
        #brc.brc00 .main .postage p.stxt{font-size: 14px; color: #dc5f36;}

#brc.brc00 .coupon{width: 100%;height: 45px; background-color: #822009;text-align: center;color: #fff;padding: 7px;font-weight: bold;margin-bottom: 1.2%;}
#brc.brc00 .coupon p{font-size: 16px; text-align: center;}
#brc.brc00 .coupon span{letter-spacing: 0.2rem;}
#brc.brc00 .coupon .ltxt{font-size: 28px;}
#brc.brc00 .coupon_code span{font-size: 18px;}
#brc.brc00 .itemblock#brc.brc00{overflow: hidden; margin: 70px auto 0px;}
#brc.brc00 .itemblock p{font-size: 14px;}
#brc.brc00 .brc_content{
    position: relative;
    background-image: url("../../../img/usr/genre/brc00/241122_brc00_bg.jpg");
    padding-bottom: 20px;
    padding-top:145px;
    background-repeat: no-repeat;
    padding-bottom:60px;
    margin-top:-8px;
    background-size: cover;
}
#brc.brc00  .productBlock{
margin:0 25px;
}
#brc.brc00  .productBlock{
        background: #fff;
    padding: 25px 40px;
    margin-bottom:15px;
}
#brc.brc00  .productBlock .onecolumn{
    margin-bottom:0px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
#brc.brc00  .productBlock .textBox{
    width:50%;
}
#brc.brc00  .productBlock .textBox .textBox_name{
    font-size:20px; padding:10px 0; margin-bottom: 0px;
}
#brc.brc00  .productBlock .textBox .textBox_detail{
   max-width: 320px;
}
#brc.brc00  .productBlock .textBox p{
    margin-bottom:20px;
}
#brc.brc00  .productBlock .textBox p.price{
    margin-bottom:20px;
    font-size:20px;
    display:flex;
    color:#d40104;
    align-items:center;
}
#brc.brc00  .productBlock .textBox p.price span{
    font-size:12px;
}
#brc.brc00  .productBlock .textBox p.price img{
    display:inline-block;
    margin-right:5px;
}
#brc.brc00 .price::after{ font-size:12px; }
#brc.brc00  .productBlock .textBox p.logo{
    margin-bottom:0;
}
#brc.brc00 .brc_content_ttl{
    text-align:center;
    font-size:20px;
    position:relative;
    padding-top: 50px;
}
#brc .productBlock .onecolumn .imgBox {
    width: 48%;
}
#brc.brc00 .productBlock .textBox p.textlink,
#brc.brc00 .itemblock p.textlink{
    background-color: #af1f1f;
    width: 100%;
    max-width: 300px;
}
#brc.brc00 .productBlock .textBox p.textlink:before,
#brc.brc00 .itemblock p.textlink:before{
    display:none;
}
#brc.brc00 .productBlock .textBox p.textlink a,
#brc.brc00 .itemblock p.textlink a,
#brc.brc00 .coupon_code p.textlink a{
        text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    display: block;
    width: 100%;
}
      #brc .four_column_bland{overflow: hidden; font-size: 0; margin: 0;margin-bottom:20px;}
      #brc .four_column_bland li{display: inline-block; vertical-align: top; width:24%; margin:0 1.2% 2% 0; padding:0;}
      #brc .four_column_bland li:nth-of-type(4n){margin-right: 0;}


 #brc img.bg2{
    margin-bottom:50px;
    display:block;
 }

#brc #cosme{background:#fce5ed; padding-bottom:15px; margin-top:20px;}
#brc .postage .ltxt{font-size:24px;text-align:center; margin-bottom:10px;}
  #brc.brc00 .brc_content #cosme .productBlock .textBox p.price{ color:#b61f54; }
  #brc.brc00 #cosme .productBlock .textBox p.textlink{ background-color:#b61f54;}
  #brc.brc00 h1{ padding:0; }
#brc.brc00 #cosme .productBlock .textBox p.price{ color: #b61f54;}
#brc.brc00 .coupon_code p.textlink{font-size: 16px; text-align: center; max-width:220px; background-color:#b61f54;}
#brc.brc00 .coupon_code p.textlink a { padding:5px; margin-top:5px; }