@charset "utf-8";
/* CSS Document */
/*変更ログ
2020/06/03　196　.modal1 {bottom: 30px;} 追加
　　　　　　226　#cart {
      height:500px　→　height:available;
      Chrome用  height:-webkit-fill-available;
      Firefox用　　height:-moz-availabl;

    overflow-y: scroll;
   }に変更
*/
/* 2020/10/08　FONT 変更 */


/*fontface追加*/
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}

/*2022/07/14 fontface追加*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');


/*----------------------------------------
商品詳細ページ
------------------------------------------*/
html {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, sans-serif;
  /* font-family: YuGothic, "Custom Yu Gothic", "Yu Gothic", sans-serif; */
/* font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif; */
font-weight:400;
color:#000;/*2019/12/17追加*/}
.item-top{
	position: relative;
	width: 1000px;
	margin: 0 auto 40px auto;
	padding: 50px 50px 0 50px;
	display: flex;
}
.item-top .left{
	width: 1000px;
}
.item-top .left .fs-c-productCarouselMainImage__expandButton{
	display: none;
}
.item-top .left .fs-c-productCarouselMainImage__carousel{
	width: 576px;
	min-height:555px !important;
	margin-bottom: 70px;
	padding: 0 38px;
}
#fs_ProductDetails .slick-list{
	padding-bottom: 25px!important;
}
.item-top .left .fs-c-productCarouselMainImage__image__caption{
	bottom: -25px;
	font-weight: bold;
	font-size: 12px;
}
.item-top .left .fs-c-productCarouselMainImage__thumbnailList{
	width: 590px !important; /*20220627*/
	flex-wrap: wrap;
	overflow-x: visible;
}
.item-top .left .fs-c-productCarouselMainImage__thumbnailList li{
	flex-basis: 91px;
	margin: 0 10px 10px 0;
}
.item-top .left .fs-c-productCarouselMainImage__thumbnailList li:nth-child(10n){
	margin: 0 0 10px 0;
}
.item-top .left .fs-c-productCarouselMainImage__thumbnailList li img{
	width: 91px;
	height: auto;
}
.item-top .left .fs-c-productCarouselMainImage__thumbnailList li .fs-c-productCarouselMainImage__thumbnail__caption{
	font-size: 11px;
}
.item-top .left .fs-c-slick .slick-prev,
.item-top .left .fs-c-slick .slick-next{
	top: 300px;
	background: none;
}
.item-top .left .fs-c-slick .slick-prev::before,
.item-top .left .fs-c-slick .slick-next::before{
	color: #C4C4C4;
}

.item-top .right{
	position: absolute;
	right: 30px;
	top: 50px;
	width: 340px;
	margin-right: 30px;
	padding-top: 10px;
}
.item-top .right .fs-c-productNameHeading__copy{
	margin-bottom: 5px;
	font-size: 12px;
	display: none;
}
.item-top .right .fs-c-productNameHeading__name{
	margin-bottom: 15px;
	font-size: 20px;
}
.item-top .right .fs-c-productMarks{
	margin-bottom: 10px;
}
.item-top .right .fs-c-productNumber{
	margin-bottom: 15px;
	color: #A29C99;
	font-size: 12px;
}
.item-top .right .fs-c-productNumber .fs-c-productNumber__label::after{
	content: "：";
}
.item-top .fs-c-price{
	display: inline;
}

.item-top .fs-c-productPrice--listed{
	/*margin-bottom: 15px;*/
  margin-top: 25px;
	color: #534741;
	font-size: 12px;
}
.item-top .fs-c-productPrice--listed .fs-c-productPrice__main__price{
	text-decoration: line-through;
}

.item-top .fs-c-productPrice--selling{
	margin-bottom: 15px;
	color: #E24824;
	font-weight: bold;
	font-size: 18px;
}

/* 商品詳細ページの価格ラベル */
.fs-c-productPrice.fs-c-productPrice--member{
  border: 1px solid  #ED8082;
  padding: 3px 0;
}
.fs-c-productPrice.fs-c-productPrice--member .fs-c-productPrice__main__label {
	font-size: 24px;
	background-color: #ED8082;
	padding:3px;
  color: #fff;
  font-weight: bold;
}
.fs-c-productPrice.fs-c-productPrice--member .fs-c-productPrice__main__price {
  font-size: 24px;
}

