/*------------------------------------------------------------
	商品詳細
------------------------------------------------------------*/
#fs_ProductDetails {
    .fs-c-quantity {
		@media screen and (max-width: 600px) {
			max-width: 8em;
		}
        .fs-c-quantity__select{
            @media screen and (max-width: 600px) {
                margin-bottom: 7px; 
            }
        }
	}

	.fs-c-productMainImage__expandButton {
		display: none;
	}

	.menu-sub__content {
		.btn {
			display: none !important;
		}
	}

	.fs-c-productImageModal__inner {
		.fs-c-productImageModal__close {
			right: 20%;
		}
	}
    .biw_set {
        img {
            width: 150px;
            height: 100%;
        }

        .innerWrap {
            background: #f5f5f5;
            width: 90%;
            height: 100%;
            padding: 0.5rem 15px;
            font-size: 1.3rem;
            display: flex;
            flex-wrap: wrap;
            align-items: center;

            .biw_setname {
                font-size: 14px;
                font-weight: bold;
                display: block;
                margin-bottom: 10px;
            }
        }
    }

    .payList {
        border: 1px solid #cfcfcf;
        padding: 10px;
        border-radius: 10px;
        margin: 2rem auto;

        p {
            margin-bottom: 2rem;
            border-bottom: 1px solid #cfcfcf;
        }

        ul {
            display: flex;
            align-items: center;
            justify-content: space-around;

            li {
                margin: 0 1rem 1.5rem 0;
                display: flex;
                justify-content: space-between;
            }
        }
    }
    .accordion-area{
        @media screen and (max-width: 600px){
            margin-bottom: 3rem;
        }
    }
    .fs-c-productQuantityAndWishlist{
        @media screen and (max-width: 600px){
            margin-bottom: 3rem;
        }
    }
    .fs-c-productQuantityAndWishlist{
        @media screen and (max-width: 600px){
            display: flex;
            justify-content: center;        
        }
    }
    .fs-c-productQuantityAndWishlist__wishlist {
        @media screen and (max-width: 600px){
            width: 200px;
            justify-content: right;
            order: 2;
        }
    }
	.fs-c-productMainImage{
		.fs-c-productMainImage__image {
			margin-bottom: 0.9rem;
			transition: 0.3s;
			text-align: center;
			padding: 0 0;
			padding-top: 80%;
			position: relative;

			img {
				object-fit: contain;
				aspect-ratio: 1 / 1;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				max-width: 100%;
				max-height: 100%;
				width: auto;
				height: auto;
			}
		}
	}
	.fs-c-productCarouselMainImage__expandButton{
		display: none;
	}
}

#fs_ProductDetailsSubscribe {

    /* 定期便 */
    .content {
        &.underlayer {
            .regularBox {
                padding: 62px 0 0px;

                &:before {
                    background: none;
                }
            }

            .btn {
                margin-bottom: 3rem;
                display: block;
            }
        }
    }

    .teiki-set-detail {
        border: 14px solid #e1e1e1;
        padding: 30px;
    }

    .kids_box {
        width: 100%;
        margin: 0 auto;
    }
}



/*------------------------------------------------------------
	商品詳細　タブ
------------------------------------------------------------*/
/* タブコンテンツのスタイル */
.fs-body-product .tab-content {
	display: none;

	@media screen and (max-width: 600px){
		display: block;
	}
}


.fs-body-product .tab-menu {
	display: flex;
	justify-content: flex-start;
}

.fs-body-product .tablink {
	width: calc(95% / 4);
	text-align: center;
	background: #EDEDED;
	padding: 10px;
	border-top: 5px solid #EDEDED;
	color: #706F6F;
	font-weight: bold;
	cursor: pointer;
	margin-right: 20px;
}
.fs-body-product .tablink:last-child {
    margin-right: 0;
}
.fs-body-product .tab-content {
	padding-top: 4rem;
	border-top: 1px solid #003DA6;
	margin-top: -9px;
	position: relative;
	z-index: 0;
}

