@charset "UTF-8";
/* ==========================================================================
   Phosphor アイコン（V06.32〜。Font Awesome から入れ替えた21個）
   ・webfonts/phosphor/phosphor-bold-memo.woff：Phosphor Icons 2.1.2 の Bold（Phosphor-Bold.ttf）から、
     使うアイコンだけ（21個）に絞って WOFF にしたフォント（約3KB。公式の全部入りは woff2 で約147KB）
     元のフォント：https://github.com/phosphor-icons/web（@phosphor-icons/web 2.1.2 の src/bold/）。MIT License（webfonts/phosphor/LICENSE.txt）
   ・文字コードとクラス名は公式と同じ（ph-bold ph-〇〇）
   ・使い方：<i class="ph-bold ph-share-network" aria-hidden="true"></i>
   ・アイコンを足すときは、Phosphor-Bold.ttf から作り直して（pyftsubset の --unicodes に文字コードを足す）、下の一覧に1行足す
   ・記事の本文のアイコンは Font Awesome（css/all.css）のまま
   ========================================================================== */
@font-face {
	font-family: "Phosphor MEMO";
	src: url("../webfonts/phosphor/phosphor-bold-memo.woff?v=2.1.2-3") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block; /* 読み込み前に別の文字が一瞬出ないように */
}
:root {
	--ph-size: 1.15em;   /* ★ アイコンの大きさ（文字に対して。Font Awesome より一回り小さく見えるので少し大きく） */
	--ph-shift: -0.15em; /* ★ 上下の位置（大きくした分、下にずらして文字の並びに合わせる） */
}
.ph-bold {
	display: inline-block;
	font-family: "Phosphor MEMO" !important;
	font-style: normal;
	font-weight: normal;
	font-size: var(--ph-size);
	line-height: 1;
	vertical-align: var(--ph-shift);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: never;
}

/* アイコンの一覧（フォントに入っているもの）＝使っている場所 */
.ph-bold.ph-share-network::before { content: "\e408"; }          /* SHARE（single.php） */
.ph-bold.ph-bomb::before { content: "\ee0a"; }                   /* 古い記事（main.css で Font Awesome の爆弾を差し替え） */
.ph-bold.ph-link-simple-horizontal::before { content: "\e2ea"; } /* 右サイドのリンク（sidebar.php）・CONTACT（profile.php） */
.ph-bold.ph-bookmark::before { content: "\e0e8"; }               /* CONTENTS（single.php） */
.ph-bold.ph-map-pin::before { content: "\e316"; }                /* パンくず（header.php） */
.ph-bold.ph-arrow-fat-line-left::before { content: "\e51e"; }    /* 前後リンク NEWER POST（functions.php の memo_post_nav_item()） */
.ph-bold.ph-arrow-fat-line-right::before { content: "\e520"; }   /* 前後リンク OLDER POST（同上） */
.ph-bold.ph-arrow-fat-line-up::before { content: "\e522"; }      /* 先頭へ戻る（footer.php） */
.ph-bold.ph-info::before { content: "\e2ce"; }                   /* NOTICES（single.php） */
.ph-bold.ph-magnifying-glass::before { content: "\e30c"; }       /* 検索ボタン（sidebar.php の value="&#xe30c"） */
.ph-bold.ph-arrow-circle-right::before { content: "\e02e"; }     /* 内部リンクカード RELATED（functions.php の memo_link_card_classes()） */
.ph-bold.ph-arrow-circle-up-right::before { content: "\e034"; }  /* 外部リンクカード REFERENCE（同上） */
.ph-bold.ph-file-code::before { content: "\e914"; }              /* 広告の枠 HIDE ADS FOR ADMIN（functions.php の memo_ad()。ログイン中だけ） */
.ph-bold.ph-lock-open::before { content: "\e306"; }              /* 記事の編集ボタン（single.php の edit_post_link()。ログイン中だけ） */
.ph-bold.ph-caret-right::before { content: "\e13a"; }             /* 一覧のタイトルの左（loop-main.php）・REFERENCE／RELATED の ＞（functions.php の memo_link_card_classes()） */
.ph-bold.ph-fire::before { content: "\e242"; }                    /* NEW マーク（functions.php の memo_new_mark()） */
.ph-bold.ph-arrows-out-simple::before { content: "\e0a6"; }       /* コードブロックの SHOW ALL（js/hcb-fold.js） */
.ph-bold.ph-arrows-in-simple::before { content: "\e09e"; }        /* コードブロックの CLOSE（同上） */
.ph-bold.ph-copy::before { content: "\e1ca"; }                    /* コードブロックのコピーボタン（css/hcb-palette-light.css）・COLOR CRUSH の COPY ALL（下） */
.ph-bold.ph-check::before { content: "\e182"; }                   /* コードブロックのコピー済み（css/hcb-palette-light.css） */
.ph-bold.ph-file-png::before { content: "\eb18"; }                /* COLOR CRUSH の PNG（下） */

/* --------------------------------------------------------------------------
   COLOR CRUSH（プラグイン BACKON COLORS）のアイコンを Phosphor に（V06.32〜）
   ・プラグインの HTML（公開画面は PHP、編集画面は js/editor.js）は <i class="fa-solid fa-copy"> などのまま。
     プラグインはほかのテーマと共通なので変えずに、テーマの CSS で中身だけ差し替える（古い記事の爆弾と同じ方法）
   ・Font Awesome 7 は文字を変数（--fa）・フォント名（--fa-family）・太さ（--fa-style）で決めているので、その3つを上書きする
   ・このファイルは編集画面でも読み込むので、ブロックのプレビューも Phosphor になる
   ・大きさはプラグインの CSS（--memo-colors-icon）のまま
   -------------------------------------------------------------------------- */
.memo-colors__all .fa-copy,
.memo-colors__png .fa-file-image,
.memo-colors__ref .fa-arrow-up-right-from-square {
	--fa-family: "Phosphor MEMO";
	--fa-style: normal; /* Phosphor は太さ 1種類だけ */
}
.memo-colors__all .fa-copy { --fa: "\e1ca"; }                          /* ph-copy */
.memo-colors__png .fa-file-image { --fa: "\eb18"; }                    /* ph-file-png */
.memo-colors__ref .fa-arrow-up-right-from-square { --fa: "\e034"; }    /* ph-arrow-circle-up-right（リンクカードの REFERENCE と同じ） */