/* 会員先行販売 */
.fs-c-productSalesPeriod {
	color: #E24824;
	font-size: 16px;
}

.item-top .fs-c-productPrice__addon{
	font-size: 14px;
}
.item-top .right .fs-p-productDescription--short{
	margin-bottom: 25px;
	padding-bottom: 20px;
	font-size: 15px;
	border-bottom: solid 1px #DEDEDE;
}
.item-top .right .fs-c-buttonContainer--inquiryAboutProduct button{
	padding: 0;
	font-size: 12px;
	border: none;
	text-decoration: underline;
	background: none;
}
.item-top .right p.btn1{
	width:340px;
	height: 58px;
	line-height: 58px;
	margin-bottom: 11px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	background: #5B804A /* url(https://htkni.itembox.design/item/img/item/bg-btn1.png) left 65px center no-repeat*/;
	transition-duration: 0.3s;
}
.item-top .right p.btn1:hover{
	opacity: 0.7;
	transition-duration: 0.3s;
}
.item-top .right p.btn2{
	width:338px;
	height: 56px;
	line-height: 58px;
	margin-bottom: 25px;
	color: #5B804A;
	text-align: center;
	border: solid 1px #5B804A;
	cursor: pointer;
	/*background: url(https://htkni.itembox.design/item/img/item/bg-btn2.png) left 65px center no-repeat;*/
	transition-duration: 0.3s;
}
.item-top .right p.btn2:hover{
	opacity: 0.7;
	transition-duration: 0.3s;
}
/* ▽▼▽2020/3/5 追加▽▼▽ */
img.tips_20019 {width: 500px;
  transition: 1s;
  -webkit-transition: 1s;}
img.tips_20019:hover {width: 600px;transform: scale(1.5);}


/* ▽▼▽モーダル▽▼▽ */
.modal1{
	position: fixed;
　　max-height:70%;
	left: 50%;
	/*top: 223px;*/
	top:100px;
  bottom: 30px;
	display: none;
	z-index: 3;
	/*
	transform: translate( -54px, 0 );
	*/
}

@media all and (max-width: 1200px) and (-ms-high-contrast: none) {
	.modal1{
		left: 25%;
	}
}


@media screen and (max-width: 1200px){
	.modal1{
		transform: translate( -267px, 0 );
	}
}




#cart{
	position: relative;
	width: 535px;
	/*height: 500px;*/
  height: available;
  height: -webkit-fill-available;
  height: -moz-available;
	padding: 14px 35px 14px 12px;
	font-size: 12px;
	border: solid 1px #5B804A;
  overflow-y: scroll;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
	flex-wrap: wrap;
