@charset "UTF-8";

body#fs_ProductDetails {
  background: url("https://www.sengaya.co.jp/omotenashisando/osechi/2024/img/common/bg/bg_washi_white.jpg") repeat center top;
}


/* 商品一覧・パンくずリストエリア
-----------------------------------*/
.breadcrumb-wrap {
	max-width: 1200px;
	margin: 0 auto;
  padding-top: 20px;
}
@media (max-width: 1200px) {
.breadcrumb-wrap {
	padding-left: 20px;
	padding-right: 20px;
}
}



/* 商品詳細・モーダルサムネイル部分
-----------------------------------*/
.fs-c-productThumbnail {
  padding: 0 30px;
}

/* 商品詳細・商品説明（大）表示
-----------------------------------*/
.fs-p-productDescription {
  padding: 50px 30px;
}
.fs-p-productDescription--full {

}

@media screen and (max-width: 960px) {

}



/* 商品詳細・商品数の前に「数量」の文字を追加
-----------------------------------*/
.fs-c-quantity {
    display: block;
    max-width: 5em;
}
.fs-c-productQuantityAndWishlist__quantity {
    position: relative;
}
.fs-c-productQuantityAndWishlist__quantity {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: baseline;
}

.fs-c-productQuantityAndWishlist__quantity:before {
  content: '数量';
  position: absolute;
  top: 3px;
}

.fs-c-productQuantityAndWishlist select.fs-c-quantity__select {
    margin-left: 50px;
}



/* 商品詳細
-----------------------------------*/

/*
.fs-c-productNameHeading__copy,
.fs-c-productNameHeading__name {
font-family: 'Noto Serif JP', serif;
font-weight: 700;
}
*/

.fs-c-productNameHeading__copy {
display: block;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
font-weight: 500;
color: #835120;
margin-bottom: 15px;
}

.fs-c-productNameHeading__name {
  font-family: 'Noto Serif JP', serif;
  font-size: 2rem;
  font-weight: 700;
}

.fs-p-productDescription {
padding: 20px 0 !important;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.5em;
}



/* 金額表示
-----------------------------------*/
.fs-c-productPrice__main__label, /* 特別価格 */
.fs-c-price__currencyMark, /* ￥ */
.fs-c-price__value, /* 価格 */
.fs-c-productPrice__addon, /* 税込 */
.fs-c-productPrice__addon::before, /* 税込前カッコ */
.fs-c-productPrice__addon::after, /* 税込後カッコ */
.fs-c-productVariationPrice__addon__label,
.fs-c-productVariationPrice__addon::before,
.fs-c-productVariationPrice__addon::after {
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  color: #e1392e !important;
}









.fs-l-productLayout__item {
  margin-bottom: 50px;
}

.fs-c-productThumbnail {
  flex-wrap: nowrap;
  justify-content: center;
}
.fs-c-productThumbnail__image {
	flex-basis: 18%;
}



/* 独自コメント（2）
　※出荷予定
 →不要となったため、削除してもよいスタイル
 ↓削除前の設定
<div class="goodsComment02">
<div class="shippingSchedule">
5月28日(火) 23:59までの注文は <span>5月30日(木)</span> 出荷予定です。
</div>
</div>

-----------------------------------*/
.goodsComment02 {
  padding-bottom: 20px;
}

.shippingSchedule {
  border: 2px solid #e41d20;
  background: #fdefdf;
  padding: 7px 20px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5em;
  text-align: center;
}
.shippingSchedule span {
  color: #e41d20;
  font-size: 1.4rem;
  font-weight: 400;
}




/* 独自コメント（3）
　ポイント表示下の画像
-----------------------------------*/
.goodsComment03 {
  padding-bottom: 30px;
}


/* 独自コメント（4）
　SNS下 おうちでグルメバナー
-----------------------------------*/
.goodsComment04 {
  padding-top: 20px;
  padding-bottom: 30px;
}




/* 独自コメント（1）
　商品画像下の商品詳細テーブル
-----------------------------------*/

