.top-mv {
  position: relative;
}

.top-mv img {
  width: 100%;
}

.top-mv>h1 {
  position: absolute;
  width: 14.5625%;
  left: 0;
  right: 0;
  top: 43.75%;
  margin: auto;
}

.top-mv-copy {
  position: absolute;
  width: 9.4375%;
  right: 10%;
  top: 8.33333%;
}

.top-mv-text {
  position: absolute;
  width: 43.0625%;
  left: 0;
  right: 0;
  bottom: 7.29167%;
  margin: auto;
}

.top-dl {
  padding: 40px 0 50px;
  background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/top/dl_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.top-dl.bottom {
  border-top: 2px solid #9a5e2c;
  border-bottom: 2px solid #9a5e2c;
}

.top-dl h2 {
  text-align: center;
}

.top-dl-text {
  text-align: center;
  margin: 20px auto 0;
}

.top-dl-app {
  position: relative;
  margin-top: 20px;
}

.top-dl-app>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top-dl-app>ul>li {
  margin: 0 5px;
  height: 50px;
}

.top-dl-app>ul>li img {
  max-width: none;
  height: 100%;
}

.top-dl-chara-l {
  position: absolute;
  left: -20px;
  bottom: -50px;
}

.top-dl-chara-r {
  position: absolute;
  right: -60px;
  bottom: -50px;
}

.top-bnr {
  padding: 25px 0;
  background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/top/bnr_bg.jpg);
  background-repeat: repeat-y;
  background-position: center center;
  background-size: 100%;
}

