@charset "UTF-8";
/* ==========================================================================
RepeatLab Next：アイコン
--------------------------------------------------------------------------
旧テーマ SWELL はアイコンを自前のフォント（icomoon）で描いていた。
フォントは持ち込まず（ギフトジェシーのテーマと同じ方針）、同じ意味の形を SVG で描いて、
CSS の mask で文字の色に染める。
使い方は旧テーマと同じ： のように class を付けるだけ。
本番の62ページで使われていた約30種類だけを用意している（2026-11-08）。
形の出どころ
・電球・びっくり・親指・お知らせ・本・情報・鉛筆 Material Icons（Apache 2.0）。ギフトジェシーのテーマから流用
・それ以外（時計・更新・検索・フォルダ・タグなど） このテーマで描いたもの
========================================================================== */
/* --------------------------------------------------------------------------
1. class の付いた要素（）
-------------------------------------------------------------------------- */
[class^="icon-"]::before,
[class*=" icon-"]::before {
background-color: currentColor;
content: "";
display: inline-block;
height: 1em;
-webkit-mask: var(--rl-i) center / contain no-repeat;
mask: var(--rl-i) center / contain no-repeat;
vertical-align: -.125em;
width: 1em;
}
.icon-posted { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-modified { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-search { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-rss { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-close-thin { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-batsu { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-menu-thin { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-chevron-up { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-chevron-right { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-home { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-info { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-folder { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-tag { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-caret-down { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-caret-up { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
.icon-more_arrow { --rl-i: url('data:image/svg+xml;charset=utf-8,'); }
/* 共有ボタンの会社のマーク：形の権利に配慮して、文字で表す */
.icon-facebook::before,
.icon-twitter-x::before,
.icon-hatebu::before,
.icon-pinterest::before,
.icon-line::before {
background: none;
font-family: Arial, "Helvetica Neue", sans-serif;
font-weight: 700;
height: auto;
line-height: 1;
-webkit-mask: none;
mask: none;
vertical-align: baseline;
width: auto;
}
.icon-facebook::before { content: "f"; font-size: 1.15em; }
.icon-twitter-x::before { content: "X"; }
.icon-hatebu::before { content: "B!"; }
.icon-pinterest::before { content: "P"; font-family: Georgia, serif; }
.icon-line::before { content: "LINE"; font-size: .62em; letter-spacing: .02em; }
/* --------------------------------------------------------------------------
2. 部品の前後に付くアイコン（旧テーマが ::before / ::after にフォントで描いていたもの）
-------------------------------------------------------------------------- */
.c-categoryList::before,
.c-tagList::before,
.p-blogCard__caption::before,
.is-style-icon_good::before,
.is-style-icon_bad::before,
.is-style-icon_info::before,
.is-style-icon_announce::before,
.is-style-icon_pen::before,
.is-style-more_btn a::after,
.wp-block-categories-list > li > a::before,
.c-listMenu a::before,
.p-toc__ttl::before {
background-color: currentColor;
height: 1em;
-webkit-mask: var(--rl-i) center / contain no-repeat;
mask: var(--rl-i) center / contain no-repeat;
width: 1em;
}
.c-categoryList::before,
.wp-block-categories-list > li > a::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.c-tagList::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.p-blogCard__caption::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
vertical-align: -.1em;
}
.-external .p-blogCard__caption::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-icon_good::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-icon_bad::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-icon_info::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-icon_announce::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-icon_pen::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-more_btn a::after {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.c-listMenu a::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.wp-block-categories-list > li > a::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
.p-toc__ttl::before {
--rl-i: url('data:image/svg+xml;charset=utf-8,');
}
/* 丸の中に白い絵（ポイント・注意の大きい囲み）：丸ごと染めると丸が消えるので、白い絵を背景に置く */
.is-style-big_icon_point::before {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-big_icon_caution::before {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.is-style-big_icon_point::before,
.is-style-big_icon_caution::before {
background-position: center;
background-repeat: no-repeat;
background-size: 60% 60%;
}