/* 通常・定期のレイアウトのみ反映 */
/* ----------------- 価格表示エリア ----------------- */
.p-price {
border: 1px solid var(--txt-c-base);
border-radius: 10px;
padding: 10px 20px 20px;
margin-top: 20px;
}
.p-price__upr {
display: flex;
justify-content: space-between;
align-items:baseline;
}

/* ----------------- お気に入りなし カートボタンエリア ----------------- */
.fs-c-productActionButton{
position:inherit;
width:100%;
margin:0;
}
/* 数量 */
.fs-c-productQuantityAndAction__quantity{
position:inherit;
}
.p-price__btm .fs-c-productQuantityAndAction{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
gap:20px;
}


/* ----------------- 定期購入 ----------------- */
.fs-c-subscriptionPriceTable__label{
font-weight: 400;
font-size: 11px;
letter-spacing: 0.05em;
}
#fs_form .p-price--subsc .fs-c-subscriptionPriceTable{
margin-top:0;
}
@media screen and (max-width: 767px){
  #fs_form .fs-c-subscriptionPriceTable .fs-c-price__value{
    font-size: 25px;
  }
}
/* ----------------- 通常購入 ----------------- */
.gift-option-wrapper{
margin-top:0;
margin-bottom:20px;
}

@media screen and (min-width: 768px) {
.p-purchaseLabel{
font-size: 18px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.p-purchaseLabel {
font-size: 14px;
}
#fs_form .fs-c-productPrice--selling .fs-c-price__value{
  font-size: 25px;
}
}



@media screen and (min-width: 768px) {
.p-addToCart:has(.fs-c-button--addToCart--subscriptionDetail){
padding-bottom:var(--spc-40);
}
}
@media screen and (max-width: 767px) {
.p-addToCart:has(.fs-c-button--addToCart--subscriptionDetail){
padding-bottom:20px;
}
}

/* ----------------- 商品名エリア　お気に入りボタンと横並び ----------------- */
.p-name{
position: relative;
display: grid;
grid-template-columns: 1fr auto;
align-items: flex-start;
gap:15px;
}
.p-name .fs-c-buttonContainer--addToWishList--detail{
width: 40px;
height: 40px;
position:inherit;
border-radius: 50%;
}
#fs_form .p-price__upr .fs-c-productPrice{
justify-content: flex-end;
}
.p-price__coupon{
color: var(--theme-c-main);
margin-bottom: 8px;
font-size: 14px;
}
.p-price__coupon--teiki{
  color: revert;
}
@media screen and (max-width: 767px){
  .p-price__coupon{
    margin-top: 6px;
    font-size: 12px;
  }
}