.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }

/* ボタンのコンテナを中央揃えにする */
.fs-p-drawer__loginLogout {
  text-align: center; /* この指定で子要素（ボタン）が中央に配置されます */
}

/* ボタンのデザイン */
.fs-p-drawer__loginLogout a {
  /* 文字と配置のスタイル */
  color: #000;              /* 文字の色を黒に設定 */
  text-decoration: none;    /* デフォルトのリンクの下線を消す */
  display: inline-block;    /* パディングやボーダーを適用できるようにする */
  padding: 8px 20px;        /* 文字の周りに余白を作り、ボタンの形を整える */
  
  /* ボタンの形とボーダーのスタイル */
  border: 1px solid #000;   /* 1pxの黒い実線ボーダーを付ける */
  border-radius: 20px;      /* ボーダーを丸くして楕円形にする */
  
  /* ボタン間の余白 */
  margin: 0 5px;            /* 2つのボタンの間に少しだけ隙間を作る */
}

/* ログアウト時 (初期状態) */

.fs-p-drawer__loginLogout__logout {

  display: none;

}



/* ログイン時 */

.fs-p-drawer__loginLogout__login.is-loggedIn--true {

  display: none;

}



.fs-p-drawer__loginLogout__logout.is-loggedIn--true {

  display: block;

}





.pc_none {



display:none;



}



.fs-l-main {



    max-width: 1000px;



}



.fs-l-sideArea + .fs-l-pageMain,



.fs-l-pageMain + .fs-l-sideArea {



    max-width: 760px;



}



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



.fs-l-sideArea + .fs-l-pageMain,



.fs-l-pageMain + .fs-l-sideArea {



    //max-width: 100%;



}



}



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

   スマホ最適化：ランキング商品カード

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



/* 商品カード本体 */

.ranking-wrap .fs-c-productListItem {

    display: block;

    flex: 1 1 220px;

    min-width: 220px;

    box-sizing: border-box;

    position: relative;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 10px;

    text-align: center;

    overflow: visible;

    z-index: 2;



    /* スマホ最適化 */

    will-change: transform;

    backface-visibility: hidden;

    transform-style: preserve-3d;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    touch-action: manipulation;

}



/* ホバー時の浮き上がり */

.ranking-wrap .fs-c-productListItem:hover {

    transform: translateY(-4px);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);

}



/* 商品画像コンテナの z-index 調整 */

.ranking-wrap .fs-c-productListItem__imageContainer,

.ranking-wrap .fs-c-productListItem__image {

    position: relative;

    z-index: 1;

}



/* 順位バッジ（枠内に収める） */

.ranking-wrap .fs-c-productListItem::before {

    content: "";

    position: absolute;

    top: 8px;

    left: 8px;

    width: 36px;

    height: 36px;

    line-height: 36px;

    border-radius: 50%;

    text-align: center;

    font-weight: bold;

    color: #fff;

    font-size: 14px;

    z-index: 10;

    box-shadow: 0 2px 6px rgba(0,0,0,0.2);

    background: #999; /* デフォルト色（順位で上書き） */

}



/* Slick構造に対応した順位バッジ */

.ranking-wrap .slick-slide:nth-child(1) .fs-c-productListItem::before {

    content: "1";

    background: gold;

}

.ranking-wrap .slick-slide:nth-child(2) .fs-c-productListItem::before {

    content: "2";

    background: silver;

}

.ranking-wrap .slick-slide:nth-child(3) .fs-c-productListItem::before {

    content: "3";

    background: #cd7f32;

}



/* 4位以降を非表示 */

.ranking-wrap .slick-slide:nth-child(n+4) {

    display: none !important;

}



/* Slickの上下カーソルを非表示 */

.ranking-wrap .fs-c-productListCarousel__ctrl {

    display: none !important;

}



/* レスポンシブ対応 */

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

    .ranking-wrap .fs-c-productListItem {

        flex: 1 1 48%;

    }

}

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

    .ranking-wrap .fs-c-productListItem {

        flex: 1 1 100%;

    }

}



/* ページ全体のスクロールを滑らかに */

html, body {

    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch;

}







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

   スマホ最適化：もっと見るボタン

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



.btn-wrap {

  text-align: center; 

  margin: 30px 0;

}



