.anmTwitchy {
  -webkit-animation-name: myanime_twitchy;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-transform-origin: center center;
  animation-name: myanime_twitchy;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
  transform-origin: center center;
}

@-webkit-keyframes myanime_twitchy {
  0% {
    -webkit-transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(40%);
  }
  20% {
    -webkit-transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(40%);
  }
  40% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes myanime_twitchy {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(40%);
  }
  20% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(40%);
  }
  40% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.anmFlow {
  -webkit-animation-name: myanime_flow;
  -webkit-animation-duration: 4s;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-transform-origin: center center;
  animation-name: myanime_flow;
  animation-duration: 4s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
  transform-origin: center center;
}

@-webkit-keyframes myanime_flow {
  0% {
    top: 0;
  }
  70% {
    top: 0;
  }
  100% {
    top: -200%;
  }
}
@keyframes myanime_flow {
  0% {
    top: 0;
  }
  70% {
    top: 0;
  }
  100% {
    top: -200%;
  }
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media all and (min-width: 1026px) {
  /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
  /* ************************ */
  #wrap {
    min-height: 800px;
  }

  /* ************************ */
  /* -------- */
  section.map {
    height: 100%;
  }

  section.map .sctinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1100px;
    height: 720px;
    margin: -360px 0 0 -550px;
  }

  section.map .xbtn {
    position: relative;
    z-index: 1;
  }

  section.map .xbtn a {
    position: absolute;
    right: 50px;
    top: 25px;
    width: 45px;
    height: 45px;
  }

  section.map .xbtn a i {
    position: relative;
    background-image: url(/images/campaign/sumairo-shindan/mrk_dotcross.svg);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  section.map .xbtn a:hover i {
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
  }

  /* -------- */
  section.map h1 {
    width: 660px;
    height: 80px;
    margin: 0 auto 0 auto;
  }

  section.map h1 span {
    background-image: url(/images/campaign/sumairo-shindan/map/txt_title.svg);
  }

  /* -------- */
  section.map .orthant {
    position: relative;
    width: 0;
    height: 540px;
  }

  section.map .orthant .axis {
    position: absolute;
    left: 10px;
    top: 40px;
    width: 950px;
    height: 600px;
  }

  section.map .orthant .axis i {
    background-image: url(/images/campaign/sumairo-shindan/map/l/obj_axis.svg);
  }

  section.map .orthant .legend {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .legend p {
    position: absolute;
    white-space: nowrap;
  }

  section.map .orthant .legend p.typea {
    width: 150px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    font-size: 1.2rem;
    text-align: center;
    background-color: white;
  }

  section.map .orthant .legend p.typeb {
    width: 170px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    font-size: 1.0rem;
    text-align: center;
    background-color: white;
  }

  section.map .orthant .legend p.n1 {
    left: -50px;
    top: 256px;
  }

  section.map .orthant .legend p.n2 {
    left: 438px;
    top: 492px;
  }

  section.map .orthant .legend p.n3 {
    left: -60px;
    top: 496px;
  }

  section.map .orthant .legend p.n4 {
    left: -50px;
    top: -16px;
    background-color: rgba(0, 0, 0, 0);
  }

  section.map .orthant .legend p.n5 {
    left: 936px;
    top: 496px;
    background-color: rgba(0, 0, 0, 0);
  }

  section.map .orthant .positioning {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .avatar figure {
    position: absolute;
    width: 96px;
    height: 180px;
    margin: 30px 0 0 0;
    opacity: 0;
    -webkit-transition-property: opacity,margin;
    transition-property: opacity,margin;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  section.map .orthant .positioning .avatar figure.appear {
    opacity: 1;
    margin: 0 0 0 0;
  }

  section.map .orthant .positioning .avatar figure.n1 {
    left: 158px;
    top: 278px;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r1.png);
  }

  section.map .orthant .positioning .avatar figure.n2 {
    left: 336px;
    top: 230px;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r2.png);
  }

  section.map .orthant .positioning .avatar figure.n3 {
    left: 514px;
    top: 220px;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r3.png);
  }

  section.map .orthant .positioning .avatar figure.n4 {
    left: 660px;
    top: 200px;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r4.png);
  }

  section.map .orthant .positioning .avatar figure.n5 {
    left: 630px;
    top: 14px;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r5.png);
  }

  section.map .orthant .positioning .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .caption p {
    position: absolute;
    width: 270px;
    height: 42px;
    white-space: nowrap;
    text-align: center;
    margin: 30px 0 0 0;
    opacity: 0;
    -webkit-transition-property: opacity,margin;
    transition-property: opacity,margin;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  section.map .orthant .positioning .caption p.appear {
    margin: 0 0 0 0;
    opacity: 1;
  }

  section.map .orthant .positioning .caption p span {
    display: block;
    padding: 0 0 5px 0;
    font-size: 0.82rem;
  }

  section.map .orthant .positioning .caption p.n1 {
    left: 48px;
    top: 450px;
    color: #0066cc;
  }

  section.map .orthant .positioning .caption p.n2 {
    left: 234px;
    top: 412px;
    color: #eac321;
  }

  section.map .orthant .positioning .caption p.n3 {
    left: 404px;
    top: 384px;
    color: #00cccc;
  }

  section.map .orthant .positioning .caption p.n4 {
    left: 736px;
    top: 250px;
    text-align: left;
    color: #ff6600;
  }

  section.map .orthant .positioning .caption p.n5 {
    left: 740px;
    top: 90px;
    text-align: left;
    color: #fb529e;
  }

  /* -------- */
  section.map .more {
    position: relative;
    width: 100%;
    padding: 25px 25px 0 0;
    text-align: right;
  }

  section.map .more .btntype1 {
    width: 330px;
    height: 65px;
    line-height: 57px;
    font-size: 0.88rem;
    text-align: center;
  }

  /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}