.fs-body-product #Tab4 {
	margin-top: -25px;
}

.fs-body-product .tablink.active {
	border: 1px solid #003DA6;
	border-bottom: none;
	position: relative;
	z-index: 10;
	border-top: 5px solid #003DA6;
	background: #ffffff;
	color: #003DA5;
}

.fs-body-product .tab-content table {
	border: 1px solid #D9D9D9;
	border-collapse: collapse;
	border-spacing: 0;
}

.fs-body-product .tab-content table th {
	background: #EDEDED;
	padding: 20px;
	border-bottom: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	text-align: left;
	width: 225px;
}

.fs-body-product td.data {
	padding: 20px;
	border-bottom: 1px solid #D9D9D9;
}

/* レビュー */
.fs-c-productReview .fs-c-aggregateRating {
	margin-bottom: 3rem;
}

.fs-c-productReview .fs-c-aggregateRating__rating {
	flex: 0 1 12em;
}

.fs-c-productReview .fs-c-aggregateRating__rating::before {
	font-size: 2rem;
	margin-bottom: 10px;
}

.fs-c-productReview li.fs-c-reviewList__item {
	border: 1px solid #D9D9D9;
	margin-bottom: 15px;
}

.fs-c-productReview .fs-c-reviewer__profile {
	font-size: 1.8rem;
}

.fs-c-productReview .fs-c-reviewerStatus {
	font-size: 1.4rem;
	margin: 0 10px;
}

.fs-c-productReview .fs-c-reviewer__name a {
	color: #003DA5;
}

.fs-c-productReview .fs-c-reviewInfo__date {
	font-size: 1.6rem;
	margin: 6px 0;
}

.fs-c-productReview .fs-c-reviewBody {
	border: none;
	padding: 16px 0;
}

.fs-c-productReview__allReviews.fs-c-buttonContainer.fs-c-buttonContainer--viewAllReviews a,
.fs-c-productReview__addReview.fs-c-buttonContainer.fs-c-buttonContainer--addReview--detail a {
	border: 1px solid #003DA5;
	border-radius: 999px;
	padding: 5px 20px;
	font-size: 1.6rem;
	color: #003DA5;
}

.fs-c-productReview:not(:has(.fs-c-aggregateRating)) {
    display: none;
}

/* その他 */
.fs-body-product .pther_txt {
	padding: 0 30px;
}

.fs-body-product ul.pther_txt li {
	margin-bottom: 15px;
	text-indent: -1em;
	padding-left: 1em;
}

@media screen and (max-width: 600px) {
	.fs-body-product .tab-content {
		border: none;
	}
}

/*------------------------------------------------------------
	商品詳細　アコーディオン
------------------------------------------------------------*/
/*アコーディオン全体*/
.accordion-area {
	list-style: none;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0;
}

.accordion-area li:first-child {
	margin: 8% 0 0;
}

.accordion-area li:first-child a {
	display: inline-block;
	margin-bottom: 3%;
}

.accordion-area li:first-child section {
	border-top: 1px solid #D9D9D9;
}

.accordion-area section {
	border-bottom: 1px solid #D9D9D9;
}

/*アコーディオンタイトル*/
.accordion-area .title {
	position: relative;
	/*+マークの位置基準とするためrelative指定*/
	cursor: pointer;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 5% 3% 5% 0;
	transition: all .5s ease;
}

/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 2px;
	background-color: #333;

}

.accordion-area .title::before {
	top: 48%;
	right: 15px;
	transform: rotate(0deg);

}

