@charset "UTF-8";
:root {
/*
 * ***********************************************************
 * color settings
 * ***********************************************************
*/
  --GRY   : #999;     /* Gray color */
  --LGRY  : #e6e6e6;  /* Light Gray color */
  --DGRY  : #707070;  /* Dark Gray color (text) */
  --WHT   : #fff;
  --LINK  : var(--TXT);  /* Link text color */
  --RED   : #D80929;     /* Required color */
  --LSUB : #B2CAD5;  /* light sub color */
  /* Setting the contents color */
  --CNT   : var(--WHT);
  /* Setting the border color */
  --borderColumnColor: var(--LGRY);
/*
 * ***********************************************************
 * font family
 * ***********************************************************
*/
  --fntBase: 'Noto Sans JP',Meiryo,'Hiragino Kaku Gothic ProN',sans-serif;
/*
 * ***********************************************************
 * radius settings
 * ***********************************************************
*/
 /* radius size */
  --RDFORM: 4px;
  --RDBTN:  8px;
  --RDCOL:  16px;
  --RDIMG:  16px;
 /* forSP */
  --RDBTNSP:  8px;
  --RDCOLSP:  16px;
  --RDIMGSP:  16px;
 /* Ciercle */
  --RDCircle:  50%;
  --RDStetus:  50px;
}

/* earn a badge*/
.m-noticecard__card {background-image: url(../../login/img/badge_notice_back.png);}
/* badge is downgraded*/
.--downgrade .m-noticecard__card {background-image: url(../../login/img/badge_notice_back.png);}
/* badge is downgraded*/
.--downgrade .m-noticecard__card {background-image: unset;}