/*----------------

商品ページ共通

----------------*/
#fs_ProductDetails .fs-l-pageMain {
    margin: 0 auto;
}
#fs_ProductDetails .fs-l-product {
	padding: 0 3%;
}
#fs_ProductDetails .fs-c-breadcrumb__listItem {
	display: flex;
}
#fs_ProductDetails .fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
	padding-right: 4px;
}

#fs_ProductDetails .fs-c-productPointDisplay {
	color: #000;
  border: solid 1px #000;
}

#fs_ProductDetails .fs-body-product .fs-c-breadcrumb {
	padding-top: 20px;
}
#fs_ProductDetails .fs-body-product .fs-c-variationPanelList__list {
	text-align: center;
}
#fs_ProductDetails .fs-c-variationPanelList__list > li {
	text-align: center;
}
#fs_ProductDetails .fs-c-variationPanelList__panel {
	border: 1px solid #dcdcdc!important;
}
#fs_ProductDetails .fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content {
	border: solid 1px #a36d6a!important;
  color: #000000!important;
}

#fs_ProductDetails .fs-c-variationPanelList__panel__content {
	background: unset!important;
}

/*配送スケジュール表示*/
#fs_ProductDetails .fs-body-product .outer {
	background-color: #F8F4F3;
}


#fs_ProductDetails .fs-body-register-success .fs-c-heading--page {
	padding-top: 100px;
}

#fs_ProductDetails .fs-c-productPrice__main {
	font-weight: 500;
}

/*入荷お知らせテキスト*/
#fs_ProductDetails .fs-p-card {
	border: 1px solid #fff;
}
#fs_ProductDetails .fs-c-list li::before {
	border: 4px solid #333!important;
}

#fs_ProductDetails .fs-c-checkbox__labelText {
	display: flex;
}

.cart_delivery {
	background-color: #F8F4F3;
}

.pd_component {
	background-color: #F8F4F3;
	padding: 20px;
}
.dv_text > b {
	font-size: 16px;
}
.dv_text span {
	font-size: 12px;
}
#fs_ProductDetails .fs-c-productThumbnail__image__caption, #fs_ProductDetails .fs-c-productCarouselMainImage__thumbnail__caption {
	display: none;
}
#fs_ProductDetails #pd_Details .sec-wrapper {
	margin: 0 auto;
  width: 100%;
}

#fs_ProductDetails .fs-p-productDescription {
	padding-top: 1vw;
}

.sale_mark {
	color: #fff;
  background-color: #f06671;
}

#fs_ProductDetails section {
	padding-bottom: 0;
}

#fs_ProductDetails .fs-c-slick .slick-prev, #fs_ProductDetails .fs-c-slick .slick-next {
	background: rgba(30, 30, 30, 0);
}
#fs_ProductDetails .slick-prev:before {
	content: '';
    left: 16px!important;
    top: 0vw!important;
}

