@charset "euc-jp";
.category-desc img {
  max-width: 100%;
 */ width: inherit;
  height: auto;*/
}
.category-desc_2 {
  padding-top: 2em;
}

/* sub category & sub group */

.grp-lst {
  margin: 30px auto 40px!important;
}
.grp-lst-unit {
 padding-bottom: 0px!important;
}

.grp-lst-img {
  display: block;
  margin: 0 auto;
  background: #fff;
}
  .grp-lst-img:hover {
    opacity: 0.8;
  }

.grp-lst-name {
  display: block;
  margin: 4px 0;
  padding: 0;
  font-size: 10px;
}

@media only screen and (max-width: 768px) {
  .grp-lst-unit a {
    display: block;
    padding: .5em 0;
    color: #444;
    text-decoration: none;
  }
  .grp-lst-name {
    font-size: xx-small;
  }
}



/*  商品一覧商品説明文フォントサイズ  */
.prd-lst-exp-p{
    display: block; 
  font-size: 14.5px!important; transform: scale(0.9); transform-origin: left top; 
    line-height: 1.3;
margin-top: 5px!important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*color: #007BFF;*/
  }
.prd-lst-exp-p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative; /* 絶対配置の基準 */
    padding-right: 1em; /* 右側に余白を確保 */
}

.prd-lst-exp-p {
  position: relative; /* 親に相対位置を設定 */
}

.prd-lst-exp-p::after {
  content: " \226B"; /* ≫ の Unicode */
  position: absolute;
  bottom: 0;
  right: 0;
  background: white;
  font-size: 20px !important; /* 強制指定 */
  padding-left: 3px;
  color: #007BFF;
  display: inline-block; /* ←これで確実にサイズと位置が反映されやすくなります */
  line-height: 1; /* （お好みで）上下に余白が出る場合は調整 */
}
/*  商品一覧_上下スペース  */
/*
.prd-lst-unit{
height: 680px!important;
}

@media only screen and (max-width: 1180px) {
.prd-lst-unit{
max-height: 350px!important;
}
}

@media only screen and (max-width: 991px) {
.prd-lst-unit-tk{
height: 240px!important;
}
}

@media only screen and (max-width: 767px) {
.prd-lst-unit-tk{
height: 200px!important;
}
}

@media only screen and (max-width: 710px) {
.prd-lst-unit-tk{
max-height: 220px;
}
}
@media only screen and (max-width: 600px) {
.prd-lst-unit-tk{
max-height: 200px;
}
}
@media only screen and (max-width: 480px) {
.prd-lst-unit-tk{
max-height: 140px;
}
}
@media only screen and (max-width: 410px) {
.prd-lst-unit-tk{
max-height: 135px;
}*/

.prd-lst-span{
  font-size: 12px;
}

.prd-lst-price{
  font-size: 14.5px;
  padding-left: 1em;
}
.prd-lst-name {
   margin: 5px 0 0;
    font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 1.1;
}
.prd-lst-unit-tk{
  position: relative;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px!important;
}
@media only screen and (max-width: 991px) {
  .prd-lst-unit-tk{
  width: 49%;
}
}
@media only screen and (max-width: 767px) {
  .prd-lst-unit-tk{
  width: 32%;
}
}
@media only screen and (max-width: 599px) {
  .prd-lst-unit-tk{
  width: 49%;
}
}
.sold{
  color: #333;
}
#goButton{
  margin-bottom: 10px!important;
}

.btn_27{
  font-size: 12px!important;
  text-decoration: none!important;
  font-weight: bold;
  margin-top: 5px;
}
.btn_27::first-letter {
    font-size: 16px;
    vertical-align: top;
    line-height: 1;
}
.prd-lst-unit-tk.prd_lst_link{
  position: relative;
}
.prd-lst-sort{margin: 5px auto 10px;}

.image-tk{
  position: relative;
  border: 0.5px solid #eee;
}
.product-list__fav-items {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 18px;
  text-align: right;
}

.product-list__fav-items button {
  display: block;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #ccc;
  border: 0;
  outline: none;
  background: transparent;
}

.product-list__fav-items .fav-items {
  color: #ff7373;
}

.product-list__fav-items svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.ttl-h2 {
 line-height: 1.2;
  
 
}

.promo-span {
  margin-top: 2px;
    background-color: #EF7969; /* 水色背景 */
    color: white; /* 白文字 */
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
}
.viewed-label {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background-color: #aaa;
  color: white;
  padding: 2px 6px;
  font-size: 10px;
  border-radius: 3px;
  z-index: 2;
}
.review-summary-container{
  margin-top: -10px;
}
.singleReview {
  position: relative;
  padding-top: 2em; /* 絶対配置した分だけ上部に余白を */
}

.ukomiProductDetailWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* 必要なら背景色や余白を付ける */
  background: #fff;
  padding: .5em 0;
  box-sizing: border-box;
}
/* ------------------------------------------------------------
   image-tk の左上に重ねるために、relative を指定
   ------------------------------------------------------------ */
.prd-lst-unit-tk .image-tk {
  position: relative;
}

.prd-lst-unit-tk .month-badge {
  position: absolute;
  top: 7px;   
  left: 7px;   
  font-family:"MS PMincho","Hiragino Mincho Pro",serif;
  display: inline-block;
  color: #b5ab77;
  font-size: 25px;
  white-space: nowrap;
  z-index: 10;

}
.small-month {
  font-size: 70%;
  line-height: 1;        
  vertical-align: baseline; 
}