.category-item li{
width:calc( 50% - 8px);
display: inline-block;
margin-top: 16px;
}
@media screen and (max-width: 543px) {
.category-item li{
margin-top: 10px;
}
}
.category-item li:nth-child(2n-1){
    margin-right: 11px;
}
.pickup,.kihon{  margin-bottom:30px;}
.group-cat {
    padding-top: 2rem;
    border-top: 1px solid #52504f;
  margin-bottom:30px;
}
.mar_t_20{    margin-top: 20px;}
.recommend-unit{text-align:center !important}
.recommend-unit a{font-size: 1.2rem;}
.list_clip .res-img{width:100%;}
.kihon .bnr_list{overflow:hidden;}
.kihon .bnr_list li {
    width: 47%;
    margin: 0 .3rem .6rem;
    float: left;
}

.kihon .pickup_ttl,.business .pickup_ttl{background:#52504f; font-size:0.8rem;color:#fff;display:inline-block;font-weight:bold;padding:3px 20px;border-radius:20px;margin-bottom:10px;}
.topics.sec{
  clear:both;
}
.nav-menu-napkin .bnr_list {border:1px solid #ddd;line-height:0;}
.nav-menu-napkin .bnr_list li {width:50%;margin:0; line-height: 3;text-align:center;}
.nav-menu-napkin .bnr_list li:nth-child(4n+1),.nav-menu-napkin .bnr_list li:nth-child(4n+4) {background-color: #F5F5F5;}
.nav-menu-napkin .bnr_list li a{padding:20px;display:block;font-size:0.8em;}
.nav-menu-napkin .bnr_list li a img{height:42px;}

.shopFooter{
width:100%;
margin:30px auto ;
    border: solid 4px #52504f;}
.shopFooter #delivery,.shopFooter #payment,.shopFooter #info{
padding:10px;
}
.shopFooterInformation_title{
background:#52504f;
  color:#fff;
  font-weight:bold;
  text-align:center;
  padding:10px;
}
    .nav-menu-business{
      text-align: center;
      margin: 8px 0px 32px;
    }
    .business ul {
      list-style-type: none;
      padding: 0;
      overflow: hidden;
    }
    .business ul li{
      float: left;
      margin-right: 32px;
      width: calc(50% - 16px);
      border: solid 2px #ccc;
      box-sizing: border-box;
      text-align: left;
    }
    .business ul li:hover{
		opacity:0.8;
    }
    .business ul li:nth-child(2n){
      margin-right: 0px;
    }
    .business ul li a{
      display: block;
      color: #666;
      text-decoration: none;
      font-size: 0.8rem;
      padding: 16px;
    }
    .business ul li.sale {
      background: url('https://img21.shop-pro.jp/PA01370/701/etc/sale.png?cmsp_timestamp=20170924132521') no-repeat 8px center #efefef;
      background-size: 40px;
      padding-left: 40px;
    }
    .business ul li.seminer {
      background: url('https://img21.shop-pro.jp/PA01370/701/etc/seminer.png?cmsp_timestamp=20170924132848') no-repeat 8px 2px #efefef;
      background-size: 40px;
      padding-left: 40px;
    }
.product_title{background-color: #52504f;color:#fff;font-size: 1.3rem;
    display: inline-block;
    padding: 0 10px;
    border-radius: 15px;}

.new_title{font-size:1.5rem;font-weight:bold;}
.newinfo li{margin-bottom:10px;}
.newinfo ul{height:140px;overflow:scroll;}


@media(max-width:600px){
  .newinfo ul{height:100px;}
        .business ul li a{
        min-height: 68px;
        font-size:1rem;
        display: table-cell;
      }
        .business ul li.seminer {
        background-position:8px 8px;
      }
  .recommend-unit a{font-size: 1rem;}
.nav-menu-napkin .bnr_list li a  {   padding: 17px 5px 10px;}
  .ranking li{width:calc((100% / 3) - 7px);margin-right:10px;margin-top:30px;}
  .ranking li:last-child{margin-right:0;}
.list_block li {

    margin-top: 20px;
  }
}
.free{color:red;font-weight:bold;font-size:1.4rem;}
.video{text-align:center;margin-bottom:20px;}
.video iframe{max-width:100%}

.ranking{
    margin: 0;
    padding: 0;
    list-style-type: none;
  overflow:hidden;
}

.ranking li{
    position: relative;
}
.ranking li::before{
    position: absolute;
    top: 7px;
    left: 1px;
    color: #d05;
    content: "¡ú";
    font-size: 9px;
}
.ranking li:first-child::before,
.ranking li:nth-child(2)::before,
.ranking li:nth-child(3)::before{
    position: absolute;
    top: -23px;
    left: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 10px solid #fb0;
    content: "";
}
.ranking li:first-child::after,
.ranking li:nth-child(2)::after,
.ranking li:nth-child(3)::after{
    position: absolute;
    top: -15px;
    left: 0;
    width: 0;
    height: 0;
    border: 6px solid #fb0;
    border-top: 3px solid transparent;
    border-bottom: 6px solid #f90;
    content: "";
}
.ranking li:nth-child(2)::before{
    border-bottom: 10px solid #ccc;
}
.ranking li:nth-child(2)::after{
    border: 6px solid #ccc;
    border-top: 3px solid transparent;
    border-bottom: 6px solid #aaa;
}
.ranking li:nth-child(3)::before{
    border-bottom: 10px solid #d98;
}
.ranking li:nth-child(3)::after{
    border: 6px solid #d98;
    border-top: 3px solid transparent;
    border-bottom: 6px solid #c76;
}


