.p-banner_col{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .p-banner_col a{
    display: block;
  }
  .p-banner_col a img{
    width: 100%;
    height: auto;
    display: block;
  }
  .news__lists{
    list-style: none;
    margin-left: 0;
    line-height: 2;
  }
  .news__lists_label{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
    gap: 10px;
  }
  .news__date {
    display:block;
    color:#628131;
    line-height:1.5;
    white-space:nowrap;
    margin-top:0.5em;
  }
  
  .product__fav-item{
    display: flex;    
    align-items: center;   
  }
  .favorite-button{
    background-color: transparent !important;
    border: none !important;
    display: block;
    width: 35px !important;
    height: 35px !important;
    position: relative;    
  }
  .product__fav-item p{
      margin-bottom: 0;
  }
  .favorite-button svg{
      width: 35px;
      height: 35px;
      position: absolute;
      left: 0;
      top: 0;
  }
  .favorite-button svg.off{
      opacity: 1;
  }
  .favorite-button svg.on{
      opacity: 0;
  }
  .favorite-button.fav-items svg.off{
      opacity: 0;
  }
  .favorite-button.fav-items svg.on{
      opacity: 1;
  }
  .priceWrap{
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  /*-------------------------
  追加CSS (edited by HARA)
  --------------------------*/
  /* 月間キャンペーンバナー */
  .monthlybanner{
    margin-bottom:18px;
  }
  
  /* リンクアイコンボタン */
  .linkbtns {
    list-style-type: none;
    width:100%;
    max-width:420px;
    margin: 24px auto;
    padding:0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items:center;
  }
  .linkbtns li{
    list-style-type: none;
    width: 20%;
    max-width:20%;
    width: calc(100% / 5);
    margin:0 6px 0 0;
  }
  .linkbtns li:last-child{
    margin:0 0 0 0;
  }
  
  /* INFORMATION */
  .topinfo h6{
    display:block;
    position:relative;
    font-size:1.3em;
    line-height:1;
    color:#648334;
    font-weight:500;
    letter-spacing:0.06em;
    white-space:nowrap;
    padding:0 0 0 1.6em;
    margin-bottom:0.7em;
    margin-top:24px;
  }
  .topinfo h6:before{
    position:absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size:1.4em;
    line-height:0;
    font-family:"Material Symbols Rounded";
    content: "\e88e"; /*インフォメーションマーク*/
    font-variation-settings:
    'FILL' 1,
    'wght' 400
  }
  .topinfo p{
    line-height:1.5;
  }
  .topinfo p a:after{
    display:inline-block;
    font-size:1.3em;
    vertical-align:bottom;
    padding:0 0 0.6em;
    line-height:0;
    color:#648334;
    font-family:"Material Symbols Rounded";
    content: "\e037"; /*三角矢印*/
    font-variation-settings:
    'FILL' 1,
    'wght' 300
  }


/*-------------------------
追加CSS (edited by Mstudio)
--------------------------*/
/* 全商品エリア */
.top_all_list {
    display: flex;
    flex-wrap: wrap;
}
.top_all_list li.col {
    float: none;

}
#loadMoreBtn {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#loadMoreBtn::after {
    display: inline-block;
    font-size: 1.3em;
    vertical-align: bottom;
    padding: 0 0 0.6em;
    line-height: 0;
    color: #648334;
    font-family: "Material Symbols Rounded";
    content: "\e037";
    font-variation-settings: 'FILL' 1, 'wght' 300;
    transform: rotate(90deg);
}