/* ------------- 商品詳細 ------------- */

/* 商品画像 */

#fs_productCarouselMainImage {
	margin:0 auto 3% auto !important;
}
@media only screen and (max-width:580px) {
#fs_productCarouselMainImage {
	width:100% !important;
	width:calc(100vw - 18px) !important;
	position:relative;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.ios #fs_productCarouselMainImage,
.iphone #fs_productCarouselMainImage,
.android #fs_productCarouselMainImage {
	width:100% !important;
	width:100vw !important;
}
}

.fs-c-breadcrumb__listItem,
.fs-c-breadcrumb__listItem > a { font-size:12px !important; }

#fs_productCarouselMainImage .slick-prev,
#fs_productCarouselMainImage .slick-next {
  position: absolute;
  z-index: 9999;
  display: block;
  height: 60px !important;
  width: 60px !important;
  line-height: 0px;
  font-size: 0px;
  background: rgba(189, 187, 188, 0.5) !important;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
#fs_productCarouselMainImage .slick-prev.slick-disabled:before,
#fs_productCarouselMainImage .slick-next.slick-disabled:before {
  opacity: 0.25;
}
#fs_productCarouselMainImage .slick-arrow:before{
	content:""!important;
}
#fs_productCarouselMainImage .slick-prev:before,
#fs_productCarouselMainImage .slick-next:before {
	display:block;
	content:"";
	position: absolute;
	cursor: pointer;
	font-family: "fs-icon";
	color:#fff !important;
	height: 50px !important;
	width: 50px !important;
	font-size: 30px;
	line-height: 1;
/*	opacity: 0.75; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top:10%;
	left:25% !important;
	-webkit-transform: translate(-50, -50%) !important;
	-ms-transform: translate(-50, -50%) !important;
	transform: translate(-50, -50%) !important;
}
#fs_productCarouselMainImage .slick-prev:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/slick_arrow_prev.svg) no-repeat !important;
	background-size:contain !important;
}
#fs_productCarouselMainImage .slick-next:before {
	background:url(https://untule.itembox.design/item/asset/img/ico/slick_arrow_next.svg) no-repeat !important;
	background-size:contain !important;
}

#fs_productCarouselMainImage {
	width:100%;
	height:auto;
	max-width:467px !important;
	height:calc(100% * 1.2) !important;
	margin:0 auto 3% auto;
}
#fs_productCarouselMainImage {
	width:100%;
	height:auto;
	margin:0 auto !important;
}
.fs-c-productCarouselMainImage { max-width:467px !important; }

.fs-body-product .fs-c-productCarouselMainImage__image,
.fs-body-product .fs-c-productCarouselMainImage__image > img {
	max-width:100% !important;
}

.fs-body-product .fs-c-productCarouselMainImage .slick-slide,
.fs-body-product .fs-c-productCarouselMainImage .slick-slide > div,
.fs-body-product .fs-c-productCarouselMainImage__image,
.fs-body-product .fs-c-productCarouselMainImage__image > img {
	width:100%;
	max-width:480px !important;
	height:calc(100% * 1.2) !important;
}

@media screen and (max-width:849px) {
.fs-c-productCarouselMainImage { max-width:800px !important; }
.fs-body-product .fs-c-productCarouselMainImage .slick-slide,
.fs-body-product .fs-c-productCarouselMainImage .slick-slide > div,
.fs-body-product .fs-c-productCarouselMainImage__image,
.fs-body-product .fs-c-productCarouselMainImage__image > img {
	width:100%;
	height:calc(100% * 1.2) !important;
}
}

@media screen and (max-width:498px) {
.fs-body-product .fs-c-productCarouselMainImage .slick-slide,
.fs-body-product .fs-c-productCarouselMainImage .slick-slide > div,
.fs-body-product .fs-c-productCarouselMainImage__image,
.fs-body-product .fs-c-productCarouselMainImage__image > img {
	width: 100vw !important;
	max-width:498px !important;
	max-height:calc(100vw * 1.2) !important;
}
}
.fs-c-productNotice--outOfStock { font-size:12px !important; }
.fs-c-productCarouselMainImage__expandButton,
.fs-c-variationCart__wishlist { display:none; }
h1.fs-c-productNameHeading { text-align:left; }
.fs-c-productNumber {
	margin:1.0em 0;
	color:#8a908a !important;
	border:none !important;
	padding:0 !important;
}
@media screen and (max-width:500px) {
	.fs-c-productNumber {
		font-size: 12px!important;
	}
	
}
.fs-c-productPrice__addon:before,
.fs-c-productPrice__addon:after { content:"" !important; display:none !important; }

.fs-c-productPrice__addon__label { font-size:80%; margin-bottom:1.0em; }

.fs-body-product .fs-c-productNameHeading__name { font-size:20px !important; }
.fs-body-product .fs-c-productPrice__main ,
.fs-body-product .fs-c-productPrice__main .fs-c-price__value { font-size:24px !important; }
.fs-c-price__currencyMark {font-size: 18px!important;}
.fs-c-productCarouselMainImage__thumbnailList {
	width:100%;
	display: flex;
	flex-wrap: wrap !important;
	list-style: none;
	overflow-x: auto;
	padding: 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li {
	width:calc((100% - (2px * 5)) / 6) !important;
	flex-basis:calc((100% - (2px * 5)) / 6) !important;
	flex-shrink: 0;
	margin: 0 2px 10px 0;
	cursor:pointer;
}
.fs-c-productCarouselMainImage__thumbnailList > li:nth-of-type(6n) {
	margin-right: 0;
}
.fs-c-productCarouselMainImage__image__caption {
	background:rgba(30, 30, 30, 0.3);
/*	padding:0.5em 0; */
	box-sizing:border-box;
	color:#fff;
	font-size: 14px !important;
}
.fs-c-productCarouselMainImage__thumbnail__caption {
	width:100% !important;
	letter-spacing:0 !important;
	font-size:10px !important;
	text-align:left !important;
	line-height:150% !important;
	transform: scale(0.8) !important;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 300;
	font-style: normal;
	margin:-3px auto 0 auto !important;
}
.fs-c-productCarouselMainImage__thumbnail__caption { font-size:10px; text-align:center; line-height:150% !important; }

