* {
  margin: 0;
  padding: 0; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    clear: both;
    display: block;
    content: ""; }

.animation-block {
  transition: 0.7s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .animation-block.show {
    opacity: 1.0; }

.txt .ja {
  display: inline-block;
  transform: scale(0.85, 1.1);
  font-weight: 400; }

a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
  a:hover, a:active {
    text-decoration: none;
    opacity: 0.75; }

li {
  list-style: none; }

.bg-line {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
  z-index: 1; }
  .bg-line .i {
    position: absolute;
    top: 0px;
    left: 0px; }
    .bg-line .i:before {
      content: "";
      display: block;
      width: 5px;
      height: 5px;
      background: #0088FF;
      border-radius: 5px;
      position: absolute;
      left: -2.5px;
      top: -2.5px; }
    .bg-line .i:after {
      content: "";
      display: block;
      width: 200vw;
      height: 1px;
      background: #0088FF; }

.animation-block {
  filter: blur(0.8em);
  opacity: 0.0;
  transform: translate(0%, 20px); }
  .animation-block.show {
    filter: blur(0);
    transition: 1.2s;
    opacity: 1.0;
    transform: translate(0%, 0%); }

@media only screen and (min-width: 1280px) {
  .is-sp {
    display: none !important; }
  .is-tb {
    display: none !important; }
  html {
    overflow-y: scroll; }
  body {
    color: #0088FF;
    background: #A1D8E6;
    font-feature-settings: "palt";
    font-family: 'Viaoda Libre', 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
    line-height: 2.0;
    font-size: 14px;
    overflow: hidden;
    padding: 10px; }
  .container {
    position: relative;
    background: url(/assets/img/bg.webp);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    max-width: 1560px;
    margin: 0 auto; }
    .container.show {
      height: auto; }
    .container .sns {
      position: absolute;
      top: 15px;
      right: 10px;
      z-index: 1; }
      .container .sns a:hover {
        text-decoration: none;
        opacity: 0.7; }
    .container .content {
      margin: 0 auto;
      transition: 1.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
      .container .content .fv {
        position: relative;
        transform: translate(0px, -10px);
        margin-bottom: -10px; }
      .container .content .fv {
        position: relative; }
        .container .content .fv .kv,
        .container .content .fv .bg {
          width: 100%; }
          .container .content .fv .kv.show > img,
          .container .content .fv .bg.show > img {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .kv > img,
          .container .content .fv .bg > img {
            opacity: 0.0;
            width: 100%;
            height: 100%;
            display: block; }
        .container .content .fv .bg {
          position: absolute; }
        .container .content .fv .kv {
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          -webkit-mask-size: cover;
                  mask-size: cover; }
          .container .content .fv .kv > img {
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-size: cover;
                    mask-size: cover; }
        .container .content .fv .ds {
          position: absolute;
          top: 10px;
          left: 0%;
          opacity: 0.0; }
          .container .content .fv .ds.show {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .ds a {
            display: block;
            width: 60px;
            height: 60px; }
            .container .content .fv .ds a > img {
              width: 100%; }
        .container .content .fv .logo {
          position: absolute;
          width: 67.5%;
          top: 42%;
          right: 0%;
          transform: translate(7%, 0%);
          opacity: 0.0; }
          .container .content .fv .logo.show {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .logo > img {
            width: 100%; }
      .container .content .video {
        position: relative;
        width: 920px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 120px; }
        .container .content .video:before {
          content: "";
          display: block;
          padding-top: 56.25%; }
        .container .content .video iframe {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px; }
      .container .content .tracks-list {
        margin-bottom: 120px;
        opacity: 0.9; }
        .container .content .tracks-list > .inner {
          display: flex;
          justify-content: center; }
          .container .content .tracks-list > .inner > .track-list-numb .head {
            text-align: center;
            margin-bottom: 20px; }
          .container .content .tracks-list > .inner > .track-list-numb .tracks {
            margin: 0 auto; }
            .container .content .tracks-list > .inner > .track-list-numb .tracks .track {
              display: flex;
              justify-content: center;
              margin-bottom: 20px; }
            .container .content .tracks-list > .inner > .track-list-numb .tracks .track {
              justify-content: center; }
              .container .content .tracks-list > .inner > .track-list-numb .tracks .track .numb {
                font-size: 12px;
                text-align: center;
                line-height: 28px; }
          .container .content .tracks-list > .inner .tracks-disc {
            display: flex;
            justify-content: center;
            position: relative; }
            .container .content .tracks-list > .inner .tracks-disc .bg-line .i {
              top: 0vw;
              right: 0vw;
              transform: translate(20vw, -5vw) rotate(-45deg);
              transform-origin: left center;
              z-index: 1; }
            .container .content .tracks-list > .inner .tracks-disc .track-list-numb {
              display: none; }
            .container .content .tracks-list > .inner .tracks-disc .track-list .head {
              text-align: center;
              margin-bottom: 20px; }
            .container .content .tracks-list > .inner .tracks-disc .track-list .tracks {
              margin: 0 auto; }
              .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track {
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .title {
                  text-align: left;
                  font-size: 18px;
                  line-height: 28px; }
                  .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .title .ja {
                    transform-origin: left center; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .artist {
                  font-size: 12px;
                  text-align: right;
                  line-height: 28px; }
                  .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .artist .ja {
                    transform-origin: right center; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .numb {
                  font-size: 12px;
                  text-align: center;
                  line-height: 28px; }
          .container .content .tracks-list > .inner .track-list .tracks {
            width: 440px; }
      .container .content .clms {
        display: flex;
        justify-content: center;
        gap: 40px;
        position: relative; }
        .container .content .clms .bg-line .i {
          top: 0vw;
          right: 0vw;
          transform: translate(70vw, -5vw) rotate(45deg);
          transform-origin: left center;
          z-index: 1; }
        .container .content .clms .clm {
          width: 440px; }
      .container .content .info,
      .container .content .event {
        margin-bottom: 120px;
        opacity: 0.9; }
        .container .content .info .bg-line,
        .container .content .event .bg-line {
          display: none; }
        .container .content .info .inner,
        .container .content .event .inner {
          padding-top: 0px;
          padding-bottom: 0px; }
        .container .content .info .head,
        .container .content .event .head {
          text-align: center;
          margin-bottom: 20px; }
        .container .content .info .title,
        .container .content .event .title {
          line-height: 1.2;
          margin-bottom: 14px;
          font-size: 30px; }
          .container .content .info .title .ja,
          .container .content .event .title .ja {
            transform-origin: left center; }
          .container .content .info .title img,
          .container .content .event .title img {
            display: block;
            width: 100%; }
        .container .content .info .sub,
        .container .content .event .sub {
          margin-bottom: 14px;
          line-height: 28px; }
        .container .content .info .btns .btn,
        .container .content .event .btns .btn {
          font-size: 20px;
          text-decoration: none;
          display: block;
          border-bottom: 1px solid;
          margin-bottom: 20px; }
          .container .content .info .btns .btn .ja,
          .container .content .event .btns .btn .ja {
            transform-origin: left center; }
      .container .content .credit {
        opacity: 0.9; }
        .container .content .credit .head {
          text-align: center;
          margin-bottom: 20px; }
        .container .content .credit .credit-items .credit-item {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; }
        .container .content .credit .credit-items .credit-head {
          text-align: left;
          line-height: 28px;
          font-size: 12px; }
          .container .content .credit .credit-items .credit-head .ja {
            transform-origin: left center; }
        .container .content .credit .credit-items .credit-body {
          font-size: 18px;
          text-align: right;
          line-height: 28px; }
          .container .content .credit .credit-items .credit-body .ja {
            transform-origin: right center; }
          .container .content .credit .credit-items .credit-body a {
            text-decoration: none;
            line-height: 1.2;
            display: inline-block;
            padding-bottom: 0px;
            border-bottom: 1px solid;
            margin-bottom: 20px; }
      .container .content .jacket {
        text-align: center;
        width: 440px;
        margin: 0 auto;
        position: relative; }
        .container .content .jacket a {
          display: block; }
          .container .content .jacket a:hover, .container .content .jacket a:active {
            opacity: 1.0; }
            .container .content .jacket a:hover img, .container .content .jacket a:active img {
              opacity: 0.75; }
        .container .content .jacket img {
          transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
          display: block;
          width: 100%;
          border: 1px solid; }
      .container .content footer {
        opacity: 0.9;
        position: relative;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.2px;
        padding-top: 120px;
        padding-bottom: 120px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .container .content footer .bg-line .i {
          top: -120px;
          left: calc(200px);
          transform: rotate(-225deg);
          transform-origin: left center; }
        .container .content footer a {
          display: block;
          width: 60px;
          height: 60px;
          margin: 0 auto;
          margin-bottom: 30px; }
          .container .content footer a > img {
            width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .is-pc {
    display: none !important; }
  .is-sp {
    display: none !important; }
  html {
    overflow-y: scroll; }
  body {
    color: #0088FF;
    background: #A1D8E6;
    font-feature-settings: "palt";
    font-family: 'Viaoda Libre', 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
    line-height: 2.0;
    font-size: 14px;
    overflow: hidden;
    padding: 10px; }
  .container {
    position: relative;
    background: url(/assets/img/bg.webp);
    background-attachment: fixed;
    background-position: center;
    background-size: cover; }
    .container .sns {
      position: fixed;
      top: 10px;
      right: 10px;
      z-index: 1; }
      .container .sns a:hover {
        text-decoration: none;
        opacity: 0.7; }
    .container .content {
      margin: 0 auto;
      transition: 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
      margin-left: -10px;
      margin-right: -10px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px; }
      .container .content .fv {
        position: relative;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -20px; }
        .container .content .fv .kv,
        .container .content .fv .bg {
          width: 100%; }
          .container .content .fv .kv.show > img,
          .container .content .fv .bg.show > img {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .kv > img,
          .container .content .fv .bg > img {
            opacity: 0.0;
            width: 100%;
            height: 100%;
            display: block; }
        .container .content .fv .bg {
          position: absolute; }
        .container .content .fv .kv {
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          -webkit-mask-size: cover;
                  mask-size: cover; }
          .container .content .fv .kv.show > img {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .kv > img {
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-size: cover;
                    mask-size: cover; }
        .container .content .fv .ds {
          position: absolute;
          top: 10px;
          left: 10px;
          opacity: 0.0; }
          .container .content .fv .ds.show {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .ds a {
            display: block;
            width: 60px;
            height: 60px; }
            .container .content .fv .ds a > img {
              width: 100%; }
        .container .content .fv .logo {
          position: absolute;
          width: 67.5%;
          top: 42%;
          right: 0%;
          transform: translate(7%, 0%);
          opacity: 0.0; }
          .container .content .fv .logo.show {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .logo > img {
            width: 100%; }
      .container .content .video {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 120px; }
        .container .content .video:before {
          content: "";
          display: block;
          padding-top: 56.25%; }
        .container .content .video iframe {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px; }
      .container .content .tracks-list {
        width: 600px;
        margin: 0 auto;
        margin-bottom: 120px;
        opacity: 0.9; }
        .container .content .tracks-list > .inner .tracks-disc {
          display: flex;
          justify-content: space-between;
          margin-bottom: 60px;
          position: relative; }
          .container .content .tracks-list > .inner .tracks-disc .bg-line .i {
            top: 0vw;
            right: 0vw;
            transform: translate(60vw, -5vw) rotate(-45deg);
            transform-origin: left center;
            z-index: 1; }
          .container .content .tracks-list > .inner .tracks-disc .track-list-numb {
            display: flex;
            width: 120px;
            justify-content: space-between; }
            .container .content .tracks-list > .inner .tracks-disc .track-list-numb .head {
              text-align: center;
              margin-bottom: 20px; }
            .container .content .tracks-list > .inner .tracks-disc .track-list-numb .tracks {
              margin: 0 auto; }
              .container .content .tracks-list > .inner .tracks-disc .track-list-numb .tracks .track {
                display: flex;
                justify-content: flex-end;
                margin-bottom: 20px; }
                .container .content .tracks-list > .inner .tracks-disc .track-list-numb .tracks .track:last-child {
                  margin-bottom: 0; }
          .container .content .tracks-list > .inner .tracks-disc .track-list {
            width: 440px; }
            .container .content .tracks-list > .inner .tracks-disc .track-list .head {
              text-align: center;
              margin-bottom: 20px; }
            .container .content .tracks-list > .inner .tracks-disc .track-list .tracks {
              margin: 0 auto; }
              .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track {
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track:last-child {
                  margin-bottom: 0; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .title {
                  text-align: left;
                  font-size: 18px;
                  line-height: 28px; }
                  .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .title .ja {
                    transform-origin: left center; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .artist {
                  font-size: 12px;
                  text-align: right;
                  line-height: 28px; }
                  .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .artist .ja {
                    transform-origin: right center; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .numb {
                  font-size: 12px;
                  text-align: center;
                  line-height: 28px; }
        .container .content .tracks-list > .inner .track-list .tracks {
          width: 440px; }
      .container .content .clms {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        opacity: 0.9;
        gap: 120px;
        width: 440px;
        margin: 0 auto;
        padding-left: 160px;
        position: relative; }
        .container .content .clms .bg-line .i {
          top: 0vw;
          right: 0vw;
          transform: translate(20vw, -5vw) rotateZ(-45deg) rotateY(180deg);
          transform-origin: left center;
          z-index: 1; }
        .container .content .clms .clm {
          width: 440px; }
      .container .content .info,
      .container .content .event {
        margin-bottom: 120px;
        opacity: 0.9; }
        .container .content .info .inner,
        .container .content .event .inner {
          padding-top: 0px;
          padding-bottom: 0px; }
        .container .content .info .head,
        .container .content .event .head {
          text-align: center;
          margin-bottom: 20px; }
        .container .content .info .title,
        .container .content .event .title {
          line-height: 1.2;
          margin-bottom: 14px;
          font-size: 30px; }
          .container .content .info .title .ja,
          .container .content .event .title .ja {
            transform-origin: left center; }
          .container .content .info .title img,
          .container .content .event .title img {
            display: block;
            width: 100%; }
        .container .content .info .sub,
        .container .content .event .sub {
          margin-bottom: 14px;
          line-height: 28px; }
        .container .content .info .btns .btn,
        .container .content .event .btns .btn {
          font-size: 20px;
          text-decoration: none;
          display: block;
          border-bottom: 1px solid;
          margin-bottom: 20px; }
          .container .content .info .btns .btn .ja,
          .container .content .event .btns .btn .ja {
            transform-origin: left center; }
      .container .content .credit {
        opacity: 0.9; }
        .container .content .credit .head {
          text-align: center;
          margin-bottom: 20px; }
        .container .content .credit .credit-items .credit-item {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; }
          .container .content .credit .credit-items .credit-item:last-child {
            margin-bottom: 0; }
        .container .content .credit .credit-items .credit-head {
          text-align: left;
          line-height: 28px;
          font-size: 12px; }
          .container .content .credit .credit-items .credit-head .ja {
            transform-origin: left center; }
        .container .content .credit .credit-items .credit-body {
          font-size: 18px;
          text-align: right;
          line-height: 28px; }
          .container .content .credit .credit-items .credit-body .ja {
            transform-origin: right center; }
          .container .content .credit .credit-items .credit-body a {
            text-decoration: none;
            line-height: 1.2;
            display: inline-block;
            padding-bottom: 0px;
            border-bottom: 1px solid;
            margin-bottom: 20px; }
      .container .content .jacket {
        text-align: center;
        width: 440px;
        margin: 0 auto;
        position: relative; }
        .container .content .jacket a {
          display: block; }
          .container .content .jacket a:hover, .container .content .jacket a:active {
            opacity: 1.0; }
            .container .content .jacket a:hover img, .container .content .jacket a:active img {
              opacity: 0.75; }
        .container .content .jacket img {
          transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
          display: block;
          width: 100%;
          border: 1px solid; }
      .container .content footer {
        opacity: 0.9;
        position: relative;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.2px;
        padding-top: 120px;
        padding-bottom: 120px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .container .content footer a {
          display: block;
          width: 60px;
          height: 60px;
          margin: 0 auto;
          margin-bottom: 30px; }
          .container .content footer a > img {
            width: 100%; }
        .container .content footer .bg-line .i {
          top: 30px;
          left: calc(80vw);
          transform: rotateZ(45deg) rotateY(0deg);
          transform-origin: left center; } }

@media only screen and (max-width: 767px) {
  .is-pc {
    display: none !important; }
  .is-tb {
    display: none !important; }
  html {
    overflow-y: scroll; }
  body {
    color: #0088FF;
    background: #A1D8E6;
    font-feature-settings: "palt";
    font-family: 'Viaoda Libre', 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
    line-height: 2.0;
    font-size: 14px;
    overflow: hidden;
    padding: 10px; }
  .container {
    position: relative;
    background: url(/assets/img/bg.webp);
    background-attachment: fixed;
    background-position: center;
    background-size: cover; }
    .container .sns {
      position: fixed;
      top: 10px;
      right: 10px;
      z-index: 1; }
      .container .sns a:hover {
        text-decoration: none;
        opacity: 0.7; }
    .container .content {
      margin: 0 auto;
      transition: 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);
      margin-left: -10px;
      margin-right: -10px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px; }
      .container .content .fv {
        position: relative;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -20px; }
        .container .content .fv .kv.show > img,
        .container .content .fv .bg.show > img {
          transition: opacity 3s;
          opacity: 1.0; }
        .container .content .fv .kv > img,
        .container .content .fv .bg > img {
          opacity: 0.0;
          width: 100%;
          height: 100%;
          display: block; }
        .container .content .fv .bg {
          position: absolute; }
        .container .content .fv .kv {
          -webkit-mask-repeat: no-repeat;
                  mask-repeat: no-repeat;
          -webkit-mask-position: center;
                  mask-position: center;
          -webkit-mask-size: cover;
                  mask-size: cover; }
          .container .content .fv .kv.show > img {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .kv > img {
            -webkit-mask-repeat: no-repeat;
                    mask-repeat: no-repeat;
            -webkit-mask-position: center;
                    mask-position: center;
            -webkit-mask-size: cover;
                    mask-size: cover; }
        .container .content .fv .ds {
          position: absolute;
          top: 10px;
          left: 10px;
          opacity: 0.0; }
          .container .content .fv .ds.show {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .ds a {
            display: block;
            width: 40px;
            height: 40px; }
            .container .content .fv .ds a > img {
              width: 100%; }
        .container .content .fv .logo {
          position: absolute;
          width: 67.5%;
          top: 42%;
          right: 0%;
          transform: translate(7%, 0%);
          opacity: 0.0; }
          .container .content .fv .logo.show {
            transition: opacity 3s;
            opacity: 1.0; }
          .container .content .fv .logo > img {
            width: 100%; }
      .container .content .video {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px; }
        .container .content .video:before {
          content: "";
          display: block;
          padding-top: 56.25%; }
        .container .content .video iframe {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px; }
      .container .content .tracks-list {
        margin: 0 auto;
        margin-bottom: 6px;
        opacity: 0.9;
        padding-left: 20px;
        padding-right: 20px; }
        .container .content .tracks-list > .inner .tracks-disc {
          display: flex;
          justify-content: space-between;
          margin-bottom: 60px;
          position: relative; }
          .container .content .tracks-list > .inner .tracks-disc .bg-line .i {
            top: 0vw;
            right: 0vw;
            transform: translate(70vw, -120vw) rotate(-45deg);
            transform-origin: left center;
            z-index: 1; }
          .container .content .tracks-list > .inner .tracks-disc .track-list {
            width: 100%; }
            .container .content .tracks-list > .inner .tracks-disc .track-list .head {
              text-align: center;
              margin-bottom: 20px; }
            .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track {
              display: flex;
              justify-content: space-between;
              margin-bottom: 20px; }
              .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track:last-child {
                margin-bottom: 0; }
              .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .title {
                text-align: left;
                font-size: 12px;
                line-height: 17.5px; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .title .ja {
                  transform-origin: left center; }
              .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .artist {
                font-size: 10px;
                text-align: right;
                line-height: 17.5px; }
                .container .content .tracks-list > .inner .tracks-disc .track-list .tracks .track .artist .ja {
                  transform-origin: right center; }
      .container .content .clms {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        opacity: 0.9;
        gap: 60px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative; }
        .container .content .clms .bg-line .i {
          top: 0vw;
          right: 0vw;
          transform: translate(60vw, -5vw) rotate(45deg);
          transform-origin: left center;
          z-index: 1; }
      .container .content .info,
      .container .content .event {
        margin-bottom: 60px;
        opacity: 0.9; }
        .container .content .info .inner,
        .container .content .event .inner {
          padding-top: 0px;
          padding-bottom: 0px; }
        .container .content .info .head,
        .container .content .event .head {
          text-align: center;
          margin-bottom: 20px; }
        .container .content .info .title,
        .container .content .event .title {
          line-height: 1.2;
          font-size: 27px;
          margin-bottom: 20px; }
          .container .content .info .title .ja,
          .container .content .event .title .ja {
            transform-origin: left center; }
          .container .content .info .title img,
          .container .content .info .title svg,
          .container .content .event .title img,
          .container .content .event .title svg {
            display: block;
            width: 100%; }
        .container .content .info .sub,
        .container .content .event .sub {
          margin-bottom: 12px;
          line-height: 2.0;
          margin-bottom: 20px; }
        .container .content .info .btns .btn,
        .container .content .event .btns .btn {
          font-size: 18px;
          text-decoration: none;
          display: block;
          border-bottom: 1px solid;
          margin-bottom: 20px; }
          .container .content .info .btns .btn .ja,
          .container .content .event .btns .btn .ja {
            transform-origin: left center; }
      .container .content .credit {
        opacity: 0.9; }
        .container .content .credit .head {
          text-align: center;
          margin-bottom: 20px; }
        .container .content .credit .credit-items .credit-item {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; }
          .container .content .credit .credit-items .credit-item:last-child {
            margin-bottom: 0; }
        .container .content .credit .credit-items .credit-head {
          text-align: left;
          line-height: 17.5px;
          font-size: 10px; }
          .container .content .credit .credit-items .credit-head .ja {
            transform-origin: left center; }
        .container .content .credit .credit-items .credit-body {
          font-size: 12px;
          text-align: right;
          line-height: 17.5px; }
          .container .content .credit .credit-items .credit-body .ja {
            transform-origin: right center; }
          .container .content .credit .credit-items .credit-body a {
            text-decoration: none;
            line-height: 17.5px;
            display: inline-block;
            padding-bottom: 0px;
            margin-bottom: 20px;
            border-bottom: 1px solid; }
      .container .content .jacket {
        text-align: center;
        width: 255px;
        margin: 0 auto;
        position: relative; }
        .container .content .jacket a {
          display: block; }
          .container .content .jacket a:hover, .container .content .jacket a:active {
            opacity: 1.0; }
            .container .content .jacket a:hover img, .container .content .jacket a:active img {
              opacity: 0.75; }
        .container .content .jacket img {
          transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
          display: block;
          width: 100%;
          border: 1px solid; }
      .container .content footer {
        opacity: 0.9;
        position: relative;
        text-align: center;
        font-size: 8px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.2px;
        padding-top: 60px;
        padding-bottom: 60px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .container .content footer a {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0 auto;
          margin-bottom: 20px; }
          .container .content footer a > img {
            width: 100%; }
        .container .content footer .bg-line .i {
          top: -100px;
          left: calc(200px);
          transform: rotate(-225deg);
          transform-origin: left center; } }

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