/* MediaQuery */

/* Color */

/* top */

.top-top .top-top-cd {
  background: #ea1017;
  color: #000;
  width: 150px;
  position: absolute;
  right: 0;
  bottom: 26px;
  padding: 5px 24px 5px 16px;
  z-index: 1;
}

.top-top .top-top-cd:before,
.top-top .top-top-cd:after {
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  content: "";
}

.top-top .top-top-cd:before {
  border-bottom: solid 7.82px #ea1017;
  border-left: solid 7.82px transparent;
  bottom: 100%;
}

.top-top .top-top-cd:after {
  border-top: solid 7.82px #ea1017;
  border-left: solid 7.82px transparent;
  top: 100%;
}

.top-top .top-top-cd hr {
  height: 1px;
  background-color: #000;
  margin: 10px 0;
}

.top-top .top-top-cd .top-top-cd-jacket {
  width: 110px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cd {
    display: none;
  }
}

.top-top .top-top-slider {
  opacity: 0;
}

.top-top .top-top-slider.slick-initialized {
  opacity: 1;
}

.top-top .top-top-kv {
  position: relative;
  max-width: 1920px;
  min-width: 1200px;
  width: 100%;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_bg_01.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv {
    max-width: 750px;
    min-width: 0;
    max-height: 1303px;
    height: auto;
    width: 100%;
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_kv_es.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.top-top .top-top-kv-s2.slick-current {
  height: 845px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-s2.slick-current {
    height: auto;
  }
}

.top-top .top-top-kv-chara.slick-current {
  height: 845px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara.slick-current {
    height: auto;
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-01 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_001.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-02 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_002.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-03 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_003.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-04 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_004.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-05 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_005.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-06 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_006.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-07 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_007.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-08 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_008.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-09 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_009.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-chara-10 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_bb_010.jpg");
  }
}

.top-top .top-top-kv .top-top-kv-parallax {
  position: absolute;
  width: 100vw !important;
  max-width: 1920px;
  min-width: 1200px;
  height: 900px;
  z-index: 1;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-kv-parallax {
    height: 173vw;
    max-height: 1303px;
    min-width: auto;
  }
}

.top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera01 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_kakera_001.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -54px;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera01 {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_kv_kakera.png");
    top: 0;
  }
}

.top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
  position: absolute;
  width: 75px;
  height: 42px;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_kakera_02.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50px;
  left: 33vw;
  z-index: 2;
}

@media only screen and (min-width: 1920px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
    left: 660px;
  }
}

@media only screen and (max-width: 1700px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
    left: 32vw;
  }
}

@media only screen and (max-width: 1500px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
    left: 30vw;
  }
}

@media only screen and (max-width: 1400px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
    left: 28vw;
  }
}

@media only screen and (max-width: 1300px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
    left: 26vw;
  }
}

@media only screen and (max-width: 1200px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
    left: 304px;
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera02 {
    display: none;
  }
}

.top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera-chara {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_kakera_002.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -54px;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-kakera-chara {
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_kv_kakera.png");
    top: 0;
  }
}

.top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-effect {
  position: absolute;
  width: 100%;
  height: 845px;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_bg_effect.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  z-index: -2;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-kv-parallax .top-top-kv-parallax-effect {
    height: 100%;
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_kv_effect.png");
    top: 0;
  }
}

