.fs-c-price__value{
   color: #e60012 !important;
　 font-size: 3rem !important;
}

.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price{
　 font-size: 3rem  !important;
}
.container__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 間隔を調整 */
    justify-content: space-between; /* 左右に広げる */
    box-sizing: border-box;
}

.product-link__item {
    width: calc(50% - 5px); /* 商品の幅を調整して2列に配置 */
    text-decoration: none;
    color: inherit;
    display: block;
    position: relative; /* 擬似要素を相対配置 */
}

.product__item {
    background-color: #fff; /* デフォルトの背景色を設定 */
    border: solid #d9d3bc 2px;
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    position: relative; /* 線を引くためにrelativeを追加 */
}

.product__item.selected__item {
    background-color: #faf5e3;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    pointer-events: none; /* クリックを無効にする */
}

.product__item::after {
    content: '';
    position: absolute;
    bottom: -3px; /* 線を商品ボックスの下に配置 */
    left: 0px; /* 左右に少し余白を追加 */
    right: 0px; /* 左右に少し余白を追加 */
    height: 7px; /* 線の太さ */
    background-color: #f69709; /* 線の色 */
    border-bottom-left-radius: 8px; /* 左下の角を丸く */
    border-bottom-right-radius: 8px; /* 右下の角を丸く */
    opacity: 0; /* 初期状態で透明 */
    transition: opacity 0.3s ease; /* フェードイン/アウトのトランジションを追加 */
}

.product__item.selected__item::after {
    opacity: 1; /* 選択状態では常に表示 */
}

.product-link__item:hover .product__item::after {
    opacity: 1; /* マウスオン時に表示 */
}

.name__item {
    font-size: 14px;
}

.price__item {
    font-size: 14px;
    color: black;
}


/** 商品を横並びに **/

.fs-l-productLayout__item--3 {
    display: flex;
    flex-direction: row; /* 横並びにする */
    justify-content: space-between; /* 必要に応じて間隔を調整 */
    align-items: flex-start; /* 必要に応じて垂直方向の位置を調整 */
}
.product-details__item,
.fs-p-productDescription {
    flex: 1; /* 各要素が均等にスペースを取る */
    margin: 0 10px; /* 要素間の余白を調整 */
}

/** カテゴリページで、カート追加と価格を下そろえにするPCレイアウト **/

.fs-c-productList__list__item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fs-c-productList__list__item > form {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.fs-c-productListItem__bottomContainer {
    margin-top: auto;
}