:root,
.editor-styles-wrapper {
  
  /* color 
  ------------------------------------------------------------------------*/ 
  --colorBlack    : #2B2B2B;
  --colorBlack-2    : #676767;
  --colorBlack-3    : #A6A6A6;
  --colorWhite    : #ffffff;
  --textRed    : #FE271F;
  --textRed-2    : #E7211A;
  --linkBlue    : #002DD1;

  /* font-family 
  ------------------------------------------------------------------------*/ 
  --familyNotoSans: "Noto Sans JP", sans-serif;
  --familyPoppins: "Poppins", sans-serif;
  
  /* font-size clamp : https://min-max-calculator.9elements.com/ 
  ------------------------------------------------------------------------*/
  --fontMax16Min14: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);


  /* z-index　要素の重なり順
  ------------------------------------------------------------------------*/ 

  /* 背景の曲線アニメション, 周囲要素をRingとした場合 */
  --indexRingBottom: 0;
  --indexRingBottom1: 1;
  --indexLine: 2;
  --indexRingTop: 3;
  --indexMostTopText: 4;

  --indexDrawerBg: 8;
  --indexDrawer: 9;
  --indexHeader: 10;
  /* マウスストーカー */
  --indexCursorStalker: 999;

  /* ヘッダー高さ固定 */
  --heightHeaderPC: 72px;
  --heightHeaderSP: 53px;
}