/* ジャンプボタンのスクロールスピード（スムーズ） */
html { 
  scroll-behavior: smooth;
}

/* 「※店舗とオンラインショップでは～」と「目玉商品」の距離 */
.mainframe_ .article-body--wrap {
  margin: 0 auto 0rem; 
}

/* 背景色変更_ロゴの上_ */
.optimaized-h1 {
  padding: 0px;
  background-color: #cad9f9;
  color: #4d4d4d;
}

/* 背景色変更_ヘッダー */
#header-contents header {
  background: #cad9f9 !important; 
}

#header-contents header .header-container {
  padding: 0px;
  background-color: #cad9f9 !important;
  background: #cad9f9 !important;
}

/* 背景色変更_検索窓 */
.header-btn__search-line {
  background: #cad9f9 !important; 
}

/* 検索窓 削除後の余白調整（背景色変更） */
#header-contents {
  position: relative;
  border-top: solid 1px #cad9f9;
  height: 1.5rem;
}

/* 全体の背景色（コンテンツが潰れないように余白は維持） */
.container {
  background-color: #cad9f9 !important;
}

/* コメント4エリア_背景とテキスト色 */
.free-box01--container {
  background: #008ebd !important; 
  color: #4d4d4d;
}

body .revico-star-block--rate span {
  color: #4d4d4d !important;
}

/* テキスト_商品名、ご利用案内 */
.goods-list__p-item--name a {
  color: #4d4d4d !important;
  text-decoration: none;
}

/* ページ下部_EC>BF */
#block-topicPath,
#block-topicPath a,
#block-topicPath span {
  color: #4d4d4d !important;
}

#bread-crumb-list {
  color: #4d4d4d !important;
}

/* ページ下部_EC>BFの余白を付け足し */
#block-topicPath ul {
  padding-bottom: 20px;
}

.mainframe_ .article-body--middle {
  margin: 0 0 0rem;
}

.goods-list-sort-block dd ul li a, 
.goods-list-style-block dd ul li a {
  text-decoration: underline;
  color: #4d4d4d !important;
}

.common-navipage--top {
  background-color: #cad9f9 !important;
}

/* テキスト_商品名、ご利用案内 */
.page-navi--sum span {
  color: #4d4d4d !important;
  text-decoration: none;
}


/* ========================================================
   🧼 修正箇所：フッターの文字巨大化バグ・記述ミスを徹底お掃除
======================================================== -->
.footer-bottom .copyright {
  background-color: #6db1d8 !important; 
  background: #6db1d8 !important; 
  color: #ffffff !important;
  font-size: 11px !important;    /* 👈 巨大化した文字をPC・スマホ共通で適切な小ささに固定 */
  padding-top: 15px !important;  /* 👈 上下の余白のバランスをきれいに整えました */
  padding-bottom: 25px !important;
  text-align: center !important;
  display: block !important;
}