@charset "utf-8";
/* =========================================================
   Base / global rules
========================================================= */
:root {
  --mr-red: #dd3333;
  --mr-black: #111111;
  --mr-text: #333333;
  --mr-gray-50: #fafafa;
  --mr-gray-100: #f5f5f5;
  --mr-gray-200: #e5e5e5;
}

/* 全ページ：スマホではパンくず非表示 */
@media screen and (max-width: 767px) {
  .fs-c-breadcrumb {
    display: none !important;
  }
}

/* PC共通：FutureShopページ幅 */
@media screen and (min-width: 767px) {
  .fs-l-pageMain {
    max-width: 1080px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Footer banner colors */
.fs-l-footer .banner_footer1 {
  background: #d51934;
}

.fs-l-footer .banner_footer2 {
  background: #330000;
}

.fs-l-footer .banner_footer3 {
  background: #006b7e;
}

/* Page top link */
.fs-p-footerPageTop__link {
  border: 1px solid var(--mr-red);
}

/* =========================================================
   01-base.css
   サイト全体の基本タイポグラフィ設定
========================================================= */

/* 
  全体フォント統一
  FutureShop標準フォントを上書きして、
  サイト全体を Noto Sans JP に統一する。
*/
body,
p,
a,
li,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
}

/* 
  見出しを太字化
  hタグの標準ウェイトを700に統一。
  ブランドサイト全体の見出しを視認性高くする。
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}