@media (min-width: 769px) {
	#fs_ProductDetails .fs-l-pageMain {
	    width: 75%;
	}
	#fs_ProductDetails .fs-c-breadcrumb__list {
		display: flex;
	}

	#fs_ProductDetails .fs-l-productLayout__item--2 {
		padding-top: 60px!important;
	}

	#fs_ProductDetails .fs-c-breadcrumb {
		padding: 100px 0 0 12%;
	}
	#fs_ProductDetails .fs-l-product4 .fs-l-productLayout {
		display: grid;
	    grid-template-columns: calc(600px - 46px / 2) calc(40% - 16px / 2);
	    grid-gap: 32px;
	}
	#fs_ProductDetails .fs-c-productCarouselMainImage__thumbnailList {
		display: none;
	}
	#fs_ProductDetails .fs-c-inquiryAboutProduct {
		margin: 0 auto;
		padding: 2% 24%;
	    border: solid 1px #1e5d9b;
	}

	#fs_ProductDetails .slick-prev:before,
  	#fs_ProductDetails .slick-next:before {
		-moz-osx-font-smoothing: grayscale !important;
		content: "" !important;
		display: block !important;
		width: 15px !important;
		height: 15px !important;
		border-top: solid 3px #a36d6b !important;
		border-right: solid 3px #a36d6b !important;
		position: absolute !important;
		font-family: auto !important;
		font-size: 0 !important;
		line-height: 1 !important;
		opacity: 1 !important;
		color: #a36d6b !important;
	  }
	#fs_ProductDetails .slick-prev:before {
		content: "";
		left: 25px !important;
		top: 40px !important;
		-webkit-transform: rotate(225deg) !important;
	  }
	#fs_ProductDetails .slick-next:before {
		content: "";
		right: 25px !important;
		top: 40px !important;
		-webkit-transform: rotate(45deg) !important;
	  }

	#fs_ProductDetails .fs-c-button--primary {
		padding: 20px 0;
	}

	.cart_delivery {
		display: flex;
		padding: 0% 2% 0 4%;
    	justify-content: space-between;
    	width: 100%;
	}
	.cart_delivery img {
	   width: 110%;
    	object-fit: contain;
	}
	.dv_text {
		padding: 5% 0 5% 5%;
		width: 380%;
	}
	#fs_ProductDetails .fs-c-buttonContainer--inquiryAboutProduct {
		justify-content: center!important;
	}

	.review_all_list {
	  margin-top: 100px;
	}
	.product_info-review {
	  padding-top: 3%;
	}
	.fs-c-reviewList__item__body {
	  border: solid 1px #fff;
	}
	.fs-c-reviewBody {
	  border: solid 1px #fff;
	  padding: 0 0 16px 0;
	}
	
	#fs_ProductDetails .slick-slide img {
		width: 600px;
	    margin-top: 60px;
	    padding: 0;
	}
	/*右矢印修正中*/
	#fs_ProductDetails .slick-next:before {
		cursor: pointer;
	    font-family: "fs-icon";
	    color: white!important;
	    font-size: 40px!important;
	    line-height: 1;
	    opacity: 0.75!important;
	    -webkit-font-smoothing: antialiased;
	}

	#fs_ProductDetails .fs-c-productThumbnail__image {
	    width: 56px;
	    height: 56px;
	}
	#fs_ProductDetails .fs-c-productThumbnail__image > img {
	    width: 100%;
	    height: 100%;
	}
	#fs_ProductDetails .fs-c-productMainImage__image {
		width: 500px;
	    height: 500px;
	 	margin: 0 auto;
	}
	#fs_ProductDetails .fs-c-productMainImage__image > img {
	    width: 100%;
	    height: 100%;
	}
	.fs-c-productMark .fs-c-productMark__item {
	    padding: 0 10px 0 0;
	}

	#fs_ProductDetails ul.fs-c-productCarouselMainImage__thumbnailList{
	  display:none !important;
	}
}

@media (max-width: 768px) {
	#fs_ProductDetails .fs-l-pageMain {
	    width: 100%;
	}
	#fs_ProductDetails .slick-slide img {
		padding: 20px 0 0 0;
	}
	#fs_ProductDetails .fs-c-productPointDisplay {
		width: 32%;
	}
	#fs_ProductDetails .fs-c-inquiryAboutProduct {
		margin: 0 auto;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 10px;
		padding-right: 10px;
	    border: solid 1px #1e5d9b;
	}

	/*バリエーション*/
	#fs_ProductDetails .slick-next:before {
		content: '';
	    right: 16px!important;
	    top: 0vw!important;
	}
	#fs_ProductDetails .fs-c-variationPanelList__list {
		grid-auto-flow: unset!important;
		grid-template-columns: repeat(auto-fill, 12.7em);
	}
	#fs_ProductDetails .fs-c-productNumber {
		width: fit-content;
	}
	
	#fs_ProductDetails .fs-c-button--primary {
		width: 100%;
    	padding: 18px 0;
	}

	.dv_text {
		padding: 3%;
	}
	.cart_delivery img {
		width: 40%;
    	margin-left: 30%;
	}
	
	.review_all_list {
	  margin-top: 100px;
	}
	.product_info-review {
	  padding-top: 3%;
	}
	.fs-c-reviewList__item__body {
	  border: solid 1px #fff;
	}
	.fs-c-reviewBody {
	  border: solid 1px #fff;
	  padding: 0;
	}

	#fs_ProductDetails .fs-c-productThumbnail__image {
	    width: 76px;
	    height: 76px;
	}
	#fs_ProductDetails .fs-c-productThumbnail__image > img {
	    width: 100%;
	    height: 100%;
	}
	#fs_ProductDetails .slick-list .draggable {
		width: 390px;
	    height: 390px;
	 	margin: 0 auto;
	}
	#fs_ProductDetails .fs-c-productMainImage__image > img {
	    width: 100%;
	    height: 100%;
	}
	#fs_ProductDetails .fs-c-button__label {
		font-weight: bold;
	}
	
	#fs_ProductDetails .open img {
		margin-bottom: -7px;
	}
}


