/*ランキングページ*/
.rankingno_txt{
font-size: 0.8em;
font-weight: 100;
}
/*￥マークのサイズの縮小*/
.fs-c-price__currencyMark {
font-size: 80%;
align-self: end;
}
/*全体設定*/
.mv_bottm_info{
margin:8px;
}
a .mv_bottm_info:hover{
opacity:0.7;
}
.fs-pt-carousel__slide__caption{
margin: 0 auto !important;
background:#fff !important;
color: #111111;
text-align: center !important;
padding: 0px;
font-size: 0.9em;
position: relative;
top: 0px;
right: 0;
bottom: 0px;
left: 0;
}
.fs-c-price {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    color: #bababa;
}
body{
overflow-x: hidden;
 background:#fff !important;
}
a:visited {
    color: #000000;
}
a:hover{
 color:#a6a596 !important;
}
.new{
     background:#d6d5c5;
}
h2 {
    font-weight: 100 !important;
    line-height: 1.2;
    letter-spacing: 6px;
    text-align: center;
    margin: 40px auto;
    font-size: 2em;
}
.fs-c-documentColumn__heading {
    color: #383636;
    border-color: #d6d5c5;
    border-style: solid;
    border-width: 0 0 1px 5px;
    font-weight: 400;
    font-size: 1.8rem;
    padding: 8px;
    padding-left: 16px;
    margin-bottom: 8px;
}
.fs-pt-column--2 {
    grid-template-columns: 1fr 1fr;
    width: 1000px;
    margin: 0 auto;
}
.fs-l-header {
    padding-top: 0px;
}
.topheader-info {
    margin: 0 auto;
    padding: 8px;
    background: #dcd6d2;
    color: #161616;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.8px;
    text-decoration: none;
}
.topheader-info:hover{
text-decoration: none !important;
  display: block;
}
/*　高額購入割引の送料の文字色・サイズの変更　*/
.fs-c-price {
    color: #ff7474;
}
.fs-c-productPrice__addon {
    padding: 0 4px;
    color: #333 !important;
}
/*パンくずリストを一部のみ表示するCSS*/
.fs-c-breadcrumb__list {
  display:none;
}
.fs-c-breadcrumb__list:first-child {
  display:block;
}
.fs-c-breadcrumb__list--subgroup:nth-child(2) {
  display:none;
}
/*ウェルカムメッセージ非表示（パーツ）*/
.fs-l-header__welcomeMsg.is-ready {
    display: none;
}
/*スライダー*/
.fs-c-slick .slick-prev, .fs-c-slick .slick-next{
    background: rgb(30 30 30 / 0%)!important;
    color: black !important;
}
.fs-pt-carousel img {
    max-width: 88vw;
}
.top_mv{
   display: block;
}
/*セール価格表示flex*/
.fs-c-productListItem__prices{
 display: flex !important;
}
/*定価に取消線を入れる*/
.fs-c-productPrice--listed .fs-c-price {
    text-decoration: line-through;
}
/*レイアウト*/
.fs-l-main {
    margin: 30px auto;
    padding: 0 80px;
}
/*ドロワーメニュー*/
.fs-l-header__drawerOpener,fs-p-drawer fs-l-sideArea {
    display: none;
}
/*header*/
.fs-l-header--min {
    border-bottom: 0px solid #646464;
}
.fs-c-breadcrumb__list {
    padding: 30px 80px 0 80px;
}
.fs-p-headerUtilityMenu__list.is-ready {
    display: flex;
    padding: 10px 26px 0 0;
color:#000;
}
/*rogo*/
.fs-p-logo {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80% !important;
    margin: 0 auto !important;
padding: 0 0 30px 0 !important;
}
/*header_icon*/
.fs-l-header__utility {
    padding: 10px;
}
.fs-p-headerNavigation__viewCartButton {
    padding: 0;
}
.fs-l-header__utility *:last-child {
    align-self: baseline;
}
.fs-p-inputGroup__button {
    background: #ffffff;
    color: #000000;
}
.hdnav_icon {
    display: flex;
    color: #333;
    position: relative;
    justify-content: flex-end;
    padding: 20px 10px 0 0;
}
.hdnav_iconlist {
    padding: 2px 6px;
    margin: 0 6px;
    font-size: 1.3em;
    background: #dcd6d2 !important;
    border-radius: 50%;
    color: #202020;
    font-weight: 100 !important;
}
@media screen and (max-width: 1199px){
.fs-p-logo {
    width: 36% !important;
    margin: 0 0 0 20px !important;
}
.fs-l-header__contents {
    grid-template-rows: auto auto;
    grid-template-columns: 60% 40% !important;
}
.hdnav_iconlist {
    padding: 2px 6px !important;
    margin: 0 2px !important;
    font-size: 1em !important;
}
}
/*検索*/
.fs-p-searchForm__button::before {
    color: #333 !important;
    background: #fff !important;
    font-size: 18px !important;
    padding: 4px 0 0 0 !important;
}
.fs-p-inputGroup {
    width: 120px;
    display: flex;
    align-items: stretch;
    border: 0px solid #fff !important;
border-bottom: 0.8px solid #333 !important;
 background: #fff;
justify-content: flex-end;
}
/*メニュー*/
.fs-p-headerNavigation__listItem {
    display: flex;
    min-width: 150px;
justify-content: center;
letter-spacing: 3px !important;
}
.fs-p-headerNavBar {
    background: #fff;
    border-bottom: 0px solid #7c879000;
}
.fs-p-headerNavigation__link:visited {
    color: #000;
letter-spacing: 2px;
}
.fs-p-headerNavigation__list {
    justify-content: space-between;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    background: #b78e8e00;
}
.fs-p-headerNavigation {
    margin: auto;
    max-width: 1216px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.fs-p-headerNavigation__link:link {
    color: #1f1f1f;
}
.fs-p-headerNavBar {
    color: #ffffff;
}
.fs-p-headerUtilityMenu__list a::before {
    border: 0px solid transparent;
}
/*商品名*/
.fs-c-productName__name {
    margin: 6px 0 !important;
}
/*お気に入りマーク*/
.fs-c-button--particular {
    position: relative;
    top: 0px;
}
/*商品マーク*/
.fs-c-productMark {
    height: auto;
}
.fs-c-productMark > li {
    box-sizing: border-box;
    margin: 0 4px 0 0;
}
.fs-c-productMark__mark {
    border-radius: 4px !important;
    margin: 3px 0 !important;
}
.fs-c-productName__name, ul .fs-c-productMark__item{
flex-direction: column-reverse;
}
/*ポイント表示*/
.fs-c-productPointDisplay {
    background: #8c8788;
    border-radius: 50px;
}
/*moreボタン*/
.top_btn {
    margin: 30px auto 120px auto;
    text-align: center;
}
.top_btn button {
    background: transparent;
    outline: none;
    position: relative;
    border: 0.8px solid #111 !important;
    padding: 15px 50px;
    overflow: hidden;
    letter-spacing: 6px;
    width: 300px;
}
.top_btn button:hover {
background: #dcd6d2;
color: #fff !important;
}
.top_btn button:before {
    content: attr(data-hover);
    position: absolute;
    top: 1.4em;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .8em;
    opacity: 0;
    transform: translate(-100%,0);
    transition: all .3s ease-in-out;
    color: #111;
}
.top_btn button:hover:before{
opacity: 1; transform: translate(0,0);
}
.top_btn button:before{
content: attr(data-hover);
position: absolute;
top: 1.4em; left: 0;
width: 100%;
text-transform: uppercase;
letter-spacing: 3px;
font-size: .8em;
opacity: 0;
transform: translate(-100%,0);
transition: all .3s ease-in-out;
color: #333;
}
.top_btn button:hover div{
opacity: 0; transform: translate(100%,0)
}
.top_btn button div{
text-transform: uppercase;
letter-spacing: 3px;
font-size: .8em;
transition: all .3s ease-in-out;
}
/*カラーチップ*/
.color_chip span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px 0;
}
.fs-c-productMark__mark {
 border-radius: 0px;
}
/*商品番号*/
.fs-c-productNumber {
    border: 0px solid currentColor;
    display: inline-block;
    font-size: 1.1rem;
    padding: 4px 0px;
}
.fs-c-productNameHeading__copy {
    font-size: 0.62em;
    display: block;
    margin: 10px 0;
    font-weight: 100;
    letter-spacing: 1px;
}
.fs-c-productNumber__number {
    font-weight: 200;
}
.fs-c-productListItem__viewMoreImageButton {
    font-size: 1.2em;
    justify-content: flex-end;
    padding: 0;
    position: relative !important;
    top: -20px !important;
    background: #333 !important;
    width: 20px !important;
    height: 20px !important;
}
.fs-c-button--plain.fs-c-button--viewMoreImage::before {
    content: "\e912";
    color: #fff;
}
/*会員限定*/
.fs-c-productListItem__prices {
    display: block !important;
}
.fs-c-mark--memberPrice {
    display: none;
    background: #af0263;
    color: #fff;
}
.fs-c-productPrice--member {
    color: #af0263;
}
.fs-c-productPrice__addon {
    color: #333 !important;
}
/*商品価格*/
.fs-c-productPrices {
    display: flex !important;
}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    font-size: 3rem;
    letter-spacing: 3px;
    color: #333;
    margin: 0 8px 0 0;
}
.fs-c-variationList__item__title {
    letter-spacing: 2px !important;
}
.fs-c-productName__name {
    color: #030303;
    font-weight: 300;
    text-align: left;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    color: #000000;
    letter-spacing: 2px;
}
.fs-c-productListItem__control {
    position: relative;
    top: -35px;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before {
    color: #c7c7c7;
}
/*商品スライダー*/
.fs-c-productListCarousel {
    display: block;
}
.fs-c-button--carousel--prev::before {
   display:none;
}
.fs-c-button--carousel--next::before {
    display:none;
}
/*商品一覧ページ（共通）*/
  .fs-c-productList__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
  }
