@charset "UTF-8";
/* -------------------------------------------------------------
 Web フォント自己ホスト（Noto Sans JP ＋ FontAwesome）2026-09-24

 従来の外部依存を廃止し、表示速度（PSI）を改善するために自己ホスト化した。
   ・Noto Sans JP … Google Fonts（fonts.googleapis.com／レンダリングブロック）
   ・FontAwesome 4.7.0 … maxcdn.bootstrapcdn.com（旧CDN・停止で全ページのアイコン消失リスク）
   ・FontAwesome 5.8.1 … use.fontawesome.com（categories だけで読み込むが実使用ゼロ＝撤去）
 → 上記3つの外部読み込みを停止し、本ファイル1本に集約。common/meta.asp から読み込む。

 【Noto Sans JP】
   ・本番 clearfile 全97URL（sitemap）で実際に使われている文字＋かな/英数/記号を
     サブセット化した可変フォント（weight 100〜900）。1本で 400/500/700/900 に対応。
   ・font-family 名は既存CSS（base.css / base_sp.css）の指定に合わせ
     "Noto Sans JP" と "Noto Sans Japanese" の両方を別名定義（実体は同一woff2）。
   ・font-display:swap で読み込み中も本文が即表示される（FOIT回避）。
   ・サブセットに無い漢字（今後追加される商品名など）は、CSSのfont-family指定により
     次点の Hiragino/Meiryo 等でそのまま描画される（文字が消えることはない）。
   ・従来 font stack の先頭にあった "Roboto"（Google Fonts）は撤去したため、
     欧文・数字は "Noto Sans JP" で描画される。

 【FontAwesome 4.7.0】
   ・HTMLでの生使用は無し（footer.asp の fa-envelope はコメントアウト済み）。
   ・CSSでの実使用は base.css / base_sp.css の注文フロー区切りの
     content:"\f107"（fa-angle-down）1グリフのみ。@font-face 定義だけで描画される。
   ・保険として .fa 基底クラスと代表アイコンの :before も定義しておく。
   ・【重要】新しいアイコンをHTMLの class で使う場合は、下に1行
       .fa-〇〇:before{content:"\fXXX"}
     を追記すること（フルCSSを読んでいないため未定義クラスは表示されない）。

 ライセンス: Noto Sans JP=SIL OFL 1.1 ／ FontAwesome=SIL OFL 1.1(フォント)+MIT(CSS)
------------------------------------------------------------- */

/* ===== Noto Sans JP（自己ホスト・サブセット・可変） ===== */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/noto-sans-jp-subset.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/noto-sans-jp-subset.woff2") format("woff2");
}

/* ===== FontAwesome 4.7.0（自己ホスト・最小構成） ===== */
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2");
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; }
.fa-angle-down:before { content: "\f107"; } /* 注文フローの区切り（CSSからも直接使用） */
.fa-envelope:before { content: "\f0e0"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-mobile:before { content: "\f10b"; }