/* ========================================
   略語辞書
======================================== */

/*

back = background
bord = border
colr = color
disp = display
font = font-size
heig = height
line = line-height
marg = margin
padd = padding
posi = position
radi = border-radius
widt = width
fwgt = font-weight

*/

/* ========================================
 * root.css
 * CSS変数定義
 * ======================================== */

/* ========================================
 * padding
 * ======================================== */

/* 余白 上0 右0 下0 左0 */
:root { --padd-1: 0px; }

/* 余白 上10 右10 下10 左10 */
:root { --padd-2: 10px; }

/* 余白 上5 右10 下5 左10 */
:root { --padd-3: 5px 10px; }

/* 余白 上5 右5 下5 左5 */
:root { --padd-4: 5px; }

/* 余白 上5 右5 下5 左5（モバイル用） */
:root { --padd-5: 5px; }

/* 見出し上の余白（本文内セクション間隔用） */
:root { --padd-6: 30px; }

/* ========================================
 * color
 * ======================================== */

/* メイン色 */
:root { --colr-1: #2e8bc0 ; }

/* サブ色 */
:root { --colr-2: #ffffff; }

/* ホバー色 */
:root { --colr-3: #e8792e ; }

/* ホバー色（半透明） */
:root { --colr-4: rgba(232, 121, 46, 0.5); }

/* メイン色（薄背景用） */
:root { --colr-5: rgba(46, 139, 192, 0.08); }

/* メイン色（区切り線用・少し濃いめ） */
:root { --colr-6: rgba(46, 139, 192, 0.25); }

/* 3つのポイント：3番目のラベル色（緑） */
:root { --colr-7: #2ec03e; }


/* ========================================
 * width
 * ======================================== */

/* 幅 */
:root { --widt-1: 1000px; }

/* ========================================
 * height
 * ======================================== */

/* 高さ */
:root { --hght-1: 300px; }

/* ========================================
 * display
 * ======================================== */

/* ブロック */
:root { --disp-1: block; }

/* ========================================
 * margin
 * ======================================== */

/* 中央寄せ */
:root { --marg-1: 0 auto; }

/* 上下10pxの余白 */
:root { --marg-2: 10px; }

/* ========================================
 * border-radius
 * ======================================== */

/* 角丸 */
:root { --radi-1: 3px; }

/* 記事ページ用：角丸10px（3つのポイント・SNSの反応で使用） */
:root { --radi-2: 10px; }

/* ========================================
 * font-size
 * ======================================== */

/* 小文字 */
:root { --font-1: 12px; }

/* 標準 */
:root { --font-2: 14px; }

/* 中文字 */
:root { --font-3: 16px; }

/* 大文字 */
:root { --font-4: 18px; }

/* 特大文字 */
:root { --font-5: 24px; }

/* ========================================
 * font-weight
 * ======================================== */

/* 太文字 */
:root { --fwgt-1: bold; }