.fs-c-sortItems__list__item.is-active {
    background: #f1f1f1;
    color: #333;
}
.fs-c-productList__list__item {
    border-bottom: 0px solid #b2b2b2;
}
.fs-c-subgroup {
    margin: 0;
}
.item-info span{
text-decoration:underline !important;
}
/*インフォメーション*/
.fs-pt-list__link br{
    display:none;
}
.fs-p-dateList > li time:first-child {
    background: #ffffff;
    color: #000000;
    line-height: 1.6;
    padding: 2px 4px 1.6px 0;
}
.fs-p-dateList {
    padding: 0 80px 80px 80px;
    margin: 0 auto;
width: 900px;
}
.fs-p-dateList > li {
    border: 0px solid ;
    border-width: 0px 0 0 0;
    padding: 8px 0;
    border-bottom: 1px dotted #999;
}
.info_label {
    color: #111;
    padding: 4px;
    background-color: #dcd6d2;
    margin: 0 4px;
    font-size: 0.8em;
}
/*コラム*/
.fs-pt-column__heading {
    font-size: 0.9em;
    font-weight: 400;
    text-align: left;
    color: #000;
    letter-spacing: 1px;
}
.fs-pt-column__description{
margin: 5px 0 12px;
    font-size: 1.1em;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
}
.fs-pt-column__image {
 overflow: hidden !important;
cursor: pointer;
width: 100%;
}
.fs-pt-column__image img  {
  height: auto !important;
  transition: transform .5s ease !important;
  width: 100% !important;
}
.fs-pt-column__image:hover img {
  transform: scale(1.1) !important;
}
/*footer*/
.fa-x-twitter:before {
    content: "\e61b";
    font-size: 2em;
}
.footer_logo {
    margin: 20px;
    text-align: center;
    width: 200px;
}
.fs-p-footerCopyright {
    color: #fff;
    background-color: #070707;
    text-align: center;
    padding: 4px;
    position: relative;
    bottom: 0;
    margin: 0 auto;
}
.fs-p-footerCopyright__text {
    margin: 0;
    font-size: 1rem;
    letter-spacing: 2px;
}
.fs-l-footer {
    position: relative;
    border-top: 0px solid #826e6e;
    background: #dcd6d2;
    padding: 20px 0 0 0;
    color: #000;
    margin: 80px auto 0 auto;
    font-size: 12px;
    text-align: center;
}
.fs-l-footer__utility {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 0 8px;
}
.fs-p-footerUtilityMenu__list a::before {
    border: 0px solid transparent;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu {
    margin: 30px auto;
}
.webfont{
font-size:2.2em;
}
.footer_banner{
margin:0 auto;
width:90%;
padding:10px 20px;
text-align: center;
}
.footer_banner:hover{
opacity: 0.7;
}
/*page-top*/
.fs-p-footerPageTop {
    position: relative;
    bottom: 20px;
    max-width: 100%;
}
.fs-p-footerPageTop__link {
    overflow: hidden;
    text-indent: -999px;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
}
.fs-p-footerPageTop__link::before {
    color: #333333;
    border: 0.8px solid #333;
    font-size: 3.6rem;
}
/*カレンダー*/
.calendar {
    margin: 0 auto;
    display: flex;
    padding: 80px 80px 0px 80px;
    justify-content: space-evenly;
}
.calendar_box{
padding:20px;
text-align: center;
}
.calendar_month{
 font-size: 1.2em;
padding:0 0 10px 0;
 letter-spacing: 4px;
}
.calendar_title th {
    font-size: 0.8em;
    letter-spacing: 2px;
    width: 40px;
    height: 40px;
}
.calendar_info {
    font-size: 0.9em;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 auto;
}
/*会員登録ページ*/
.fs-c-inputTable__headerCell, .fs-c-inputTable__dataCell {
    font-weight: 100;
}
/*画像アニメーション*/
.fs-c-productListItem__image {
 overflow: hidden !important;
cursor: pointer;
width: 100%;
}
.fs-c-productListItem__image img  {
  height: auto !important;
  transition: transform .6s ease !important;
  width: 100% !important;
}
.fs-c-productListItem__image:hover img {
  transform: scale(1.1) !important;
}
/*スタッフスナップ*/
.top_staff_content {
    font-style: italic;
    letter-spacing: 2px;
    font-size: 0.7em;
    text-align: center;
}
/*ショップガイドページ*/
.gaide_header{
width:90%;
margin:0 auto;
}
.gaide_mass {
    font-size: 1em;
    color: #000;
    margin: 20px auto;
    text-align: center;
    line-height: 1.8;
}
.gaide_col{
margin: 0 auto;
width: 100%;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.gaide_col > div{
width: 48%;
padding: 10px;
}
@media screen and (max-width: 640px) {
.gaide_col > div{
width: 100%;
}
}
.gaide_title {
    font-size: 1em;
    background: #d6d5c5;
    padding: 8px;
    font-weight: 300;
}
.gaide_list {
    line-height: 1.1;
    margin: 0;
    padding: 0 0 0 10px;
}
.gaide_list li{
 list-style: none;
}
.gaide_list li a {
color: #000000;
}
.gaide_list li a:hover {
color: #a38658;
}
/*プライバシーポリシー（上部）*/
.pvinfo_pagetitle {
    font-size: 1.2em;
    margin: 0 auto 30px auto;
    text-align: center;
    font-weight: 500;
}
.pvinfo_title{
    font-size:1em;
    font-weight: 400;
}
.pvinfo_txt {
    font-size: 0.9em;
    margin: 10px 0 40px 0;
    padding: 0 0 0 40px;
}
.pvinfo_box {
    font-size: 0.9em;
    margin: 10px 0 30px 0;
list-style:none
}
.pvinfo_content {
    margin: 24px auto;
    max-width: 700px;
}
/*ショップガイド詳細ページ（共通）*/
.guide_page{
width: 100%;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.guidepage_left{
width: 30%;
padding: 10px;
}
.guidepage_rigth{
width: 70%;
padding: 10px;
}
/*洗濯表示ページ*/
.laundry_info{
margin:0 0 30px 0;
}
.laundry_img{
width:30% !important;
text-align: center;
}
.laundry_img img{
width:100px;
margin:0 atuo;
padding:10px;
}
.laundry_txt{
width:70% !important;
padding:16px;
}
/*会社概要ページ*/
.company_massimg{
width:60%;
text-align: center;
margin: 20px auto;
}
.company_infoimg{
width:24%;
text-align: center;
margin: 0 auto;
}
.company_mass{
text-align: center;
    font-size: 1em;
    margin: 20px auto;
    line-height: 1.8;
    font-weight: 100;
    font-family: 'Noto Serif JP', serif !important;
    letter-spacing: 1.6px;
}
.company_lastmass{
text-align: center;
    letter-spacing: 1.6px;
    font-size: 1.3em;
    margin: 60px auto 0 auto;
    line-height: 1.7;
    font-weight: 200;
    font-family: 'Noto Serif JP', serif !important;
}
.company_txt{
text-align: center;
    letter-spacing: 1.6px;
    font-size: 1.1em;
    margin: 0 auto;
    font-weight: 200;
    font-family: 'Noto Serif JP', serif !important;
}
.company_col{
width: 100%;
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
margin: 0 auto;
padding: 0 50px;
}
.company_col > div{
width: 30%;
padding: 10px;
}
@media screen and (max-width: 1090px) {
.company_col > div{
width: 50%;
}
}
@media screen and (max-width: 480px) {
.company_col > div{
width: 100%;
}
}
/*お問い合わせページ*/
.contact_form {
    margin: 24px auto;
    max-width: 700px;
}
.contact_form_botoon {
    border: 0.8px solid #d6d5c5;
    padding: 10px;
    width: 280px;
    margin: 50px auto !important;
    text-align: center !important;
    background: #d6d5c5;
}
.contact_form_botoon:hover {
    border: 0.8px solid #333;
    padding: 10px;
    width: 280px;
    margin: 50px auto !important;
    text-align: center !important;
  color: #333;
background: #fff;
}

/*タブレット*/
@media screen and (max-width: 1090px) {
.fs-l-main {
    margin: 30px auto;
    padding: 0 20px;
}
.fs-c-productMark {
    flex-wrap: wrap-reverse;
}
.fs-c-productThumbnail__image__caption {
    font-size: 1rem;
}
.calendar {
    padding: 50px 80px 0px 80px;
}
.fs-c-breadcrumb__list {
    padding: 30px 80px 0 60px;
}
.footer_banner {
    width: 100%;
    padding: 10px 0px;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu__list li:first-child a {
    border-top: 0px solid #646464;
}
.fs-p-footerUtilityMenu__list > li:not(:first-child) a {
    border-top: 0px solid #646464;
}
.fs-p-footerUtilityMenu__list a::after {
display: none;
}
/*コラムページ*/
.fs-pt-column--2 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin: 0 auto;
}
/*マイページ*/
.fs-c-accountService {
    justify-content: space-evenly;
    margin-left: 0px;
}
}
/*フェードアニメーション*/
.js-fade {
opacity: 0;
visibility: hidden;
transform: translateY(50px);
transition: opacity 1s,visibility 1s, transform 1s;
}
.scroll {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}	

<script>
$(function(){
  $(window).scroll(function (){
    $('.js-fade').each(function(){
      var pos = $(this).offset().top;
      var scroll = $(window).scrollTop();
      var windowHeight = $(window).height();
      if (scroll > pos - windowHeight + 100){
        $(this).addClass('scroll');
      }
    });
  });
});
</script>