/* メインイメージ */
#slider {
  width: 100%;
  height: 90vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}


/* メインイメージの高さ分スクロールしたらMENU色変更 */
#nav-toggle div {
  height: inherit;
  background: none;
  transition: background 500ms;
}
#nav-toggle span {
  transition: 1.0s;
  background: white;
}
#nav-toggle p {
  transition: 1.0s;
  color: #fff;
}
#nav-toggle .scrolled span {
  background: #000;
}
#nav-toggle .scrolled p {
  color: #000;
}
/* サブメニュー用の装飾 */
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";
  color: #fff;
}

ul.nav-dropdown li a{
	margin-left: 1em;
}


/* メインイメージ内のコピーを１文字ずつ表示 */
p.one-by-one {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 3.5vw;
}

@media only screen and (max-width: 480px) {
	p.one-by-one {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 5.5vw;
}
}
p.one-by-one span {
  opacity: 0;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
}
p.copy1 {
  top: 35%;
}
p.copy2 {
  top: 50%;
}

@media only screen and (max-width: 480px) {
p.copy1 {
  top: 36%;
}
p.copy2 {
  top: 46%;
}
}