/* 拡張カラーキーワード 変数定義 */
:root {
  --blanchedalmond: #ffebcd;
  --lightyellow: #ffffe0;
  --cornsilk: #fff8dc;
  --antiquewhite: #faebd7;
  --papayawhip: #ffefd5;
  --lemonchiffon: #fffacd;
  --beige: #f5f5dc;
  --linen: #faf0e6;
  --oldlace: #fdf5e6;
  --lightcyan: #e0ffff;
  --aliceblue: #f0f8ff;
  --whitesmoke: #f5f5f5;
  --lavenderblush: #fff0f5;
  --floralwhite: #fffaf0;
  --mintcream: #f5fffa;
  --ghostwhite: #f8f8ff;
  --honeydew: #f0fff0;
  --seashell: #fff5ee;
  --ivory: #fffff0;
  --azure: #f0ffff;
  --snow: #fffafa;
  --white: #ffffff;
  --gainsboro: #dcdcdc;
  --lightgray: #d3d3d3;
  --silver: #c0c0c0;
  --darkgray: #a9a9a9;
  --lightslategray: #778899;
  --slategray: #708090;
  --gray: #808080;
  --dimgray: #696969;
  --darkslategray: #2f4f4f;
  --black: #000000;
  --lawngreen: #7cfc00;
  --greenyellow: #adff2f;
  --chartreuse: #7fff00;
  --lime: #00ff00;
  --limegreen: #32cd32;
  --yellowgreen: #9acd32;
  --olive: #808000;
  --olivedrab: #6b8e23;
  --darkolivegreen: #556b2f;
  --forestgreen: #228b22;
  --darkgreen: #006400;
  --green: #008000;
  --seagreen: #2e8b57;
  --mediumseagreen: #3cb371;
  --darkseagreen: #8fbc8f;
  --lightgreen: #90ee90;
  --palegreen: #98fb98;
  --springgreen: #00ff7f;
  --mediumspringgreen: #00fa9a;
  --teal: #008080;
  --darkcyan: #008b8b;
  --lightseagreen: #20b2aa;
  --mediumaquamarine: #66cdaa;
  --cadetblue: #5f9ea0;
  --steelblue: #4682b4;
  --aquamarine: #7fffd4;
  --powderblue: #b0e0e6;
  --paleturquoise: #afeeee;
  --lightsteelblue: #b0c4de;
  --lightblue: #add8e6;
  --skyblue: #87ceeb;
  --lightskyblue: #87cefa;
  --mediumturquoise: #48d1cc;
  --turquoise: #40e0d0;
  --darkturquoise: #00ced1;
  --aqua: #00ffff;
  --red: #ff0000;
  --crimson: #dc143c;
  --maroon: #800000;
  --darkred: #8b0000;
  --brown: #a52a2a;
  --sienna: #a0522d;
  --saddlebrown: #8b4513;
  --indianred: #cd5c5c;
  --rosybrown: #bc8f8f;
  --lightcoral: #f08080;
  --salmon: #fa8072;
  --darksalmon: #e9967a;
  --coral: #ff7f50;
  --tomato: #ff6347;
  --sandybrown: #f4a460;
  --lightsalmon: #ffa07a;
  --peru: #cd853f;
  --chocolate: #d2691e;
  --orangered: #ff4500;
  --orange: #ffa500;
  --darkorange: #ff8c00;
  --tan: #d2b48c;
  --peachpuff: #ffdab9;
  --bisque: #ffe4c4;
  --moccasin: #ffe4b5;
  --navajowhite: #ffdead;
  --wheat: #f5deb3;
  --burlywood: #deb887;
  --darkgoldenrod: #b8860b;
  --goldenrod: #daa520;
  --gold: #ffd700;
  --yellow: #ffff00;
  --lightgoldenrodyellow: #fafad2;
  --palegoldenrod: #eee8aa;
  --khaki: #f0e68c;
  --darkkhaki: #bdb76b;
  --cyan: #00ffff;
  --deepskyblue: #00bfff;
  --dodgerblue: #1e90ff;
  --cornflowerblue: #6495ed;
  --royalblue: #4169e1;
  --blue: #0000ff;
  --mediumblue: #0000cd;
  --navy: #000080;
  --darkblue: #00008b;
  --midnightblue: #191970;
  --darkslateblue: #483d8b;
  --slateblue: #6a5acd;
  --mediumslateblue: #7b68ee;
  --mediumpurple: #9370d8;
  --darkorchid: #9932cc;
  --darkviolet: #9400d3;
  --blueviolet: #8a2be2;
  --mediumorchid: #ba55d3;
  --plum: #dda0dd;
  --lavender: #e6e6fa;
  --thistle: #d8bfd8;
  --orchid: #da70d6;
  --violet: #ee82ee;
  --indigo: #4b0082;
  --darkmagenta: #8b008b;
  --purple: #800080;
  --mediumvioletred: #c71585;
  --deeppink: #ff1493;
  --fuchsia: #ff00ff;
  --magenta: #ff00ff;
  --hotpink: #ff69b4;
  --palevioletred: #d87093;
  --lightpink: #ffb6c1;
  --pink: #ffc0cb;
  --mistyrose: #ffe4e1;
}
/* 文字色 */
/* 拡張カラーキーワード 文字色 */
.blanchedalmond { color: var(--blanchedalmond); }
.lightyellow { color: var(--lightyellow); }
.cornsilk { color: var(--cornsilk); }
.antiquewhite { color: var(--antiquewhite); }
.papayawhip { color: var(--papayawhip); }
.lemonchiffon { color: var(--lemonchiffon); }
.beige { color: var(--beige); }
.linen { color: var(--linen); }
.oldlace { color: var(--oldlace); }
.lightcyan { color: var(--lightcyan); }
.aliceblue { color: var(--aliceblue); }
.whitesmoke { color: var(--whitesmoke); }
.lavenderblush { color: var(--lavenderblush); }
.floralwhite { color: var(--floralwhite); }
.mintcream { color: var(--mintcream); }
.ghostwhite { color: var(--ghostwhite); }
.honeydew { color: var(--honeydew); }
.seashell { color: var(--seashell); }
.ivory { color: var(--ivory); }
.azure { color: var(--azure); }
.snow { color: var(--snow); }
.white { color: var(--white); }
.gainsboro { color: var(--gainsboro); }
.lightgray { color: var(--lightgray); }
.silver { color: var(--silver); }
.darkgray { color: var(--darkgray); }
.lightslategray { color: var(--lightslategray); }
.slategray { color: var(--slategray); }
.gray { color: var(--gray); }
.dimgray { color: var(--dimgray); }
.darkslategray { color: var(--darkslategray); }
.black { color: var(--black); }
.lawngreen { color: var(--lawngreen); }
.greenyellow { color: var(--greenyellow); }
.chartreuse { color: var(--chartreuse); }
.lime { color: var(--lime); }
.limegreen { color: var(--limegreen); }
.yellowgreen { color: var(--yellowgreen); }
.olive { color: var(--olive); }
.olivedrab { color: var(--olivedrab); }
.darkolivegreen { color: var(--darkolivegreen); }
.forestgreen { color: var(--forestgreen); }
.darkgreen { color: var(--darkgreen); }
.green { color: var(--green); }
.seagreen { color: var(--seagreen); }
.mediumseagreen { color: var(--mediumseagreen); }
.darkseagreen { color: var(--darkseagreen); }
.lightgreen { color: var(--lightgreen); }
.palegreen { color: var(--palegreen); }
.springgreen { color: var(--springgreen); }
.mediumspringgreen { color: var(--mediumspringgreen); }
.teal { color: var(--teal); }
.darkcyan { color: var(--darkcyan); }
.lightseagreen { color: var(--lightseagreen); }
.mediumaquamarine { color: var(--mediumaquamarine); }
.cadetblue { color: var(--cadetblue); }
.steelblue { color: var(--steelblue); }
.aquamarine { color: var(--aquamarine); }
.powderblue { color: var(--powderblue); }
.paleturquoise { color: var(--paleturquoise); }
.lightsteelblue { color: var(--lightsteelblue); }
.lightblue { color: var(--lightblue); }
.skyblue { color: var(--skyblue); }
.lightskyblue { color: var(--lightskyblue); }
.mediumturquoise { color: var(--mediumturquoise); }
.turquoise { color: var(--turquoise); }
.darkturquoise { color: var(--darkturquoise); }
.aqua { color: var(--aqua); }
.red { color: var(--red); }
.crimson { color: var(--crimson); }
.maroon { color: var(--maroon); }
.darkred { color: var(--darkred); }
.brown { color: var(--brown); }
.sienna { color: var(--sienna); }
.saddlebrown { color: var(--saddlebrown); }
.indianred { color: var(--indianred); }
.rosybrown { color: var(--rosybrown); }
.lightcoral { color: var(--lightcoral); }
.salmon { color: var(--salmon); }
.darksalmon { color: var(--darksalmon); }
.coral { color: var(--coral); }
.tomato { color: var(--tomato); }
.sandybrown { color: var(--sandybrown); }
.lightsalmon { color: var(--lightsalmon); }
.peru { color: var(--peru); }
.chocolate { color: var(--chocolate); }
.orangered { color: var(--orangered); }
.orange { color: var(--orange); }
.darkorange { color: var(--darkorange); }
.tan { color: var(--tan); }
.peachpuff { color: var(--peachpuff); }
.bisque { color: var(--bisque); }
.moccasin { color: var(--moccasin); }
.navajowhite { color: var(--navajowhite); }
.wheat { color: var(--wheat); }
.burlywood { color: var(--burlywood); }
.darkgoldenrod { color: var(--darkgoldenrod); }
.goldenrod { color: var(--goldenrod); }
.gold { color: var(--gold); }
.yellow { color: var(--yellow); }
.lightgoldenrodyellow { color: var(--lightgoldenrodyellow); }
.palegoldenrod { color: var(--palegoldenrod); }
.khaki { color: var(--khaki); }
.darkkhaki { color: var(--darkkhaki); }
.cyan { color: var(--cyan); }
.deepskyblue { color: var(--deepskyblue); }
.dodgerblue { color: var(--dodgerblue); }
.cornflowerblue { color: var(--cornflowerblue); }
.royalblue { color: var(--royalblue); }
.blue { color: var(--blue); }
.mediumblue { color: var(--mediumblue); }
.navy { color: var(--navy); }
.darkblue { color: var(--darkblue); }
.midnightblue { color: var(--midnightblue); }
.darkslateblue { color: var(--darkslateblue); }
.slateblue { color: var(--slateblue); }
.mediumslateblue { color: var(--mediumslateblue); }
.mediumpurple { color: var(--mediumpurple); }
.darkorchid { color: var(--darkorchid); }
.darkviolet { color: var(--darkviolet); }
.blueviolet { color: var(--blueviolet); }
.mediumorchid { color: var(--mediumorchid); }
.plum { color: var(--plum); }
.lavender { color: var(--lavender); }
.thistle { color: var(--thistle); }
.orchid { color: var(--orchid); }
.violet { color: var(--violet); }
.indigo { color: var(--indigo); }
.darkmagenta { color: var(--darkmagenta); }
.purple { color: var(--purple); }
.mediumvioletred { color: var(--mediumvioletred); }
.deeppink { color: var(--deeppink); }
.fuchsia { color: var(--fuchsia); }
.magenta { color: var(--magenta); }
.hotpink { color: var(--hotpink); }
.palevioletred { color: var(--palevioletred); }
.lightpink { color: var(--lightpink); }
.pink { color: var(--pink); }
.mistyrose { color: var(--mistyrose); }