@media only screen and (max-width:768px) {
.fs-c-productCarouselMainImage__image__caption {
	font-size: 2.5vw !important;
}
}


/* altテキスト表示 */
div.caption {
}
div.caption img{
	position: relative;
}
div.caption p {
	display:block !important;
	position: absolute;
	bottom: 30px;
	left:0;
	right:0;
	text-align:center;
	opacity: 1.0;
	font-size: 14px !important;
	padding:1.0em 0 !important;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:rgba(255, 255, 255, 0.6);
	color: #3c463c;
}
@media only screen and (max-width:768px) {
div.caption p {
	font-size: 2.5vw !important;
}
}


@media only screen and (max-width:580px) {

.fs-c-productNotice--outOfStock { font-size:2.3vw !important; }
.fs-c-productCarouselMainImage__thumbnail__caption {
	font-size:1.7vw !important;
	line-height:150% !important;
	text-align:left !important;
}
#fs_productCarouselMainImage .slick-prev,
#fs_productCarouselMainImage .slick-next {
  height: 40px !important;
  width: 40px !important;
}
#fs_productCarouselMainImage .slick-prev:before,
#fs_productCarouselMainImage .slick-next:before {
	height: 30px !important;
	width: 30px !important;
	font-size: 20px;
}
.fs-body-product .fs-c-productNameHeading__name { font-size:3.0vw !important; }
.fs-body-product .fs-c-productPrice__main ,
.fs-body-product .fs-c-productPrice__main .fs-c-price__value { font-size:2.9vw !important; }.fs-c-price__currencyMark {font-size: 2.2vw !important;}

}



/* カートボタン */
.fs-c-variationAndActions { margin:20px auto; }
ul.fs-c-variationList__item__cart {
	margin:0 !important;
	padding:0 !important;
	box-sizing:border-box;
}
ul.fs-c-variationList__item__cart > li {
	display:flex !important;
	justify-content:space-between;
	border-bottom: 1px solid #ccc;
	padding:10px 0;
}
ul.fs-c-variationList__item__cart > li:nth-last-of-type(1) {
	border-bottom: 0px solid #ccc;
}
.fs-c-variationCart__image { width:30%; text-align:center !important; }
ul.fs-c-variationList__item__cart > li > .fs-c-variationCart__variationName { width:18% !important; text-align:center; }

.fs-c-variationCart__image .fs-c-variationCart__variationName__name {
	font-size:10px !important;
	text-align:left;
	letter-spacing:0 !important;
	line-height:1.0em !important;
}
.on_stock {
	font-size:12px !important;
	text-align:center;
}

ul.fs-c-variationList__item__cart > li > .fs-c-variationCart__cartButton { width:45%; text-align:center; }