/*----------------

もっと見るボタン

----------------*/

/*inputを非表示 & 閉じた時の位置調整*/
.open-box{
  position: relative;
}

/*ラベル（「開く」ボタン）*/
.open-label{
  margin: 0 1.5em;
  padding: 0.8em;
  display: block;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  position: relative;
}
/*ボタンっぽい効果*/
.open-label:active{
  box-shadow: 0 0 0 0;
}

/*ラベルに表示するテキスト*/
.open-label::after{
  content:'もっと見る'; 
}
.on-off:checked ~ .open-label::after{
  content: '閉じる';
}

/*開閉エリア*/
.open{
  overflow: hidden;
  transition: .5s;
  position: relative;
}
.on-off:checked ~ .open{
  /*padding: 1.5em 1em;*/
  height: auto;
}
/*開閉エリアにぼかしを乗せる*/
.open::before{
  content:'';
  background: linear-gradient(to bottom, transparent,rgba(255,255,255,1)100%);
  position: absolute;
  /*top:2000px;*/
  left:0;
  right:0;
  bottom:0;
  z-index: 3;
}
/*開いたらぼかしを消す*/
.on-off:checked ~ .open::before{
  background: none;
  z-index: -1;
}

@media (min-width: 769px) {
	.open{
	  height: 2200px;
	}
	input[type="checkbox"].on-off{
	  position: absolute;
	  top: 2200px;
	  display: block;
	  opacity: 0;
	}
	#fs_ProductDetails .open img {
		margin-bottom: -6px;
	}
	/*開閉エリアにぼかしを乗せる*/
	.open::before{
	  content:'';
	  background: linear-gradient(to bottom, transparent,rgba(255,255,255,1)100%);
	  position: absolute;
	  top:2000px;
	}
}

@media (max-width: 768px) {
	.open{
	  height: 970px;
	}
	input[type="checkbox"].on-off{
	  position: absolute;
	  top: 970px;
	  display: block;
	  opacity: 0;
	}
	/*開閉エリアにぼかしを乗せる*/
	.open::before{
	  content:'';
	  background: linear-gradient(to bottom, transparent,rgba(255,255,255,1)100%);
	  position: absolute;
	  top:900px;
	}
}

/*inputを非表示 & 閉じた時の位置調整
.open-box2{
  position: relative;
}
input[type="checkbox"].on-off2{
  position: absolute;
  top: 50%;
  display: block;
  opacity: 0;
}

ラベル（「開く」ボタン）
.open-label2{
  margin: 0 1.5em;
  padding: 0.8em;
  display: block;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  position: relative;
}
ボタンっぽい効果
.open-label2:active{
  box-shadow: 0 0 0 0;
}

ラベルに表示するテキスト
.open-label2::after{
  content:'もっと見る'; 
}
.on-off2:checked ~ .open-label2::after{
  content: '閉じる';
}

開閉エリア 成分表示用
.open2{
  height: 500px;
  overflow: hidden;
  transition: .5s;
  position: relative;
}
.on-off2:checked ~ .open2{
  padding: 1.5em 1em;
  height: auto;
}
開閉エリアにぼかしを乗せる
.open2::before{
  content:'';
  background: linear-gradient(to bottom, transparent,rgba(255,255,255,1)100%);
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 3;
}
開いたらぼかしを消す
.on-off2:checked ~ .open2::before{
  background: none;
  z-index: -1;
}*/