.text-base {color: var(--wp--preset--color--text-base);}
.c-init {color: initial;}
.c-inherit {color: inherit;}
/* 透明 文字色 */
.trans, .transparent {color: transparent !important;}
/* 黒〜白 文字色 */
.c-000 {color: #000 !important;}
.c-111 {color: #111 !important;}
.c-222 {color: #222 !important;}
.c-333 {color: #333 !important;}
.c-444 {color: #444 !important;}
.c-555 {color: #555 !important;}
.c-666 {color: #666 !important;}
.c-777 {color: #777 !important;}
.c-888 {color: #888 !important;}
.c-999 {color: #999 !important;}
.c-aaa {color: #aaa !important;}
.c-bbb {color: #bbb !important;}
.c-ccc {color: #ccc !important;}
.c-ddd {color: #ddd !important;}
.c-eee {color: #eee !important;}
.c-fff {color: #fff !important;}

/* 特色 文字色 */
.red-500 {color: red !important; font-weight: 500 !important;}
code .red-500 {color: #ff4444 !important; font-weight: 500 !important;}
.red-600 {color: red !important; font-weight: 600 !important;}
code .red-600 {color: #ff4444 !important; font-weight: 600 !important;}
.red-700 {color: red !important; font-weight: 700 !important;}
code .red-700 {color: #ff4444 !important; font-weight: 700 !important;}
.red-800 {color: red !important; font-weight: 800 !important;}
code .red-800 {color: #ff4444 !important; font-weight: 800 !important;}
.red-900 {color: red !important; font-weight: 900 !important;}
code .red-900 {color: #ff4444 !important; font-weight: 900 !important;}
.sb-500 {color: steelblue !important; font-weight: 500 !important;}
code .sb-500 {color: #3399ff !important; font-weight: 500 !important;}
.sb-600 {color: steelblue !important; font-weight: 600 !important;}
code .sb-600 {color: #3399ff !important; font-weight: 600 !important;}
.sb-700 {color: steelblue !important; font-weight: 700 !important;}
code .sb-700 {color: #3399ff !important; font-weight: 700 !important;}
.sb-800 {color: steelblue !important; font-weight: 800 !important;}
code .sb-800 {color: #3399ff !important; font-weight: 800 !important;}
.sb-900 {color: steelblue !important; font-weight: 900 !important;}
code .sb-900 {color: #3399ff !important; font-weight: 900 !important;}

/* オレンジ */
.or-500 {color: orange !important; font-weight: 500 !important;}
code .or-500 {color: orange !important; font-weight: 500 !important;}
.or-600 {color: orange !important; font-weight: 600 !important;}
code .or-600 {color: orange !important; font-weight: 600 !important;}
.or-900 {color: orange !important; font-weight: 900 !important;}
code .or-900 {color: orange !important; font-weight: 900 !important;}

/* 明赤 bright */
.red-b {color: #ff4444 !important;}
/* 明赤6 bright */
.red-b-600 {color: #ff4444 !important; font-weight: 600;}
/* 鉄青 bright */
.steelblue-b, .sb-b {color: #3399ff !important;}
/* 鉄青6 bright */
.steelblue-b-600, .sb-b-600 {color: #3399ff !important; font-weight: 600;}
/* 緑 bright */
.green-b, .green-b {color: greenyellow !important;}
/* 緑6 bright */
.green-b-600, .green-b-600 {color: greenyellow !important; font-weight: 600;} 


/* ==================== 背景色 ==================== */
/* 拡張カラーキーワード変数 背景色 */
.bg-blanchedalmond { background-color: var(--blanchedalmond) !important; }
.bg-lightyellow { background-color: var(--lightyellow) !important; }
.bg-cornsilk { background-color: var(--cornsilk) !important; }
.bg-antiquewhite { background-color: var(--antiquewhite) !important; }
.bg-papayawhip { background-color: var(--papayawhip) !important; }
.bg-lemonchiffon { background-color: var(--lemonchiffon) !important; }
.bg-beige { background-color: var(--beige) !important; }
.bg-linen { background-color: var(--linen) !important; }
.bg-oldlace { background-color: var(--oldlace) !important; }
.bg-lightcyan { background-color: var(--lightcyan) !important; }
.bg-aliceblue { background-color: var(--aliceblue) !important; }
.bg-whitesmoke { background-color: var(--whitesmoke) !important; }
.bg-lavenderblush { background-color: var(--lavenderblush) !important; }
.bg-floralwhite { background-color: var(--floralwhite) !important; }
.bg-mintcream { background-color: var(--mintcream) !important; }
.bg-ghostwhite { background-color: var(--ghostwhite) !important; }
.bg-honeydew { background-color: var(--honeydew) !important; }
.bg-seashell { background-color: var(--seashell) !important; }
.bg-ivory { background-color: var(--ivory) !important; }
.bg-azure { background-color: var(--azure) !important; }
.bg-snow { background-color: var(--snow) !important; }
.bg-white { background-color: var(--white) !important; }
.bg-gainsboro { background-color: var(--gainsboro) !important; }
.bg-lightgray { background-color: var(--lightgray) !important; }
.bg-silver { background-color: var(--silver) !important; }
.bg-darkgray { background-color: var(--darkgray) !important; }
.bg-lightslategray { background-color: var(--lightslategray) !important; }
.bg-slategray { background-color: var(--slategray) !important; }
.bg-gray { background-color: var(--gray) !important; }
.bg-dimgray { background-color: var(--dimgray) !important; }
.bg-darkslategray { background-color: var(--darkslategray) !important; }
.bg-black { background-color: var(--black) !important; }
.bg-lawngreen { background-color: var(--lawngreen) !important; }
.bg-greenyellow { background-color: var(--greenyellow) !important; }
.bg-chartreuse { background-color: var(--chartreuse) !important; }
.bg-lime { background-color: var(--lime) !important; }
.bg-limegreen { background-color: var(--limegreen) !important; }
.bg-yellowgreen { background-color: var(--yellowgreen) !important; }
.bg-olive { background-color: var(--olive) !important; }
.bg-olivedrab { background-color: var(--olivedrab) !important; }
.bg-darkolivegreen { background-color: var(--darkolivegreen) !important; }
.bg-forestgreen { background-color: var(--forestgreen) !important; }
.bg-darkgreen { background-color: var(--darkgreen) !important; }
.bg-green { background-color: var(--green) !important; }
.bg-seagreen { background-color: var(--seagreen) !important; }
.bg-mediumseagreen { background-color: var(--mediumseagreen) !important; }
.bg-darkseagreen { background-color: var(--darkseagreen) !important; }
.bg-lightgreen { background-color: var(--lightgreen) !important; }
.bg-palegreen { background-color: var(--palegreen) !important; }
.bg-springgreen { background-color: var(--springgreen) !important; }
.bg-mediumspringgreen { background-color: var(--mediumspringgreen) !important; }
.bg-teal { background-color: var(--teal) !important; }
.bg-darkcyan { background-color: var(--darkcyan) !important; }
.bg-lightseagreen { background-color: var(--lightseagreen) !important; }
.bg-mediumaquamarine { background-color: var(--mediumaquamarine) !important; }
.bg-cadetblue { background-color: var(--cadetblue) !important; }
.bg-steelblue { background-color: var(--steelblue) !important; }
.bg-aquamarine { background-color: var(--aquamarine) !important; }
.bg-powderblue { background-color: var(--powderblue) !important; }
.bg-paleturquoise { background-color: var(--paleturquoise) !important; }
.bg-lightsteelblue { background-color: var(--lightsteelblue) !important; }
.bg-lightblue { background-color: var(--lightblue) !important; }
.bg-skyblue { background-color: var(--skyblue) !important; }
.bg-lightskyblue { background-color: var(--lightskyblue) !important; }
.bg-mediumturquoise { background-color: var(--mediumturquoise) !important; }
.bg-turquoise { background-color: var(--turquoise) !important; }
.bg-darkturquoise { background-color: var(--darkturquoise) !important; }
.bg-aqua { background-color: var(--aqua) !important; }
.bg-red { background-color: var(--red) !important; }
.bg-crimson { background-color: var(--crimson) !important; }
.bg-maroon { background-color: var(--maroon) !important; }
.bg-darkred { background-color: var(--darkred) !important; }
.bg-brown { background-color: var(--brown) !important; }
.bg-sienna { background-color: var(--sienna) !important; }
.bg-saddlebrown { background-color: var(--saddlebrown) !important; }
.bg-indianred { background-color: var(--indianred) !important; }
.bg-rosybrown { background-color: var(--rosybrown) !important; }
.bg-lightcoral { background-color: var(--lightcoral) !important; }
.bg-salmon { background-color: var(--salmon) !important; }
.bg-darksalmon { background-color: var(--darksalmon) !important; }
.bg-coral { background-color: var(--coral) !important; }
.bg-tomato { background-color: var(--tomato) !important; }
.bg-sandybrown { background-color: var(--sandybrown) !important; }
.bg-lightsalmon { background-color: var(--lightsalmon) !important; }
.bg-peru { background-color: var(--peru) !important; }
.bg-chocolate { background-color: var(--chocolate) !important; }
.bg-orangered { background-color: var(--orangered) !important; }
.bg-orange { background-color: var(--orange) !important; }
.bg-darkorange { background-color: var(--darkorange) !important; }
.bg-tan { background-color: var(--tan) !important; }
.bg-peachpuff { background-color: var(--peachpuff) !important; }
.bg-bisque { background-color: var(--bisque) !important; }
.bg-moccasin { background-color: var(--moccasin) !important; }
.bg-navajowhite { background-color: var(--navajowhite) !important; }
.bg-wheat { background-color: var(--wheat) !important; }
.bg-burlywood { background-color: var(--burlywood) !important; }
.bg-darkgoldenrod { background-color: var(--darkgoldenrod) !important; }
.bg-goldenrod { background-color: var(--goldenrod) !important; }
.bg-gold { background-color: var(--gold) !important; }
.bg-yellow { background-color: var(--yellow) !important; }
.bg-lightgoldenrodyellow { background-color: var(--lightgoldenrodyellow) !important; }
.bg-palegoldenrod { background-color: var(--palegoldenrod) !important; }
.bg-khaki { background-color: var(--khaki) !important; }
.bg-darkkhaki { background-color: var(--darkkhaki) !important; }
.bg-cyan { background-color: var(--cyan) !important; }
.bg-deepskyblue { background-color: var(--deepskyblue) !important; }
.bg-dodgerblue { background-color: var(--dodgerblue) !important; }
.bg-cornflowerblue { background-color: var(--cornflowerblue) !important; }
.bg-royalblue { background-color: var(--royalblue) !important; }
.bg-blue { background-color: var(--blue) !important; }
.bg-mediumblue { background-color: var(--mediumblue) !important; }
.bg-navy { background-color: var(--navy) !important; }
.bg-darkblue { background-color: var(--darkblue) !important; }
.bg-midnightblue { background-color: var(--midnightblue) !important; }
.bg-darkslateblue { background-color: var(--darkslateblue) !important; }
.bg-slateblue { background-color: var(--slateblue) !important; }
.bg-mediumslateblue { background-color: var(--mediumslateblue) !important; }
.bg-mediumpurple { background-color: var(--mediumpurple) !important; }
.bg-darkorchid { background-color: var(--darkorchid) !important; }
.bg-darkviolet { background-color: var(--darkviolet) !important; }
.bg-blueviolet { background-color: var(--blueviolet) !important; }
.bg-mediumorchid { background-color: var(--mediumorchid) !important; }
.bg-plum { background-color: var(--plum) !important; }
.bg-lavender { background-color: var(--lavender) !important; }
.bg-thistle { background-color: var(--thistle) !important; }
.bg-orchid { background-color: var(--orchid) !important; }
.bg-violet { background-color: var(--violet) !important; }
.bg-indigo { background-color: var(--indigo) !important; }
.bg-darkmagenta { background-color: var(--darkmagenta) !important; }
.bg-purple { background-color: var(--purple) !important; }
.bg-mediumvioletred { background-color: var(--mediumvioletred) !important; }
.bg-deeppink { background-color: var(--deeppink) !important; }
.bg-fuchsia { background-color: var(--fuchsia) !important; }
.bg-magenta { background-color: var(--magenta) !important; }
.bg-hotpink { background-color: var(--hotpink) !important; }
.bg-palevioletred { background-color: var(--palevioletred) !important; }
.bg-lightpink { background-color: var(--lightpink) !important; }
.bg-pink { background-color: var(--pink) !important; }
.bg-mistyrose { background-color: var(--mistyrose) !important; }

/* 透明 背景色 */
.bg-trans, .bg-transparent {background-color: transparent !important;}
/* 黒〜白 背景色 */
.bg-000 {background-color: #000 !important;}
.bg-111 {background-color: #111 !important;}
.bg-222 {background-color: #222 !important;}
.bg-333 {background-color: #333 !important;}
.bg-444 {background-color: #444 !important;}
.bg-555 {background-color: #555 !important;}
.bg-666 {background-color: #666 !important;}
.bg-777 {background-color: #777 !important;}
.bg-888 {background-color: #888 !important;}
.bg-999 {background-color: #999 !important;}
.bg-aaa {background-color: #aaa !important;}
.bg-bbb {background-color: #bbb !important;}
.bg-ccc {background-color: #ccc !important;}
.bg-ddd {background-color: #ddd !important;}
.bg-eee {background-color: #eee !important;}
.bg-fff {background-color: #fff !important;}

/* 特色 背景色 */
/* 明赤 bright */
.bg-red-b {background-color: #ff4444 !important;}
/* 明赤6 bright */
.bg-red-b-600 {background-color: #ff4444 !important;}
/* 鉄青 bright */
.bg-steelblue-b, .bg-sb-b {background-color: #3399ff !important;}
/* 鉄青6 bright */
.bg-steelblue-b-600, .bg-sb-b-600 {background-color: #3399ff !important;}
/* 緑 bright */
.bg-green-b {background-color: greenyellow !important;}
/* 緑6 bright */
.bg-green-b-600 {background-color: greenyellow !important;}



/* ==================== ハイライト ==================== */
/* ハイライト青 */
.hl-blue {
  margin: 0 -.05em; /* 間隔調整 */
  padding: 0 0.15em; /* 下線拡張 */
  background-image: linear-gradient(rgba(255,255,255,0) 40%, #99ffff 72%, rgba(255, 255, 255, 0) 100% );
}

/* ハイライト緑 */
.hl-green {
  margin: 0 -.05em; /* 間隔調整 */
  padding: 0 0.15em; /* 下線拡張 */
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(153, 255, 0, .6) 72%, rgba(255,255,255,0) 100% );
}
code .hl-green {
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(153, 255, 0, .8) 72%, rgba(255,255,255,0) 100% ) !important;
}
/* ハイライト黃 */
.hl-yellow {
  margin: 0 -.05em; /* 間隔調整 */
  padding: 0 0.15em; /* 下線拡張 */
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(255, 255, 0, .8) 72%, rgba(255,255,255,0) 100% );
}
code .hl-yellow {
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(255, 255, 0, .75) 72%, rgba(255,255,255,0) 100% ) !important;
}
/* ハイライトピンク */
.hl-pink {
  margin: 0 -.05em; /* 間隔調整 */
  padding: 0 0.15em; /* 下線拡張 */
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(255, 51, 153, .4) 72%, rgba(255,255,255,0) 100% );
}
code .hl-pink {
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(255, 51, 153, 1) 72%, rgba(255,255,255,0) 100% ) !important;
}
/* ハイライトオレンジ */
.hl-orange {
  margin: 0 -.05em; /* 間隔調整 */
  padding: 0 0.15em; /* 下線拡張 */
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(255, 165, 0, .8) 72%, rgba(255,255,255,0) 100% );
}
code .hl-orange {
  background-image: linear-gradient(rgba(255,255,255,0) 40%, rgba(255, 165, 0, 1) 72%, rgba(255,255,255,0) 100% ) !important;
}