@charset "utf-8";


/*************************************************/
/*                                               */
/*                 単階層メニュー                */
/*                                               */
/*************************************************/

/* メニュー内のレイアウト */
#navMenu {
  position: absolute;
  width:100%;
  top: 300px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: right;
  /*line-height: 60px;*/
  letter-spacing: 0.25em;
}

/*メニュー内のレイアウト タブレット縦用 */
@media screen and (min-width:768px) and ( max-width:1000px) {

  #navMenu {
    top: 420px;
  }
}


/* 文字のサイズ、色、太さ、フォント */
#navMenu li a {
  font-size: 2rem;
  color: white;
  font-weight: normal;
  font-family: 'arial', sans-serif;
  text-decoration: none;
}

/* マスクの色と濃さ */
/* circle効果の場合は透明にする */
nav {
  background-color: rgba(51, 51, 51, 1);
}