/*----------------

フリー - アコーディオン

----------------*/

@media (min-width: 769px) {
	#pd_Details .sec-wrapper {
	  margin: 0 auto;
	  width: 70%;
	  max-width: 1100px;
	}
	#pd_Details .pd_Details-tab {
	  border-top: 1px solid rgba(78, 56, 54, 0.3);
	}
	#pd_Details .pd_Details-tab:last-child {
	  border-bottom: 1px solid rgba(78, 56, 54, 0.3);
	}
	#pd_Details .pd_Details-tab .tab-header {
	  font-size: 15px;
	  color: #4e3836;
	  padding: 20px 30px;
	  cursor: pointer;
	  position: relative;
	}
	#pd_Details .pd_Details-tab .tab-header .accordionBtn {
	  color: #4e3836;
	  display: block;
	  position: absolute;
	  transform: translateX(-50%) translateY(-50%);
	  top: 50%;
	  right: 2%;
	  width: 18px;
	  height: 18px;
	  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	  opacity: 0.5;
	}
	#pd_Details .pd_Details-tab .tab-header.is-active .accordionBtn {
	  transform: translateX(-50%) translateY(-50%) rotate(45deg);
	  opacity: 1;
	}
	#pd_Details .pd_Details-tab .tab-body {
	  margin: 0;
	  font-weight: 400;
	  background-color: #f9f6f6;
	  height: auto;
	  display: none;
	}
	#pd_Details .pd_Details-tab .tab-body .content {
	  font-size: 13px;
	  color: #4e3836;
	  padding: 25px 30px;
	  line-height: 1.8;
	}
	#pd_Details .pd_Details-tab .tab-body .content p {
	  margin: 0;
	  padding: 0;
	}
	#pd_Details .pd_Details-tab .tab-body .content a {
	  color: #a36d6a;
	  font-weight: 700;
	  display: inline;
	}
	#pd_Details .pd_Details-tab .tab-body .content img {
	  width: 80%;
	}
}
@media (max-width: 768px) {
	#pd_Details .sec-wrapper {
	  width: 100%;
/*	  padding: 0 20px;*/
	}
	#pd_Details .pd_Details-tab {
	  border-top: 1px solid rgba(78, 56, 54, 0.3);
	}
	#pd_Details .pd_Details-tab:last-child {
	  border-bottom: 1px solid rgba(78, 56, 54, 0.3);
	}
	#pd_Details .pd_Details-tab .tab-header {
	  font-size: 13px;
	  color: #4e3836;
	  padding: 16px 20px;
	  cursor: pointer;
	  position: relative;
	}
	#pd_Details .pd_Details-tab .tab-header .accordionBtn {
	  color: #4e3836;
	  display: block;
	  position: absolute;
	  transform: translateX(-50%) translateY(-50%);
	  top: 50%;
	  right: 2%;
	  width: 18px;
	  height: 18px;
	  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	  opacity: 0.5;
	}
	#pd_Details .pd_Details-tab .tab-header.is-active .accordionBtn {
	  transform: translateX(-50%) translateY(-50%) rotate(45deg);
	  opacity: 1;
	}
	#pd_Details .pd_Details-tab .tab-body {
	  margin: 0;
	  font-weight: 400;
	  background-color: #f9f6f6;
	  height: auto;
	  display: none;
	}
	#pd_Details .pd_Details-tab .tab-body .content {
	  font-size: 12px;
	  color: #4e3836;
	  padding: 20px;
	  line-height: 1.8;
	}
	#pd_Details .pd_Details-tab .tab-body .content p {
	  margin: 0;
	  padding: 0;
	}
	#pd_Details .pd_Details-tab .tab-body .content a {
	  color: #a36d6a;
	  font-weight: 700;
	  display: inline;
	}
	#pd_Details .pd_Details-tab .tab-body .content img {
	  width: 100%;
	}
}