.fs-c-button--subscribeToArrivalNotice--variation { border:none; background:none; }
.fs-c-variationCart__cartButton .fs-c-button__label { font-size:12px; }
.fs-c-variationCart__cartButton > button {
	margin:0;
	padding:0;
	border:none;
	background:#3c463c;
	border:1px solid #3c463c;
	width:100%;
	padding:1.0em 0 !important;
}
.fs-c-variationCart__cartButton--subscribeToArrivalNotice > button {
	margin:0;
	padding:0;
	border:none;
	color:#3c463c;
	background:#fff;
	padding:1.0em 0 !important;
	border:1px solid #3c463c;
	width:100%;
}
.fs-c-variationCart__cartButton button,
.fs-c-variationCart__cartButton button:hover { max-width:100%; }
.fs-c-button--subscribeToArrivalNotice--variation { width:100% !important; margin:0 auto !important; }

.fs-c-button--addToCart--variation {
	background:#3c463c !important;
	border: 1px solid #3c463c !important;
	padding:1.0em 0 !important;
}


.fs-c-button--subscribeToArrivalNotice--variation {
	color:#7e8c60 !important;
	background:#fff !important;
	border: 1px solid #7e8c60 !important;
}
.fs-c-button--subscribeToArrivalNotice--variation:hover {
	color:#fff !important;
	background:#7e8c60 !important;
	border: 1px solid #7e8c60 !important;
}
.fs-c-button--addToCart--variation .fs-c-button__label,
.fs-c-button--addToCart--variation .fs-c-button__label:hover,
.fs-c-button--subscribeToArrivalNotice--variation .fs-c-button__label,
.fs-c-button--subscribeToArrivalNotice--variation .fs-c-button__label:hover {
	padding:1.0em 1.0em !important;
	box-sizing:border-box;
	font-size:12px; 
}
.fs-c-button--subscribeToArrivalNotice--variation:hover .fs-c-button__label:hover {
	color:#fff !important;
}
.fs-c-variationCart__cartButton .fs-c-variationCart__cartButton--subscribeToArrivalNotice { width:100% !important; }
.fs-c-variationCart__cartButton--subscribeToArrivalNotice .fs-c-button--subscribeToArrivalNotice--variation { margin:0 auto !important; }
.fs-c-variationCart__image > img {
	width:100% !important;
	max-width:100% !important;
}

@media only screen and (max-width:849px) {
.fs-c-productPrices { margin-bottom:10% !important; }
}

@media only screen and (max-width:748px) {
.fs-c-variationAndActions .fs-c-variationCart__variationName__name,
.fs-c-variationAndActions .fs-c-variationCart__variationName__stock,
.fs-c-variationAndActions .on_stock,
.fs-c-variationAndActions .fs-c-button__label,
.fs-c-button--subscribeToArrivalNotice--variation .fs-c-button__label { font-size:2.0vw !important; }

.fs-c-variationCart__cartButton .fs-c-variationCart__cartButton--subscribeToArrivalNotice .fs-c-button__label { font-size:2.0vw !important; }
}



/* 商品詳細 */
#product_area {
	width:90%;
	max-width:1000px;
	margin:1% auto 5% auto;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
#product_area .product_img {
	width:48%;
}
#product_area .product_main {
	width:48%;
	text-align:left;
}

@media only screen and (max-width:849px) {
#product_area {
	width:90%;
	flex-wrap:wrap;
}
#product_area .product_img,
#product_area .product_main {
	width:100%;
}
}




