.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
}