.fs-c-breadcrumb{display:none;}
.fs-body-reviews{display:none;}

.fs-c-documentArticle dl{margin-top:1em;}
.fs-c-cartTable__dataCell--action{white-space:nowrap;}
.fs-c-reviewer__profile__status{display: none;}
.fs-l-productLayout .fs-c-productReview{margin-top:40px;}
.fs-l-productLayout__item .fs-p-productDescription {  margin: 40px 0;}
.fs-c-button--primary {padding: 0.8em 1.6em 0.9em;}

.fs-l-product4 .fs-c-button--primary, .fs-l-product4 .fs-c-button--secondary {
min-width: 100%;
}

.fs-c-productOption__comment {margin-bottom: .5rem;}

.fs-c-productNameHeading__copy{display:block; margin-bottom: 8px;}

.fs-c-listedOptionPrice .fs-c-listedOptionPrice__price{display:none;}

.fs-body-register label#fs_label_birthday::after{content:'お誕生日クーポンはお誕生月の1日に付与します。お誕生月前月の20日までに会員登録いただいた方が対象となります。'; display:block; font-weight:normal; white-space: break-spaces; margin-bottom:5px;}

.fs-c-productPointDisplay {
padding: 10px;
border-radius: 6px;
background: #F8799F;
}

.swiper-slide {
    width: 100%;
    text-align: center;
}



/* インスタ投稿を横にスクロールするcss*/
.instagram-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px; /* 投稿間の間隔 */
   /*  white-space: nowrap; */
    will-change: transform;
    padding: 10px;
    scrollbar-width: display; /* Firefoxのスクロールバーを非表示 */
    white-space: nowrap;

}

.instagram-feed {
    flex: 0 0 auto;
}

/* インスタ投稿のサイズを指定CSS */
.instagram-media {
    max-width: 300px !important;
    min-width: 100px !important;
}


/* キャンペーンとかの帯のCSS */
.title {
  background-color: #f0f0f0;  /* 背景色を薄いグレーに設定します。帯の色になります。 */
  padding: 20px;		/* 内側の余白を20ピクセル確保します。文字が帯の端にくっつかないようにするためです。 */
  text-align: center;		/* テキストを中央揃えにします。 */
}

.FS2_PageTitle {
  font-size: 2em;		/* フォントサイズを通常の2倍に設定しています。大見出しっぽくしたい時に便利です。 */
  color: black;			/* 文字の色を黒に設定します。 */
  margin: 0;			/* 要素の外側の余白をなくしています。レイアウトの無駄なスペースを減らすためです。 */
font-family: "BIZ UDPGothic", serif;　　/* ここでフォント指定 */

}

.FS2_PageTitle .ja {
  display: block;		/* 日本語の「キャンペーン」部分を改行して単独の行に表示します。 */
  font-size: 0.8em;		/* フォントサイズを親要素の80%に設定します。英語より少し小さく見せることで、階層の違いを強調しています。 */
  color: black;		/* 黒色です。 */
}


/* ここではめ込みyoutubeのサイズを指定 */
.box-movie {
  width: 70%;
  height: 100px; /* ← ここを好みの高さに調整 */
  margin: 0 auto; /* 中央寄せ */
  overflow: hidden; /* はみ出し対策 */

}

.box-movie iframe {
  width: 100%;
}


/* ヘッダーを固定するCSS */
.fs-l-page > #header{
    position: sticky;
    width: 100%;
    max-width: none;
    top: 0;
    z-index: 99999;
    background: white;
    padding-bottom: 5px;
}