* {
  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 {
  opacity: 0.0;
  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: opacity 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: 768px) {
  .is-sp {
    display: none !important; }
  .is-tb {
    display: none !important; }
  html {
    overflow-y: scroll; }
  body {
    color: #1E1E1E;
    background: #FFF8F2;
    font-feature-settings: "palt";
    font-family: 'EB Garamond', 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
    line-height: 2.0;
    font-size: 14px;
    overflow: hidden; }
  .loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #FFF8F2;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    transition: opacity 1.2s;
    display: flex;
    justify-content: center;
    align-items: center; }
    .loading img {
      -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
      transition: -webkit-clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .loading.show img {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .loading.hide {
      opacity: 0.0;
      pointer-events: none; }
  .head .inner {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0px; }
    .head .inner .sns {
      display: flex;
      align-items: center;
      gap: 10px;
      position: fixed;
      bottom: 0px;
      right: 10px;
      height: 62px;
      z-index: 100; }
      .head .inner .sns a {
        display: block; }
        .head .inner .sns a img {
          display: block; }
    .head .inner .logo {
      position: absolute;
      width: 100%;
      z-index: 100;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: calc(100vw * 55 / 1920);
      left: 0px;
      width: 100%; }
      .head .inner .logo a {
        display: block; }
        .head .inner .logo a img {
          width: calc(100vw * 188 / 1920);
          max-width: 188px;
          display: block; }
  .container .kv {
    position: relative; }
    .container .kv.show .bg {
      transition: opacity 1s;
      opacity: 1.0; }
    .container .kv.show .f1 {
      transition: opacity 2s;
      opacity: 1.0; }
    .container .kv.show .f2 {
      transition: opacity 1s;
      opacity: 1.0; }
    .container .kv img {
      width: 100vw; }
    .container .kv .bg {
      -webkit-clip-path: polygon(calc(100vw * 60 / 1920) calc(100vw * 200 / 1920), calc(100% - (100vw * 60 / 1920)) calc(100vw * 200 / 1920), calc(100% - (100vw * 60 / 1920)) calc(100% - 60px), 3.125vw calc(100% - (100vw * 60 / 1920)));
              clip-path: polygon(calc(100vw * 60 / 1920) calc(100vw * 200 / 1920), calc(100% - (100vw * 60 / 1920)) calc(100vw * 200 / 1920), calc(100% - (100vw * 60 / 1920)) calc(100% - 60px), 3.125vw calc(100% - (100vw * 60 / 1920)));
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: cover;
              mask-size: cover;
      opacity: 0.0; }
    .container .kv .logo {
      position: absolute;
      top: 0px;
      transform: translate(0px, -0.5vw);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: cover;
              mask-size: cover; }
    .container .kv .f1 {
      position: absolute;
      top: 0px;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: cover;
              mask-size: cover;
      opacity: 0.0; }
    .container .kv .f2 {
      position: absolute;
      top: 0px;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: cover;
              mask-size: cover;
      opacity: 0.0; }
  .container .content {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px; }
    .container .content .sep img {
      width: 100%; }
    .container .content .video {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9; }
      .container .content .video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px; }
    .container .content .discs .inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 120px;
      align-self: stretch;
      width: 100%; }
      .container .content .discs .inner .disc {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 80px;
        width: 100%; }
        .container .content .discs .inner .disc .tracks {
          width: 100%;
          display: flex;
          flex-direction: column;
          border-top: 1px solid; }
    .container .content .credit .inner .credits {
      display: flex;
      flex-direction: column;
      border-top: 1px solid; }
    .container .content .tack .acc_container.showAcc .acc_head,
    .container .content .credit .acc_container.showAcc .acc_head {
      border-bottom: none; }
      .container .content .tack .acc_container.showAcc .acc_head .icon:before, .container .content .tack .acc_container.showAcc .acc_head .icon:after,
      .container .content .credit .acc_container.showAcc .acc_head .icon:before,
      .container .content .credit .acc_container.showAcc .acc_head .icon:after {
        transform: translate(-50%, -50%) rotate(0deg); }
    .container .content .tack .acc_container .acc_head,
    .container .content .credit .acc_container .acc_head {
      position: relative;
      width: 100%; }
      .container .content .tack .acc_container .acc_head .acc_head_inner,
      .container .content .credit .acc_container .acc_head .acc_head_inner {
        display: flex;
        align-items: center;
        height: 68px;
        width: 100%; }
        .container .content .tack .acc_container .acc_head .acc_head_inner .icon,
        .container .content .credit .acc_container .acc_head .acc_head_inner .icon {
          display: block;
          position: relative;
          width: 120px;
          height: 68px; }
          .container .content .tack .acc_container .acc_head .acc_head_inner .icon:before, .container .content .tack .acc_container .acc_head .acc_head_inner .icon:after,
          .container .content .credit .acc_container .acc_head .acc_head_inner .icon:before,
          .container .content .credit .acc_container .acc_head .acc_head_inner .icon:after {
            content: "";
            display: block;
            position: absolute;
            width: 14px;
            height: 1px;
            background: #E60012;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
          .container .content .tack .acc_container .acc_head .acc_head_inner .icon:after,
          .container .content .credit .acc_container .acc_head .acc_head_inner .icon:after {
            transform: translate(-50%, -50%) rotate(90deg); }
    .container .content .tack .acc_container .acc_body,
    .container .content .credit .acc_container .acc_body {
      overflow: hidden;
      transition: 0.2s ease-out;
      height: 1px;
      border-bottom: 1px solid;
      width: 100%; }
      .container .content .tack .acc_container .acc_body .body_inner,
      .container .content .credit .acc_container .acc_body .body_inner {
        padding: 0 120px 23px 120px; }
        .container .content .tack .acc_container .acc_body .body_inner .item_inner,
        .container .content .credit .acc_container .acc_body .body_inner .item_inner {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 40px;
          width: 100%; }
          .container .content .tack .acc_container .acc_body .body_inner .item_inner .desc-item,
          .container .content .credit .acc_container .acc_body .body_inner .item_inner .desc-item {
            font-size: 12px;
            width: 100%; }
            .container .content .tack .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm,
            .container .content .credit .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm {
              width: 100%; }
              .container .content .tack .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm:last-child,
              .container .content .credit .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm:last-child {
                text-align: right; }
    .container .content .tracks .acc_container .acc_head .acc_head_inner.hide .txt {
      display: flex;
      width: calc((100% - 120px)); }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .numb {
      width: 120px;
      font-size: 14px;
      font-style: italic;
      font-weight: 600; }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .txt {
      display: flex;
      width: calc((100% - 120px - 120px)); }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .name {
      width: 50%;
      font-size: 14px; }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .artist {
      width: 50%;
      text-align: right;
      font-size: 12px; }
    .container .content .credit .acc_container .acc_head .acc_head_inner.hide .txt {
      display: flex;
      width: calc((100% - 120px)); }
    .container .content .credit .acc_container .acc_head .acc_head_inner .numb {
      width: 480px;
      font-size: 14px;
      font-style: italic;
      font-weight: 600; }
    .container .content .credit .acc_container .acc_head .acc_head_inner .txt {
      display: flex;
      width: calc((100% - 480px - 120px)); }
      .container .content .credit .acc_container .acc_head .acc_head_inner .txt .name {
        width: 100%;
        text-align: right;
        font-size: 14px; }
    .container .content .info {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-start;
      gap: 40px; }
      .container .content .info .btns {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        width: 100%; }
        .container .content .info .btns a {
          display: block;
          width: 100%;
          padding: 1em 0px;
          border-bottom: 1px solid;
          font-size: 20px;
          font-weight: 400;
          line-height: 100%;
          /* 20px */
          letter-spacing: 2.4px; }
      .container .content .info .jacket {
        width: calc(100% - 40px / 2); }
        .container .content .info .jacket img {
          border: 1px solid;
          display: block;
          width: 100%; }
      .container .content .info .inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 120px;
        width: calc(100% - 40px / 2); }
        .container .content .info .inner .about {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 30px;
          align-self: stretch;
          width: 100%; }
          .container .content .info .inner .about .title {
            width: 100%;
            font-size: 40px;
            line-height: 1; }
            .container .content .info .inner .about .title img {
              width: 100%; }
          .container .content .info .inner .about .desc {
            font-size: 14px;
            line-height: 200%; }
        .container .content .info .inner .event {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 30px;
          align-self: stretch;
          width: 100%; }
          .container .content .info .inner .event .name {
            font-size: 40px;
            line-height: 1.5; }
    .container .content footer {
      height: 100vh;
      position: relative;
      background: url(/assets/img/sheet2.png) repeat-y center top;
      background-size: 920px 187px; }
      .container .content footer .txt {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .container .content footer .copy {
        position: absolute;
        left: 50%;
        bottom: calc(100vw * 55 / 1920);
        transform: translate(-50%, 0%);
        width: 100%;
        text-align: center;
        font-size: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        width: 100%; }
        .container .content footer .copy .logo {
          margin: 0 auto; }
          .container .content footer .copy .logo img {
            width: 60px; }
        .container .content footer .copy p {
          margin: 0 auto; } }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .is-pc {
    display: none !important; }
  .is-sp {
    display: none !important; }
  .container .kv {
    position: relative; }
    .container .kv img {
      width: 100vw; }
    .container .kv .bg {
      -webkit-clip-path: polygon(30px calc(100vw * 200 / 1920), calc(100% - 30px) calc(100vw * 200 / 1920), calc(100% - 30px) calc(100% - 30px), 30px calc(100% - 30px));
              clip-path: polygon(30px calc(100vw * 200 / 1920), calc(100% - 30px) calc(100vw * 200 / 1920), calc(100% - 30px) calc(100% - 30px), 30px calc(100% - 30px)); }
  .container .content {
    width: 100%;
    max-width: none;
    padding: 0px 40px;
    box-sizing: border-box; }
    .container .content .tack .acc_container .acc_head .acc_head_inner .icon,
    .container .content .credit .acc_container .acc_head .acc_head_inner .icon {
      width: 60px; }
    .container .content .tack .acc_container .acc_body .body_inner,
    .container .content .credit .acc_container .acc_body .body_inner {
      padding: 0 60px 23px 40px; }
    .container .content .tracks .acc_container .acc_head .acc_head_inner.hide .txt {
      width: calc((100% - 40px)); }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .numb {
      width: 40px; }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .txt {
      width: calc((100% - 40px - 60px)); }
    .container .content .credit .acc_container .acc_head .acc_head_inner.hide .txt {
      width: calc((100% - 40px)); }
    .container .content .credit .acc_container .acc_head .acc_head_inner .numb {
      width: 480px;
      font-size: 14px;
      font-style: italic;
      font-weight: 600; }
    .container .content .credit .acc_container .acc_head .acc_head_inner .txt {
      width: calc((100% - 480px - 40px)); }
    .container .content .info .jacket {
      width: calc(100% - 360px - 40px); }
    .container .content .info .inner {
      width: 360px; }
      .container .content .info .inner .event .name {
        color: #1E1E1E;
        font-size: 32px; }
    .container .content footer {
      background-size: contain; } }