background-color:#fff;
}
@media all and (-ms-high-contrast: none) {
#cart{height: 70% !important;}
}
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, #cart {height: 70% !important;}
}
@supports (-ms-ime-align:auto) {
#cart{height: 70vh !important;}
}
#cart .close1{
	text-align: right;
}
#cart .fs-c-variationAndActions{
  width: 100%;
}
#cart .fs-c-productQuantityAndWishlist{
  display: flex;
}
#cart .fs-c-productQuantityAndWishlist .fs-c-productQuantityAndWishlist__wishlist{
  margin-top: 4px;
}
#cart .fs-c-productQuantityAndWishlist .fs-c-productQuantityAndWishlist__quantity{
  margin: 0 5px;
}
#cart button{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#cart .fs-c-variationAndActions__variationLabel{
	display: none;
}
#cart .fs-c-variationList__item{
	margin-bottom: 30px;
}
#cart .fs-c-variationList__item:last-of-type{
	margin-bottom: 0;
}
#cart ul.fs-c-variationCart{
	border-top: solid 1px #EAEAEA;
}
#cart ul.fs-c-variationCart li{
	padding: 12px 0;
	border-bottom: solid 1px #EAEAEA;
}
#cart ul.fs-c-variationCart li .fs-c-variationCart__variationName{
	flex-direction: row;
}
#cart ul.fs-c-variationCart li .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock{
	font-size: 12px;
  /* color: #FF555C; */
}
.fs-c-variationCart--withImage > li {
	-ms-grid-columns: 250px;
	grid-template-columns: auto 1fr 150px 33px;
}
#cart .fs-c-variationList__item__image{
	margin-right: 20px;
}
#cart .fs-c-variationCart__variationName{
	-ms-grid-column: 1;
	-ms-flex-order:1;
	order: 1;
}
#cart .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--outOfStock{
	margin-left: 1em;
	display: inline-block;
}
#cart .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--lowInStock{
	margin-left: 1em;
	/* color: #FF555C; */
	display: inline-block;
  font-weight: bold;
}
#cart .fs-c-variationCart__wishlist{
  position: relative;
	-ms-grid-column: 3;
	-ms-flex-order:3;
	order: 3;
}
#cart .fs-c-variationCart__wishlist::before{
  content: url(https://htkni.itembox.design/item/img/item/hv-bookmark.png);
  opacity: 0;
  position: absolute;
  left: -81px;
  top: -35px;
}
#cart .fs-c-variationCart__wishlist:hover::before{
  opacity: 1;
  position: absolute;
  left: -81px;
  top: -35px;
}
#cart .fs-c-variationCart__cartButton{
	width: 150px;
	-ms-grid-column: 2;
	-ms-flex-order:2;
	order: 2;
}
#cart .fs-c-variationCart__cartButton .fs-c-outOfStockButton{
	width: 150px;
	height: 32px;
	text-indent: -9999px;
	background: url(https://htkni.itembox.design/item/img/item/btn-soldout.png);
	display: block;
	overflow: hidden;
}
/* △▲△モーダル△▲△ */



.item-top .right p.payment{
	margin-bottom: 2px;
	font-size: 12px;
}
.item-top .right p.payment a{
	text-decoration: underline;
}
.item-top .right .fs-c-returnedSpecialContract__link{
	margin-bottom: 10px;
	font-size: 12px;
}
.item-top .right .fs-c-returnedSpecialContract__link a{
	text-decoration: underline;
}



/* 商品詳細 */
#detail-big{
	width: 1000px;
	margin: 0 auto;
	padding: 0 50px 65px 50px;
}
#detail-big h2{
	margin-bottom: 67px;
	padding-bottom: 15px;
	color: #5B804A;
	font-size: 17px;
	border-bottom: solid 1px #DEDEDE;
}
#detail-big .inner{
	padding: 0 50px;
}

#detail-big .inner .cols2{
	margin-bottom: 75px;
	justify-content: space-between;
}
#detail-big .inner .cols2 .left{
	width: 420px;
	padding-top: 25px;
}
#detail-big .inner p.text1{
	font-size: 18px;
}
#detail-big .inner p.text2{
	margin-bottom: 25px;
	font-size: 15px;
}
#detail-big .inner .cols2 hr{
	width: 100%;
	height: 1px;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	border-top: dashed 1px #dedede;
}
#detail-big .inner hr{
	width: 100%;
	height: 1px;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	border-top: dashed 1px #dedede;
}

.bouchuu_chuuki {font-size:12px;text-align:left;padding: 5px 0;}

/*商品詳細の画像サイズ　MAX-Width:400px (2020/03/09)*/

#detail-big .inner .cols2 figure img {max-width: 400px; height: auto;}

