.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%;
}
}

.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);
}

/* スマホ対応 */
@media (max-width: 768px) {
  .btn-more {
    display: block;
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
  }
}



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

/* 商品カード本体 */
.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;
}


/* ヘッダー */

.head_top a.fs-p-drawer__loginLogout__login.is-loggedIn--false,
.head_top a.fs-p-drawer__loginLogout__logout.is-loggedIn--true {
    display: block;
    background: none;
    height: 27px;
}

header.fs-l-header {
    padding: 0;
}
li.header_cart ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.fcGlobal .nav > ul {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}



/* パンくず */
ol.fs-c-breadcrumb__list {
    max-width: 1000px;
    margin: 0 auto;
}








/* サイドナビゲーション */
.fs-l-sideArea {
    max-width: 210px;
}

.fs-p-drawer__loginLogout,
.fs-p-drawer__welcomeMsg {
display: block;
margin-bottom:20px;
}

.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;
}
aside li.fs-pt-menu__item.fs-pt-menu__item--lv1:nth-child(n + 7) {
    display: none;
}









/* 商品一覧・検索結果 */
.fs-c-productList__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.fs-c-productMark__mark {
    font-size: 16px;
}
.fs-c-productListItem__outOfStock.fs-c-productListItem__notice.fs-c-productStock {
    color: red;
    line-height: 1.4em;
    border: dotted 1px;
}



/* 商品詳細 */
.fs-l-product2 .fs-l-productLayout {
    grid-template-columns: calc(50% - 16px / 2) calc(50% - 16px / 2);
}
.o_product_comment_03 {
    margin: 0 0 24px !important;
}
.o_product_comment_03 table {
    border: solid 1px;
    margin: 0 0 12px;
}
.o_product_comment_03 table td {
    border: solid 1px;
    padding: 8px;
}
.o_product_comment_03 .item-cart-top {
    background: #f8f4ea;
    margin: 0 0 12px;
    padding: 12px;
    color: #f08d49;
}
.o_product_comment_03 .item-cart-top span{
    color: initial;
}


.o_product_comment_07 {
    border: solid 4px #eee;
    padding: 10px;
}
.o_product_comment_07 .item-attention-ttl {
    background: #fe0500;
    padding: 12px;
    color: #fff;
    margin: 0 0 8px;
}
.o_product_comment_07:empty {
    display: none;
}
.contact_btn:first-child {
    margin: 0 !important;
}





/* ログインページ　*/

.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;
}

/* 送料無料表記の文字サイズ調整　*/
 .fs-c-cartDiscountInfo__info {
 display: flex;
 align-items: flex-end;
 line-height: 1;
 font-size: clamp(20px, 2.5vw, 28px);
 margin-bottom: 10px;
 }
配布
code01
 .fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__more,
 .fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__info__next {
 font-size: clamp(25px, 3.125vw, 33px);
 }


<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>
 
