@charset "UTF-8";
/* CSS Document -- カラー×サイズ用カートスタイル*/


/*大枠*/
.fs-c-variationAndActions{ padding:  20px 0;}
	


/*サイズ/カラー(枠)*/
.fs-c-variationAndActions__variationLabel,
.fs-c-variationLabel{ display: none}


/*カラータイトル*/
.fs-c-variationList__item__title{ 
    display: block; font-size: 11px; padding: 5px 0 ;
	background-color: rgba(0,0,0,0.1); color: rgba(0,0,0,1) ; text-align: center}


/*各カラーごとの枠*/
.fs-c-variationAndActions .fs-c-variationList__item{ 
	display: block; margin-bottom: 10px; }


/*サイズ・ボタン枠*/
.fs-c-variationAndActions .fs-c-variationList__item__cart{ 
	padding:  0 ; margin: 0;  }
	

/*バリエーション画像*/
.fs-c-variationList__item__image{ width: 100px;}


/*サイズテキスト-枠*/
.fs-c-variationCart__variationName{ display: block; text-align:left; }

.fs-c-variationList__item__cart li{ 
    border-top: 1px solid rgba(0,0,0,0.1);
	position:relative; padding: 0; margin-bottom: -10px;
    height: 50px;}
	
.fs-c-variationList__item__cart li:first-child{ border-top: none }
.fs-c-variationList__item__cart li:last-child{margin-bottom: 0px; }



/*サイズテキスト*/
.fs-c-variationList__item .fs-c-variationCart__variationName{ 
	display: inline-block; 
	font-size:11px;  padding: 0; margin: 0 ; } 


 /*在庫切れ*/
.fs-c-variationList__item .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--outOfStock{  
     font-size:10px; }
.fs-c-variationList__item .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--outOfStock:before{ 
     content:"/"; margin-right: 3px;}	
	 @media screen and (max-width: 768px){
	 .fs-c-variationList__item .fs-c-variationCart__variationName .fs-c-variationCart__variationName__name{ display:block}
	 .fs-c-variationList__item .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--outOfStock:before{content:"";  margin-right: 0; }}


/*残りわずか*/
.fs-c-variationList__item .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--lowInStock{ font-size:10px; color: #FF0004 }
.fs-c-variationList__item .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--lowInStock:before{ 
     content:"/";  margin-right: 3px; color: #000 }	
	 @media screen and (max-width: 768px){
	 .fs-c-variationList__item .fs-c-variationCart__variationName .fs-c-variationCart__variationName__stock--lowInStock:before{content:""; margin-right: 0; }}


 
 /*カートに入れる・再入荷お知らせボタン*/
.fs-c-variationCart__cartButton .fs-c-button--addToCart--variation, 
.fs-c-variationCart__cartButton .fs-c-button--subscribeToArrivalNotice--variation{ 
	 width:150px; height:36px; color: #fff; font-weight: bold; font-size: 0; position:absolute; right:0; top:0; bottom:0; margin: auto; 
     background: transparent; padding: 0; text-align: center}
     @media screen and (max-width: 768px){
	 .fs-c-variationCart__cartButton .fs-c-button--addToCart--variation, 
     .fs-c-variationCart__cartButton .fs-c-button--subscribeToArrivalNotice--variation{ 
	  width:120px; }}


.fs-c-variationCart__cartButton--outOfStock{ text-align: center}


 
 
 /*カートに入れる*/
.fs-c-variationCart__cartButton .fs-c-button--addToCart--variation{
	    background: #00bfff; 
	    border: solid 1px #00bfff;
	    -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;}

.fs-c-variationCart__cartButton .fs-c-button--addToCart--variation .fs-c-button__label:before{
	font-family:  "Font Awesome 5 Free";  font-weight:bold; content : "\f07a"; margin: 3px; font-size: 12px}
.fs-c-variationCart__cartButton .fs-c-button--addToCart--variation .fs-c-button__label:after{ content : "カートに入れる"; font-size: 12px}
    @media screen and (max-width: 768px){
  　.fs-c-variationCart__cartButton .fs-c-button--addToCart--variation .fs-c-button__label:after{
	content : "カートに追加";  }}


 
 /*お気に入りアイコン*/
.fs-c-variationCart__wishlist button{ 
	 width:20px; height:20px; position:absolute; right:155px; top:0; bottom:0; margin: auto; 
     border:1px solid #ffff; background: transparent;}
.fs-c-variationCart__wishlist button .fs-c-button__image{ width:100%; }
    @media screen and (max-width: 768px){
	.fs-c-variationCart__wishlist button{ right:125px; }}












 /*-------------------------------------
 項目選択肢のみのとき
 --------------------------------------*/
.fs-c-productSelection {padding:10px 0 0;width:90%;margin: 0 auto;max-width: 600px;}

 .fs-c-productQuantityAndWishlist {
	 position: relative;
    padding: 0;
    height: 50px;
	width:90%;
	margin: 0 auto;
	max-width: 600px;
}

/*----------数量入力エリア-----*/
.fs-c-productQuantityAndWishlist .fs-c-quantity {padding-top: 13px;}

 
 /*カートに入れる・再入荷お知らせボタン*/
 .fs-c-productActionButton .fs-c-button--addToCart--detail, 
 .fs-c-productActionButton .fs-c-button--subscribeToArrivalNotice--variation{ 
	  width:150px; height:36px; color: #fff;font-weight: bold; font-size: 0; position:absolute; right:0; top:-50px; bottom:0; margin: auto; 
	  background: transparent; padding: 0; text-align: center;}
	  @media screen and (max-width: 768px){
	  .fs-c-productActionButton .fs-c-button--addToCart--detail, 
	  .fs-c-productActionButton .fs-c-button--subscribeToArrivalNotice--variation{ 
	   width:120px; }}

 
 
 .fs-c-productActionButton--outOfStock{ text-align: center}

 

 /*カートに入れる*/
 .fs-c-productActionButton {position: relative;margin-bottom: 20px;}
 .fs-c-productActionButton .fs-c-button--addToCart--detail{
	background: #00bfff; 
	border: solid 1px #00bfff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	margin-right:5%;
}

.fs-c-productActionButton button .fs-c-button__label:before{
font-family:  "Font Awesome 5 Free";  font-weight:bold; content : "\f07a"; margin: 3px; font-size: 12px}
.fs-c-productActionButton button .fs-c-button__label:after{ content : "カートに入れる"; font-size: 12px}






 /*お気に入りアイコン*/
.fs-c-productQuantityAndWishlist button {
	width:20px; height:20px; position:absolute; right:155px; top:0; bottom:0; margin: auto; 
	border:1px solid #ffff; background: transparent;}
	@media screen and (max-width: 768px){
		.fs-c-productQuantityAndWishlist button {
		right: 125px;
	}
}