.inbox-num-wrap {
    counter-reset: listnum;
}

.inbox-num {
    position: relative;
}

.inbox-num:before {
    counter-increment: listnum; /* counter-resetと同じ文字列 */
	content: counter(listnum);
    background-color: #f15a24;
    color: #fff;
    width: 25px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding:3px 2px 3px 2px;
    position:absolute;
    top:15px;
    left: 10px;
    border-radius: 50%;
    z-index: 10;
}

.inbox-num:nth-child(n +10):before {
    padding:4px 3px 4px 2px;
    width: 28px;
}

.redbox {
    width: 100%;
  height: 20px;
  text-align: center;
  line-height: 0px;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
  background-color: #ffd5d6;
}
.redbox_text {
    float: left; font-size: 10px; font-weight: bold; padding-top: 4px; color: #FF0000;
    line-height: 12px;
    margin-bottom: 5px;
}

.taxin-text {
    text-align: left;
    padding: 0;
    margin: 0;

}

.taxin-text span {
    display: block;
    line-height: 14px;
}

.cl1_contents_inbox_right {
    margin-left:6px;
}

.reitou-container {
   margin:0;
   padding:0;
} 

.reitou-chui {
    grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}

.reitou-chui p {margin:0;
font-size: 9px;
line-height: 12px;
font-weight: bold;}

.reitou-text {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
  grid-row-end: 2;
  
}

.reitou-text p {
    margin:0;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
}

.greenbox {
background-color: #a8d28c;
color: #0d4410;
width: 100%;
height: 20px;
text-align: center;
line-height: 0px;
padding: 10px 0px 0px 0px;
margin: 8px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
}

.greenbox_text {
    float: left; font-size: 10px; font-weight: bold; padding-top: 4px; color: #16661b;
    line-height: 12px;
    margin-bottom: 5px;
}

.greenbox_container {
    margin-top:15px;
    /* border-top: 1px solid #ccc; */
    width:100%
}

/**===============================================
一覧ボックスのCSS
===============================================**/

.box-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
}



.inner-list-box {
 border-bottom: 2px dotted #000;
 height: 100%; 
 width: 100%;
 margin: 0 auto;
 
 padding: 35px 7% 15px;
 display: flex; /**レイアウト調整のため**/
 flex-direction: column;
}

.inner-list-box:nth-child(odd) {
    /* border-right: 1px solid #ccc; */
}

/* .inner-list-box:before {
    content: "";
    border: 1px solid #d3d3d3;
    align-self: stretch;
} */

/**購入ボタン**/
.buy-btn {
    margin-bottom: 15px;
    display: block;
}

.buy-btn img {
    width: 100% !important;
}

.buy-btn2 {
  margin-bottom: 10px;
  display: block;
}

.buy-btn2 img {
  width: 100% !important;
}

.buy-btn3 {
  margin-bottom: 0px;
  display: block;
}

.buy-btn3 img {
  width: 100% !important;
}

.top_ichiran_left {
    margin:3% 0 !important;
    height: auto !important;
}
.top_ichiran_r {
    margin:3% 0 !important;
    height: auto !important;
}

.price-text {
    font-size: 16px; font-weight: bold;color:#000;
}

.reitou_img {
    
}

.reitou-img img {
    width: 40px;
    height: auto;
}

.price-text-taxin {
    font-size: 10px; font-weight: bold;
    font-feature-settings: "palt";
}

/**冷蔵・常温ボタン**/

.reitou-icon {
    font-size: 12px;
    font-weight: bold;
    color: #2ca5cd;
    border: 1px solid #2ca5cd;
    display: inline-block;
    padding:2px 5px;
    margin:5px 0;

}
.reitou-icon2 {
    font-size: 12px;
    font-weight: bold;
    color: #2ca5cd;
    border: 1px solid #2ca5cd;
    display: inline-block;
    padding:2px 5px;
    margin:5px 0;
    position: absolute;
    bottom: 0;
    right: 5px;
    border-radius: 5px;
    background-color: #fff;
}

.jyouon-icon {
    font-size: 12px;
    font-weight: bold;
    color: #f15a24;
    border: 1px solid #f15a24;
    display: inline-block;
    padding:2px 5px;
    margin:5px 0;
    position: absolute;
    bottom: 0;
    right: 5px;
    border-radius: 5px;
    background-color: #fff;
}

.thumb-list {
    position: relative;
    height: 145px;
}

.price-ttl01 {
    position: relative;
    /* display: inline-block; */
    padding: 0 24px;
    font-size: 14px;
    font-weight: normal;
    color: red;
    margin:10px 0;
    display: none;
  }

  .price-ttl01 p {
    margin:0;
  }
  
  .price-ttl01:before, .price-ttl01:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18px;
    height: 1px;
    background-color: red;
  }
  
  .price-ttl01:before {
    left:0;
  }
  .price-ttl01:after {
    right: 0;
  }

  .price-ttl02 {
    position: relative;
    display: block;
    padding: 0 17px;
    font-size: 14px;
    font-weight: normal;
    color: #0d4410;
    margin:10px 0;
  }

  .price-ttl02 p {
    margin:0;
    text-align: center;
  }
  
  .price-ttl02:before, .price-ttl02:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18px;
    height: 1px;
    background-color:#0d4410;
  }
  
  .price-ttl02:before {
    left:0;
  }
  .price-ttl02:after {
    right: 0;
  }

  .detail-btn {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #949494;
    border-radius: 5px;
    padding:5px 0;
    display: block;
    margin:5px 0;
  }

  .teiki-btn {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #949494;
    border-radius: 5px;
    padding:5px 0;
    display: block;
    margin:5px 0 0;
    background-color: #a8d28c;
  }

  /* .sold-out {
    position: relative;
  } */

  .new:after{
    position: absolute;
    content: 'NEW';
    top:0px;
    right: 0px;
    background:#C00000;
    color: #fff;
    padding: 2px 15px;
    z-index: 10;
  }

  .sold-out:after{
    position: absolute;
    content: 'Sold out';
    top:45%;
    right: 50%;
    transform: translate(50%,-50%);/*センター寄せの修正*/
    background:#7c7c7c;
    color: #fff;
    padding: 10px 15px;
    z-index: 10;
    width: 100px;
  }

  /**ボタンのレイアウト調整**/

  .price-box {
    margin-top:auto;
  }

  .discount-box {
    color: red;
    border:1px solid red;
    font-weight: bold;
    font-size: 12px;
    padding:1px 2px;
    margin-left: 10px;
    margin-bottom: 3px;
    display: inline-block;
  }

  .detail-link {
    float:right;
    font-size: 12px;
    margin:5px 0;
    padding:0;
    

  }

  .detail-link a {
    text-decoration: none;
    color: #000;
  }

  .price-box-2nd {
    margin-top:0px;
  }

  .desk-box {
    margin-bottom: 20px;
  }

  .hosoku {
    font-size: 12px;
  }

  .border {
    /* border:2px solid #000; */
    position:absolute;/*絶対位置指定*/
right:0;/*横位置の指定*/
top:5%;/*縦位置の指定*/
background:#000000;/*線の色指定*/
width:1px;/*線の幅指定*/
height:90%;/*線の高さ指定*/
  }

  .price-box-3rd {
    margin-top:inherit;
  }

   /* .box-cosme {
    margin-top: 60px;
   } */

  .box-cosme .thumb-list {
    display: flex;
  justify-content: center;
  height: auto;
  }

  .ttl-cate {
    border-left: #0d4410 3px solid;
    padding-left: 5px;
    /* margin-top: 20px; */
  }

  .ttl-cosme {
    margin-top: 60px;
  }