@media only screen and (max-width:849px) {
/* カート用モーダル */
.fs-body-product .cart_button,
.fs-body-product .modal_wall,
.fs-body-product .modal_close { display:inline-block; }

.fs-body-product button.cart_button {
	display:block;
	width:100%;
	border-style:none;
	margin:20px auto;
	background:none;
	box-sizing:border-box;
	padding:1.5em 0;
	text-align:center;
	color:#fff;
	background:#7a8d5c;
	border:1px solid #7a8d5c;
	border-radius:10px;
}
.fs-body-product button.cart_button:hover {
	display:block;
	width:100%;
	border-style:none;
	margin:20px auto;
	background:none;
	box-sizing:border-box;
	padding:1.5em 0;
	text-align:center;
	color:#fff;
	background:rgba(60, 70, 60, 0.6);
	border:1px solid #7a8d5c;
	border-radius:10px;
}
/* .fs-body-product span#cart_button_txt {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:1.5em 0;
	text-align:center;
	color:#fff;
	background:#3c463c;
	border:1px solid #3c463c;
	border-radius:10px;
}
.fs-body-product span#cart_button_txt:hover {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:1.5em 0;
	text-align:center;
	color:#fff;
	background:rgba(60, 70, 60, 0.6);
	border:1px solid #3c463c;
} */

.fs-body-product .modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 996;
	width: 100%;
	height: 100%;
}
.fs-body-product .modal_wall {
	position: fixed;
	z-index: 997;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
}
.fs-body-product .modal_body {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999 !important;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 95%;
	max-width: 600px;
	max-height: 70%;
	margin: 120px auto 0 auto;
	background: #fff;
}
.fs-body-product .modal_inner {
	position: relative;
	width: 100%;
	height: 100%;
	margin:0 auto;
	padding:55px 2% 3% 5%;
	z-index:999;
}
.fs-body-product .modal_close {
	position: absolute;
	top: 5px;
	right: 5px;
	left: auto;
	display: table;
	width: 50px;
	height: 50px;
}
.fs-body-product .modal_close > span {
	display: table-cell;
	width: 100%;
	color: #000;
	font-size:45px;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	cursor: pointer;
}
.fs-body-product .modal_close > span:hover {
	background: #eee;
}
.fs-body-product .modal_content {
	overflow-y: auto;
	height: 100%;
	padding:0px;
}
.fs-body-product .modal_content::-webkit-scrollbar {
    width: 10px;
}
.fs-body-product .modal_content::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #ffffff !important;
}
.fs-body-product .modal_content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background:#c1c1c1 !important;
}
.fs-c-variationCart__variationName,
.fs-c-button--subscribeToArrivalNotice--variation .fs-c-button__label { font-size:11px !important; }
.fs-c-variationList__item__cart { padding:0; }

.fs-c-variationCart__image { width:30%; }
.fs-c-variationCart__variationName { width:10% !important; }
.fs-c-variationCart__cartButton { width:45%; text-align:center; }
}


@media only screen and (min-width:850px) {
.variation_select .modal_wrap,
#item_cart.modal { display:block; }
.cart_button, .modal_close { display:none; }
}


#product_detail {
	width:90%;
	max-width:1000px;
	margin:1% auto 5% auto;
}
#product_detail p {
	line-height:1.7em;
	margin:1.0em 0;
}

#product_detail #detail_menu {
	width:100%;
	font-size:0;
	margin:0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
	padding:0;
}
#product_detail #detail_menu > .tab {
	width:50%;
	box-sizing:border-box !important;
	margin:0 0 !important;
	padding-bottom:5px;
	border-bottom:5px solid #bfbfbf;
	text-align:center;
	line-height:100%;
	cursor:pointer;
	vertical-align:middle;
	transition:ease 0.2s;
}
#product_detail #detail_menu > .tab > h1 {
	font-size:20px;
	font-weight:bold;
}
#product_detail .detail_inner_wrap .detail_tab_inner {
	width:100%;
	display:block;
	box-sizing:border-box !important;
	border:0 !important;
	margin:0 !important;
}
#product_detail .detail_inner_wrap .detail_tab_inner {
	width:100%;
	padding:0 !important;
	display:none;
	position:relative;
	z-index:2;
}
#product_detail .detail_tab_inner.is-show {
	display:block;
}
#product_detail #detail_menu > .tab.selected {
	position:relative;
	border-bottom:5px solid #7e8c60;
}


.item_detail_com p { margin:1.5em 0; }
.item_detail_com p > span { display:block; }
.item_detail_com p.atten { text-indent:-1.0em; padding-left:1.0em; }

.item_detail_main,
.item_detail_com,
.item_detail_size { width:100%; max-width:700px; margin:5% auto; }
.item_detail_main { margin:5% auto 0% auto !important; }
.item_detail_size > img { display:block; margin:0 auto; }
.item_detail_size > dl {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	margin:5% auto;
}
.item_detail_size > dl > dt {
	width:60px;
	margin:5px 0;
}
.item_detail_size > dl > dd {
	width:calc(100% - 70px);
	margin:5px 0;
}



/* 商品詳細内リンクボタン */
.product_button_area {
	width:90%;
	max-width:700px;
	margin:5% auto 0 auto !important;
	padding:5% 0 0 0 !important;
	border-top: 1px solid #b3b3b3;
	color:#fff !important;
}
.product_button_area > a {
	width:100%;
	max-width:500px;
	display:block;
	background:#7e8c60;
	color:#fff !important;
	box-sizing:border-box;
	padding:1.5em 0;
	border-radius:10px;
	text-align:center;
	margin:2% auto;
}
.product_button_area > a:hover {
	background:rgba(126, 140, 96, 0.6);
	color:#fff !important;
}
@media only screen and (max-width:849px) {
.product_button_area {
	width:90%;
	max-width:700px;
	margin:5% auto;
	padding:5% 0 3% 0;
	border-top: 1px solid #b3b3b3;
	color:#fff !important;
}
.product_button_area > a {
	margin:5% auto;
	color:#fff !important;
	font-size: 0.8em!important;
}
}


