
/*-----カート-----*/
@import url("https://retica.itembox.design/item/rt_css/fs_cart.css?2021041500014");
@import url("https://retica.itembox.design/item/rt_css/rt_system-cart.css?2024020916");

/*-----マイページ-----*/
@import url("https://retica.itembox.design/item/rt_css/rt_system-mypage.css?202104300001669");


/*-----各ページ用-----*/
@import url("https://retica.itembox.design/item/rt_css/rt_page_style.css?202104130014");

/*-----おすすめ・マイページお気に入り商品用-----*/
@import url("https://retica.itembox.design/item/rt_css/rt_recommend_item.css?20241115");



.fs-preview-header { display: none; }

p{ margin :0; padding:0; }/*--何故かPタグに謎の余白が付くな?--*/

img{width:100%;height: auto ;max-width:none;}

.header-nav h1{ margin :0; padding:0; }/*トップページ用H1*/

/*-----パンクズ-----*/


nav.fs-c-breadcrumb{ display:block; width:100%; max-width:1000px; margin:0 auto 5px;  padding: 5px 0 ; text-align:left;}
     @media screen and (max-width: 1000px){ .fs-c-breadcrumb{ width: 98%;}}
     @media screen and (max-width: 768px){ 
     nav.fs-c-breadcrumb{ width: 100%; padding: 5px 10px ; margin:0 auto; background-color: #eeeeee}}


nav.fs-c-breadcrumb .fs-c-breadcrumb__list{
  box-sizing: border-box; list-style: none; margin: 0; padding: 0; color:#A0A0A0; line-height: 12px}

nav.fs-c-breadcrumb .fs-c-breadcrumb__list > li { box-sizing: border-box; font-size:11px}
nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem { display: inline;}
nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem + nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem::before { content: " > ";}
nav.fs-c-breadcrumb .fs-c-breadcrumb__list a{ color:#cc7a96}
nav.fs-c-breadcrumb .fs-c-breadcrumb__list a:hover{ text-decoration: underline}







/*=========================================================================

                     商品グループ

=========================================================================*/




/*-----小カテゴリリスト-----*/

/*枠*/
.fs-c-subgroup{ display:block; width:100%; max-width:1000px; margin:0 auto 10px;}
     @media screen and (max-width: 1000px){ .fs-c-subgroup{ width: 98%;}}
     @media screen and (max-width: 768px){ .fs-c-subgroup{ width: 95%; margin:10px auto 10px; }}

/*○件中 ○-○表示*/
.fs-c-subgroup .fs-c-listControl{ display: none ;     }

/*ul*/
.fs-c-subgroupList{ 
	width:100%;  list-style: none; overflow:hidden; padding: 0; margin:0; font-size: 0;
    display: flex; flex-wrap: wrap;}	

/*li*/
.fs-c-subgroupList .fs-c-subgroupList__item{
	  position:relative;  width: calc( 33.3333333% - 20px / 3 );
	  margin: 0 10px 5px 0  ; padding: 10px 0;
      font-size:12px; text-indent:10px; text-align:left; 
	  border-bottom:1px solid #DDDDDD; }
     
.fs-c-subgroupList .fs-c-subgroupList__item:nth-child(3n){ margin-right: 0; }


@media screen and (max-width: 768px){ 
	 .fs-c-subgroupList .fs-c-subgroupList__item{width: calc( 50% - 10px / 2 );}
	 .fs-c-subgroupList .fs-c-subgroupList__item:nth-child(2n){ margin-right: 0; }
     .fs-c-subgroupList .fs-c-subgroupList__item:nth-child(3n){ margin-right: 10px; }
     .fs-c-subgroupList .fs-c-subgroupList__item:nth-child(6){ margin-right: 0; }}








.fs-c-subgroupList .fs-c-subgroupList__item:after{
	font-family: FontAwesome; content: "\f105"; font-weight: bold;
    font-size: 21px; color:#DDDDDD;
	position:absolute;  top: 50%;  right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);}
    @media screen and (max-width: 768px){ 
    .fs-c-subgroupList .fs-c-subgroupList__item:after{ font-size: 18px;}}

.fs-c-subgroupList .fs-c-subgroupList__item:hover{ background-color:#F4F4F4;}		

/*a*/
.fs-c-subgroupList li .fs-c-subgroupList__link{  text-decoration:none; color:#A2A2A2 }
   




/*-----商品グループエリア(大枠)-----*/


.fs-c-productList{ display:block; width:100%; max-width:1000px; margin:0 auto 10px;}
     @media screen and (max-width: 1000px){ .fs-c-productList{ width: 98%;}}
     @media screen and (max-width: 768px){ .fs-c-productList{ width: 95%;}}







/*=========================================================================

        並び替え・ぺージャーパーツ(システムパーツ)

=========================================================================*/


.fs-c-productList__controller{/*大枠*/ display: block; margin: 20px 0 15px; }


/*---------------並び替えパーツ---------------*/

 /*枠*/ 
.fs-c-productList__controller .fs-c-sortItems{ 
    display: block; width: 100%; padding: 0 ;  background: rgba(0,0,0,0.05); }

/*並び替えTXT*/ 
.fs-c-sortItems .fs-c-sortItems__label{ display: none}

/*並び替え内容-----ul*/
.fs-c-sortItems .fs-c-sortItems__list{ 
   list-style: none; padding: 0; font-size: 0; text-align: left;}

/*並び替え内容-----li*/
.fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item{ 
	display: inline-block; position:relative; font-size: 12px;  }
.fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item a{
	display:  inline-block;  color:rgba(0,0,0,0.5); text-decoration: none; padding: 10px 20px;}
.fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item a:hover{  background: rgba(0,0,0,0.05);}

/*並び替えアクティブ*/
.fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item.is-active {  
  color:#fff; background:rgba(204,122,150,1.0); box-sizing:border-box; padding: 10px 20px;}  


@media screen and (max-width: 768px){ 
	.fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item{ width: 25%; text-align: center;  }
	.fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item a{ width: 100%; padding: 10px 0;}
	.fs-c-sortItems .fs-c-sortItems__list .fs-c-sortItems__list__item.is-active{ padding: 10px 0; }}


/*---------------ページャーパーツ---------------*/

/*枠*/	
.fs-c-productList__controller .fs-c-listControl{ 
   display: block; text-align: right; font-size: 12px; margin: 10px 0 ;}

/*件数枠*/
.fs-c-productList__controller .fs-c-listControl__status{  display: inline; color: rgba(0,0,0,0.5);}	

/*ページリンク枠*/
.fs-c-productList__controller .fs-c-pagination{ display: inline; margin: 0 0 0 10px;}

    @media screen and (max-width: 768px){
	.fs-c-productList__controller .fs-c-listControl{ text-align: center;  } 
    .fs-c-productList__controller .fs-c-listControl__status{ display: block; margin: 0;}
	.fs-c-productList__controller .fs-c-pagination{ display: block; margin: 5px 0 0;}
     }

/*ページ数*/		
.fs-c-productList__controller .fs-c-pagination .fs-c-pagination__item{ 
	display: inline-block;  text-align: center;  color: rgba(0,0,0,0.3); 
	width: 30px; height: 30px; line-height: 30px;
	border: solid 1px rgba(0,0,0,0.1);
	    -moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		-ms-border-radius: 50px;
		border-radius: 50px;}	

.fs-c-productList__controller .fs-c-pagination a{ text-decoration: none; padding: 0; }
.fs-c-productList__controller .fs-c-pagination a.fs-c-pagination__item:hover{ background: rgba(0,0,0,0.01); }

.fs-c-productList__controller .fs-c-pagination .fs-c-pagination__item.is-active{ 
	background: rgba(255,255,255,1.0); color:rgba(204,122,150,1.0); padding: 0; }
.fs-c-productList__controller .fs-c-pagination span.fs-c-pagination__item{ padding: 0;  }

/*前のページへ・次のページへ*/
.fs-c-productList__controller .fs-c-pagination .fs-c-pagination__item--prev, 
.fs-c-productList__controller .fs-c-pagination .fs-c-pagination__item--next{
	background:rgba(204,122,150,0.5); border: 1px solid rgba(204,122,150,0.0); color: rgba(255,255,255,1.0); margin: 0; }

.fs-c-pagination__item--prev::before,
.fs-c-pagination__item--prev::after{ 
	font-size: 12px; display: inline-block; }


[class*="fs-c-pagination__item--"]::before {
  width: auto; height: auto; line-height: 30px}



/*---------------並び替え・ぺージャーパーツ(下部)---------------*/


#bottom_productList_controller .fs-c-productList__controller .fs-c-sortItems{ display: none}
#bottom_productList_controller .fs-c-productList__controller .fs-c-listControl__status{ display: block; margin: 0 0 10px;}
#bottom_productList_controller .fs-c-productList__controller .fs-c-listControl{ text-align: center; margin: 0 0 100px}






/*=========================================================================

                     商品一覧-PCサイド無し

=========================================================================*/




/*現在登録されている商品はありません。*/
.fs-c-noResultMessage{ display: none}


/*--枠(アイテム並び用)--*/
.fs-c-productList__list {
    display: -ms-grid;  display: grid;
    -ms-grid-columns: repeat(4, 24%); grid-template-columns: repeat(4, 24%);
	justify-content: space-between; grid-gap: 20px 1%; margin-bottom: 30px}
	 @media screen and (max-width: 900px){
	.fs-c-productList__list { -ms-grid-columns: repeat(4, 24%); grid-template-columns: repeat(4, 24%);}}
    @media screen and (max-width: 768px){
	.fs-c-productList__list { 
		-ms-grid-columns: repeat(2, 48%);  grid-template-columns: repeat(2, 48%);}}

.fs-c-productList__list > *{ position:relative }
	

/*--商品名--*/
.fs-c-productListItem__productName{ line-height: 16px;margin-top:16px;}

.fs-c-productListItem__productName a{ color:#919191}
.fs-c-productListItem__productName a:hover{ color:#727272}

/*--キャッチコピー--*/
.fs-c-productName__copy{ 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	overflow: hidden; 
	font-size: 10px; margin: 5px 0 0 ;
text-align:left;
    position: relative;
    transform: scale(.9);
    left: -5%;
    }


.fs-c-productName__copy,
.fs-c-productName__copy a{color:#cc7a96}

/*--商品名--*/
.fs-c-productName__name{ 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	overflow: hidden; 
	font-size: 11px;
text-align:left;
font-weight:400;
}



/*お気に入りに登録する*/
.fs-c-productListItem__control .fs-c-button--addToWishList--icon,
.fs-c-productListItem__control .fs-c-button--removeFromWishList--icon{
	position:absolute; top:7px; right:7px; width:20px; height:20px;
	padding: 0; border: none; background: transparent;}
	@media screen and (max-width: 768px){
   .fs-c-productListItem__control .fs-c-button--addToWishList--icon,
   .fs-c-productListItem__control .fs-c-button--removeFromWishList--icon{ top:5px; }}
	

.fs-c-productListItem__control .fs-c-button--image{ opacity: 0.7;display:none;}
.fs-c-productListItem__control .fs-c-button--image:hover{ opacity: 0.5;}




/*=========================================================================

               在庫なし表示テキスト(システムパーツ)

=========================================================================*/


.fs-c-productListItem__outOfStock{ 
	display: block; width: 100%; height: 30px; line-height: 30px;
	position: relative; z-index: 1000;
	margin: -30px 0 0 ;
    background:  rgba(0,0,0,0.5) ; color: #fff; text-align: center;}




/*=========================================================================

 　　【カートに入れる】カート・バリエーションごとにボタンパーツ(システムパーツ)

=========================================================================*/


.fs-c-productListItem__control .fs-c-button--addToCart--list,
.fs-c-productListItem__control a { 
	display: block; width: 100%;  margin: 5px 0 0; padding: 5px 0 0 ;
	background: #fff; color: rgba(136,205,200,1.0); text-align: right;
	font-size: 10px; font-weight: bold;
	border-top: 2px dotted rgba(0,0,0,0.1) ;
	border-bottom: none ;
	border-left: none ;
	border-right: none ; }
.fs-c-productListItem__control a:before {
font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f00e";
    margin: 0 3px 0 0;
}
  
.fs-c-productListItem__control .fs-c-button--addToCart--list .fs-c-button__label:hover{ opacity: 0.8 }

.fs-c-productListItem__control .fs-c-button--addToCart--list .fs-c-button__label:before{
	font-family:  "Font Awesome 5 Free";  font-weight:bold; content : "\f07a";
	margin: 0 3px 0 0 }

.fs-c-productListItem__control a.fs-c-button--viewProductDetail,
.fs-c-productListItem__control .fs-c-button--addToCart--list {display:none;}



/*=========================================================================

                     他の画像を見る・画像拡大パーツ

=========================================================================*/


.fs-c-productListItem__viewMoreImageButton .fs-c-button--viewMoreImage{ display:none}


/*=========================================================================

                     商品一覧-PCサイド有り

=========================================================================*/



#rt_itemgroup_wrapper{
	 width:100%; max-width:1000px; height:100%; display: grid; margin:auto;
	 grid-template-columns: 200px 1fr;
     justify-content: space-between; grid-gap: 0 20px; }}
     @media screen and (max-width: 1000px){
	 #rt_itemgroup_wrapper{  grid-template-columns: 1fr; grid-template-rows: auto; }}

#rt_itemgroup_wrapper_inner{}

/* サイドメニュー*/
#rt_itemgroup_wrapper #sidemenu-contents{
	 grid-row: auto;  grid-column: 1 / 2; } 	
    @media screen and (max-width: 1000px){
	#rt_itemgroup_wrapper #sidemenu-contents,
	#rt_itemgroup_wrapper #sidemenu-contents #sidemenu-contents-inner{ display: none }}

/* メインコンテンツ　*/
#rt_itemgroup_wrapper_inner{
	 grid-row: auto;  grid-column: 2 / 3; display: block; } 	
    @media screen and (max-width: 1000px){
	#rt_itemgroup_wrapper_inner{ 
	grid-column: 1 / 3 ; grid-row: auto; margin:0; padding-bottom: 0;
	border-left: none; border-right: none; border-bottom: none}}


/* カテゴリ独自コメント(1)　*/
#rt_itemgroup_wrapper_inner #rt_category_maincontents{ display: block; width: 100%;}
	

/* アイコン画像サイズ */
.fs-c-productMark__mark--image img,
.fs-c-mark--bundle img {height:18px;width:auto;}
.fs-c-productMarks {display:flex;flex-wrap:wrap;}





/*=========================================================================

                     価格パーツ用スタイルシート

=========================================================================*/


/*----------全共通----------*/
.fs-c-productPrices span{ display: inline; }

/*Retica特別価格枠*/
.fs-c-productPrice--selling{ display: block }



/*----------グループページ用----------*/
.fs-c-productListItem__prices{ text-align: left; margin:5px 0 0 ; color: rgba(0,0,0,0.8)}
.fs-c-productListItem__prices > span{display:inline-block;font-size:10px; line-height:1.2em;margin-top:0px;}



/*二重価格ーーーーー通常価格XXXXのところ*/
.fs-c-productListItem__prices .fs-c-productPrice--listed .fs-c-price__value{font-size:12px; } 
.fs-c-productListItem__prices .fs-c-productPrice--listed .fs-c-price__currencyMark,  /*¥マーク*/ 
.fs-c-productListItem__prices .fs-c-productPrice--listed .fs-c-productPrice__main__label, /*Retica価格*/
.fs-c-productListItem__prices .fs-c-productPrice--listed .fs-c-productPrice__addon--listed{ font-size:10px; }
.fs-c-productPrice--listed .fs-c-productPrice__main .fs-c-productPrice__main__price .fs-c-price__value {text-decoration:line-through;}


/*メイン価格ーーーーー通常価格・SALE価格*/
.fs-c-productListItem__prices .fs-c-productPrice--listed + .fs-c-productPrice--selling{ color: #DE0003}
.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-price__value{ font-size:18px;font-weight:bold;}
.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__main__label, /*Retica価格*/
.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-price__currencyMark{   /*¥マーク*/ 
      font-size:10px;} 
.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__addon .fs-c-productPrice__addon__label { /*税込*/
	 font-size:0px;} 
/*.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__addon .fs-c-productPrice__addon__label:before {content:"税込";font-size:10px;margin-left:4px;}*/

/*スマホだと税込価格の¥マークの表示がおかしいので治す*/
.fs-c-productPrice__addon__price.fs-c-price {position:relative;margin-left:0px;}
.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__addon__price.fs-c-price .fs-c-price__currencyMark {font-size:0;}
.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__addon .fs-c-productPrice__addon__price .fs-c-price__value:before {content:"¥";font-size:10px;margin-right:3px;}


/*会員価格*/ 
/*枠*/
/*.fs-c-productListItem__prices .fs-c-productPrice--member .fs-c-productPrice__main__label{  
	display: inline-block; padding:  3px 8px; margin: 3px 0 0;
	background:  rgba(136,205,200,1.0);  color: #fff;
    border: solid 1px rgba(136,205,200,1.0);
	    -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;}*/
.fs-c-productListItem__prices .fs-c-productPrice--member .fs-c-productPrice__main__label{ /*会員限定価格*/font-size:10px; } 
.fs-c-productListItem__prices .fs-c-productPrice--member .fs-c-productPrice__main{ /*￥価格*/ font-size:12px;}		 
.fs-c-productListItem__prices .fs-c-productPrice--member .fs-c-productPrice__addon .fs-c-productPrice__addon__label{ /*税込*/ font-size:0px;}
	

/*税込価格*/
.fs-c-productPrice__addon {color:#666;font-weight:400;line-height:1em;margin-top:-10px;}
.fs-c-productListItem__prices .fs-c-productPrice--selling .fs-c-productPrice__addon .fs-c-productPrice__addon__price .fs-c-price__value {font-size:12px;}
.fs-c-productPrice__addon__price::before {content:"";}
.fs-c-productPrice__addon__price {margin-left:2px;}

/*会員価格内の税込表示*/
/*.fs-c-productPrice--member .fs-c-productPrice__addon:before  {content:"税込";font-size:10px;color:#666;}*/
.fs-c-productPrice--member .fs-c-productPrice__main__price span.fs-c-price__value {font-size:15px;font-weight:bold;}
.fs-c-productPrice--member .fs-c-productPrice__addon  {color:#666;}

/*会員価格ありのアイコン*/
.fs-c-mark--memberPrice {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px 0 0;
    font-size: 12px;
    color: #FF0004;
    border: 1px dotted #FF0004;
    line-height: 3em;
}
.fs-c-mark--memberPrice:before {
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 2px;
    background-size: contain;
    vertical-align: -4px;
    background-image: url(https://retica.itembox.design/item/images/rt_logo_mark_red.png?01);
    background-size: 17px 17px;
}


/*=========================================================================
   
          メールマガジン(システムページ)

=========================================================================*/



/*表示TXT（システムパーツ）*/
.fs-c-inputInformation__message{ display:block; width: 90%; max-width: 1000px; margin:0 auto 20px; }


/*フォーム枠（システムパーツ）*/
.fs-c-inputInformation__field{ display:block; width: 90%; max-width: 700px; margin:0 auto 20px;  }

.fs-c-inputInformation__field .fs-c-inputTable{ 
	text-align: center;  background: rgba(0,0,0,0.05); padding: 20px; font-size: 12px }




/*アドレスTXT*/	
.fs-c-inputInformation__field .fs-c-inputTable .fs-c-inputTable__headerCell{ margin-bottom: 10px;}

/*--個人情報保護方針に同意する--*/
.fs-c-privacyPolicyAgreeField .fs-c-inputField{ /*枠*/
	display: block;  padding: 10px 0 0}

/*登録ボタン*/
.fs-c-buttonContainer--confirmRegister{
	display: block; width: 250px; padding: 20px 0 ;  margin: 0 auto 100px;
	font-size: 14px; text-align: center; color: rgba(255,255,255,1.0);  background: rgba(0,0,0,0.5);
    border: solid 1px rgba(0,0,0,0.0);
	    -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;}

.fs-c-buttonContainer--confirmRegister .fs-c-button--confirmRegister{ 
	width: auto; height: auto; padding: 0; background: rgba(0,0,0,0.0);}

.fs-c-buttonContainer--confirmRegister .fs-c-button--confirmRegister .fs-c-button__label{
	display: inline; width: auto;  margin: 0; padding: 0; background: rgba(255,255,255,0.0);}



/*メールマガジン登録完了(ページ)-------------------------------------------
--------------------------------------------------------------------------------------*/


/*メールマガジン登録完了表示（システムパーツ）*/
.fs-c-documentContent{  
	display:block; width: 90%; max-width: 1000px; margin: 0 auto 50px; 
	font-size: 12px; text-align: center; color: rgba(0,0,0,0.7); }
	
.fs-c-documentContent p:first-of-type{ /*登録が完了いたしました。*/font-size:16px; margin-bottom: 10px;}
	




/*=========================================================================
   
        削除リンク(システム)

=========================================================================*/

.fs-c-inputInformation__button .fs-c-button--confirmDelete{ 
	display: block; width: 250px; padding: 20px 0 ;  margin: 0 auto 100px;
	font-size: 14px; text-align: center; color: rgba(255,255,255,1.0);  background: rgba(0,0,0,0.5);
    border: solid 1px rgba(0,0,0,0.0);
	    -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;}



/*=========================================================================
   
        トップページリンク(システム)

=========================================================================*/

a.fs-c-button--topPage{ 
	display: block; width: 250px; padding: 20px 0 ;  margin: 0 auto 100px;;
	font-size: 14px; text-align: center; color: rgba(0,0,0,0.5);  background: rgba(0,0,0,0.05);
    border: solid 1px rgba(0,0,0,0.0);
	    -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;}


a.fs-c-button--topPage .fs-c-button__label{ display: block; margin: auto}



/*=========================================================================
   
        お客様情報入力

=========================================================================*/


/*入力フォーム*/
.fs-c-inputInformation__field .fs-c-memberInfoField table td{  margin: 0 20px 10px; }
.fs-c-inputInformation__field .fs-c-memberInfoField{ width: 100%; }


/*----------会員登録確認エリア----------*/

/*枠*/
.fs-c-agreementConfirmationArea{  
	text-align: center; font-size: 12px; color: rgba(0,0,0,0.7);  }

/*お客様情報を使用して会員登録されるには、パスワードを入力してください。*/
.fs-c-agreementConfirmationArea__message{ margin: 0 0 10px;}


/*会員登録特典
#fs_registrationUncheckedMessage---チェックボックスが外れた状態
#fs_registrationCheckedMessage---チェックした状態*/

#fs_registrationUncheckedMessage{ font-size:0 }

#fs_registrationUncheckedMessage ul,
#fs_registrationCheckedMessage{  
	border: 3px dotted rgba(204,122,150,1.0);  position: relative; z-index: 9;
	padding: 40px 20px 20px ;  margin: 20px 0 ; list-style: none; text-align: left; line-height: 21px;}

#fs_registrationUncheckedMessage ul:before,
#fs_registrationCheckedMessage:before{ 
	display: block; padding: 10px 20px; 
	position: absolute; z-index: 10; top:-20px; 
	content: "会員登録特典 " ; font-size: 14px; letter-spacing: 1px;
    background: rgba(204,122,150,1.0);
    color: rgba(255,255,255,1.0); 
    border: solid 1px rgba(0,0,0,0.0);
	    -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;}

#fs_registrationUncheckedMessage ul li{ font-size: 12px; }
#fs_registrationUncheckedMessage ul li:before{ 
	font-family:  "Font Awesome 5 Free";  font-weight:bold; content : "\f14a"; color: rgba(0,0,0,0.3);  margin: 0 5px 0 0 }

/*
#fs_registrationUncheckedMessage ul:after{ 
	display: block; position: absolute; bottom: -60px; margin: 0 0 30px; content: "ぜひ会員にご登録ください！ " ; font-size: 14px; }*/

/*会員規約（必ずお読みください）リンクカラー*/
.fs-c-agreementConfirmation__checkbox a{  color: rgba(204,122,150,1.0); }

/*パスワード入力フォーム*/
.fs-c-agreementConfirmation__password{ display: block; width: 100%;padding: 0; margin: 0;  }

/*----------ボタン----次へ/会員登録して次へ----------*/

.fs-c-inputInformation__button{  /*共通枠*/ 
	display: block; text-align: center;  margin: 0 auto 100px;}

.fs-c-inputInformation__button #fs_unregisterAndContinue button,/*次へ*/
.fs-c-inputInformation__button #fs_registerAndContinue button/*会員登録して次へ*/{
	    display: block; padding: 20px 0 ; width: 70%; max-width: 400px;
	    background: rgba(0,0,0,0.1); margin: 0 auto;  color: #000;  
	    border: solid 1px rgba(0,0,0,0.0);
	    -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;}




/*ログインログアウトの表示切り替えを行うCSS*/
.fs-clientInfo.is-ready {display:flex;flex-wrap:wrap;}
.logout.my-false { display: none; }
.login.my-true { display: none; }



/*================================
商品画像一覧スマホ横に6つ表示
=================================*/
    @media screen and (max-width: 768px) {
.fs-c-productThumbnail__image {
  margin: 4px 0.7%;
  flex-basis: 15%;
  min-width: 15%;
}
}




/*================================
会員情報変更ページ
=================================*/
.fs-c-dropdownGroup .fs-c-dropdown {min-width:88px;}


/*================================
link_box
=================================*/
.link_box {
width:100%;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
margin:0 auto;
}
.link_box a {
display:inline-block;
width:49%;
margin-bottom:.5vw;
}
.link_box a img {
width:100%;
height:auto;
}



@charset "UTF-8";




.rt_ItemCategory_OriginalComment{
	display: block;  width: 100%; max-width: 1000px; margin: auto; padding: 0 0 20px; }

.rt_ItemCategory_OriginalComment-top_image{ width: 100%; vertical-align: bottom;}


.rt_ItemCategory_OriginalComment-inner{ display: block;  width: 100%; margin: auto;}
    @media screen and (max-width:1000px ){.rt_ItemCategory_OriginalComment-inner{width: 98%;}}
    @media screen and (max-width:768px ){.rt_ItemCategory_OriginalComment-inner{width: 95%;}}







/*----------見出し----------*/

.rt_ItemCategory_OriginalComment h1{
	display: block;  height: 16px; line-height: 16px; padding-left: 5px; margin: 10px 0 5px;
	font-size: 14px; border-left: 3px solid rgba(0,0,0,1.0);}
    @media screen and (max-width:768px ){
	.rt_ItemCategory_OriginalComment h1{ font-size: 13px; height: 15px; line-height: 15px;}}

.rt_ItemCategory_OriginalComment h2:before{  
	display: block; width: 100%; font-size: 36px; letter-spacing: 5px; padding: 50px 0 10px; font-family: "Times New Roman";}
    @media screen and (max-width:768px ){.rt_ItemCategory_OriginalComment h2:before{ font-size: 28px; padding: 50px 0 0;}}

.rt_ItemCategory_OriginalComment h2{
	display: block; font-size: 18px; text-align: center; letter-spacing: 2px; font-weight: normal}
    @media screen and (max-width:768px ){.rt_ItemCategory_OriginalComment h2{ font-size: 14px; }}
		
h2.rt_ItemCategory-rank_h2:before{ content: "RANKING"; ;}
h2.rt_ItemCategory-new_h2:before{ content: "NEW ITEM"}

.rt_ItemCategory_OriginalComment h2 p{ display: flex; align-items: center; width: 70%; max-width: 350px;  margin: 0 auto 20px}
.rt_ItemCategory_OriginalComment h2 p:before,
.rt_ItemCategory_OriginalComment h2 p:after{ 
	content: ""; flex-grow: 1; height: 1px; background: rgba(0,0,0,1.0); display: block; }
	
.rt_ItemCategory_OriginalComment h2 p:before{margin-right: 20px;}
.rt_ItemCategory_OriginalComment h2 p:after{margin-left: 20px;}
	


/*----------アイテム共通----------*/

.rt_ItemCategory-item_box{  display: flex; flex-wrap: wrap; }
.rt_ItemCategory-item_box .Product_item_box img{ width: 100%}

.rt_ItemCategory-item_box .Product_item_box{  
	margin: 0 10px 5px 0   ; width: calc( 20% - 40px / 5 ); height: auto; text-align: center}
.rt_ItemCategory-item_box .Product_item_box:nth-child(5n){ margin-right: 0; }
   
@media screen and (max-width:768px ){
	
	.rt_ItemCategory-item_box .Product_item_box{ width: calc( 50% - 10px ); }
	.rt_ItemCategory-item_box .Product_item_box:nth-child(2n){ margin-right: 0; }
	.rt_ItemCategory-item_box .Product_item_box:nth-child(5){ margin-right: 10px; }
	.rt_ItemCategory-item_box .Product_item_box:nth-child(10){ margin-right: 0; }

}



/*----------ランキングアイテム----------*/


.rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child( n + 6){ display: none }

@media screen and (max-width:768px ){
	
	.rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child(1),
	.rt_ItemCategory_OriginalComment .Product_item_box:nth-child(2){ 
		width: calc( 50% - 10px / 2 ); }
	.rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child(2){ margin-right: 0;}
	.rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child(3),
	.rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child(4),
	.rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child(5){
      width: calc( 33.3333337% - 20px / 3 ); margin-bottom: 15px }
    .rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child(5){ margin-right: 0;}
	.rt_ItemCategory_OriginalComment .rt_ranking .Product_item_box:nth-child(4){ margin-right: 10px; }
	
     }



/*----------新作アイテム----------*/

.rt_ItemCategory_OriginalComment .rt_ItemCategory-new .Product_item_box:nth-child( n + 6){ display: none }
    @media screen and (max-width:768px ){ 
	.rt_ItemCategory_OriginalComment .rt_ItemCategory-new .Product_item_box:nth-child( n + 6){ display: inline-block}}








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

   長文説明テキスト

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



.rt_category_description_txt *, 
.rt_category_description_txt *:before, 
.rt_category_description_txt *:after {
	-webkit-box-sizing: border-box; box-sizing: border-box; }
	
.rt_category_description_txt { position: relative; font-size: 12px;  }
	   @media screen and (max-width:768px ){.rt_category_description_txt{ font-size: 10px; }}

.rt_category_description_txt input { display: none; }

.cp_btn .label_txt {
	width: 60%; max-width: 400px; height: 30px; line-height: 30px; text-align: center;
	position: absolute; z-index: 2; bottom: -20px; left: 50%;
	font-family:  "Font Awesome 5 Free"; content: "\f103"; letter-spacing: 1px;
    transform: translate(-50%, 0);
	background-color: rgba(255, 255, 255, 0.3); color: rgba(0, 0, 0, 0.5);
	 border: solid 1px rgba(0,0,0,0.3);
	         -moz-border-radius: 50px;
		     -webkit-border-radius: 50px;
		     -o-border-radius: 50px;
		     -ms-border-radius: 50px;
		   border-radius: 50px;}


.cp_btn .label_txt p:after { content: "続きを読む" ; margin-left: 3px }
.cp_btn .label_txt p:before{ font-family:  "Font Awesome 5 Free";  font-weight:bold; content : "\f103";}

.rt_category_description_txt .rt_category_description_txt-inner {
	overflow: hidden; transition: all 0.5s; height: 80px; /* 開く前に見えている部分の高さ */}

.rt_category_description_txt input:checked + label { /* display: none ; 閉じるボタンを消す場合解放 */}	


.rt_category_description_txt input:checked ~ .cp_btn .label_txt p:before { 
	font-family:  "Font Awesome 5 Free";  font-weight:bold; content : "\f102"; }
.rt_category_description_txt input:checked ~ .cp_btn .label_txt p:after { content: "閉じる" ; margin-left: 3px}


.rt_category_description_txt input:checked ~ .rt_category_description_txt-inner {
	height: auto; transition: all 0.5s; padding-bottom: 30px; /* 閉じるボタンのbottomからの位置 */	}


.rt_category_description_txt .rt_category_description_txt-inner:before {
  display: block; position: absolute; bottom: 0;  left: 0; content: "";
  width: 100%;  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.7) 50%, #fff 90%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.7) 50%, #fff 90%); }
 


/*テキスト下余白調整DIV*/
.rt_category_description_txt-margin{ display: block; margin: 20px 0 0 }



/*テキスト内トップページアンカーテキストLINK*/
.rt_category_description_txt .rt_TopLink_AnchorText a{ color: rgba(0,0,0,1.0); background:linear-gradient(transparent 60%, rgba(136,205,200,0.5) 60%); }
.rt_category_description_txt .rt_TopLink_AnchorText a:hover{ color: rgba(0,0,0,0.7); }






/*--------------------独自コメント簡単検索--------------*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.category_search_tag {font-family: 'Lato', sans-serif;font-weight:600;}
.category_search_tag h2 {background:#666;color:#fff;font-size:12px;padding:2px 6px;}
.category_search_tag h3 {font-size:24px;letter-spacing:1px;text-align: center;margin:20px auto 10px;font-family: 'Times New Roman', Times, serif;}
.category_search_tag h3 b {display:block;font-size:12px;font-weight: 100;font-family: 'Lato', sans-serif;}
.category_search_tag .search_list {display:flex;flex-wrap:wrap;padding:10px;}
.category_search_tag .search_list a {display:inline-block;width:calc(100% / 3 - 8px);font-size:16px;background:#eee;color:#333;padding:4px 4px;margin:4px;text-align:center;}

.category_search_tag .search_list_color {display:flex;flex-wrap:wrap;padding:10px;text-align: center;list-style: none;}
.category_search_tag .search_list_color li {width:20%;font-size:10px;font-weight:100;color:#333;line-height:1em;margin-bottom:10px;}
.category_search_tag .search_list_color li a {font-size:10px;font-weight:100;color:#333;line-height:1em;margin-bottom:10px;}
.category_search_tag .search_list_color li a:before {content:'●';display:block;font-size:36px;line-height:1.2em;}


.category_search_tag .search_list_price a {width:100%;padding:4px 0;font-size:18px;}
.category_search_tag .search_list_size a:after {content:'サイズ';font-size:10px;margin-left:2px;}
.category_search_tag .search_list_nendai a:after {content:'におすすめ';font-size:10px;margin-left:2px;}

@media screen and (min-width:650px) {
.category_search_tag .search_list_price a {width: calc(100% / 2 - 8px);padding:4px 0;font-size:18px;}
}

.fs-system-product {text-align:left;}


/*---もっと見るボタン---*/
    .view_more {display:block;width:100%;text-align: center;margin:10px auto 20px;}
    .view_more a {display:inline-block;width: 70%;font-size:11px;border:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.5);padding:.8em 0;border-radius:10px;}
    .view_more a:after {content:"　〉〉";letter-spacing: -7px;}



/*---商品詳細ページ----*/
.fs-c-variationCart--withImage .fs-c-variationCart__image {height:100%;}
.fs-c-variationCart--withImage .fs-c-variationCart__image > img {height:100%;object-fit:contain;}


/*--検索結果カラーパレット--*/
.fs-c-productMark {align-items:center;margin-top:4px;}
.fs-c-productMark__item {margin-bottom:2px;}
.fs-c-productMarks .color_palette {position:relative;height:0;top:-48px;margin-bottom: -20px;}
.fs-c-productMarks .color_palette.fs-c-productMark__mark--image img {height:12px;padding:1px;}
.fs-c-productMarks .bigsize_icon {width:150px;background:transparent;padding:0;text-align:left;}
.fs-c-productMarks .bigsize_icon .fs-c-productMark__label {display:inline-block;background:#56928b;padding: 4px 8px;}

.fs-c-productMarks .color_blank {color:#fff;width: 350px;height:1px;padding:0;margin: 0 auto -1px;}


.fs-c-productMarks .new_icon {position: absolute;
    top: -6px;
    left: -18px;
    background:rgb(204 122 150 / 80%);
    color: #fff;
    padding: 14px 14px 2px;
    transform: scale(.9) rotate(-45deg);
    font-size: 10px;}

.fs-c-productList__list__item {overflow:hidden;}