/*コンテンツエリア全体*/
.fs-l-page {
    padding-top: 150px;
}
@media only screen and (max-width: 1024px) {
.fs-l-page {
    padding-top: 80px;
}
}
/*画像切り替え*/
.contents_pc {
	display: block !important; 
}
.contents_sp {
	display: none !important; 
}
 
@media only screen and (max-width: 799px) {
    .contents_pc { 
		display: none !important; 
	}
    .contents_sp {
		display: block !important; 
	}
}
/*プレビュー拡大表示*/
.fs-c-productImageModalCarousel__figure {
      width:80%!important;
}

/*マイページ*/
@media only screen and (max-width: 1024px) {
.fs-c-accountService {
    justify-content: space-around!important;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label {
    font-size: 1rem!important;
    }    
} 
/*一時的お問合せフォーム内カードスタイル*/
@media only screen and (min-width: 1025px) {
.fs-p-card  {
width:70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
}
/*コラム用のボタンを商品ページでも*/
a.btn_column {
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  margin: auto;
  padding: 1rem 4rem;
  font-weight: bold;
  border: 2px solid #C4AAA7;
  background-color: #E7CFD1;
  color: #fff;
  transition: 0.5s;
}
a.btn_column:hover {
  color: #C4AAA7;
  background: #fff;
}
@media only screen and (min-width: 800px) {
  a.btn_column {
    width: 40%;
  }
}
@media only screen and (max-width: 799px) {
  a.btn_column {
    width: 90%;
  }
}


<!-- Cookie Consent Banner (Simple) -->
<style>
  .cookie-banner {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 9999;

    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;

    padding: 14px 16px;
    background: rgba(255,255,255,0.98);
    border: 1px solid #e6e6e6;
    border-radius: 10px;

    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    color: #222;
  }

  .cookie-banner__text {
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
  }

  .cookie-banner__text a {
    color: #222;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .cookie-banner__actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
  }

  .cookie-btn {
    appearance: none;
    border: 1px solid #222;
    background: #222;
    color: #fff;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
  }

  .cookie-btn:hover { opacity: 0.9; }

  @media (max-width: 640px) {
    .cookie-banner {
      flex-direction: column;
      align-items: flex-start;
    }
    .cookie-banner__actions { width: 100%; }
    .cookie-btn { width: 100%; text-align: center; }
  }
</style>

<div class="cookie-banner" id="cookieBanner" role="dialog" aria-live="polite" aria-label="Cookie同意">
  <p class="cookie-banner__text">
    当サイトでは、サービス向上および利用状況の分析のためCookieを使用します。
    詳しくは <a href="/f/cookie" rel="noopener">Cookieポリシー</a> をご確認ください。
  </p>
  <div class="cookie-banner__actions">
    <button class="cookie-btn" id="cookieAgreeBtn" type="button">同意する</button>
  </div>
</div>

<script>
  (function () {
    const KEY = "cookie_consent_v1";     // 同意フラグのキー（将来文章変えたら v2 に）
    const banner = document.getElementById("cookieBanner");
    const agreeBtn = document.getElementById("cookieAgreeBtn");

    // すでに同意済みなら表示しない
    try {
      const consent = localStorage.getItem(KEY);
      if (consent === "true") {
        banner.style.display = "none";
        return;
      }
    } catch (e) {
      // localStorageが使えない環境でもバナーは表示し続ける（安全側）
    }

    // 同意ボタン
    agreeBtn.addEventListener("click", function () {
      try {
        localStorage.setItem(KEY, "true");
      } catch (e) {
        // localStorageが使えない場合でも、とりあえず閉じる
      }
      banner.style.display = "none";
    });
  })();
</script>
<!-- /Cookie Consent Banner -->