/* SNSシェアボタン */
.product_sns {
	width:90%;
	max-width:700px;
	margin:5% auto;
	padding:3% 0 5% 0;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
}
.product_sns > h1 {
	width:100% !important;
	display:block;
	font-size:16px !important;
	text-align:center !important;
}
.product_sns .product_sns_box {
	display:flex;
	width:70%;
	max-width:500px;
	margin:5% auto 0 auto !important;
}
.product_sns .product_sns_box > div {
	width:50%;
	text-align:center;
}
.product_sns .product_sns_box > div > a {
	display:inline-block;
	width:50px;
}
.product_sns .product_sns_box > div > a:hover {
	opacity:0.7;
}
@media only screen and (max-width:849px) {
.product_sns {
	margin:5% auto;
	padding:5% 0 7% 0;
}
.product_sns .product_sns_box > div > a {
	display:inline-block;
	width:40px;
}
}
@media only screen and (max-width:580px) {
.product_sns .product_sns_box > div > a {
	display:inline-block;
	width:7.5vw;
}
}


/* 注意事項 */
.use_attention {
	width:90%;
	max-width:700px;
	margin:5% auto;
}
.use_attention > h1 {
	text-align:left;
	font-size:16px;
}
.use_attention > ol,
.use_attention > ol > li {
	text-align:left;
	list-style-type:none;
}
.use_attention > ol > li {
	text-indent:-1.0em;
	padding-left:1.0em;
	margin:0.5em 0;
	line-height:180%;
}
.use_attention > ol > li:before {
	content:"・";
	width:1.0em;
	vertical-align:middle;
}
@media only screen and (max-width:849px) {
.use_attention {
	margin:10% auto;
}
}





/* Zoom */

.iziToast > .iziToast-close {
  position: absolute;
  right: 5px !important;
  top: 0;
  border: 0;
  padding: 0;
  opacity: 0.6;
  width: 35px;
  height: 100%;
  background: url(https://untule.itembox.design/item/asset/img/ico/i_close_wh.svg) no-repeat 50% 50% !important;
  background-size: 8px;
  cursor: pointer;
  outline: 0;
}

/* .fs-c-photoswipe { height:calc(100% - 65px) !important; margin-top:65px !important; } */

.fs-c-photoswipe { z-index:9999998 !important; }
.fs-c-photoswipe .pswp__button { z-index:9999999 !important; }



.fs-c-photoswipe .pswp__button { background:none !important; }
.fs-c-photoswipe .pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.fs-c-photoswipe .pswp__button,
.fs-c-photoswipe .pswp__button--arrow--left:before,
.fs-c-photoswipe .pswp__button--arrow--right:before {
  background: url(/system/images/photoswipe-default-skin.png) 0 0 no-repeat !important;
  background-size: 264px 88px !important;
  width: 44px !important;
  height: 44px !important;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .fs-c-photoswipe.pswp--svg .pswp__button, .fs-c-photoswipe.pswp--svg .pswp__button--arrow--left:before, .fs-c-photoswipe.pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/system/images/photoswipe-default-skin.svg) !important;
  }
}
.fs-c-photoswipe .pswp__button--close {
  background-position: 0 -44px !important;
}
.fs-c-photoswipe .pswp__button--share {
  background-position: -44px -44px !important;
}
.fs-c-photoswipe.pswp--fs .pswp__button--fs {
  background-position: -44px 0 !important;
}
.fs-c-photoswipe .pswp__button--zoom {
  display: none;
  background-position: -88px 0 !important;
}
.fs-c-photoswipe.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0 !important;
}
.fs-c-photoswipe .pswp__button--arrow--left,
.fs-c-photoswipe .pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 44px !important;
  height: 44px !important;
  position: absolute;
}
.fs-c-photoswipe .pswp__button--arrow--left {
  left: 6px !important;
  background-position: -138px -44px !important;
}
.fs-c-photoswipe .pswp__button--arrow--right {
  right: 6px !important;
  background-position: -94px -44px !important;
}
.fs-c-photoswipe .pswp__button--arrow--left:before {
  display:none;
}
.fs-c-photoswipe .pswp__button--arrow--right:before {
  display:none;
}