.top-top .top-top-kv-s1 {
  height: 833px;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_kv.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv-s1 {
    height: auto;
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_kv.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
}

.top-top .top-top-kv .top-top-main-s2 {
  position: relative;
  width: 1200px;
  height: 100%;
  margin: auto;
  overflow: hidden;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 {
    max-width: 750px;
    min-width: 0;
    max-height: 1303px;
    height: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-head {
    position: absolute;
    margin: 7.6vw 0 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
  }

  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-head a img {
    width: 35vw;
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv {
  position: absolute;
  top: 47px;
  left: 47px;
  z-index: 2;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv {
    width: 32vw;
    left: 0;
    top: auto;
    bottom: 12.8vw;
    z-index: 3;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv.unreleased {
  opacity: 0.6;
  pointer-events: none;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv svg {
  position: absolute;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv svg a path {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv svg a:hover path {
  fill: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv svg a.mask {
  pointer-events: none;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-pv picture.mask img {
  opacity: 0.5;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-bb {
  position: absolute;
  width: 100%;
  height: 100%;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-bb .top-top-main-s2-bb-text {
  position: absolute;
  margin: 0;
  top: 130px;
  left: 579px;
  z-index: 2;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual svg {
  position: absolute;
  margin: auto;
  overflow: hidden;
  top: 0;
  z-index: 1;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual svg {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual svg a {
  cursor: pointer;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual svg a path {
  fill: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual svg a:hover path {
  fill: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara a {
  position: relative;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara a::before {
    display: none;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara a:hover img {
  opacity: 1;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara a:hover::before {
  opacity: 0.3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-01 {
  left: 455px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-01 {
    width: 43.4vw;
    left: 26vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-01 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_01.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-01 a img {
  height: 410px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-01 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-02 {
  left: 348px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-02 {
    width: 59.4vw;
    height: auto;
    left: 18vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-02 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_02.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-02 a img {
  height: 415px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-02 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-03 {
  left: 398px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-03 {
    width: 52vw;
    left: 24.8vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-03 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_03.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-03 a img {
  height: 436px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-03 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-04 {
  left: 457px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-04 {
    width: 35.2vw;
    left: 31.3vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-04 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_04.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-04 a img {
  height: 411px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-04 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-05 {
  left: 420px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-05 {
    width: 59.7vw;
    left: 20vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-05 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_05.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-05 a img {
  height: 430px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-05 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-06 {
  left: 453px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-06 {
    width: 36.1vw;
    left: 32vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-06 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_06.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-06 a img {
  height: 419px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-06 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-07 {
  left: 457px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-07 {
    width: 51.4vw;
    left: 29.6vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-07 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_07.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-07 a img {
  height: 436px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-07 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-08 {
  left: 481px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-08 {
    width: 38.8vw;
    left: 30.6vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-08 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_08.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-08 a img {
  height: 369px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-08 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-09 {
  left: 435px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-09 {
    width: 42.5vw;
    left: 30.5vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-09 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_09.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-09 a img {
  height: 420px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-09 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-10 {
  left: 408px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-10 {
    width: 48vw;
    left: 26.6vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-10 a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_top_kv_hover_10.png");
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-10 a img {
  height: 421px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-visual .top-top-main-s2-chara-10 a img {
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-judge {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 2;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-judge {
    bottom: -2px;
    right: 2vw;
  }
}

.top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-judge a img {
  width: 241px;
  height: auto;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main-s2 .top-top-main-s2-judge a img {
    width: 34vw;
  }
}

@-webkit-keyframes floating-kakera {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes floating-kakera {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes floating-es {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes floating-es {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes floating-bb {
  0% {
    -webkit-transform: translate(7px, 4px) rotate(2deg) scale(1);
            transform: translate(7px, 4px) rotate(2deg) scale(1);
  }

  50% {
    -webkit-transform: translate(-7px, -4px) rotate(-2deg) scale(1);
            transform: translate(-7px, -4px) rotate(-2deg) scale(1);
  }

  100% {
    -webkit-transform: translate(7px, 4px) rotate(2deg) scale(1);
            transform: translate(7px, 4px) rotate(2deg) scale(1);
  }
}

@keyframes floating-bb {
  0% {
    -webkit-transform: translate(7px, 4px) rotate(2deg) scale(1);
            transform: translate(7px, 4px) rotate(2deg) scale(1);
  }

  50% {
    -webkit-transform: translate(-7px, -4px) rotate(-2deg) scale(1);
            transform: translate(-7px, -4px) rotate(-2deg) scale(1);
  }

  100% {
    -webkit-transform: translate(7px, 4px) rotate(2deg) scale(1);
            transform: translate(7px, 4px) rotate(2deg) scale(1);
  }
}

.top-top .top-top-kv .top-top-main {
  width: 1200px;
  height: 833px;
  margin: auto;
  overflow: hidden;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
  }
}

.top-top .top-top-kv .top-top-main .top-top-kv-mask {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-top .top-top-kv .top-top-main .top-top-kv-mask img {
  position: absolute;
  z-index: 100;
}

.top-top .top-top-kv .top-top-main .top-top-kv-mask.shidou img {
  margin: 397px 0 0 615px;
}

.top-top .top-top-kv .top-top-main .top-top-kv-mask.haruka img {
  margin: 529px 0 0 490px;
}

.top-top .top-top-kv .top-top-main .top-top-kv-mask.es img {
  display: block;
  width: 100%;
  height: auto;
}

.top-top .top-top-kv .top-top-main .top-top-kv-btn {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-top .top-top-kv .top-top-main .top-top-kv-btn svg {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-top .top-top-kv .top-top-main .top-top-kv-btn a img {
  position: absolute;
  z-index: 150;
}

.top-top .top-top-kv .top-top-main .top-top-kv-btn.app img {
  margin: 722px 0 0 42px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main .top-top-kv-btn.app img {
    margin: 0;
  }
}

.top-top .top-top-kv .top-top-main .top-top-kv-btn.judge img {
  margin: 712px 0 0 500px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main .top-top-kv-btn.judge img {
    margin: 0;
    height: 25vw;
    width: auto;
    right: 0;
    bottom: 0;
  }
}

.top-top .top-top-kv .top-top-main .top-top-kv-thumb {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 50;
}

.top-top .top-top-kv .top-top-main .top-top-kv-thumb span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 246px;
  height: 138px;
  -webkit-clip-path: polygon(6% 0, 94% 0, 100% 12%, 100% 88%, 94% 100%, 6% 100%, 0% 88%, 0% 12%);
  clip-path: polygon(6% 0, 94% 0, 100% 12%, 100% 88%, 94% 100%, 6% 100%, 0% 88%, 0% 12%);
  margin: 442px 0 0 478px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main .top-top-kv-thumb span {
    width: 32vw;
    height: auto;
    margin: 136vw 0 0 32.5vw;
  }
}

.top-top .top-top-kv .top-top-main .top-top-kv-thumb span::before {
  display: block;
  position: absolute;
  content: "";
  width: 246px;
  height: 138px;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_kv_icon.png");
  background-position: 112px 45px;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  z-index: 99;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main .top-top-kv-thumb span::before {
    width: 32vw;
    height: 18vw;
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_kv_icon.png");
    background-position: center;
    background-size: 6vw auto;
  }
}

.top-top .top-top-kv .top-top-main .top-top-kv-svg {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 100;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-kv .top-top-main .top-top-kv-svg {
    position: absolute;
  }
}

.top-top .top-top-kv .top-top-main .top-top-kv-svg svg a {
  pointer-events: none;
}

.top-top .top-top-kv .top-top-main .top-top-kv-svg svg a path {
  fill: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 750px) {
  .top-top .top-top-kv .top-top-main .top-top-kv-svg svg a path {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
}

@media only screen and (min-width: 750px) {
  .top-top .top-top-kv .top-top-main .top-top-kv-svg svg a:hover path {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    fill: rgba(0, 0, 0, 0.3);
  }
}

.top-top .top-top-kv .top-top-main .top-top-kv-svg svg a.popup-youtube {
  cursor: pointer;
  pointer-events: initial;
}

.top-top .top-top-tv {
  max-width: 1920px;
  min-width: 1200px;
  height: 833px;
  width: 100%;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_tv.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-tv {
    max-width: 750px;
    min-width: 0;
    max-height: 1303px;
    height: auto;
    width: 100%;
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_tv.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
}

.top-top .top-top-tv .top-top-main {
  width: 1200px;
  height: 833px;
  margin: auto;
  overflow: hidden;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-tv .top-top-main {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
  }
}

.top-top .top-top-tv .top-top-main .top-top-tv-btn {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-top .top-top-tv .top-top-main .top-top-tv-btn svg {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-top .top-top-tv .top-top-main .top-top-tv-btn a img {
  position: absolute;
  z-index: 150;
}

.top-top .top-top-tv .top-top-main .top-top-tv-btn.app img {
  margin: 722px 0 0 42px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-tv .top-top-main .top-top-tv-btn.app img {
    margin: 0;
  }
}

.top-top .top-top-tv .top-top-main .top-top-tv-btn.judge img {
  margin: 714px 0 0 500px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-tv .top-top-main .top-top-tv-btn.judge img {
    margin: 0;
    height: 25vw;
    width: auto;
    right: 0;
    bottom: 0;
  }
}

.top-top .top-top-cv {
  max-width: 1920px;
  min-width: 1200px;
  height: 833px;
  width: 100%;
  background-position: top center;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv {
    max-width: 750px;
    min-width: 0;
    max-height: 1303px;
    overflow: hidden;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

.top-top .top-top-cv > div {
  width: 1200px;
  height: 833px;
  margin: auto;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv > div {
    width: auto;
    height: auto;
  }
}

.top-top .top-top-cv > div .top-top-cv-btn {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-top .top-top-cv > div .top-top-cv-btn svg {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-top .top-top-cv > div .top-top-cv-btn a img {
  position: absolute;
  z-index: 150;
}

.top-top .top-top-cv > div .top-top-cv-btn.app img {
  margin: 766px 0 0 33px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv > div .top-top-cv-btn.app img {
    margin: auto;
  }
}

.top-top .top-top-cv > div .top-top-cv-btn.more img {
  margin: 773px 0 0 1062px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv > div .top-top-cv-btn.more img {
    margin: 161vw 0 0 4vw;
    height: 5.5vw;
    width: auto;
  }
}

.top-top .top-top-cv > div .top-top-cv-btn.judge img {
  margin: 662px 0 0 500px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv > div .top-top-cv-btn.judge img {
    margin: 0;
    height: 25vw;
    width: auto;
    right: 0;
    bottom: 0;
  }
}

.top-top .top-top-cv > div .top-top-cv-thumb {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 50;
}

.top-top .top-top-cv > div .top-top-cv-thumb a {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 246px;
  height: 138px;
  -webkit-clip-path: polygon(6% 0, 94% 0, 100% 12%, 100% 88%, 94% 100%, 6% 100%, 0% 88%, 0% 12%);
  clip-path: polygon(6% 0, 94% 0, 100% 12%, 100% 88%, 94% 100%, 6% 100%, 0% 88%, 0% 12%);
  margin: 614px 0 0 33px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv > div .top-top-cv-thumb a {
    width: 32vw;
    height: auto;
    margin: 141vw 0 0 4vw;
  }
}

.top-top .top-top-cv > div .top-top-cv-thumb a::before {
  display: block;
  position: absolute;
  content: "";
  width: 246px;
  height: 138px;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_kv_icon.png");
  background-position: 112px 45px;
  background-repeat: no-repeat;
  z-index: 99;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv > div .top-top-cv-thumb a::before {
    width: 32vw;
    height: 8vw;
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_kv_icon.png");
    background-position: center;
    background-size: 6vw auto;
  }
}

.top-top .top-top-cv > div .top-top-cv-thumb a.mask {
  pointer-events: none;
}

.top-top .top-top-cv > div .top-top-cv-thumb a.mask::after {
  display: block;
  position: absolute;
  content: "";
  width: 246px;
  height: 138px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 99;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv > div .top-top-cv-thumb a.mask::after {
    width: 38vw;
    height: 19vw;
    background-position: center;
    background-size: contain;
  }
}

.top-top .top-top-cv-01 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_01.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-01 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_01.jpg");
  }
}

.top-top .top-top-cv-01 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_01.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-01 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_01.png");
  }
}

.top-top .top-top-cv-01 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_01.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-01 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_01.png");
  }
}

.top-top .top-top-cv-02 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_02.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-02 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_02.jpg");
  }
}

.top-top .top-top-cv-02 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_02.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-02 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_02.png");
  }
}

.top-top .top-top-cv-02 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_02.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-02 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_02.png");
  }
}

.top-top .top-top-cv-03 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_03.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-03 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_03.jpg");
  }
}

.top-top .top-top-cv-03 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_03.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-03 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_03.png");
  }
}

.top-top .top-top-cv-03 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_03.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-03 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_03.png");
  }
}

.top-top .top-top-cv-04 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_04.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-04 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_04.jpg");
  }
}

.top-top .top-top-cv-04 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_04.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-04 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_04.png");
  }
}

.top-top .top-top-cv-04 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_04.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-04 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_04.png");
  }
}

.top-top .top-top-cv-05 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_05.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-05 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_05.jpg");
  }
}

.top-top .top-top-cv-05 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_05.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-05 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_05.png");
  }
}

.top-top .top-top-cv-05 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_05.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-05 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_05.png");
  }
}

.top-top .top-top-cv-06 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_06.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-06 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_06.jpg");
  }
}

.top-top .top-top-cv-06 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_06.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-06 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_06.png");
  }
}

.top-top .top-top-cv-06 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_06.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-06 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_06.png");
  }
}

.top-top .top-top-cv-07 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_07.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-07 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_07.jpg");
  }
}

.top-top .top-top-cv-07 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_07.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-07 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_07.png");
  }
}

.top-top .top-top-cv-07 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_07.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-07 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_07.png");
  }
}

.top-top .top-top-cv-08 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_08.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-08 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_08.jpg");
  }
}

.top-top .top-top-cv-08 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_08.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-08 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_08.png");
  }
}

.top-top .top-top-cv-08 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_08.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-08 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_08.png");
  }
}

.top-top .top-top-cv-09 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_09.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-09 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_09.jpg");
  }
}

.top-top .top-top-cv-09 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_09.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-09 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_09.png");
  }
}

.top-top .top-top-cv-09 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_09.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-09 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_09.png");
  }
}

.top-top .top-top-cv-10 {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_10.jpg");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-10 {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_10.jpg");
  }
}

.top-top .top-top-cv-10 > div .top-top-cv-thumb a::before {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_icon_10.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-10 > div .top-top-cv-thumb a::before {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_icon_10.png");
  }
}

.top-top .top-top-cv-10 > div .top-top-cv-thumb a.mask::after {
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_top_cv_mask_10.png");
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-cv-10 > div .top-top-cv-thumb a.mask::after {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_top_cv_mask_10.png");
  }
}

.top-top .top-top-bn {
  position: fixed;
  left: 0;
  top: min(78.5vh, 780px);
  z-index: 100;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-bn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    top: auto;
    bottom: -12.6vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .top-top .top-top-bn.slideIn {
    bottom: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.top-top .top-top-bn > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-131px);
      -ms-transform: translateX(-131px);
          transform: translateX(-131px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-bn > a {
    width: 46vw;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

.top-top .top-top-bn > a:hover {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-top .top-top-bn > a:hover img {
  opacity: 1;
}

.top-top .top-top-bn > a.top-top-bn-cd {
  height: 156px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-bn > a.top-top-bn-cd {
    position: relative;
    height: auto;
  }

  .top-top .top-top-bn > a.top-top-bn-cd::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10vw;
    background-color: #ea1016;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.top-top .top-top-bn > a.top-top-bn-cd .top-top-bn-left img {
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-bn > a.top-top-bn-cd .top-top-bn-left img {
    width: auto;
    height: auto;
  }
}

.top-top .top-top-bn > a.top-top-bn-cd .top-top-bn-left img.top-top-bn-left-text {
  width: auto;
  height: auto;
}

.top-top .top-top-bn > a.top-top-bn-cd .top-top-bn-label::before {
  height: 136px;
}

.top-top .top-top-bn > a.top-top-bn-app {
  height: 105px;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-bn > a.top-top-bn-app {
    height: auto;
    margin: 0;
  }
}

.top-top .top-top-bn > a.top-top-bn-app .top-top-bn-label::before {
  height: 85px;
}

.top-top .top-top-bn > a img {
  margin: auto;
}

.top-top .top-top-bn > a .top-top-bn-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 130px;
  height: 100%;
  padding-left: 20px;
  background-color: #141414;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-bn > a .top-top-bn-left {
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
  }
}

.top-top .top-top-bn > a .top-top-bn-left .top-top-bn-left-text {
  margin: 8px auto 0;
}

.top-top .top-top-bn > a .top-top-bn-label {
  position: relative;
}

.top-top .top-top-bn > a .top-top-bn-label::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  background-color: #ea1016;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (min-width: 750px) {
  .top-top .top-top-sp-cd {
    display: none;
  }
}

.top-top .top-top-switch {
  background-color: #141414;
  border-bottom: 1px solid #ea1016;
}

.top-top .top-top-switch > a {
  display: block;
  background-color: #9e0c0f;
  border-bottom: 1px solid #141414;
}

.top-top .top-top-switch > a img {
  margin: auto;
}

.top-top .top-top-switch div.top-top-switch-s2 {
  width: 100%;
  border-top: 1px solid #ea1016;
  border-bottom: 1px solid #ea1016;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch div.top-top-switch-s2 {
    position: relative;
    border: none;
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch div.top-top-switch-s2::before {
    content: "";
    position: absolute;
    width: 30vw;
    height: 5.3vw;
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_top_kv_select.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
    top: -5.3vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.top-top .top-top-switch div.top-top-switch-s2 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1200px;
  margin: 0 auto;
  background-color: #141414;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch div.top-top-switch-s2 div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
  }
}

.top-top .top-top-switch div.top-top-switch-s2 div > a {
  cursor: pointer;
  border-left: 1px solid #ea1016;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch div.top-top-switch-s2 div > a {
    border: none;
  }

  .top-top .top-top-switch div.top-top-switch-s2 div > a:hover img {
    opacity: 1;
  }
}

.top-top .top-top-switch ol.top-top-switch-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1200px;
  margin: auto;
  background-color: #141414;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-kv {
    position: relative;
    width: 100%;
    height: 12.6vw;
  }
}

.top-top .top-top-switch ol.top-top-switch-kv li {
  border-left: 1px solid #ea1016;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-kv li {
    position: absolute;
    width: 54vw;
    height: 100%;
    max-width: 405px;
    z-index: 1;
    border: none;
  }
}

.top-top .top-top-switch ol.top-top-switch-kv li:last-child {
  border-right: 1px solid #ea1016;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-kv li:last-child {
    right: 0;
    border: none;
    z-index: 0;
  }
}

.top-top .top-top-switch ol.top-top-switch-kv li a {
  cursor: pointer;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-kv li a:hover img {
    opacity: 1;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 800px;
  margin: auto;
  background-color: #141414;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 {
    width: 100%;
    height: 12.6vw;
    padding: 1vw 0;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% / 10);
  height: 50px;
  border-left: 1px solid #ea1016;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li {
    height: 100%;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li:last-child {
  border-right: 1px solid #ea1016;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li:last-child {
    border-right: none;
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li:first-child {
    border-left: none;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a {
    height: 100%;
    background-color: transparent;
  }

  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a:hover img {
    opacity: 1;
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a img {
    height: 4vw;
    width: auto;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a img.top-top-switch-cv-s2-nam {
  display: block;
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a img.top-top-switch-cv-s2-nam-hover {
  display: none;
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a:hover img.top-top-switch-cv-s2-nam {
  display: none;
  opacity: 0;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a:hover img.top-top-switch-cv-s2-nam {
    display: block;
    opacity: 0.7;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a:hover img.top-top-switch-cv-s2-nam-hover {
  display: block;
  opacity: 1;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a:hover img.top-top-switch-cv-s2-nam-hover {
    display: none;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-1:hover {
  background-color: #0040e8;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-1:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-2:hover {
  background-color: #f97fb5;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-2:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-3:hover {
  background-color: #ea170a;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-3:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-4:hover {
  background-color: #eddb00;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-4:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-5:hover {
  background-color: #655dc6;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-5:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-6:hover {
  background-color: #ffa400;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-6:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-7:hover {
  background-color: #00b2e3;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-7:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-8:hover {
  background-color: #00bbb4;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-8:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-9:hover {
  background-color: #7ba0c4;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-9:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-10:hover {
  background-color: #c911be;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s2 li a.top-top-switch-cv-s2-10:hover {
    background-color: transparent;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1200px;
  margin: auto;
  background-color: #141414;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s1 {
    width: 100%;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% / 10);
  height: 50px;
  border-left: 1px solid #141414;
  background-color: #ea1016;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s1 li {
    height: 12vw;
  }
}

.top-top .top-top-switch ol.top-top-switch-cv-s1 li:last-child {
  border-right: 1px solid #141414;
}

.top-top .top-top-switch ol.top-top-switch-cv-s1 li:hover {
  opacity: 0.7;
}

.top-top .top-top-switch ol.top-top-switch-cv-s1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  cursor: pointer;
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s1 li a {
    height: 12vw;
  }
}

@media only screen and (max-width: 749px) {
  .top-top .top-top-switch ol.top-top-switch-cv-s1 li a img {
    height: 4vw;
    width: auto;
  }
}

/* NEWS & TWITTER */

.top-news-twitter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: -webkit-linear-gradient(top, #ea1016 0%, #ea1016 50px, #141414 50px, #141414 100%);
  background: -o-linear-gradient(top, #ea1016 0%, #ea1016 50px, #141414 50px, #141414 100%);
  background: linear-gradient(180deg, #ea1016 0%, #ea1016 50px, #141414 50px, #141414 100%);
}

@media only screen and (max-width: 749px) {
  .top-news-twitter {
    background: none;
  }
}

.top-news-twitter > div {
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div {
    padding: 0;
  }
}

.top-news-twitter > div:last-child {
  background: #ea1016;
}

.top-news-twitter > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  background-color: #ea1016;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div > div {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 2vw 3vw 2vw 7vw;
  }
}

.top-news-twitter > div > div a {
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div > div a {
    width: 100%;
  }
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div > div a picture img {
    height: 5vw;
  }
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div > div a picture:last-child img {
    width: 4vw;
    height: auto;
  }
}

.top-news-twitter > div ul {
  width: 1200px;
  margin: 5px auto;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div ul {
    width: 100%;
    margin: 0 0 7vw;
    padding: 0 7vw;
  }
}

.top-news-twitter > div ul li {
  padding: 14px 0;
  border-bottom: 1px solid #ea1016;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div ul li {
    padding: 3vw 0;
  }
}

.top-news-twitter > div ul li:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div ul li:last-child {
    border-bottom: 1px solid #ea1016;
  }
}

.top-news-twitter > div ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div ul li dl {
    font-size: 3vw;
  }
}

.top-news-twitter > div ul li dl dt {
  width: 103px;
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div ul li dl dt {
    width: 17vw;
  }
}

.top-news-twitter > div ul li dl dd {
  width: calc(100% - 103px);
}

@media only screen and (max-width: 749px) {
  .top-news-twitter > div ul li dl dd {
    width: calc(100% - 17vw);
    padding: 0 0 0 2vw;
  }
}

/* INTRO */

.top-intro {
  position: relative;
  height: 750px;
  overflow: hidden;
}

@media only screen and (max-width: 749px) {
  .top-intro {
    height: auto;
  }
}

.top-intro .top-intro-contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 750px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_intro_bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 99;
}

@media only screen and (max-width: 749px) {
  .top-intro .top-intro-contents {
    height: auto;
    padding: 5vw 0 8vw;
  }
}

.top-intro .top-intro-contents .top-intro-btn a img {
  width: 20vw;
  height: auto;
}

.top-intro .top-intro-player {
  position: absolute;
  height: 750px;
  margin: -850px 0 0;
  z-index: 1;
}

.top-intro-btn.only-pc {
  width: 1200px;
  margin: auto;
}

.top-intro-btn.only-pc a {
  position: absolute;
  z-index: 100;
  margin: -200px 0 0 560px;
}

/* STORY & CHARACTER & STAFF/CAST */

@media only screen and (max-width: 749px) {
  .top-story-character-staffcast {
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_story-character-staffcast_bg.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* STORY */

.top-story {
  position: relative;
  z-index: 99;
}

.top-story .top-story-contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 946px;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_story_bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 99;
}

@media only screen and (max-width: 749px) {
  .top-story .top-story-contents {
    padding: 15vw 0;
    height: auto;
    background-image: none;
  }
}

@media only screen and (max-width: 749px) {
  .top-story .top-story-contents > a {
    position: relative;
    margin: 0;
  }
}

@media only screen and (max-width: 749px) {
  .top-story .top-story-contents > a img {
    width: 25vw;
  }
}

/* CHARACTER & STAFF/CAST */

.top-character-staffcast {
  width: 100%;
  height: 3123px;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_character-staffcast_bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast {
    height: auto;
    background: none;
  }
}

.top-character-staffcast .top-character {
  margin: 0 0 120px;
  min-width: 1200px;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-character {
    min-width: auto;
    margin: 0 0 10vw;
  }
}

.top-character-staffcast .top-character .top-character-note {
  width: 1200px;
  margin: auto;
  padding: 78px 0 0;
  text-align: center;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-character .top-character-note {
    width: auto;
    padding: 0;
  }
}

.top-character-staffcast .top-character .top-character-note:nth-of-type(1) h2 {
  margin: 0 0 25px 60px;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-character .top-character-note:nth-of-type(1) h2 {
    margin: 0 0 5vw;
  }
}

.top-character-staffcast .top-character .top-character-note:nth-of-type(1) p {
  margin: 0 0 95px 318px;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-character .top-character-note:nth-of-type(1) p {
    margin: 0 0 8vw;
  }
}

.top-character-staffcast .top-character .top-character-note:nth-of-type(4) p {
  display: block;
  margin: auto;
}

.top-character-staffcast .top-character .top-character-note:nth-of-type(4) p img {
  margin: 0 auto 40px;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-character .top-character-note:nth-of-type(4) p img {
    margin: 0 auto 5vw;
  }
}

.top-character-staffcast .top-character .top-character-note:nth-of-type(4) a {
  display: inline-block;
  margin: auto;
}

.top-character-staffcast .top-character .top-character-note:nth-of-type(4) a img {
  margin: auto;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-character .top-character-note:nth-of-type(4) a img {
    width: 25vw;
  }
}

.top-character-staffcast .top-character .top-character-contents {
  height: 1242px;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_pc_character_bg.png");
  background-position: top center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-character .top-character-contents {
    height: auto;
    background: none;
  }
}

.top-character-staffcast .top-character .top-character-contents ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 1083px;
  margin: auto;
  padding: 117px 0px 0;
}

.top-character-staffcast .top-character .top-character-contents ul li {
  position: relative;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(1) {
  margin: 0 0 -30px 34px;
  z-index: 1;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(2) {
  margin: 0 0 -30px 2px;
  z-index: 1;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(3) {
  margin: 0 0 -30px 2px;
  z-index: 1;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(4) {
  margin: 0 0 -30px 1px;
  z-index: 1;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(5) {
  margin: 0 0 -30px 34px;
  z-index: 2;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(6) {
  margin: 0 0 -30px -16px;
  z-index: 2;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(7) {
  margin: 0 0 -30px 3px;
  z-index: 2;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(8) {
  margin: 0 0 -30px -10px;
  z-index: 2;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(9) {
  margin: 0 0 -46px 34px;
  z-index: 3;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(10) {
  margin: 0 0 -46px 0;
  z-index: 3;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(11) {
  margin: 0 0 -46px 3px;
  z-index: 3;
}

.top-character-staffcast .top-character .top-character-contents ul li:nth-child(12) {
  margin: 0 0 -46px 0px;
  z-index: 3;
}

.top-character-staffcast .top-character .top-character-contents ul li a {
  width: 310px;
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider {
  margin: 0 0 3vw;
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider > button {
  position: absolute;
  z-index: 999;
  height: 8vw;
  width: 8vw;
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider > button::before {
  display: block;
  content: "";
  height: 8vw;
  width: 8vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider > button.slick-prev {
  left: 3vw;
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider > button.slick-prev::before {
  opacity: 1;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_character_arrow_left.png");
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider > button.slick-next {
  right: 3vw;
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider > button.slick-next::before {
  opacity: 1;
  background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_character_arrow_right.png");
}

.top-character-staffcast .top-character .top-character-contents .top-character-slider > div img {
  width: 100vw;
  height: auto;
}

.top-character-staffcast .top-character .top-character-contents ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 4vw;
  padding: 0 1vw;
}

.top-character-staffcast .top-character .top-character-contents ol:last-child {
  margin: 0 0 7vw;
}

.top-character-staffcast .top-character .top-character-contents ol li {
  margin: 0.5vw;
  cursor: pointer;
}

.top-character-staffcast .top-character .top-character-contents ol li img {
  width: 17vw;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-staffcast {
    padding: 0;
  }
}

.top-character-staffcast .top-staffcast .top-staffcast-contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-staffcast .top-staffcast-contents > a {
    margin: 10vw 0 0;
  }
}

.top-character-staffcast .top-staffcast .top-staffcast-contents > a img {
  margin: auto;
}

@media only screen and (max-width: 749px) {
  .top-character-staffcast .top-staffcast .top-staffcast-contents > a img {
    width: 25vw;
  }
}

/* JUDGE */

.top-judge {
  width: 100%;
  height: 1879px;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_judge_bg_01.jpg");
  background-position: top center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 749px) {
  .top-judge {
    height: auto;
    background-image: url("../../../../../cdn.milgram.jp/media/season2/top/top_sp_judge_bg_01.jpg");
    background-size: cover;
    padding: 38.6vw 0 3vw;
  }
}

.top-judge .top-judge-contents {
  width: 100%;
  height: 1879px;
  padding: 210px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("../../../../../cdn.milgram.jp/media/top/top_pc_judge_bg_02.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 749px) {
  .top-judge .top-judge-contents {
    padding: 0;
    height: auto;
    background: none;
  }
}

.top-judge .top-judge-contents h2 {
  margin: 0 0 45px;
}

@media only screen and (max-width: 749px) {
  .top-judge .top-judge-contents div {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    background-image: url("../../../../../cdn.milgram.jp/media/top/top_sp_judge_bg_02.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.top-judge .top-judge-contents div svg {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
}

.top-judge .top-judge-contents div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 341px 0 0 0;
  width: 890px;
}

@media only screen and (max-width: 749px) {
  .top-judge .top-judge-contents div ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    margin: 0;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 749px) {
  .top-judge .top-judge-contents div ul li {
    margin: 2vw;
  }
}

@media only screen and (max-width: 749px) {
  .top-judge .top-judge-contents div ul li img {
    width: 41vw;
    height: auto;
  }
}

/* BOTTOM */

.top-bottom {
  position: relative;
  height: 394px;
  overflow: hidden;
}

@media only screen and (max-width: 749px) {
  .top-bottom {
    height: auto;
  }
}

.top-bottom .top-bottom-contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 394px;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 99;
}

@media only screen and (max-width: 749px) {
  .top-bottom .top-bottom-contents {
    height: auto;
    padding: 5vw 0 8vw;
  }
}

.top-bottom .top-bottom-player {
  position: absolute;
  height: 394px;
  margin: -394px 0 0;
  z-index: 1;
}

/* magnific popup */

@media only screen and (min-width: 750px) {
  .onload-pop .mfp-iframe-holder .mfp-content {
    max-width: 640px;
    max-height: 390px;
  }
}

.mfp-iframe-holder .mfp-content {
  width: 90vw;
  max-width: 90vw;
  height: auto;
  max-height: 90vh;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}