@media all and (min-width: 768px) and (max-width: 1025px) {
  /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
  /* ************************ */
  #wrap {
    min-height: 214vw;
  }

  /* ************************ */
  /* -------- */
  section.map {
    overflow: hidden;
  }

  section.map .sctinner {
    width: 100%;
  }

  section.map .xbtn {
    position: relative;
    z-index: 1;
  }

  section.map .xbtn a {
    position: absolute;
    right: 4vw;
    top: 4vw;
    width: 6vw;
    height: 6vw;
  }

  section.map .xbtn a i {
    position: relative;
    background-image: url(/images/campaign/sumairo-shindan/mrk_dotcross.svg);
  }

  /* -------- */
  section.map h1 {
    width: 80vw;
    height: 32vw;
    padding: 16vw 0 0 0;
    margin: 0 auto 0 auto;
  }

  section.map h1 span {
    background-image: url(/images/campaign/sumairo-shindan/map/txt_title.svg);
  }

  /* -------- */
  section.map .orthant {
    position: relative;
    width: 0;
    height: 138vw;
  }

  section.map .orthant .axis {
    position: absolute;
    left: 11vw;
    top: 5vw;
    width: 79vw;
    height: 135vw;
  }

  section.map .orthant .axis i {
    background-image: url(/images/campaign/sumairo-shindan/map/ms/obj_axis.svg);
  }

  section.map .orthant .legend {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .legend p {
    position: absolute;
    white-space: nowrap;
  }

  section.map .orthant .legend p.typea {
    width: 21vw;
    height: 9vw;
    line-height: 9vw;
    border-radius: 9vw;
    font-size: 1.2rem;
    text-align: center;
    background-color: white;
  }

  section.map .orthant .legend p.typeb {
    width: 23vw;
    height: 7vw;
    line-height: 7vw;
    border-radius: 7vw;
    font-size: 0.9rem;
    text-align: center;
    background-color: white;
  }

  section.map .orthant .legend p.n1 {
    left: 5vw;
    top: 65vw;
  }

  section.map .orthant .legend p.n2 {
    left: 43vw;
    top: 132vw;
  }

  section.map .orthant .legend p.n3 {
    left: 6vw;
    top: 133vw;
  }

  section.map .orthant .legend p.n4 {
    left: 6vw;
    top: -3vw;
    background-color: rgba(0, 0, 0, 0);
  }

  section.map .orthant .legend p.n5 {
    left: 70vw;
    top: 126vw;
    background-color: rgba(0, 0, 0, 0);
  }

  section.map .orthant .positioning {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .avatar figure {
    position: absolute;
    width: 18vw;
    height: 37vw;
    margin: 4vw 0 0 0;
    opacity: 0;
    -webkit-transition-property: opacity,margin;
    transition-property: opacity,margin;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  section.map .orthant .positioning .avatar figure.appear {
    margin: 0 0 0 0;
    opacity: 1;
  }

  section.map .orthant .positioning .avatar figure.n1 {
    left: 24vw;
    top: 98vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r1.png);
  }

  section.map .orthant .positioning .avatar figure.n2 {
    left: 38vw;
    top: 77vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r2.png);
  }

  section.map .orthant .positioning .avatar figure.n3 {
    left: 53vw;
    top: 58vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r3.png);
  }

  section.map .orthant .positioning .avatar figure.n4 {
    left: 71vw;
    top: 34vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r4.png);
  }

  section.map .orthant .positioning .avatar figure.n5 {
    left: 66vw;
    top: 3vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r5.png);
  }

  section.map .orthant .positioning .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .caption p {
    position: absolute;
    width: 54vw;
    height: 10vw;
    white-space: nowrap;
    text-align: center;
    margin: 4vw 0 0 0;
    opacity: 0;
    -webkit-transition-property: opacity,margin;
    transition-property: opacity,margin;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  section.map .orthant .positioning .caption p.appear {
    margin: 0 0 0 0;
    opacity: 1;
  }

  section.map .orthant .positioning .caption p span {
    display: block;
    padding: 0 0 1vw 0;
    font-size: 0.9rem;
  }

  section.map .orthant .positioning .caption p.n1 {
    left: 21vw;
    top: 114vw;
    color: #0066cc;
  }

  section.map .orthant .positioning .caption p.n2 {
    left: 42vw;
    top: 92vw;
    color: #eac321;
  }

  section.map .orthant .positioning .caption p.n3 {
    left: 50vw;
    top: 70vw;
    color: #00cccc;
  }

  section.map .orthant .positioning .caption p.n4 {
    left: 11vw;
    top: 46vw;
    text-align: right;
    color: #ff6600;
  }

  section.map .orthant .positioning .caption p.n5 {
    left: 12vw;
    top: 19vw;
    text-align: right;
    color: #fb529e;
  }

  /* -------- */
  section.map .more {
    position: relative;
    width: 100%;
    padding: 17vw 0 0 0;
    text-align: center;
  }

  section.map .more .btntype1 {
    width: 65vw;
    height: 12vw;
    line-height: 11vw;
    font-size: 0.88rem;
    text-align: center;
  }

  /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}