.goodsComment01 {
  padding: 30px 30px 0;
}

.product-detail-heading {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}

.product-detail-table {
	width: 100%;
	border-collapse: collapse;
}

.product-detail-table th,
.product-detail-table td {
	border: 1px solid #cccccc;
	padding: 1em 20px;
	vertical-align: top;
	font-size: 1.4rem;
}

.product-detail-table th {
	font-family: 'Noto Serif JP', serif;
  font-weight: 400;
	background-color: #f3f1ef;
  white-space: nowrap;
}

.product-detail-table td {
	background-color: #fff;
}

.product-detail-table ul li {
  list-style-type: none;
  position: relative;
  padding-left: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0.8em;
}
.product-detail-table ul li:last-child {
  margin-bottom: 0;
}
.product-detail-table ul li:before {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.7em;
  content: "";
  background: #aaa;
}

@media screen and (max-width: 480px) {
.product-detail-table th {
	display: block;
  width: 100%;
  border-bottom: none;
  padding: 0.5em 20px;
}
.product-detail-table td {
	display: block;
  width: 100%;
  border-bottom: none;
}
.product-detail-table {
  border-bottom: 1px solid #cccccc;
}
}






/* お届け希望日〜
-----------------------------------*/

dl.fs-c-productSelection dd.fs-c-productSelection__selection {
  margin-bottom: 15px;
}

.fs-c-productSelection__label {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
}

.fs-c-productSelection__name {
    /*background: rgba(126, 126, 126, 0.08);*/
    /*font-size: 1.2rem;*/
    /*padding: 4px;*/
    background: rgba(126, 126, 126, 0.2);
    font-size: 1.6rem;
    line-height: 1.4em;
    padding: 4px 10px;
}




/* オプション表示
-----------------------------------*/
.fs-c-variationPanelList {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 30px;
}

.fs-c-variationLabel__label {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 15px;
}




.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content {
    background: #e41d20;
    color: #ffffff;
}
.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel:where(:not(.fs-c-variationPanelList__panel--outOfStock)) {
    border-color: #e41d20;
}
.fs-c-variationPanelList__panel__content {
    background: rgba(126, 126, 126, 0.08);
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 56px;
    padding: 8px;
    width: 100%;
}
.fs-c-variationPanelList__panel__price {
    background: #fff;
    padding: 8px;
}

.fs-c-variationPanelList__panel__label {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4em;
}




/* カートに入れるボタン
-----------------------------------*/
.fs-c-button--primary {
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	background: #e41d20;
	border: 1px solid #e41d20;
	border-radius: 0px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	padding:1.2em 1.6em 1em;
	box-shadow: 0 0 2px #b2b2b2;
	min-width: 240px;
}








/* 商品詳細　フッタ固定メニュー
-----------------------------------*/
.footer-fix-menu {
  display: none;
}

@media screen and (max-width: 980px) {
.footer-fix-menu {
  display: none;
}
}


.footer-fix-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 -5px 7px 3px rgba(0, 0, 0, 0.1);
}

.footer-fix-menu ul{
display: table;
margin: 0 auto;
padding: 0;
width: 100%;
text-align: center;
}
.footer-fix-menu ul li{
display: table-cell;
/*min-width: 50px;*/
line-height: 1.4em;
  font-size: 1.2rem;
}
.footer-fix-menu ul li a{
display: block;
width: 100%;
padding: 20px 0;
text-decoration: none;
font-weight: 400;
cursor:pointer
}


.footer-fix-menu-cart {
  width: 100%;
  background: #c30d22;
}
.footer-fix-menu-favarite a {
  color: #e60012;
}
.footer-fix-menu-cart a {
  color: #fff;
}




/* 商品一覧　下部固定ボタン「カートへ」※システムパーツ
-----------------------------------*/

.fs-p-scrollingCartButton {
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 100;
}



/* リンク位置調整
-----------------------------------*/
#desired-about-delivery {
  padding-top: 180px;
  margin-top: -180px;
}




.unique-product-description {
  width: 100%;
}
