/*--------------------

      背景色

---------------------*/
.u-bg-black{
  background: #000000;
}
.u-bg-blue{
  background: #0283C4;
}
.u-bg-skyblue{
  background: #CFF5FF;
}
.u-bg-orange{
  background: #EC8D0F;
}
.u-bg-white{
  background: #FFFFFF;
}
.u-bg-yellow{
  background:#ffff00;
}
.u-bg-darkblue{
  background: #303AB1;
}
.u-bg-gray{
  background: #F5F5F5;
}
.u-bg-green{
  background: #00BDD3;
}
.u-bg-begu-green{
  background: #F2F7CF;
}
.u-bg-key{
  background-image: url(../image/key_bg.jpg);
  background-size: cover;
}

/*----------------------

      文字サイズ

------------------------*/

.u-normal-sen{
  font-size: 2.0rem;
}
.u-big-sen{
  font-size: 3.2rem;
}
.u-small-sen{
  font-size: 1.4rem;
}

/*--------------------

      文字色

------------------------*/
.u-c-red{
  color: red;
}
.u-c-blue{
  color:#223A70;
}
.u-c-green{
  color:#089779;
}
.u-c-black{
  color: #070606;
}
.u-c-orange{
  color:#F29600;
}
.u-c-white{
  color:#FFFFFF ;
}
.u-c-yellow{
  color: #E7F707;
}
.u-c-darkblue{
  color: #303AB1;
}
.u-c-tonmana{
  color:#1B224C;
}
.u-c-skygreen{
  color: #00ACBA;
}

/*--------------------------

        文字の太さ

--------------------------*/
.u-fw-normal{
  font-weight: normal;
}
.u-fw-bold{
  font-weight: bold;
}

/*------------------------------

    文書内のマーカー

---------------------------------*/

.u-marker{
  background:linear-gradient(transparent 70%, #ff6 60%);
}

/* 下線 */
.u-underline{
  text-decoration: underline;
}

/*------------------------------

    縁取り

---------------------------------*/

.u-edging{
  color: #000;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.u-edging_second{
  /* color: #000; */
  text-shadow:6px 6px 0 #FFF, -6px -6px 0 #FFF,
              -6px 6px 0 #FFF, 6px -6px 0 #FFF,
              0px 6px 0 #FFF,  0 -6px 0 #FFF,
              -6px 0 0 #FFF, 6px 0 0 #FFF;

}

/*------------------------------

  文字の上に強調する点を装飾

---------------------------------*/

.u-dots span {
  position: relative; /* 基準値とする */
}
.u-dots span::before {
  content: "・";       /* 文字の上に置くものを指定 */
  position: absolute; /* 相対位置とする */
  top: -0.8em;
  left: 8px;            /* 横方向の表示位置を調整 */
  color:#FFFFFF;
}