@media all and (max-width: 767px) {
  /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
  /* ************************ */
  #wrap {
    min-height: 214vw;
  }

  /* ************************ */
  /* -------- */
  section.map {
    overflow: hidden;
  }

  section.map .sctinner {
    width: 100%;
  }

  section.map .xbtn {
    position: relative;
    z-index: 1;
  }

  section.map .xbtn a {
    position: absolute;
    right: 4vw;
    top: 4vw;
    width: 6vw;
    height: 6vw;
  }

  section.map .xbtn a i {
    position: relative;
    background-image: url(/images/campaign/sumairo-shindan/mrk_dotcross.svg);
  }

  /* -------- */
  section.map h1 {
    width: 80vw;
    height: 32vw;
    padding: 16vw 0 0 0;
    margin: 0 auto 0 auto;
  }

  section.map h1 span {
    background-image: url(/images/campaign/sumairo-shindan/map/txt_title.svg);
  }

  /* -------- */
  section.map .orthant {
    position: relative;
    width: 0;
    height: 138vw;
  }

  section.map .orthant .axis {
    position: absolute;
    left: 11vw;
    top: 5vw;
    width: 79vw;
    height: 135vw;
  }

  section.map .orthant .axis i {
    background-image: url(/images/campaign/sumairo-shindan/map/ms/obj_axis.svg);
  }

  section.map .orthant .legend {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .legend p {
    position: absolute;
    white-space: nowrap;
  }

  section.map .orthant .legend p.typea {
    width: 21vw;
    height: 9vw;
    line-height: 9vw;
    border-radius: 9vw;
    font-size: 1.2rem;
    text-align: center;
    background-color: white;
  }

  section.map .orthant .legend p.typeb {
    width: 23vw;
    height: 7vw;
    line-height: 7vw;
    border-radius: 7vw;
    font-size: 0.9rem;
    text-align: center;
    background-color: white;
  }

  section.map .orthant .legend p.n1 {
    left: 5vw;
    top: 65vw;
  }

  section.map .orthant .legend p.n2 {
    left: 43vw;
    top: 132vw;
  }

  section.map .orthant .legend p.n3 {
    left: 6vw;
    top: 133vw;
  }

  section.map .orthant .legend p.n4 {
    left: 6vw;
    top: -3vw;
    background-color: rgba(0, 0, 0, 0);
  }

  section.map .orthant .legend p.n5 {
    left: 70vw;
    top: 126vw;
    background-color: rgba(0, 0, 0, 0);
  }

  section.map .orthant .positioning {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .avatar figure {
    position: absolute;
    width: 18vw;
    height: 37vw;
    margin: 4vw 0 0 0;
    opacity: 0;
    -webkit-transition-property: opacity,margin;
    transition-property: opacity,margin;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  section.map .orthant .positioning .avatar figure.appear {
    margin: 0 0 0 0;
    opacity: 1;
  }

  section.map .orthant .positioning .avatar figure.n1 {
    left: 24vw;
    top: 98vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r1.png);
  }

  section.map .orthant .positioning .avatar figure.n2 {
    left: 38vw;
    top: 77vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r2.png);
  }

  section.map .orthant .positioning .avatar figure.n3 {
    left: 53vw;
    top: 58vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r3.png);
  }

  section.map .orthant .positioning .avatar figure.n4 {
    left: 71vw;
    top: 34vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r4.png);
  }

  section.map .orthant .positioning .avatar figure.n5 {
    left: 66vw;
    top: 3vw;
    background-image: url(/images/campaign/sumairo-shindan/fig_avatar_r5.png);
  }

  section.map .orthant .positioning .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
  }

  section.map .orthant .positioning .caption p {
    position: absolute;
    width: 54vw;
    height: 10vw;
    white-space: nowrap;
    text-align: center;
    margin: 4vw 0 0 0;
    opacity: 0;
    -webkit-transition-property: opacity,margin;
    transition-property: opacity,margin;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  section.map .orthant .positioning .caption p.appear {
    margin: 0 0 0 0;
    opacity: 1;
  }

  section.map .orthant .positioning .caption p span {
    display: block;
    padding: 0 0 1vw 0;
    font-size: 0.9rem;
  }

  section.map .orthant .positioning .caption p.n1 {
    left: 21vw;
    top: 114vw;
    color: #0066cc;
  }

  section.map .orthant .positioning .caption p.n2 {
    left: 42vw;
    top: 92vw;
    color: #eac321;
  }

  section.map .orthant .positioning .caption p.n3 {
    left: 50vw;
    top: 70vw;
    color: #00cccc;
  }

  section.map .orthant .positioning .caption p.n4 {
    left: 11vw;
    top: 46vw;
    text-align: right;
    color: #ff6600;
  }

  section.map .orthant .positioning .caption p.n5 {
    left: 12vw;
    top: 19vw;
    text-align: right;
    color: #fb529e;
  }

  /* -------- */
  section.map .more {
    position: relative;
    width: 100%;
    padding: 17vw 0 0 0;
    text-align: center;
  }

  section.map .more .btntype1 {
    width: 65vw;
    height: 12vw;
    line-height: 11vw;
    font-size: 0.88rem;
    text-align: center;
  }

  /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}
/* End of media query */
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*# sourceMappingURL=each_map.css.map */