.accordion-area .title::after {
	top: 48%;
	right: 15px;
	transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/

.accordion-area .title.close::before {
	transform: rotate(45deg);
}

.accordion-area .title.close::after {
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-area .box {
	display: none;
	/*はじめは非表示*/
	padding: 7% 0 10%;
}

.accordion-area .box ul {
	padding: 0;
}

.accordion-area .box li {
	text-indent: -1em;
	padding-left: 1em;
	list-style: none;
}

.accordion-area .box li:first-child {
    margin: 0;
}

.accordion-area table.product_detail02 th {
	display: block;
	background: #EDEDED;
	padding: 10px;
	color: #000000;
}

.accordion-area table.product_detail02 td {
	display: block;
	padding: 10px;
}

.fs-c-productPrice.fs-c-productPrice--selling span.fs-c-productPrice__main__price.fs-c-price span {
    font-weight: 700;
    color: #cc0000;
}
.fix_select {
	margin-bottom: 1rem;
}

/*------------------------------------------------------------
	定期商品詳細
------------------------------------------------------------*/
#fs_ProductDetailsSubscribe {
	.flex_towColumn {
		display: flex;
		margin-bottom: 2rem;

		@media screen and (max-width: 600px) {
			display: block;
		}
	}

	.tab-content {
		margin-top: -1px;
	}

	#Tab4 {
		margin-top: -9px;
	}
    .fs-c-productQuantityAndAction{
        @media screen and (max-width: 600px){
            justify-content: center;
        }
        .fs-c-productQuantityAndAction__action{
            flex-grow: inherit;
            @media screen and (max-width: 600px){
                flex-grow: inherit;
            }
        }
        .fs-c-productQuantityAndAction__quantity {
            @media screen and (max-width: 600px){
                max-width: 8em;
            }
        }

    }
    .fs-c-buttonContainer{
        .fs-c-button--addToSubscriptionCart--detail{
            @media screen and (max-width: 600px){
                min-width: 50vw;
            }
        }
    }
    .fs-c-buttonContainer--addToWishList--detail {
        justify-content: left;
        padding: 0.5em 1em 0.3rem;
    }

	.fs-c-button--addToWishList--detail {
		padding: 0.5em 1em 0.3rem;
	}

	.item_image {
		width: 712px;
		margin-right: 2rem;

		@media screen and (max-width: 600px) {
			width: 100%;
		}
	}

	.item_topRight {
		width: 472px;

		@media screen and (max-width: 600px) {
			width: 100%;

			.fs-c-productNameHeading {
				margin-top: 1rem;
			}
		}

		.fs-c-productMarks {
			margin: 1rem 0;
		}

		.fs-c-subscriptionPriceTable {
			margin-bottom: 1rem;
            @media screen and (max-width: 600px){
                margin: 2rem 0 1rem;
            }
		}

		.fs-c-productPostage {
			font-size: 1.2rem;
		}

		.fs-c-buttonContainer--addToWishList--detail {
			justify-content: left;
			padding: 2rem 0;
		}

		.underlayer {
			#conts {
				width: 100%;
			}
		}

	}

	#main {
		.regularBox {
			border: none;
			padding-top: 0;

			.regularUl {
				h3 {
					margin-bottom: 0 !important;
					font-size: 2rem;
				}
			}
		}

		.btn {
			@media screen and (max-width: 600px) {
				max-width: 320px;
			}
		}
	}

	.fs-p-productDescription--full {
		margin-top: 5rem;
	}

	.f_fixd_cart {
		form {
			.cart_inner_box {
				.cart_inner_box {
					justify-content: center;

					.fa-shopping-cart {
						margin-right: 0.5rem;
					}
				}

				.normal_price_txt {
					color: #003DA5;
					font-weight: bold;
				}

				.sales_price {
					font-weight: bold;
				}
			}
		}
	}

	.f_fixd_cart.show {
		.right_box {
			button {
				border-radius: 999px;
				background: #003DA5;
				color: #ffffff;
				border: none;
				padding: 10px 20px;
				width: 100%;
			}
		}
	}
}

.fs-c-variationAndActions{
	.fs-c-variationAndActions__variation{
		margin: 1rem 0;
	}
	.fs-c-variationLabel{
		font-size: 1.6rem;
	}
	.fs-c-stockSignLegend__legend{
		font-size: 1.6rem;
    line-height: 1.8;
	}
}