.btn-more {

  display: inline-block;

  padding: 12px 28px;

  border-radius: 6px;

  text-decoration: none;

  background: #e5e7eb; /* 薄いグレー背景 */

  color: #111; /* 濃いめの文字色 */

  font-size: 15px;

  font-weight: 600;

  border: 1px solid #9ca3af; /* 中間グレーの枠 */

  transition: background 0.2s ease, transform 0.15s ease;

}



.btn-more:hover {

  background: #d1d5db; /* 少し濃いグレーに変化 */

  transform: translateY(-2px);

}



/* スマホ（768px以下）は幅100%に */

@media (max-width: 768px) {

  .btn-more {

    display: block;

    width: 70%;

    max-width: 320px;

    margin: 0 auto;

    text-align: center;

  }

}



/* 送料無料表記の文字サイズ調整　*/

 .fs-c-cartDiscountInfo__info {

 display: flex;

 align-items: flex-end;

 line-height: 1;

 font-size: clamp(20px, 2.5vw, 28px);

 margin-bottom: 10px;

 }

 .fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__more,

 .fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__info__next {

 font-size: clamp(25px, 3.125vw, 33px);

 }





/*通信欄*/

.fs-c-inputInformation__field {

 margin-bottom: 0;

 }

 #fs-communicationInfo-container .fs-c-checkout-previewAndEdit__info {

 min-height: 200px;

 }

 .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard {

 position: relative;

 }

 .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {

 content: "";

 display: inline-block;

 position: absolute;

 cursor: pointer;

 height: 200px;

 right: 0;

 }

 @media screen and (min-width: 600px) {

 .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {

 max-width: 750px;

 top: 50%;

 transform: translateY(-50%);

 }

 }

 @media screen and (min-width: 1051px) {

 .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {

 width: 46vw;

 }

 }

 @media screen and (min-width: 768px) and (max-width: 1050px) {

 .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {

 width: 56vw;

 }

 }

 @media screen and (min-width: 600px) and (max-width: 767px) {

 .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {

 width: 94vw;

 }

 }

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

 .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {

 max-width: 580px;

 width: 87vw;

 bottom: calc(100% + 20px);

 }

 }

.topics_frame {
    padding: 10px;
    background: #ece7d9;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.topics_frame ul.fs-pt-menu.fs-pt-menu--lv1 {
    background: #fff;
    padding: 10px;
}
.topics_frame .topics_btn {
    background: #fff;
    padding: 10px;
}
.topics_frame a.fs-pt-menu__link.fs-pt-menu__link--lv1 {
    //line-height: 1.2em;
    //margin-bottom: 10px;
}

.fs-pt-menu li.fs-pt-menu__item.fs-pt-menu__item--lv1:nth-child(n + 7) {
    display: none;
}

.fcGlobal sdvi_frame_cat {
    background: #ece7d9;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 13px;
}
.fcGlobal sdvi_frame_cat {
    padding: 10px;
}
.o_side_member_registration {
    border: solid 2px #dfdbce;
    text-align: center;
    padding: 8px 0 0;
    border-radius: 4px;
    margin:0 0 12px;
}
.fs-p-sideMenu a:hover {
    background: none;
    color: inherit;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    background: #3a251d;
    color: #fff;
    border: none;
}


/* ========================
   スマホ最適化：ランキング商品カード
   ======================== */

/* 商品カード本体 */
.ranking-wrap .fs-c-productListItem {
    display: block;
    flex: 1 1 220px;
    min-width: 220px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    overflow: visible;
    z-index: 2;

    /* スマホ最適化 */
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    touch-action: manipulation;
}

/* ホバー時の浮き上がり */
.ranking-wrap .fs-c-productListItem:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 商品画像コンテナの z-index 調整 */
.ranking-wrap .fs-c-productListItem__imageContainer,
.ranking-wrap .fs-c-productListItem__image {
    position: relative;
    z-index: 1;
}

/* 順位バッジ（枠内に収める） */
.ranking-wrap .fs-c-productListItem::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    background: #999; /* デフォルト色（順位で上書き） */
}

/* Slick構造に対応した順位バッジ */
.ranking-wrap .slick-slide:nth-child(1) .fs-c-productListItem::before {
    content: "1";
    background: gold;
}
.ranking-wrap .slick-slide:nth-child(2) .fs-c-productListItem::before {
    content: "2";
    background: silver;
}
.ranking-wrap .slick-slide:nth-child(3) .fs-c-productListItem::before {
    content: "3";
    background: #cd7f32;
}

