.baseBox {
 /* --- 親BOXの定義 --------------------------------------------*/
  display       : inline-block;         /* インラインブロック化 */
  position      : relative;             /* 親要素               */
  overflow      : hidden;               /* はみ出しは非表示     */
  margin        : 0 auto;               /* BOXの位置(中央寄せ)  */
                /* BOXの横幅            */
                 /* BOXの高さ            */
               /* BOXの背景色          */
}

 /* --- 前面文字の定義 -----------------------------------------*/
.baseBox .frontStr {
  display       : inline-block;         /* インラインブロック化 */
  position      : absolute;             /* 親要素からの相対位置 */
                  /* BOX内の余白          */
        /* BOXの枠線            */
  font-size     : 18pt;                 /* 前景文字のサイズ     */
  font-weight   : bold;                 /* 太字                 */
  top           : 0;                    /* 親要素にサイズにする */
  left          : 0;
  right         : 0;
  bottom        : 0;
}
 /* --- 背景透かし文字の定義 -----------------------------------*/
.baseBox .backStr {
  position      : absolute;             /* 親要素からの相対位置 */
  display       : inline-block;         /* インラインブロック化 */
  white-space   : nowrap;               /* 折り返ししない       */
  font-size     : 25pt;                 /* 背景透かし文字サイズ */
  font-weight   : bold;                 /* 太字                 */
  color         : rgba(102, 102, 255, 0.50); /* 背景透かし文字色     */
                                        /* 中心寄せ＆角度       */
  top           : 50%;
  left          : 50%;
  transform     : translate(-50%, -50%)
                  rotate(315deg);
}