@charset "UTF-8";


/*****************************
商品画像
******************************/
.product__item{
  position: relative;
}


.productRankingCnt{
  display: none;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  position: absolute;
  left: 2rem;
  top: 2rem;
  z-index: 3;
  transform: translateZ(1px);
}


@media screen and (max-width: 767px) {
  .productRankingCnt{
    font-size: 1.2rem;
    left: 1.2rem;
    top: 1rem;
    z-index: 3;
  }
}

.homeProductSection.ranking .productRankingCnt{
  display: block;
}


.product__item .product__item--image{
  display: block;
  width: 100%;
  aspect-ratio: 300 / 400;
  overflow: hidden;
}

.product__item .product__item--image img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.1);
  opacity: 0;
  will-change: opacity, transform;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out;
}


.product__item .product__item--image.view img{
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}


/*****************************
cicon
******************************/
.product__item--icon{
  margin-top: 15px;
  gap: 0 15px;
  position: static;
}

.product__icon,
.product__item--icon .soldOut{
  display: block;
  background-color: transparent;
  color: #AAAAAA;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  padding: 0;
  box-sizing: border-box;
}


@media screen and (max-width: 767px) {
  .product__item--icon{
    margin-top: 1.5rem;
    gap: 0 1.5rem;
  }
  .product__icon,
  .product__item--icon .soldOut{
    font-size: 1rem;
  }
}


.product__icon.product__icon--1{
  background-color: transparent;
}
.product__icon.product__icon--2{
  background-color: transparent;
  color: var(--color-emphasis);
}
.product__icon.product__icon--3{
  background-color: transparent;
}
.product__icon.product__icon--4{
  background-color: transparent;
}
.product__icon.product__icon--5{
  background-color: transparent;
}
.product__icon.product__icon--6{
  background-color: transparent;
}
.product__icon.product__icon--7{
  background-color: transparent;
}
.product__icon.product__icon--8{
  background-color: transparent;
}
.product__icon.product__icon--9{
  background-color: transparent;
}
.product__icon.product__icon--10{
  background-color: transparent;
}

/*****************************
soldout
******************************/
.product__item--soldout{
  display: none;
}


/*****************************
商品情報
******************************/
.product__item--name{
  font-family: var(--font-join);
  font-size: 12px;
  margin-top: 20px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

.product__item--id{display: none;}

.product__item--price{
  margin-top: 10px;
}

.product__price--numeric{
  font-family: var(--font-join);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.25;
}

.product__price--discount{}
.product__price--discount + .product__price--proper.product__price--item{
  display: none;
}


@media screen and (max-width: 767px) {
  .product__item--name{
    font-size: 1.2rem;
    margin-top: 2rem;
  }
  .product__item--price{
    margin-top: 1rem;
  }
  .product__price--numeric{
    font-size: 1.2rem;
  }
}

.product__price--tax{display: none;}

.price--discountrate{display: none;}

/*********************
商品詳細
*********************/
.productdetail__descarea .product__desc--name{
  font-size: 3rem!important;
}

@media screen and (max-width: 767px) {
  .productdetail__descarea .product__desc--name {
    font-size: 2.4rem!important;
  }
}

.productdetail__descarea .product__desc--outline p{
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 2;
}

.c-tab__content--item p{
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
}


.productdetail .product__favorite--icon path:nth-of-type(1){
  fill: rgba(0,0,0,0)!important;
}
.productdetail .product__favorite--icon.added path:nth-of-type(1){
  fill: rgba(0,0,0,1)!important;
}
.productdetail .product__favorite--icon.added path:nth-of-type(2){
  fill: rgba(0,0,0,1)!important;
}

@media (hover: hover) {
  .productdetail .product__favorite--add:hover .product__favorite--icon path{
    fill: rgba(0,0,0,0.6)!important;
  }
}


.product__favorite--popup-text::before{
  content: '成功追蹤產品';
}

.product__favorite--popup-text.isAlready::before{
  content: '已加入追蹤產品';
}




/*********************
dmarketList
*********************/
#dmarketListWrap{}
#dmarketList{
  padding-top: 2.5rem;
}

@media (max-width: 767px) {
  #dmarketListWrap{
    padding: 0 1.5rem;
  }
  
  #dmarketListWrap .c-page-title{width: 100%;}
  
  #dmarketList{
    padding: 1.5rem 0;
  }
}

#dmarketListWrap .divClosedmarketLogin{
  display: block;
  width: 100%;
  max-width: 480px;
  padding: 4rem;
  margin: 2.5rem auto 0;
  border: 1px solid #E3E3E3;
}

#dmarketListWrap .divClosedmarketLogin .login__text--content-title{
  display: block;
  padding-bottom: 1rem;
  border-bottom: solid 1px var(--color-gray-300);
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: center;
}

#dmarketListWrap .divClosedmarketLogin > dl{
  display: block;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

#dmarketListWrap .divClosedmarketLogin > dl > dt{
  display: block;
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.05em;
  line-height: 1.5;
}

#dmarketListWrap .divClosedmarketLogin > dl > dd{
  display: block;
  margin-top: 1.4rem;
}

@media (max-width: 767px) {
  #dmarketListWrap .divClosedmarketLogin{
    display: block;
    padding: 1.5rem;
    margin-top: 1.5rem;
  }
}


#dmarketList .product__item{
  padding-bottom: 4.6rem;
  position: relative;
}


#dmarketList .product__item .product__item--icon{
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
}


#dmarketList .product__item--outline{
  padding-top: 0.5rem;
}
#dmarketList .product__item--outline > p{
  font-size: 1.2rem;
}

#dmarketList .product__addpoint{
  font-size: 1.2rem;
  padding-top: 0.5rem;
}


#dmarketList .option{
  display: block;
  /*padding: 0.5rem 0;*/
  padding: 0;
}

#dmarketList .option .optionName{
  display: block;
  margin-bottom: 0.2rem;
  font-weight: 700;
  font-size: 1.2rem;
}

#dmarketList .option .optionName:not(:nth-of-type(1)){padding-top: 1rem;}

#dmarketList .c-form__input--check,
#dmarketList .c-form__input--radio{}


#dvProductDetailArea .c-form__input--check label,
#dvProductDetailArea .c-form__input--radio label,
#dmarketList .c-form__input--check label,
#dmarketList .c-form__input--radio label{
  width: fit-content;
  font-size: 1.2rem;
}

#dmarketList .c-form__input--select,
#dmarketList .c-form__input--text{
  font-size: 1.2rem;
}

#dmarketList .addCartBtn{
  width: 100%;
  padding-top: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}