@charset "utf-8";

/*
 *  SiteName : rrrrrrrrr
 *  FileName : itempage.css
 *  © 2023 MERCI
 */

/* --------------------------------------------------------------
	Responsive PC
-------------------------------------------------------------- */

#fs_preview_header { /* プレビューモードヘッダー非表示 */
	display: none;
}

/* ヘッダー設定
============================================================== */

.spsearchCheck,
.spserchBtn,
.fs-sp-headerNavigation__search {
	display: none;
}

/* パンくずリスト設定
============================================================== */

.fs-c-breadcrumb {
	margin: 20px 5px -20px;
}

/* 右下カートに入れるボタン非表示
============================================================== */

.fs-p-scrollingCartButton {
	display: none !important;
}

/* gridレイアウト解除
============================================================== */

.fs-l-productLayout {
	display: block;
}

/* サムネイル画像設定
============================================================== */

.fs-c-productCarouselMainImage {
	margin: 0 40px 0 0;
	width: 400px;
	display: inline-block;
	vertical-align: top;
}

.fs-c-productCarouselMainImage .fs-c-slick.slick-slider,
.fs-c-slick .slick-slide img {
	width: 400px;
}

.fs-c-productCarouselMainImage__expandButton {
	position: relative;
	margin: -55px 0 0 15px;
	z-index: 1;
	justify-content: flex-start !important;
}

.fs-c-productCarouselMainImage__thumbnailList {
	margin: 15px auto -7px;
	width: 100%;
	font-size: 0;
	overflow-x: visible;
	display: block;
}

.fs-c-productCarouselMainImage__thumbnailList li {
	margin: 0 7px 7px 0;
	width: 51.1px;
	display: inline-block;
}

.fs-c-productCarouselMainImage__thumbnailList li:nth-of-type(7n) {
	margin: 0 0 7px 0;
}

/* 商品名等設定
============================================================== */

.productInfo  {
	margin: 0;
	width: 483px;
	display: inline-block;
	vertical-align: top;
}

.fs-c-productNameHeading,
.fs-c-productNameHeading__copy {
	color: #231816;
	font-size: 1.5rem;
}

.fs-c-productPrice {
	margin: 10px 0;
	color: #231816;
}

.fs-c-productPrice__main__label,
.fs-c-productPrice__addon,
.fs-c-productPrice__main__addon {
	font-size: 1.0rem;
}

.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
	color: #231816;
	letter-spacing: 0.07em;
	font-weight: bold;
}

.fs-c-mark--memberPrice,
a.fs-c-productMembersLoginLink,
.fs-c-productPointDisplay__label {
	display: none;
}

.fs-c-productPrice--member {
	margin: -10px 0 0;
}

.fs-c-productPointDisplay {
	padding: 15px 0 10px;
	color: #5E5E5E;
	background: transparent;
	display: block;
}

.fs-c-productPointDisplay__unit {
	font-size: 0;
}

.fs-c-productPointDisplay__unit::before {
	content:'ポイント進呈';
	font-size: 1.2rem;
}

.fs-c-productNumber {
	padding: 0 0 15px;
	border: none;
	display: block;
}

.fs-c-productNumber__number {
	font-weight: normal;
}

.fs-c-productSalesPeriod {
	margin: 0 auto 15px;
}

.fs-c-variationAndActions__variation.fs-c-variationList {
	margin: 0 auto 20px;
}

.itempageEventbanner {
	margin: 15px auto -10px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.itempageEventbanner p {
	text-align: center;
	font-size: 14px;
}

.itempageEventbanner li {
	margin: 0 auto 10px;
	width: 100%;
}

/* レビュー設定
============================================================== */

.fs-c-productReview {
	margin: 60px auto 40px;
}

.fs-c-productReview ul {
	padding: 5px;
	height: 500px;
	overflow-y: scroll;
}

.fs-c-productReview ul li:nth-of-type(1) {
	border-top: none;
}

.fs-c-productReview ul li:nth-last-of-type(1) {
	border-bottom: none;
}

/* --------------------------------------------------------------
	Responsive SP
-------------------------------------------------------------- */

@media only screen and (max-width: 48.0625em) {

/* ヘッダー設定
============================================================== */

	.fs-l-header__contents {
		display: block;
	}

	.fs-l-header__leftContainer,
	.fs-l-header__logo,
	.sp_header_cartbtn,
	.sp_header_cartbtn a {
		text-align: center;
		display: inline-block;
	}

	.fs-l-header__logo {
		width: calc(100% - 70px - 95px);
	}

	.spserchBtn {
		position: fixed;
		top: 5px;
		right: 60px;
		color: #3C3C3C;
		text-align: center;
		display: block;
		z-index: 999999;
	}

	.spserchBtn .fs-icon--search {
		margin: 0 0 -5px;
		text-align: center;
		font-size: 2.7rem;
		display: block;
	}

	.spserchBtn .fs-p-headerNavigation__viewCartButton__label {
		font-size: 1.0rem;
	}

	.fs-p-headerNavBar {
		top: 57px;
	}

	.fs-p-headerNavigation__search {
		display: none;
	}

	.fs-sp-headerNavigation__search {
		position: fixed;
		top: -32px;
		padding: 4px 0;
		width: 100%;
		background: #F8F1E7;
		z-index: 999998;
		display: block;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.fs-sp-headerNavigation__search form {
		margin: 0 auto;
		width: 94%;
	}

	.info_pop1 {
		margin-top: 116px !important;
	}

	.spsearchCheck:checked~.fs-sp-headerNavigation__search {
		top: 116px;
	}

/* パンくずリスト設定
============================================================== */

	.fs-c-breadcrumb {
		margin: 10px 0 -30px 3%;
		font-size: 1.0rem;
	}

/* サムネイル画像設定
============================================================== */

	.fs-c-productCarouselMainImage {
		margin: 0 auto;
		width: 100%;
		display: block;
	}

	.fs-c-productCarouselMainImage .fs-c-slick.slick-slider {
		width: 100%;
	}

	.fs-c-slick .slick-slide img {
		width: calc(100% - 30px);
	}

	.fs-c-productCarouselMainImage__expandButton {
		margin: calc(-100vw * 0.132) 0 0;
	}

	.fs-c-productCarouselMainImage__thumbnailList {
		margin: 15px auto -7px;
		width: 100%;
		font-size: 0;
		overflow-x: scroll;
		display: flex;
	}

	.fs-c-productCarouselMainImage__thumbnailList li {
		margin: 0 8px 0 0;
		width: auto;
		flex-basis: 80px;
		flex-shrink: 0;
	}

	.fs-c-productCarouselMainImage__thumbnailList li:nth-of-type(7n) {
		margin: 0 8px 0 0;
	}

/* 商品名等設定
============================================================== */

	.productInfo  {
		margin: 20px 0 0;
		width: 100%;
		display: block;
	}

/* レビュー設定
============================================================== */

	.fs-c-productReview {
		margin: 40px auto 20px;
	}

	.fs-c-productReview ul {
		height: 300px;
	}

}