.top-bnr ul {
  max-width: 768px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top-bnr ul>li img {
  width: 100%;
}

.top-news {
  padding: 100px 0 70px;
}

.top-news h2 {
  text-align: center;
  margin: 0 auto 50px;
}

.top-news .top-flower-l {
  top: -130px;
}

.top-news-btn {
  text-align: center;
  margin: 50px auto 0;
  position: relative;
  z-index: 2;
}

.top-chara {
  padding: 100px 0 100px;
}

.top-chara .top-flower-r {
  top: -10%;
}

.top-chara h2 {
  text-align: center;
}

.top-chara-text {
  margin: 60px auto 0;
  text-align: center;
}

.top-chara-unit01,
.top-chara-unit02,
.top-chara-unit03 {
  position: relative;
  margin-top: 30px;
}

.top-chara-unit01 img,
.top-chara-unit02 img,
.top-chara-unit03 img {
  width: 100%;
}

.top-chara-unit01>h3,
.top-chara-unit02>h3,
.top-chara-unit03>h3 {
  position: absolute;
  width: 590px;
  left: 0;
  right: 0;
  margin: auto;
  top: 20px;
}

.top-chara-unit01-pic,
.top-chara-unit02-pic,
.top-chara-unit03-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.top-chara-unit01-btn,
.top-chara-unit02-btn,
.top-chara-unit03-btn {
  position: absolute;
  width: 270px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
}

.top-story {
  padding: 100px 0;
  background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/top/story_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}

.top-story h2 {
  margin: 0 auto;
}

.top-story-text01 {
  margin: 70px auto 0;
}

.top-story-text02 {
  margin: 50px auto 0;
}

.top-story-text03 {
  margin: 50px auto 0;
}

.top-story-btn {
  margin: 180px auto 0;
}

.top-movie {
  position: relative;
}

.top-movie-area {
  background-color: #281e07;
  padding-top: 56.25%;
  position: relative;
}

.top-movie-area:after {
  content: "";
  position: absolute;
  background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/top/movie_mask.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-movie-area>video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.top-movie>h2 {
  text-align: center;
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
}

.top-movie-play {
  position: absolute;
  width: 165px;
  left: 0;
  right: 0;
  top: 40%;
  margin: auto;
}

.top-movie-play>a {
  display: block;
}

.top-movie-play>a:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.top-movie-btn {
  position: absolute;
  width: 269px;
  left: 0;
  right: 0;
  bottom: 3%;
  margin: auto;
}

.top-music {
  padding: 90px 0;
}

.top-music .top-flower-l {
  top: -130px;
}

.top-music h2 {
  margin: 0 auto;
  text-align: center;
}

.top-music-pic {
  margin-top: 20px;
  text-align: center;
}

.top-music-title {
  margin-top: 40px;
  text-align: center;
}

.top-music-btn {
  margin-top: 50px;
  text-align: center;
}

.top-voice {
  padding: 90px 0;
}

.top-voice .bg-deco-bottom {
  left: auto;
  right: -160px;
  bottom: -120px;
}

.top-voice .top-flower-r {
  top: -25%;
}

.top-voice h2 {
  text-align: center;
  margin: 0 auto;
}

.top-voice-text {
  margin-top: 40px;
  text-align: center;
}

.top-system {
  padding: 90px 0;
  background-position: center center;
  background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/common/bg.jpg);
}

.top-system .top-flower-l {
  top: -130px;
}

.top-system h2 {
  text-align: center;
  margin: 0 auto;
}

.top-system-list {
  margin-top: 40px;
  position: relative;
}

.top-system-list>ul {
  margin: 0 -20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.top-system-list>ul>li {
  margin: 0 5px;
}

.top-system-next,
.top-system-prev {
  width: 60px;
  height: 66px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.top-system-prev {
  left: -5px;
}

.top-system-next {
  right: -5px;
}

.top-system-btn {
  text-align: center;
  margin: 50px auto 0;
  position: relative;
}

.top-mediamix {
  padding: 90px 0;
}

.top-mediamix .bg-deco-bottom {
  left: auto;
  right: -100px;
  bottom: -30px;
}

.top-mediamix .top-flower-r {
  top: -10%;
}

.top-mediamix h2 {
  text-align: center;
  margin: 0 auto;
}

.top-mediamix-text {
  margin: 50px auto 0;
  text-align: center;
}

.top-mediamix-list {
  margin-top: 40px;
  position: relative;
  z-index: 2;
}

.top-mediamix-list>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top-mediamix-btn {
  margin: 40px auto 0;
  text-align: center;
  position: relative;
  z-index: 2;
}

.top-info {
  padding: 0 0 80px;
  background-position: center center;
  background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/common/bg.jpg);
}

.top-info .top-flower-l {
  top: -330px;
}

.top-info-spec>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.top-info-spec>ul>li {
  /* width: 48%; */
  width: fit-content;
  margin: 0 auto;
}

.top-info-spec-tweet {
  position: relative;
}

.top-info-spec-tweet h2 {
  margin-bottom: 30px;
}

.top-info-spec-tweet>p {
  margin-bottom: 20px;
  line-height: 2;
}

.top-info-spec-tweet>iframe {
  height: 320px !important;
}

.top-info-spec-detail h2 {
  margin-bottom: 30px;
}

.top-info-spec-detail>ul>li {
  font-size: 1.6rem;
  line-height: 2;
}

.top-info-share {
  text-align: center;
  margin: 70px auto 0;
}

.top-flower-l {
  position: absolute;
  top: 0;
  left: 0;
  width: 20.9375%;
}

.top-flower-l>img {
  width: 100%;
}

.top-flower-r {
  position: absolute;
  top: 0;
  right: 0;
  width: 14.125%;
}

.top-flower-r>img {
  width: 100%;
}

#nav .nav-share {
  display: none;
}

@media screen and (max-width: 767px) {
  .top-mv>h1 {
    top: 48%;
    width: 54.66667%;
  }

  .top-mv-copy {
    width: 21.33333%;
    right: 8%;
    top: 2.66667%;
  }

  .top-mv-text {
    width: 100%;
  }

  .top-dl {
    padding: 35px 0 25px;
    background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/top/dl_bg_sp.jpg);
  }

  .top-dl h2 {
    width: 200px;
    margin: 0 auto;
  }

  .top-dl-text {
    width: 160px;
    margin-top: 5px;
  }

  .top-dl-app {
    margin-top: 15px;
  }

  .top-dl-app>ul>li {
    height: 45px;
  }

  .top-dl-chara-l {
    width: 112px;
    left: -15px;
    bottom: -25px;
  }

  .top-dl-chara-r {
    width: 102px;
    right: -15px;
    bottom: -25px;
  }

  .top-bnr {
    padding: 25px 0 35px;
  }

  .top-bnr ul {
    display: block;
    padding: 0 30px;
  }

  .top-bnr ul>li:nth-of-type(n+2) {
    margin-top: 15px;
  }

  .top-news {
    padding: 45px 0 90px;
  }

  .top-news h2 {
    width: 245px;
    margin-bottom: 30px;
  }

  .top-news .top-flower-l {
    top: -70px;
  }

  .top-news-btn {
    width: 230px;
    margin-top: 30px;
  }

  .top-chara {
    padding: 40px 0 50px;
  }

  .top-chara .top-flower-r {
    top: -160px;
  }

  .top-chara h2 {
    width: 245px;
    margin: 0 auto;
  }

  .top-chara-text {
    width: 180px;
    margin-top: 25px;
  }

  .top-chara-unit01,
  .top-chara-unit02,
  .top-chara-unit03 {
    margin-top: 20px;
  }

  .top-chara-unit01>h3,
  .top-chara-unit02>h3,
  .top-chara-unit03>h3 {
    width: 300px;
    top: 10px;
  }

  .top-chara-unit01-btn,
  .top-chara-unit02-btn,
  .top-chara-unit03-btn {
    width: 155px;
    bottom: 10px;
  }

  .top-story {
    padding: 50px 0;
  }

  .top-story h2 {
    width: 245px;
  }

  .top-story-text01 {
    width: 130px;
    margin-top: 30px;
  }

  .top-story-text02 {
    width: 295px;
    margin-top: 30px;
  }

  .top-story-text03 {
    width: 160px;
    margin-top: 30px;
  }

  .top-story-btn {
    width: 230px;
    margin-top: 80px;
  }

  .top-movie {
    padding-bottom: 20px;
  }

  .top-movie-area:after {
    background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/top/movie_mask_sp.png);
  }

  .top-movie>h2 {
    display: none;
  }

  .top-movie-play {
    top: 25%;
    width: 85px;
  }

  .top-movie-btn {
    width: 160px;
    margin: 25px auto 0;
    position: static;
  }

  .top-music {
    padding: 40px 0;
  }

  .top-music .top-flower-l {
    top: -100px;
  }

  .top-music h2 {
    width: 245px;
  }

  .top-music-title {
    margin: 10px -15px 0;
  }

  .top-music-btn {
    margin: 30px auto 0;
    width: 225px;
  }

  .top-voice {
    padding: 40px 0;
  }

  .top-voice .bg-deco-bottom {
    right: -30px;
    bottom: -40px;
  }

  .top-voice .top-flower-r {
    top: -140px;
    right: -40px;
  }

  .top-voice h2 {
    width: 245px;
  }

  .top-voice-text {
    margin: 25px auto 0;
    width: 275px;
  }

  .top-system {
    background-size: 400px;
    padding: 45px 0;
  }

  .top-system .top-flower-l {
    top: -90px;
  }

  .top-system h2 {
    width: 245px;
  }

  .top-system-list {
    margin-top: 20px;
  }

  .top-system-list>ul {
    margin: 10px 0 0;
  }

  .top-system-list>ul>li {
    width: 70%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .top-system-list>ul>li.on {
    -webkit-transition: 1.0s;
    transition: 1.0s;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .top-system-btn {
    width: 230px;
    margin-top: 30px;
  }

  .top-mediamix {
    padding: 45px 0;
  }

  .top-mediamix .bg-deco-bottom {
    right: 0px;
    bottom: 0px;
  }

  .top-mediamix .top-flower-r {
    top: -140px;
    right: -40px;
  }

  .top-mediamix h2 {
    width: 245px;
  }

  .top-mediamix-text {
    margin-top: 20px;
    width: 215px;
  }

  .top-mediamix-list {
    margin-top: 30px;
  }

  .top-mediamix-list>ul {
    display: block;
  }

  .top-mediamix-list>ul>li:nth-of-type(n+2) {
    margin-top: 10px;
  }

  .top-mediamix-btn {
    width: 230px;
  }

  .top-info {
    background-size: 400px;
    padding: 0 0 60px;
  }

  .top-info .top-flower-l {
    top: -120px;
  }

  .top-info-spec>ul {
    display: block;
  }

  .top-info-spec>ul>li {
    /* width: 100%; */
  }

  .top-info-spec-tweet h2 {
    margin-bottom: 10px;
    width: 140px;
  }

  .top-info-spec-tweet>p {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }

  .top-info-spec-detail {
    margin-top: 40px;
  }

  .top-info-spec-detail h2 {
    margin-bottom: 10px;
    width: 140px;
  }

  .top-info-spec-detail>ul>li {
    font-size: 1.2rem;
  }

  .top-info-share {
    margin-top: 30px;
    width: 290px;
  }

  .top-flower-l {
    width: 170px;
    left: -80px;
  }

  .top-flower-r {
    width: 130px;
  }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .top-dl-chara-l {
    left: -60px;
  }

  .top-dl-chara-r {
    right: -150px;
  }
}

@media screen and (min-width: 768px) {
  .top-bnr ul>li {
    margin: 0 14px;
  }

  .top-bnr ul>li:nth-of-type(n+3) {
    margin-top: 20px;
  }

  .top-system-next,
  .top-system-prev {
    display: none;
  }

  .top-mediamix-list>ul>li {
    width: 49%;
  }

  .top-mediamix-list>ul>li:nth-of-type(n+3) {
    margin-top: 2%;
  }
}