/* スペック・寸法図 */
#spec{
	/*padding: 42px 0 1px 0;*/
	padding:142px 0 1px 0;
	margin-top:-100px;
	/*background: #F9F9F9;*/
	background: linear-gradient(180deg, #ffffff 10%,#ffffff 10%, #F9f9f9 10%, #f9f9f9 100%);
}
#spec h2{
	width: 1100px;
	margin: 0 auto 41px auto;
	/*color: #5B804A;*/
	color: #000;
	text-align: center;
	font-size: 18px;
}
/*#spec h2 span{
	position: relative;
	cursor: pointer;
}
#spec h2 span::after{
	content: url(../img/item/icon-spec.png);
	position: absolute;
	right: -56px;
}
#spec h2.active span::after{
	content: url(../img/item/icon-spec_active.png);
	position: absolute;
	right: -56px;
}*/
#spec .inner{
	width: 800px;
	margin: 0 auto;
	padding: 0 150px 50px 150px;
	/*display: none;*/
}
#spec .inner table#tb1{
	width: 100%;
	margin-bottom: 31px;
	font-size: 14px;
	background: #FFFFFF;
}
#spec .inner table#tb1 tr{
	border-bottom: solid 1px #F9F9F9;
}
#spec .inner table#tb1 tr:last-of-type{
	border-bottom: none;
}
#spec .inner table#tb1 tr th{
	width: 140px;
	padding: 20px 0 20px 35px;
	color: #5B804A;
	text-align: left;
	border-right: solid 1px #F9F9F9;
}
#spec .inner table#tb1 tr td{
	padding: 20px 0 20px 50px;
}
#spec .inner figure #drawing{
	margin-bottom: 30px;
}
#spec .inner table#tb2{
	width: 100%;
	font-size: 14px;
	background: #FFFFFF;
  border: 1px solid #5B804A;
}
#spec .inner table#tb2 tr th{
	padding: 10px 0;
	color: #5B804A;
	background: #fff;
  border: 1px dashed #5B804A;
  border-bottom: 1px solid #5B804A;
  font-size: 1.2em;
}
#spec .inner table#tb2 tr td{
	width: 160px;
	padding: 10px 0;
  text-align: center;
    border: 1px dashed #5B804A;
}
#spec .inner table#tb2 tr td:first-of-type{
	color: #5B804A;
  border-bottom: 1px dashed #5B804A;
	border-right: 1px solid #5B804A;
    font-size: 1.2em;
    font-weight: bold;
}
#spec .inner table#tb2 tr th:first-of-type{
	border-right: 1px solid #5B804A;
}

.sunpou_chuuki{font-size:12px;text-align:right;padding: 5px 0;}

/* この商品と一緒にチェックされている商品 */
.fs-c-featuredProduct{
	width: 1000px;
	margin: 0 auto;
	padding: 44px 50px 30px 50px;
}
.fs-c-featuredProduct .fs-c-featuredProduct__header h2{
	display: none;
}
.fs-c-featuredProduct .fs-c-featuredProduct__header::after{
	content: "この商品と一緒にチェックされている商品";
	display: block;
	margin-bottom: 20px;
	padding-bottom: 15px;
	color: #5B804A;
	font-size: 17px;
	border-bottom: solid 1px #DEDEDE;
}
.fs-c-productListCarousel .slick-slide{
	width: 184px;
	margin-right: 42px;
}
.fs-c-productListCarousel .fs-c-productImage__image{
	width: 184px;
}
.fs-c-productListCarousel h2.fs-c-productListItem__productName{
	margin: 5px 0!important;
	text-align: left!important;
	font-weight: normal;
	font-size: 12px;
}
.fs-c-productListCarousel .fs-c-productPrice__main__label{
	font-size: 16px;
	display: none;
  background-color: #ED8082;
  padding:5px;
}
.fs-c-productListCarousel .fs-c-productPrice__main__price{
	font-size: 15px;
}
.fs-c-productListCarousel .fs-c-price {
	display: inline;
}
.fs-c-productListCarousel .fs-c-buttonContainer,
.fs-c-productListCarousel .fs-c-productName__copy{
	display: none;
}
.fs-c-productListCarousel .fs-c-productPrice__addon__label{
	font-size: 11px;
}
.fs-c-productListCarousel .fs-c-productListCarousel__ctrl--prev{
	width: 54px;
	min-width: 54px;
	height: 54px;
	margin-right: 15px;
	text-indent: -9999px;
	background: url(https://htkni.itembox.design/item/img/common/icon-prev.png);
	overflow: hidden;
}
.fs-c-productListCarousel .fs-c-productListCarousel__ctrl--next{
	width: 54px;
	min-width: 54px;
	height: 54px;
	text-indent: -9999px;
	background: url(https://htkni.itembox.design/item/img/common/icon-next.png);
	overflow: hidden;
}

.fs-c-variationCart__cartButton > button{
	width: 150px;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	background: #5B804A!important;
}
indent: -9999px;
	background: url(https://htkni.itembox.design/item/img/common/icon-next.png);
	overflow: hidden;
}

.fs-c-variationCart__cartButton > button{
	width: 150px;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	background: #5B804A!important;
}