/* 4位以降を非表示 */
.ranking-wrap .slick-slide:nth-child(n+4) {
    display: none !important;
}

/* Slickの上下カーソルを非表示 */
.ranking-wrap .fs-c-productListCarousel__ctrl {
    display: none !important;
}

/* レスポンシブ対応 */
@media screen and (max-width: 992px) {
    .ranking-wrap .fs-c-productListItem {
        flex: 1 1 48%;
    }
}
@media screen and (max-width: 600px) {
    .ranking-wrap .fs-c-productListItem {
        flex: 1 1 100%;
    }
}

/* ページ全体のスクロールを滑らかに */
html, body {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}



/* ========================
   スマホ最適化：もっと見るボタン
   ======================== */

.btn-wrap {
  text-align: center; 
  margin: 30px 0;
}

.btn-more {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 6px;
  text-decoration: none;
  background: #e5e7eb; /* 薄いグレー背景 */
  color: #111; /* 濃いめの文字色 */
  font-size: 15px;
  font-weight: 600;
  border: 1px solid #9ca3af; /* 中間グレーの枠 */
  transition: background 0.2s ease, transform 0.15s ease;
}

.btn-more:hover {
  background: #d1d5db; /* 少し濃いグレーに変化 */
  transform: translateY(-2px);
}

/* スマホ（768px以下）は幅100%に */
@media (max-width: 768px) {
  .btn-more {
    display: block;
    width: 70%;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
  }
}



.clearfix {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart_btn02 {
  margin-left: auto;
}


/*　ヘッダー　*/
.sp_header_inrwrap {
    display: grid;
    grid-template-columns: 46% 1fr 56px 56px 56px;
}
.fs-l-header__logo {
    grid-row: 1;
    grid-column: 1;
}
.fs-p-logo {
    display: block;
}
.fs-p-drawerButton__label {
    color: initial;
    font-weight: bold;
    text-align: center;
    font-size: 8px;
}
.fs-l-header__drawerOpener {
    position: fixed;
    right: 0;
    width: 56px;
    z-index: 10;
}
.fs-p-searchForm {
    padding: 8px;
}






/* サイドナビゲーション */
.fs-p-drawer {
    z-index: 11;
    width: 80%;
    transition-duration: 0.2s;
}
.fs-clientInfo {
    margin-bottom: 10px;
}
.fcGlobal.sdvi_frame_cat {
    background: #ece7d9;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 13px;
}
.fcGlobal.sdvi_frame_cat {
    padding: 10px;
}

.o_side_member_registration {
    border: solid 2px #dfdbce;
    text-align: center;
    padding: 8px 0 0;
    border-radius: 4px;
    margin:0 0 12px;
}
.fs-p-sideMenu a:hover {
    background: none;
    color: inherit;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    background: #3a251d;
    color: #fff;
    border: none;
}

.topics_frame {
    padding: 10px;
    background: #ece7d9;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.topics_frame ul.fs-pt-menu.fs-pt-menu--lv1 {
    background: #fff;
    padding: 10px;
}
.topics_frame .topics_btn {
    background: #fff;
    padding: 10px;
}
.topics_frame a.fs-pt-menu__link.fs-pt-menu__link--lv1 {
    //line-height: 1.2em;
    //margin-bottom: 10px;
}
.fs-pt-menu li.fs-pt-menu__item.fs-pt-menu__item--lv1:nth-child(n + 7) {
    display: none;
}







/* 商品詳細ページ */
.o_product_comment_02 iframe {
    max-width: 100%;
}









/* ログインページ　*/

.fs-c-cartPayment__button.fs-c-buttonContainer.fs-c-buttonContainer--registerAndPurchase {
    display: none;
}
.fs-body-login .fs-c-loginForm {
    display: block;
    max-width: 600px;
    margin: 100px auto;
}
section.fs-c-newUsers.fs-c-subSection {
    display: none;
}
.o_cart_login {
max-width:600px;
margin:0 auto;
}
.o_cart_login section.fs-c-newUsers.fs-c-subSection {
    display: block;
}






<script src="https://cdnjs.cloudflare.com/ajax/libs/

 jquery/3.7.1/jquery.min.js"></script>

 $(function(){

 if($('.fs-c-panel--info').length){

 $('.fs-c-inputInformation').hide();

 $('.fs-c-panel--info').text('届いたメールに従って、仮パス

ワードから「変更後パスワード」にご変更ください。');

 }

 });

 </script>