.navMenu {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  background-color: rgba(168, 27, 42, 0.9);
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  z-index: 3;
}

.navMenu.active {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
}

/* タイトル */
.navMenu .menuTitle {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.083vw;
  border-bottom: 8px solid #fff;
  padding: 0 0 1.667vw 0;
  position: absolute;
  top: 2.667vw;
  left: 5vw;
}
.navMenu .menuTitle a {
  color: #fff;
}

/* メニュー */
.navMenu ul {
  position: absolute;
  right: 13.3vw;
  top: 10.83vw;
  width: auto;
  text-align: left;
}

.navMenu ul li {
  padding: 1.6667vw 0 1.6667vw 1.6667vw;
  font-size: 2vw;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
}

.navMenu ul li a {
  display: block;
  color: #fff;
}

.navMenu ul li ul {
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  visibility: hidden;
  opacity: 0;
  font-size: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.navMenu ul li span {
  padding: 0 10px;
  cursor: pointer;
}
.navMenu ul li:hover span {
  font-size: 0;
}
.navMenu ul li:hover span::before {
  content: "ー";
  font-size: 2vw;
}
.navMenu ul li ul li {
  padding: 0.4vw 0.2vw 0.4vw 0;
  margin-right: 1vw;
  font-size: 1.5vw;
}
.navMenu ul li:hover ul {
  top: 2vw;
  padding-top: 0.5vw;
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

/* Copyright */
.navMenu .menuCopyright {
  position: absolute;
  /* right: 13.3vw; */
  /* bottom: 4.83vw; */
  top: 8.5vw;
  left: 5vw;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 1vw;
}

/* メニューボタン */
.toggle {
  display: block;
  position: absolute;
  right: 2.16vw;
  top: 3.085vw;
  width: 4vw;
  height: 2.15vw;
  cursor: pointer;
  z-index: 3;
}

.toggle span {
  display: block;
  position: absolute;
  width: 4vw;
  border-bottom: solid 0.25vw #a2001a;
  transition: 0.35s ease-in-out;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  -ms-transition: 0.35s ease-in-out;
}

.toggle span:nth-child(1) {
  top: 0vw;
}

.toggle span:nth-child(2) {
  top: 0.95vw;
}

.toggle span:nth-child(3) {
  top: 1.9vw;
}

.toggle.active span:nth-child(1) {
  top: 0.95vw;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  border-bottom: solid 0.25vw #fff;
}

.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
  top: 0.95vw;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  border-bottom: solid 0.25vw #fff;
}

/* メニューボタン（固定表示用） */
.toggleFixed {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 4vw;
  height: 2.15vw;
  cursor: pointer;
  z-index: 3;
  background-color: rgba(168, 27, 42, 1);
  padding: 3.085vw 2.16vw;
}

.toggleFixed span {
  display: block;
  position: absolute;
  width: 4vw;
  border-bottom: solid 0.25vw #fff;
  transition: 0.35s ease-in-out;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  -ms-transition: 0.35s ease-in-out;
}

.toggleFixed span:nth-child(1) {
  top: 3.085vw;
}

.toggleFixed span:nth-child(2) {
  top: 4.035vw;
}

.toggleFixed span:nth-child(3) {
  top: 4.985vw;
}

.toggleFixed.active span:nth-child(1) {
  top: 4.035vw;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
  border-bottom: solid 0.25vw #fff;
}

.toggleFixed.active span:nth-child(2),
.toggleFixed.active span:nth-child(3) {
  top: 4.035vw;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg);
  border-bottom: solid 0.25vw #fff;
}

.toggleFixed:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/* ----------------------------------------------------------------------- */
/* 768px 以下の画面*/
/* ----------------------------------------------------------------------- */
@media (max-width: 768px) {
  .navMenu ul {
    margin-top: 14.5333vw;
  }

  .navMenu ul li {
    padding: 1.6667vw 13.34vw 1.6667vw 1.6667vw;
    font-size: 5vw;
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .navMenu ul li a {
    display: block;
    color: #fff;
  }

  .navMenu ul li ul {
    margin-top: 0;
    display: block;
  }

  .navMenu ul li ul li {
    font-size: 4vw;
    padding: 0;
    margin: 1.5vw 0;
  }

  .navMenu.active {
    transform: translateY(0%);
  }

  /* タイトル */
  .navMenu .menuTitle {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3.4667vw;
    border-bottom: 1vw solid #fff;
    padding: 0 0 2.6667vw 0;
    position: absolute;
    top: 6.1333vw;
    left: 5.333vw;
  }

  .toggle {
    right: 5.6vw;
    top: 6.53vw;
    width: 6.4vw;
    height: 3.46vw;
  }

  .toggle span {
    width: 6.4vw;
    border-bottom: solid 0.4vw #a2001a;
  }

  .toggle span:nth-child(1) {
    top: 0;
  }

  .toggle span:nth-child(2) {
    top: 1.53vw;
  }

  .toggle span:nth-child(3) {
    top: 3.06vw;
  }

  .toggle.active span:nth-child(1) {
    top: 1.53vw;
    border-bottom: solid 0.4vw #fff;
  }

  .toggle.active span:nth-child(2),
  .toggle.active span:nth-child(3) {
    top: 1.53vw;
    border-bottom: solid 0.4vw #fff;
  }

  .toggleFixed {
    display: none;
    position: fixed;
    right: 4.15vw;
    top: 3.61vw;
    width: 6.4vw;
    height: 3.46vw;
    padding: 2.92vw 1.45vw;
    cursor: pointer;
    z-index: 3;
    background-color: rgba(168, 27, 42, 1);
    opacity: 1;
  }
  .toggleFixed:hover {
    opacity: 1;
  }

  .toggleFixed span {
    display: block;
    position: absolute;
    width: 6.4vw;
    border-bottom: solid 0.4vw #fff;
  }

  .toggleFixed span:nth-child(1) {
    top: 2.92vw;
  }

  .toggleFixed span:nth-child(2) {
    top: 4.45vw;
  }

  .toggleFixed span:nth-child(3) {
    top: 5.98vw;
  }

  .toggleFixed.active span:nth-child(1) {
    top: 4.45vw;
    border-bottom: solid 0.4vw #fff;
  }

  .toggleFixed.active span:nth-child(2),
  .toggleFixed.active span:nth-child(3) {
    top: 4.45vw;
    border-bottom: solid 0.4vw #fff;
  }

  /* Copyright */
  .navMenu .menuCopyright {
    position: absolute;
    right: 0;
    bottom: 4.83vw;
    top: auto;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2vw;
  }
}

@media print {
  .navMenu {
    display: none;
  }
  .toggleFixed {
    display: none;
  }
  .photoTohokuLeadersR {
    width: 100%;
  }
  .photoTohokuLeadersL {
    width: 100%;
  }
}