@media only screen and (max-width: 767px) {
  .is-pc {
    display: none !important; }
  .is-tb {
    display: none !important; }
  html {
    overflow-y: scroll; }
  html {
    overflow-y: scroll; }
  body {
    color: #1E1E1E;
    background: #FFF8F2;
    font-feature-settings: "palt";
    font-family: 'EB Garamond', 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
    line-height: 2.0;
    font-size: 14px;
    overflow: hidden; }
  .loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #FFF8F2;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    transition: opacity 0.8s;
    display: flex;
    justify-content: center;
    align-items: center; }
    .loading img {
      width: 120px;
      -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
      transition: -webkit-clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .loading.show img {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
    .loading.hide {
      opacity: 0.0;
      pointer-events: none; }
  .head {
    position: absolute;
    width: 100%;
    z-index: 100; }
    .head .inner {
      max-width: 920px;
      margin: 0 auto;
      position: relative;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 0px; }
      .head .inner .sns {
        display: flex;
        align-items: center;
        gap: 10px;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 62px;
        transform: translate(0px, -62px); }
        .head .inner .sns a {
          display: block; }
          .head .inner .sns a img {
            display: block; }
      .head .inner .logo {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 8px;
        left: 0px;
        width: 100%; }
        .head .inner .logo a {
          display: block; }
          .head .inner .logo a img {
            width: 40px;
            display: block; }
  .container .kv {
    position: relative; }
    .container .kv.show .bg {
      transition: opacity 1s;
      opacity: 1.0; }
    .container .kv.show .f1 {
      transition: opacity 2s;
      opacity: 1.0; }
    .container .kv.show .f2 {
      transition: opacity 1s;
      opacity: 1.0; }
    .container .kv img {
      width: 100vw; }
    .container .kv .bg {
      -webkit-clip-path: polygon(20px calc(100vw * 40 / 375), calc(100% - 20px) calc(100vw * 40 / 375), calc(100% - 20px) calc(100% - 20px), 20px calc(100% - 20px));
              clip-path: polygon(20px calc(100vw * 40 / 375), calc(100% - 20px) calc(100vw * 40 / 375), calc(100% - 20px) calc(100% - 20px), 20px calc(100% - 20px));
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: cover;
              mask-size: cover;
      opacity: 0.0; }
      .container .kv .bg img {
        height: calc(100vw * 580 / 375);
        -o-object-fit: cover;
           object-fit: cover; }
    .container .kv .logo {
      position: absolute;
      top: 0px;
      transform: translate(0px, -0.5vw); }
    .container .kv .f1 {
      position: absolute;
      top: 0px;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: cover;
              mask-size: cover;
      opacity: 0.0; }
      .container .kv .f1 img {
        height: calc(100vw * 580 / 375);
        -o-object-fit: cover;
           object-fit: cover; }
    .container .kv .f2 {
      position: absolute;
      top: 0px;
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-size: cover;
              mask-size: cover;
      opacity: 0.0; }
      .container .kv .f2 img {
        height: calc(100vw * 580 / 375);
        -o-object-fit: cover;
           object-fit: cover; }
  .container .content {
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px; }
    .container .content .sep img {
      width: 100%; }
    .container .content .video {
      position: relative;
      width: 100vw;
      aspect-ratio: 16 / 9;
      margin-left: -20px; }
      .container .content .video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px; }
    .container .content .discs .inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 80px;
      align-self: stretch;
      width: 100%; }
      .container .content .discs .inner .disc {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        width: 100%; }
        .container .content .discs .inner .disc .tracks {
          display: flex;
          flex-direction: column;
          border-top: 1px solid;
          width: 100%; }
    .container .content .credit .inner .credits {
      display: flex;
      flex-direction: column;
      border-top: 1px solid; }
    .container .content .tack .acc_container.showAcc .acc_head,
    .container .content .credit .acc_container.showAcc .acc_head {
      border-bottom: none; }
      .container .content .tack .acc_container.showAcc .acc_head .icon:before, .container .content .tack .acc_container.showAcc .acc_head .icon:after,
      .container .content .credit .acc_container.showAcc .acc_head .icon:before,
      .container .content .credit .acc_container.showAcc .acc_head .icon:after {
        transform: translate(-50%, -50%) rotate(0deg); }
    .container .content .tack .acc_container .acc_head,
    .container .content .credit .acc_container .acc_head {
      position: relative; }
      .container .content .tack .acc_container .acc_head .acc_head_inner,
      .container .content .credit .acc_container .acc_head .acc_head_inner {
        display: flex;
        height: 68px;
        align-items: center;
        line-height: 1.2; }
        .container .content .tack .acc_container .acc_head .acc_head_inner .icon,
        .container .content .credit .acc_container .acc_head .acc_head_inner .icon {
          display: block;
          position: relative;
          width: 40px;
          height: 68px; }
          .container .content .tack .acc_container .acc_head .acc_head_inner .icon:before, .container .content .tack .acc_container .acc_head .acc_head_inner .icon:after,
          .container .content .credit .acc_container .acc_head .acc_head_inner .icon:before,
          .container .content .credit .acc_container .acc_head .acc_head_inner .icon:after {
            content: "";
            display: block;
            position: absolute;
            width: 14px;
            height: 1px;
            background: #E60012;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
          .container .content .tack .acc_container .acc_head .acc_head_inner .icon:after,
          .container .content .credit .acc_container .acc_head .acc_head_inner .icon:after {
            transform: translate(-50%, -50%) rotate(90deg); }
    .container .content .tack .acc_container .acc_body,
    .container .content .credit .acc_container .acc_body {
      overflow: hidden;
      transition: 0.2s ease-out;
      height: 1px;
      border-bottom: 1px solid; }
      .container .content .tack .acc_container .acc_body .body_inner,
      .container .content .credit .acc_container .acc_body .body_inner {
        padding: 0 40px 23px 40px; }
        .container .content .tack .acc_container .acc_body .body_inner .item_inner,
        .container .content .credit .acc_container .acc_body .body_inner .item_inner {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 40px;
          width: 100%; }
          .container .content .tack .acc_container .acc_body .body_inner .item_inner .desc-item,
          .container .content .credit .acc_container .acc_body .body_inner .item_inner .desc-item {
            font-size: 11px;
            width: 100%;
            text-align: justify; }
            .container .content .tack .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm,
            .container .content .credit .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm {
              width: 100%; }
              .container .content .tack .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm:last-child,
              .container .content .credit .acc_container .acc_body .body_inner .item_inner .desc-item .desc-elm:last-child {
                text-align: right; }
    .container .content .tracks .acc_container .acc_head .acc_head_inner.hide .txt {
      width: calc((100% - 40px)); }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .numb {
      width: 40px;
      font-size: 14px;
      font-style: italic;
      font-weight: 600; }
    .container .content .tracks .acc_container .acc_head .acc_head_inner .txt {
      width: calc(100% - 40px - 40px); }
      .container .content .tracks .acc_container .acc_head .acc_head_inner .txt .name {
        font-size: 13px;
        margin-bottom: 3px; }
      .container .content .tracks .acc_container .acc_head .acc_head_inner .txt .artist {
        font-size: 11px; }
    .container .content .credit .acc_container .acc_head .acc_head_inner.hide .txt {
      width: calc((100% - 50%)); }
    .container .content .credit .acc_container .acc_head .acc_head_inner .numb {
      width: 50%;
      font-size: 13px;
      font-style: italic;
      font-weight: 600; }
    .container .content .credit .acc_container .acc_head .acc_head_inner .txt {
      display: flex;
      width: calc((100% - 50% - 40px)); }
      .container .content .credit .acc_container .acc_head .acc_head_inner .txt .name {
        width: 100%;
        text-align: right;
        font-size: 13px; }
    .container .content .info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 80px; }
      .container .content .info .btns {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%; }
        .container .content .info .btns a {
          display: block;
          width: 100%;
          padding-bottom: 10px;
          border-bottom: 1px solid;
          font-size: 16px;
          font-weight: 400;
          line-height: 100%;
          /* 20px */
          letter-spacing: 2.4px; }
      .container .content .info .jacket {
        border: 1px solid; }
        .container .content .info .jacket img {
          display: block;
          width: 100%; }
      .container .content .info .inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%; }
        .container .content .info .inner .about {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 30px;
          align-self: stretch;
          width: 100%; }
          .container .content .info .inner .about .title {
            width: 100%;
            font-size: 28px;
            line-height: 1; }
            .container .content .info .inner .about .title img {
              width: 100%; }
          .container .content .info .inner .about .desc {
            font-size: 12px;
            line-height: 200%; }
        .container .content .info .inner .event {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 30px;
          align-self: stretch;
          width: 100%; }
          .container .content .info .inner .event .name {
            font-size: 28px;
            line-height: 1.5; }
    .container .content footer {
      height: 100vh;
      position: relative;
      background: url(/assets/img/sheet2.png) repeat-y center top;
      background-size: contain; }
      .container .content footer .txt {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .container .content footer .txt img {
          width: 120px; }
      .container .content footer .copy {
        position: absolute;
        left: 50%;
        bottom: calc(100vw * 55 / 1920);
        transform: translate(-50%, 0%);
        width: 100%;
        text-align: center;
        font-size: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%; }
        .container .content footer .copy .logo {
          margin: 0 auto; }
          .container .content footer .copy .logo img {
            width: 40px; }
        .container .content footer .copy p {
          margin: 0 auto; } }

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