.main-text{font-size:1.5rem;margin:2% 1%;line-height:1.6;}
.main-ritem{display:flex;flex-wrap:wrap; background-color:#fff;}
.main-ritem li{list-style: none;}
.main-ritem li{width:calc(98%/3);min-width:calc(98%/3);position:relative;margin-right:1%;margin-bottom:3%; transition: 0.5s;}
.main-ritem li::before{position:absolute;background-color:#202020;color:#ffffff;padding:4%;font-size:1rem;z-index:1;border-radius:0.3rem; margin:2%; border:2px solid #1b1b1b;}
.main-ritem li:nth-of-type(1)::before{content:'1'; background:#FFD700; color:#000000;}
.main-ritem li:nth-of-type(2)::before{content:'2'; background:#C0C0C0; color:#000000;}
.main-ritem li:nth-of-type(3)::before{content:'3'; background:#C47222; color:#000000;}
.main-ritem li:nth-of-type(4)::before{content:'4';}
.main-ritem li:nth-of-type(5)::before{content:'5';}
.main-ritem li:nth-of-type(6)::before{content:'6';}
.main-ritem li:nth-of-type(3n){margin-right:0;}
.main-ritem li:nth-of-type(n+4){visibility: visible;margin-bottom:0}

ul, ol {
  padding-left: 0; 
  margin-left: 0;  
  margin-top: 0;   
  margin-bottom: 0;

}


.main-item-name{text-align: left;}


.shohin_list li a {text-decoration: none;color: #202020;   }
.shohin_list li a:hover {text-decoration: underline;   }
.shohin_list .link_btn a {text-decoration: none; color:#ff7f00;}
.shohin_list .link_btn a:hover {text-decoration: none; color:#fff; background-color: #ff7f00;}


h2.sotsugyo{ font-size: 2rem; background-color: #ff6876; margin: 30px auto; color: #fff;  padding: 10px; }
h2.wday{ font-size: 2rem; background-color: #468cdc; margin: 30px auto; color: #fff;  padding: 10px; }

.shohin_list{ display: flex;  flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.shohin_list li { flex: 0 0 calc(33.333% - 20px);  margin: 5px; box-sizing: border-box; background-color: #fff;  padding: 5px;
  text-align: center;}

.shohin_list li:nth-child(3n + 1) {
  
}

 .category-link-button{
    width : 100%;
    display       : inline-block;
    border-radius : 5%;         
    font-size     : 12pt !important;       
    text-align    : center;     
    cursor        : pointer;    
    padding       : 12px 12px;  
    background    : #ffffff;     
    color         : #ff7f00;     
    line-height   : 0.5em;         
    transition    : .3s;         
    box-shadow    : 2px 2px 3px #666666; 
    border        : 2px solid #ff7f00;    
  }

 .category-link-button_rank{
    width : 95%;
    margin: 0 auto;
    display       : inline-block;
    border-radius : 5%;         
    font-size     : 12pt !important;       
    text-align    : center;     
    cursor        : pointer;    
    padding       : 12px 12px;  
    background    : #ffffff;     
    color         : #ff7f00;     
    line-height   : 0.5em;         
    transition    : .3s;         
    box-shadow    : 2px 2px 3px #666666; 
    border        : 2px solid #ff7f00;    
  }
.main-item-price{color:#bf0000;font-size:1.8rem;margin-top:1%;margin-bottom:2%;line-height:1.2;width:100%; text-align: left;}
.main-item-price ._price-yen{font-size:1.5rem;margin-left:1%;}
.link_btn{padding:0px;}

.category-link-button_rank:link{color:#ff7f00;}
.category-link-button_rank:visited{color:#ff7f00;}
.category-link-button_rank:hover{color:#ffffff; background-color: #ff7f00; text-decoration: none;}

@media only screen and (max-width:768px)
{

.main-ritem li{width:calc(95%/2);min-width:calc(95%/2);position:relative;margin-right:1%;margin-bottom:3%; transition: 0.5s;}
.shohin_list li { flex: 0 0 calc(50% - 20px);  margin: 5px; box-sizing: border-box; background-color: #fff;  padding: 5px;
  text-align: center;}

.main-item-price{font-size: 1.8rem;}
.main-item-price ._price-yen{font-size: 1.5rem;}


 .category-link-button{
    width : 90%;
    font-size     : 12pt !important;         
  }
 .category-link-button_rank{
    width : 85%;}

}