/* ------------------------------------------------ */
/* 1. @font-face に font-display: swap; を適用 (FCP/FOIT 対策) */
/* <link href="https://use.fontawesome.com/releases/v6.7.2/css/all.css" rel="stylesheet">　でも良かったものを変更 */
/* ------------------------------------------------ */

/* Brands フォント (fab, fa-brands) */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400; 
  font-display: swap; 
  src: url("./webfonts/fa-brands-400.woff2") format("woff2"),
       url("./webfonts/fa-brands-400.ttf") format("truetype");
}
/* Solid フォント (fa-solid) - Pro/Solid の競合を避けるため Pro に設定を固定 */
@font-face {
  font-family: 'Font Awesome 6 Pro'; /* Solid として使用される Pro 設定を維持 */
  font-style: normal;
  font-weight: 900; 
  font-display: swap; 
  src: url("./webfonts/fa-solid-900.woff2") format("woff2"),
       url("./webfonts/fa-solid-900.ttf") format("truetype");
}
/* Regular フォント (fa-regular) - envelope のために必須 */
@font-face {
  font-family: 'Font Awesome 6 Regular';
  font-style: normal;
  font-weight: 400; 
  font-display: swap; 
  src: url("./webfonts/fa-regular-400.woff2") format("woff2"),
       url("./webfonts/fa-regular-400.ttf") format("truetype");
}

/* ------------------------------------------------ */
/* 2. アイコンを表示するための基本スタイルとフォント指定 */
/* ------------------------------------------------ */

/* 全ての Font Awesome アイコンに共通の基本スタイル */
.fa, .fas, .far, .fal, .fad, .fab,.fa-brands,.fa-regular {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
/* 各ファミリーにフォントファミリー名を指定 */
.fa-brands, .fab { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }
.fa-regular, .far { font-family: 'Font Awesome 6 Regular'; font-weight: 400; }
.fa-solid, .fas { font-family: 'Font Awesome 6 Pro'; font-weight: 900; } /* Solid に Pro を適用 */


/* ------------------------------------------------ */
/* 3. 使用しているアイコンの 正確な Unicode 定義 */
/* ------------------------------------------------ */

/* Brands (fab/fa-brands) */
.fa-x-twitter:before, .fab.fa-x-twitter:before, .fa-brands.fa-x-twitter:before { content: "\e61b"; } /* ⭐ 正確な値 */
.fa-instagram:before, .fab.fa-instagram:before, .fa-brands.fa-instagram:before { content: "\f16d"; }
.fa-tiktok:before, .fab.fa-tiktok:before, .fa-brands.fa-tiktok:before { content: "\e07b"; }
.fa-facebook-f:before, .fab.fa-facebook-f:before, .fa-brands.fa-facebook-f:before { content: "\f39e"; } /* (前の値を維持) */

/* Regular/Solid (fa-envelope, fa-check) */
/* envelope は通常 Regular (400) or Solid (900) で使われる。ここでは Solid として定義 */
.fa-envelope:before, .fa-solid.fa-envelope:before { content: "\f0e0"; font-family: 'Font Awesome 6 Pro'; } /* ⭐ 正確な値 */
.fa-check:before, .fa-solid.fa-check:before { content: "\f00c"; font-family: 'Font Awesome 6 Pro'; } /* ⭐ 正確な値 */
/* fa-regular で使用されている場合は、以下も追加 */
.fa-regular.fa-envelope:before { content: "\f0e0"; font-family: 'Font Awesome 6 Regular'; }