@charset "utf-8";
/* --------------------------------------------------------------------------------
商品詳細
-------------------------------------------------------------------------------- */
/********** レイアウト **********/
.fs-l-product2 .fs-l-productLayout {
	grid-template-columns: 500px 680px;
	grid-row-gap: 18px;
}
/********** 商品画像パーツ **********/
/* 拡大 */
/*.fs-body-product .fs-c-button--plain.fs-c-button--viewExtendedImage::before {
    font-size: 4rem;
}
.fs-body-product .fs-c-productMainImage__expandButton.fs-c-buttonContainer {
    padding: 10px 0;
}*/
/* ミニサムネイル */
/*.fs-body-product .fs-c-productThumbnail .fs-c-productThumbnail__image {
	margin:0 10px 10px 0;
    flex-basis: 60px;
    min-width: 60px;
}
.fs-body-product .fs-c-productThumbnail .fs-c-productThumbnail__image:nth-child(7n) {
	margin:0 0 10px 0;
}*/
/********** 商品画像パーツ・フリック **********/
.fs-body-product .slick-list.draggable {
	max-height: 500px;
}
.fs-body-product .fs-c-productCarouselMainImage__image > img {
	max-width: 100vw;
	max-height: 500px;
}
/* 矢印 */
.fs-body-product .fs-c-slick .slick-prev:before, .fs-body-product .fs-c-slick .slick-next:before {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.5);
}
.fs-body-product .fs-c-slick .slick-prev.slick-disabled:before, .fs-body-product .fs-c-slick .slick-next.slick-disabled:before {
	color: #000;
}
/* 拡大 */
.fs-body-product .fs-c-button--plain.fs-c-button--viewExtendedImage::before {
	font-size: 4rem;
}
.fs-body-product .fs-c-productMainImage__expandButton.fs-c-buttonContainer {
	padding: 10px 0;
}
/* ミニサムネイル */
.fs-body-product .fs-c-productCarouselMainImage__thumbnailList {
	display: flex;
	flex-wrap: wrap;
	overflow-x: auto;
}
.fs-body-product .fs-c-productCarouselMainImage__thumbnailList > li {
	margin: 0 10px 10px 0;
	flex-basis: 60px;
	min-width: 60px;
}
.fs-body-product .fs-c-productCarouselMainImage__thumbnailList > li:nth-child(7n) {
	margin: 0 0 10px 0;
}
.fs-body-product .fs-c-productCarouselMainImage__thumbnail__img {
	border: none;
}
/********** 商品名 & キャッチコピー **********/
/* キャッチコピー */
.fs-body-product .fs-c-productNameHeading__copy {
	display: block;
	padding: 0 0 5px;
	line-height: 1.5;
	font-weight: bold;
	font-size: 0.75em;
}
/* 商品名 */
.fs-body-product .fs-c-productNameHeading {
	display: block;
	margin: 0 0 45px;
	padding: 0;
	font-weight: normal;
	font-size: 24px;
}
/**********  独自コメント2(商品説明) **********/
.fs-body-product .product_comment-2 {
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 15px;
}
/********** タグ **********/
.fs-body-product .fs-c-productMarks {
	margin: 0 0 25px;
}
.fs-body-product ul.fs-c-productMark li.fs-c-productMark__item {
	margin: 0 0 3px;
}
.fs-body-product .fs-c-productMarks li.fs-c-productMark__item .fs-c-productMark__mark {
	padding: 4px 8px;
	font-size: 11.2px;
}
/********** 商品番号 **********/
.fs-body-product .fs-c-productNumber {
	margin: 0 0 20px;
	font-size: 18px;
	padding: 5px 10px;
	border: 1px solid #000000;
}
.fs-body-product .fs-c-productNumber .fs-c-productNumber__number {
	font-weight: bold;
}
/********** ポイント **********/
.fs-body-product .fs-c-productPointDisplay {
	background: #cccc99;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	padding: 11px 15px;
	margin: 0 0 20px;
}
/**********  独自コメント11(商品単位)と価格を並べる **********/
.fs-body-product .product_comment-11 {
	display: none;
	display: inline-block;
}
/********** 価格（商品詳細のみ　※共通はfscc.css） **********/
.fs-body-product .fs-c-productPrices--productDetail {
	margin: 0 0 20px;
}
.fs-body-product .fs-c-productPrices--productDetail .fs-c-productPrice__main__label {
	font-size: 14px;
}
.fs-body-product .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
	font-size: 30px;
	color: #333;
}
.fs-body-product .fs-c-productPrices--productDetail .fs-c-productPrice__addon {
	font-size: 14px;
}
/**********  独自コメント12 **********/
.fs-body-product .product_comment-12 {
	padding: 20px;
	background: #eeeeee;
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 40px;
}
/********** 数量 **********/
.fs-body-product .fs-c-productQuantityAndWishlist__quantity {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: unset;
}
.fs-body-product .fs-c-productQuantityAndWishlist__quantity::before {
	display: block;
	margin-right: 1em;
	content: "数量";
	white-space: nowrap;
}
.fs-body-product select.fs-c-quantity__select.fs-system-quantity-list {
	appearance: none;
	width: 3em;
}
.fs-body-product .fs-c-quantity__number {
	width: 3em;
}
.fs-body-product span.fs-c-quantity__message {
	display: block;
	top: 0;
	right: -100px;
	width: fit-content;
	min-width: unset!important;
	max-width: unset!important;
}
/********** お気に入りに登録する **********/
.fs-body-product .fs-c-button--particular.fs-c-button--addToWishList--detail::after {
	/*
	display: none;
	*/
}
/********** お気に入りを解除する **********/
.fs-body-product .fs-c-button--particular.fs-c-button--addToWishList--detail::after, .fs-body-product .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
	/*
	display: none;
	*/
}
/********** 項目選択肢 **********/
.fs-body-product .fs-c-productSelection .fs-c-productSelection__name {
	font: inherit;
}
/********** オプション価格 **********/
.fs-c-radio__label {
	margin-top: 0.5em;
}
.fs-c-radio__radioLabelText {
	width: 80%;
}
.fs-c-productOption__price {
	white-space: nowrap;
}
/********** 販売期間 **********/
.fs-body-product .fs-c-productSalesPeriod {}
/********** カートに入れる **********/
.fs-body-product button.fs-c-button--addToCart--detail.fs-c-button--primary {
	background: #cc3333;
	border: none;
	border-radius: 3px;
	font-size: 24px;
	padding: 28px;
	margin: 0 0 10px;
}
.fs-body-product button.fs-c-button--addToCart--detail.fs-c-button--primary span.fs-c-button__label {
	position: relative;
	margin-left: 40px;
}
.fs-body-product button.fs-c-button--addToCart--detail.fs-c-button--primary span.fs-c-button__label::before {
	content: "";
	background: url(../images/products/common/icon-cart.svg) no-repeat;
	background-size: 100%;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	left: -40px;
}
/********** バナー **********/
.fs-body-product .product-bnr {
	margin: 0 0 20px
}
.fs-body-product .product-bnr ul {
	display: flex;
	-webkit-justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0;
}
.fs-body-product .product-bnr ul li {
	width: 330px;
}
/********** 返品特約について **********/
.fs-body-product .fs-c-returnedSpecialContract {
	margin: 0 0 20px;
	padding: 0;
}
.fs-body-product .fs-c-returnedSpecialContract .fs-c-returnedSpecialContract__link a {
	font-size: 14px;
	color: #333333;
}
/********** 商品についてのお問い合わせ **********/
.fs-body-product .fs-c-inquiryAboutProduct {
	margin: 0 0 20px;
	padding: 0;
}
.fs-body-product .fs-c-inquiryAboutProduct button.fs-c-button--inquiryAboutProduct.fs-c-button--plain, .fs-body-product .fs-c-inquiryAboutProduct button.fs-c-button--inquiryAboutProduct.fs-c-button--plain .fs-c-button__label {
	font-size: 14px;
	color: #333333;
}
/********** SNS **********/
.fs-body-product .fs-p-snsArea {
	margin: 0 0 80px;
}
/**********  独自コメント13 **********/
.fs-body-product .product_comment-13 {
	margin: 0 0 70px;
}
/********** 独自コメント14・16:タイトルとp **********/
.fs-body-product .product_comment-14 h3, .fs-body-product .product_comment-16 h3 {
	margin-bottom: 15px;
	padding-bottom: 4px;
	border-bottom: 1px solid #DDD;
	font-size: 18px;
	font-weight: bold;
}
/********** 独自コメント15 **********/
.fs-body-product .product_comment-15 {
	margin: 0 0 30px;
}
/********** 独自コメント17 **********/
.fs-body-product .product_comment-17 {
	margin: 0 0 100px;
}
/* --------------------------------------------------------------------------------
　この商品を買った人は、この商品も買ってます
-------------------------------------------------------------------------------- */
.fs-body-product .recommend {
	margin: 50px 0 90px;
}
.fs-body-product .recommend h2 {
	margin: 0 0 20px;
	text-align: center;
}
.fs-body-product .recommend h2 .headding-en {
	font-size: 36px;
	margin: 0 0 10px;
}
.fs-body-product .recommend h2 .headding-ja {
	font-size: 18px;
}
.fs-body-product .recommend .draggable {
	overflow: hidden;
	width: 1120px;
}
.fs-body-product .recommend ul.slider {
	padding: 0 0 0 40px;
	margin: 0;
	list-style: none;
}
.fs-body-product .recommend ul.slider li {
	/*width:285px !important;*/
}
.fs-body-product .recommend .rcmd-slick-prev, .fs-body-product .recommend .rcmd-slick-next {
	position: absolute;
	cursor: pointer;
	width: 22px;
	height: 41px;
	line-height: 1;
	opacity: 1;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
.fs-body-product .recommend .rcmd-slick-prev {
	top: 130px;
	left: 0;
	background: url("../images/products/common/btn-silder-prev.png") no-repeat 0 0;
	background-size: 100%;
}
.fs-body-product .recommend .rcmd-slick-next {
	top: 130px;
	right: 0;
	background: url("../images/products/common/btn-silder-next.png") no-repeat 0 0;
	background-size: 100%;
}
.fs-body-product .recommend ul.slider li a:hover {
	color: #333333;
}
.fs-body-product .recommend ul.slider li .thumb {
	display: flex;
	align-items: center;
	margin: 0 0 5px;
	width: 260px;
	min-height: 260px;
}
.fs-body-product .recommend ul.slider li .name {
	width: 260px;
}
.fs-body-product .recommend ul.slider li .name a {
	font-size: 16px;
	color: #333333;
	line-height: 1.875;
}
.fs-body-product .recommend ul.slider li .price-box {
	font-size: 18px;
	color: #cc3333;
	width: 260px;
}
.fs-body-product .recommend ul.slider li .tax {
	font-size: 13px;
}
/********** 独自コメント10 **********/
.fs-body-product .fs-l-pageMain .product_comment-10 .deli_text {
	display: inline-block;
	padding: 4px 30px;
}
.fs-body-product .fs-l-pageMain .product_comment-10 .deli_text_time {
	background: #ce0551;
	color: #FFF;
}
.fs-body-product .fs-l-pageMain .product_comment-10 .deli_text_day {
	background: #dacfbd;
}
/* --------------------------------------------------------------------------------
スイーツデリバリー
-------------------------------------------------------------------------------- */
/** モーダル表示 **/
#product_modal {
	max-width: 1025px;
	margin: 0 auto;
}
#product_modal .modal_inner {
	margin: 0 auto;
}
#product_modal .modal_inner p {
	margin: 0 auto;
	text-align: center;
}
#product_modal .modal_inner ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1025px;
	margin: 0 auto;
	margin-block-start: 1em;
	margin-block-end: 0;
	padding-inline-start: 0;
	list-style: none;
}
#product_modal .modal_inner ul li {
	text-align: center;
}