@font-face {
  font-family: 'Oswald';
  src: url(../font/oswald.woff2) format("woff2");
  font-display: swap;
  font-weight: 400 500 600 700; }

main#main {
  padding: 0;
  max-width: 1100px;
  margin: 0 auto; }
  main#main section.mv img {
    width: 100%; }
  main#main h1 {
    color: #9c0f86;
    margin: 0px auto 50px;
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    font-size: 5rem; }
    main#main h1 span {
      display: block;
      font-weight: normal;
      font-size: 18px;
      font-size: 1.8rem;
      opacity: 0.7; }
      main#main h1 span:before {
        display: block;
        content: "";
        background: #9c0f86;
        width: 50px;
        height: 2px;
        margin: 10px auto;
        opacity: 0.5; }
  main#main section.intro {
    padding: 50px 0 0 0;
    background: url(../../../as/img/news/promotion/abg/h2_bg.png?h=b27fb7ea35fd0d62abcb566faa3d5500); }
    main#main section.intro h1 {
      color: #9c0f86;
      margin: 40px auto 160px; }
    main#main section.intro .pointWrap {
      margin: 0px 0 0 0;
      padding: 110px 0 150px 0;
      position: relative;
      z-index: 0; }
      main#main section.intro .pointWrap:before {
        z-index: -1;
        position: absolute;
        top: -200px;
        left: calc(50% - 555px);
        border-top: 100px solid transparent;
        border-right: 555px solid transparent;
        border-left: 555px solid transparent;
        display: block;
        margin: 0 0 0 0;
        content: ""; }
      main#main section.intro .pointWrap h2 {
        width: 100%;
        margin: -150px 0 0 0;
        text-align: center; }
        main#main section.intro .pointWrap h2 img {
          margin: 0px auto; }
      main#main section.intro .pointWrap h3 {
        color: #fff;
        width: 70%;
        margin: 10px auto 40px auto;
        text-align: center;
        font-style: italic;
        font-size: 40px;
        font-size: 4rem; }
      main#main section.intro .pointWrap figure {
        width: 100%;
        text-align: center; }
        main#main section.intro .pointWrap figure img {
          display: block;
          margin: 0 auto; }
        main#main section.intro .pointWrap figure.comment {
          position: relative;
          left: -25px; }
      main#main section.intro .pointWrap p {
        color: #fff;
        font-weight: bold;
        line-height: 1.4;
        text-align: center;
        font-size: 15px;
        font-size: 1.5rem;
        margin: 30px auto 80px; }
      main#main section.intro .pointWrap p.commingsoon {
        max-width: 90%;
        margin: 100px auto 0 auto;
        text-align: center;
        position: relative;
        font-size: 46px;
        font-size: 4.6rem; }
        main#main section.intro .pointWrap p.commingsoon:before {
          display: block;
          margin: 0 0 0 0;
          content: "";
          width: 26%;
          height: 1px;
          background: #fff;
          opacity: 0.3;
          position: absolute;
          top: 50%;
          left: 0; }
        main#main section.intro .pointWrap p.commingsoon:after {
          display: block;
          margin: 0px 0 0 0;
          content: "";
          width: 26%;
          height: 1px;
          background: #fff;
          opacity: 0.3;
          position: absolute;
          top: 50%;
          right: 0; }
      @media screen and (max-width: 600px) {
        main#main section.intro .pointWrap h3 {
          width: 90%;
          margin: 10px auto 40px auto;
          font-size: 34px;
          font-size: 3.4rem; }
        main#main section.intro .pointWrap figure img {
          width: 90%; }
        main#main section.intro .pointWrap figure.comment {
          position: relative;
          left: -2%; }
          main#main section.intro .pointWrap figure.comment img {
            width: 95%; }
        main#main section.intro .pointWrap p {
          min-width: 90%;
          padding: 0 5%; }
        main#main section.intro .pointWrap p.commingsoon {
          font-size: 26px;
          font-size: 2.6rem; } }
    main#main section.intro .pointWrap.point1 {
      background: #483345; }
      main#main section.intro .pointWrap.point1:before {
        border-bottom: 100px solid #483345; }
    main#main section.intro .pointWrap.point2 {
      background: #452941; }
      main#main section.intro .pointWrap.point2:before {
        border-bottom: 100px solid #452941; }
    main#main section.intro .pointWrap.point3 {
      background: #3b1e37;
      padding-bottom: 10px; }
      main#main section.intro .pointWrap.point3:before {
        border-bottom: 100px solid #3b1e37; }
  main#main section.costume {
    text-align: center;
    padding: 0px 5% 50px 5%;
    background: url(../../../as/img/news/prom/ed/h2_bg.png?h=483693220081a6dd3d45f18e15cdbc05); }
    main#main section.costume img {
      margin: -40px auto 0;
      width: 100%; }
  main#main section.commingFighters {
    margin: 0 0 0 0;
    padding: 0;
    line-height: 0;
    font-size: 0; }
    main#main section.commingFighters img {
      margin: 0 auto;
      width: 100%;
      line-height: 0; }
  main#main section.flowLine {
    text-align: center;
    padding: 40px 0 40px 0; }
    main#main section.flowLine a {
      margin: 30px auto;
      display: inline-block;
      max-width: 450px;
      width: 90%; }
      main#main section.flowLine a:hover {
        opacity: 0.7; }
      main#main section.flowLine a img {
        width: 100%; }