@charset "UTF-8";
.opening{
  top:0;
  left:0;
  position:fixed;
  width:100vw;
  height:100vh; }

.opening__container{
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center; }

.opening__logo{
  display:block;
  position:relative;
  z-index:10; }
  .opening__logo:before, .opening__logo:after{
    box-sizing:border-box;
    content:" ";
    display:block;
    position:absolute;
    z-index:15;
    width:400%;
    height:400%;
    top:50%;
    left:50%;
    border-radius:50%;
    -webkit-animation:opening-pulse 1.5s .85s infinite ease-out;
            animation:opening-pulse 1.5s .85s infinite ease-out;
    border:4px solid rgba(230, 230, 230, 0);
    -webkit-transform:translate(-50%, -50%) scale3d(0.6, 0.6, 0);
            transform:translate(-50%, -50%) scale3d(0.6, 0.6, 0); }
  .opening__logo:after{
    -webkit-transform:translate(-50%, -50%) scale3d(0.3, 0.3, 0);
            transform:translate(-50%, -50%) scale3d(0.3, 0.3, 0);
    -webkit-animation:opening-inside-pulse 1.5s .85s infinite ease-out;
            animation:opening-inside-pulse 1.5s .85s infinite ease-out; }

@-webkit-keyframes opening-inside-pulse{
  50%{
    border-color:rgba(230, 230, 230, 0.3);
    background:transparent; }
  to{
    border-color:transparent;
    -webkit-transform:translate(-50%, -50%) scale3d(0.9, 0.9, 1);
            transform:translate(-50%, -50%) scale3d(0.9, 0.9, 1); } }

@keyframes opening-inside-pulse{
  50%{
    border-color:rgba(230, 230, 230, 0.3);
    background:transparent; }
  to{
    border-color:transparent;
    -webkit-transform:translate(-50%, -50%) scale3d(0.9, 0.9, 1);
            transform:translate(-50%, -50%) scale3d(0.9, 0.9, 1); } }

@-webkit-keyframes opening-pulse{
  50%{
    border-color:rgba(230, 230, 230, 0.4);
    background:transparent; }
  to{
    border-color:transparent;
    -webkit-transform:translate(-50%, -50%) scale3d(1, 1, 1);
            transform:translate(-50%, -50%) scale3d(1, 1, 1); } }

@keyframes opening-pulse{
  50%{
    border-color:rgba(230, 230, 230, 0.4);
    background:transparent; }
  to{
    border-color:transparent;
    -webkit-transform:translate(-50%, -50%) scale3d(1, 1, 1);
            transform:translate(-50%, -50%) scale3d(1, 1, 1); } }

.opening__slice{
  position:absolute;
  top:0;
  width:200%;
  height:100%;
  will-change:right, left;
  background:#000; }
  .opening__slice--left{
    -webkit-transform:skew(-45deg);
            transform:skew(-45deg);
    left:-150%; }
  .opening__slice--right{
    -webkit-transform:skew(-45deg);
            transform:skew(-45deg);
    right:-150%; }

.opening__gutter{
  position:absolute;
  width:180%;
  height:1px;
  background:transparent;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%) rotate(-45deg);
          transform:translate(-50%, -50%) rotate(-45deg); }

.opening__line{
  height:100%;
  width:100%;
  background:#fff;
  will-change:transform;
  -webkit-transform:translateX(100%);
          transform:translateX(100%); }

.opeing__logo{
  transition:opacity 0.6s ease; }

.opening__line{
  transition:all 1.5s ease .6s; }

.opening__slice{
  transition:all 1.5s ease 2.1s; }

.is-open .opening{
  background-color:transparent; }

.is-open .opening__logo{
  opacity:0; }

.is-open .opening__slice--left{
  left:-300%; }

.is-open .opening__slice--right{
  right:-300%; }

.is-open .opening__line{
  -webkit-transform:translateX(-100%);
          transform:translateX(-100%); }

.l-toggle-button{
  position:absolute;
  margin:0;
  padding:0;
  z-index:220;
  top:2.5rem;
  right:3.5rem; }
  .l-toggle-button.is-button-fixed{
    position:fixed; }

.nav-toggle-button{
  margin:0;
  padding:0;
  outline:none;
  border:0;
  cursor:pointer;
  width:12rem;
  height:5rem;
  overflow:hidden;
  color:#fff;
  background-color:transparent;
  font-family:VeneerClean-Reg, sans-serif;
  font-size:2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center; }
  .nav-toggle-button__lhs{
    overflow:hidden;
    -webkit-box-flex:2;
        -ms-flex-positive:2;
            flex-grow:2;
    text-align:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    line-height:2rem;
    margin-top:0.4rem; }
  .nav-toggle-button__text{
    display:inline-block;
    -webkit-transform:translate(-150%, 0);
            transform:translate(-150%, 0);
    transition:-webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
    .is-open .nav-toggle-button__text{
      -webkit-transform:translate(0, 0);
              transform:translate(0, 0); }
  .nav-toggle-button__rhs{
    position:relative;
    width:5rem;
    height:5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    overflow:hidden; }
  .nav-toggle-button__box{
    width:5rem;
    height:2.9rem;
    position:relative; }
    .nav-toggle-button__box span{
      height:3px;
      display:block;
      position:absolute;
      left:0;
      width:100%;
      background-color:#fff; }
    .nav-toggle-button__box span:nth-of-type(1){
      top:0;
      -webkit-animation:nav-toggle-button-top-menu 1s ease forwards;
              animation:nav-toggle-button-top-menu 1s ease forwards; }
    .nav-toggle-button__box span:nth-of-type(2){
      top:13px;
      -webkit-animation:nav-toggle-button-mid-menu 1s ease forwards;
              animation:nav-toggle-button-mid-menu 1s ease forwards; }
    .nav-toggle-button__box span:nth-of-type(3){
      bottom:0;
      -webkit-animation:nav-toggle-button-btm-menu 1s ease forwards;
              animation:nav-toggle-button-btm-menu 1s ease forwards; }
    .is-open .nav-toggle-button__box span:nth-of-type(1){
      -webkit-animation:nav-toggle-button-top-close 1s ease forwards;
              animation:nav-toggle-button-top-close 1s ease forwards; }
    .is-open .nav-toggle-button__box span:nth-of-type(2){
      -webkit-animation:nav-toggle-button-mid-close 1s ease forwards;
              animation:nav-toggle-button-mid-close 1s ease forwards; }
    .is-open .nav-toggle-button__box span:nth-of-type(3){
      -webkit-animation:nav-toggle-button-btm-close 1s ease forwards;
              animation:nav-toggle-button-btm-close 1s ease forwards; }

@-webkit-keyframes nav-toggle-button-top-close{
  0%{
    top:0;
    opacity:1; }
  33%{
    top:0;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
            transform:translate3d(100%, 0, 0); }
  50%{
    top:50%;
    left:0%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  100%{
    top:50%;
    left:0%;
    opacity:1;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg); } }

@keyframes nav-toggle-button-top-close{
  0%{
    top:0;
    opacity:1; }
  33%{
    top:0;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
            transform:translate3d(100%, 0, 0); }
  50%{
    top:50%;
    left:0%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  100%{
    top:50%;
    left:0%;
    opacity:1;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg); } }

@-webkit-keyframes nav-toggle-button-mid-close{
  0%{
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
    opacity:1; }
  33%{
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
    opacity:0; }
  100%{
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
    opacity:0; } }

@keyframes nav-toggle-button-mid-close{
  0%{
    -webkit-transform:translateX(0%);
            transform:translateX(0%);
    opacity:1; }
  33%{
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
    opacity:0; }
  100%{
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
    opacity:0; } }

@-webkit-keyframes nav-toggle-button-btm-close{
  0%{
    top:auto;
    bottom:0;
    opacity:1; }
  33%{
    top:auto;
    bottom:0;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate(0);
            transform:translate3d(100%, 0, 0) rotate(0); }
  50%{
    top:50%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  100%{
    top:50%;
    opacity:1;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg); } }

@keyframes nav-toggle-button-btm-close{
  0%{
    top:auto;
    bottom:0;
    opacity:1; }
  33%{
    top:auto;
    bottom:0;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate(0);
            transform:translate3d(100%, 0, 0) rotate(0); }
  50%{
    top:50%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  100%{
    top:50%;
    opacity:1;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg); } }

@-webkit-keyframes nav-toggle-button-top-menu{
  0%{
    top:50%;
    opacity:1;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg); }
  33%{
    top:50%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  50%{
    top:0%;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate(0);
            transform:translate3d(100%, 0, 0) rotate(0); }
  100%{
    top:0%;
    opacity:1; } }

@keyframes nav-toggle-button-top-menu{
  0%{
    top:50%;
    opacity:1;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg); }
  33%{
    top:50%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  50%{
    top:0%;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate(0);
            transform:translate3d(100%, 0, 0) rotate(0); }
  100%{
    top:0%;
    opacity:1; } }

@-webkit-keyframes nav-toggle-button-mid-menu{
  0%{
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
    opacity:0; }
  50%{
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
    opacity:0; }
  100%{
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    opacity:1; } }

@keyframes nav-toggle-button-mid-menu{
  0%{
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
    opacity:0; }
  50%{
    -webkit-transform:translate3d(-100%, 0, 0);
            transform:translate3d(-100%, 0, 0);
    opacity:0; }
  100%{
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    opacity:1; } }

@-webkit-keyframes nav-toggle-button-btm-menu{
  0%{
    top:50%;
    opacity:1;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg); }
  33%{
    top:50%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  50%{
    top:auto;
    bottom:0%;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate(0);
            transform:translate3d(100%, 0, 0) rotate(0); }
  100%{
    top:auto;
    bottom:0%;
    opacity:1; } }

@keyframes nav-toggle-button-btm-menu{
  0%{
    top:50%;
    opacity:1;
    -webkit-transform:rotate(-45deg);
            transform:rotate(-45deg); }
  33%{
    top:50%;
    opacity:0;
    -webkit-transform:rotate(0);
            transform:rotate(0); }
  50%{
    top:auto;
    bottom:0%;
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate(0);
            transform:translate3d(100%, 0, 0) rotate(0); }
  100%{
    top:auto;
    bottom:0%;
    opacity:1; } }

@media screen and (max-width: 780px){
  .l-toggle-button{
    top:2.4rem;
    right:2.5rem; }
  .nav-toggle-button{
    width:8.55rem;
    height:3.8rem;
    font-size:1.5rem; }
    .nav-toggle-button__lhs{
      line-height:1.5rem;
      margin-top:0.3rem; }
    .nav-toggle-button__rhs{
      width:3.8rem;
      height:3.8rem; }
    .nav-toggle-button__box{
      width:3.7rem;
      height:2.2rem; }
      .nav-toggle-button__box span{
        height:2px;
        display:block;
        position:absolute;
        width:100%;
        background-color:#fff;
        -webkit-transform-origin:center middle;
                transform-origin:center middle; }
      .nav-toggle-button__box span:nth-of-type(2){
        top:1rem;
        -webkit-animation:nav-toggle-button-mid-menu 1s ease forwards;
                animation:nav-toggle-button-mid-menu 1s ease forwards; } }

@media screen and (max-width: 320px){
  html{
    font-size:55%; } }

.opening{
  z-index:1000; }

.sec01 .st0{
  clip-path:url(#KEHLANI_1_); }

.sec01 .st1{
  fill:none;
  stroke:#000000;
  stroke-width:20;
  stroke-miterlimit:10; }

.sec02 .st0{
  clip-path:url(#HONNE_1_); }

.sec02 .st1{
  fill:none;
  stroke:#000000;
  stroke-width:20;
  stroke-miterlimit:10; }

.sec03 .st0{
  clip-path:url(#TUXEDO_1_); }

.sec03 .st1{
  fill:none;
  stroke:#FFFFFF;
  stroke-width:20;
  stroke-miterlimit:10; }

.fadein, .fadein--ready{
  transition:opacity 1s ease .25s;
  opacity:0; }

.fadein.is-visible{
  opacity:1; }

.is-ready .fadein--ready{
  opacity:1; }

.album .album__cover{
  width:auto;
  height:auto; }

@media screen and (min-width: 780px){
  .album .album__cover.lazyloader{
    width:20rem;
    height:20rem;
    margin-top:18px; }
    .album .album__cover.lazyloader img{
      margin-top:0; } }

.sns-btn{
  position:relative;
  display:inline-block;
  transition:opacity .75s; }
  .sns-btn:before{
    box-sizing:border-box;
    content:" ";
    display:block;
    position:absolute;
    z-index:15;
    width:100%;
    height:100%;
    top:50%;
    left:50%;
    border-radius:50%;
    -webkit-animation:sns-pulse 1.5s .85s infinite ease-out;
            animation:sns-pulse 1.5s .85s infinite ease-out;
    border:2px solid #e6e6e6;
    -webkit-transform:translate(-50%, -50%) scale3d(0.7, 0.7, 0);
            transform:translate(-50%, -50%) scale3d(0.7, 0.7, 0);
    transition:border-color 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition:transform 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
    transition:transform 0.5s ease, border-color 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    opacity:0; }
  .sns-btn:hover{
    opacity:1 !important; }
    .sns-btn:hover:before{
      border-color:#e6e6e6;
      -webkit-transform:translate(-50%, -50%) scale3d(1, 1, 1);
              transform:translate(-50%, -50%) scale3d(1, 1, 1);
      opacity:1; }

.btn--sksw{
  position:relative;
  display:inline-block;
  background:#ad03ef;
  background:linear-gradient(to right, #5001fc 0%, #ad03ef 100%);
  color:#ffffff;
  font-size:1.8rem;
  font-family:"HiraginoSans-W6", "Hiragino Sans W6", "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   W6", "\30E1\30A4\30EA\30AA", "Meiryo", sans-serif;
  font-weight:bold;
  font-weight:600;
  text-align:center; }
  .btn--sksw:before{
    content:"";
    position:absolute;
    left:-130%;
    top:0;
    width:120%;
    height:100%;
    -webkit-transform:skewX(-30deg);
            transform:skewX(-30deg);
    background-color:#5001fc;
    -webkit-animation:skewout 0.6s ease forwards;
            animation:skewout 0.6s ease forwards; }
  .btn--sksw > div{
    display:block;
    position:relative;
    width:100%;
    z-index:1; }
  .btn--sksw:hover{
    color:#ffffff; }
    .btn--sksw:hover:before{
      -webkit-animation:skewin 0.6s ease forwards;
              animation:skewin 0.6s ease forwards; }

.btn--sksw--sm{
  width:12.8rem;
  height:3.6rem;
  font-size:1.4rem;
  line-height:3.6rem; }

.btn--sksw--lg{
  width:36rem;
  height:6rem;
  line-height:6rem; }

@media screen and (max-width: 780px){
  .btn--sksw--lg{
    display:block;
    width:86.6vw;
    height:14.4vw;
    margin:10.6vw auto 0;
    font-size:4vw;
    line-height:14.4vw; }
  .btn--sksw--sm{
    display:block;
    width:35vw;
    height:9.8vw;
    margin:4vw 0 0 0;
    font-size:3.4vw;
    line-height:9.8vw; } }

.liverp-anim .shadow{
  transition:background-color .4s ease-out !important;
  -webkit-animation:skewin 0.6s ease forwards !important;
          animation:skewin 0.6s ease forwards !important; }

.liverp-anim:hover .shadow{
  -webkit-animation:skewout 0.6s ease forwards !important;
          animation:skewout 0.6s ease forwards !important; }

@-webkit-keyframes skewin{
  0%{
    left:-130%; }
  100%{
    left:-10%; } }

@keyframes skewin{
  0%{
    left:-130%; }
  100%{
    left:-10%; } }

@-webkit-keyframes skewout{
  0%{
    left:-10%; }
  100%{
    left:130%; } }

@keyframes skewout{
  0%{
    left:-10%; }
  100%{
    left:130%; } }

@-webkit-keyframes btn_officialsite_anim{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    opacity:1.0; }
  49%{
    -webkit-transform:translate3d(30%, 0, 0);
            transform:translate3d(30%, 0, 0);
    opacity:0.0; }
  50%{
    -webkit-transform:translate3d(-30%, 0, 0);
            transform:translate3d(-30%, 0, 0);
    opacity:0.0; }
  100%{
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    opacity:1.0; } }

@keyframes btn_officialsite_anim{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    opacity:1.0; }
  49%{
    -webkit-transform:translate3d(30%, 0, 0);
            transform:translate3d(30%, 0, 0);
    opacity:0.0; }
  50%{
    -webkit-transform:translate3d(-30%, 0, 0);
            transform:translate3d(-30%, 0, 0);
    opacity:0.0; }
  100%{
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    opacity:1.0; } }

.btn_officialsite a:hover div{
  -webkit-animation:btn_officialsite_anim 0.6s ease;
          animation:btn_officialsite_anim 0.6s ease; }

@media screen and (min-width: 780px){
  .hero{
    width:100%;
    height:100%;
    max-height:none;
    min-height:auto; }
  .sec01 .sec__upper .name h3 .drawable{
    display:block;
    width:380px;
    padding-top:102px; }
  .sec02 .sec__upper .name h3 .drawable{
    display:block;
    width:300px;
    margin:0 60px 0 70px;
    padding-top:94px; }
  .sec03 .sec__upper .name h3 .drawable{
    display:block;
    width:348px;
    padding-top:68px; }
  #sec04 .btn--sksw{
    margin:50px auto 0; }
  #sec05 .buy_ticket .btn--sksw{
    margin:0 auto -12px; }
  .sec06 .annual figcaption .txt:before{
    transition-duration:0.2s;
    -webkit-transform-origin:left;
            transform-origin:left; } }

@media screen and (max-width: 780px){
  .sec01 .sec__upper .name h3 .drawable,
  .sec02 .sec__upper .name h3 .drawable{
    margin:0;
    padding-top:8vw; }
  .sec01 .sec__upper .name h3 .drawable{
    width:50vw; }
  .sec02 .sec__upper .name h3 .drawable{
    width:40vw; }
  .sec03 .sec__upper .name h3 .drawable{
    width:46.5vw; }
  .modal_close_button{
    top:2.4rem;
    right:2.5rem;
    font-size:1.5rem;
    width:8.55rem;
    height:3.8rem; }
    .modal_close_button .close_button_txt{
      padding-right:2rem;
      line-height:3.8rem; }
    .modal_close_button img{
      width:3.0rem;
      height:3.0rem;
      line-height:3.8rem; } }

.sec__upper .photo img{
  height:auto; }

.video__wrapper img{
  height:auto; }

.album img{
  height:auto; }

.sec03 .sec__upper .name h3{
  position:relative; }

#content{
  border-radius:0; }

artist, visible, drawable, visible, lazy-loader, artist{
  display:block; }

.sec00.is-visible h2, .sec00.is-visible .lead, .sec00.is-visible .body{
  overflow:hidden; }
  .sec00.is-visible h2 > *, .sec00.is-visible .lead > *, .sec00.is-visible .body > *{
    display:block;
    transition:opacity, -webkit-transform 1s ease;
    transition:opacity, transform 1s ease;
    transition:opacity, transform 1s ease, -webkit-transform 1s ease;
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
    will-change:transform; }

@media screen and (max-width: 780px){
  .video{
    height:1px !important; }
    .video .lazyloader{
      position:absolute !important;
      top:0;
      left:0; }
  .lazyloader.album__cover{
    display:inline-block !important;
    width:auto !important; } }

@media screen and (min-width: 780px){
  .sec01 .sec__upper{
    height:514px; }
  .sec02 .sec__upper{
    height:514px; }
  .sec02 .sec__upper{
    height:797px; }
  .sec01.is-ready .sec__upper{
    height:auto; }
  .sec02.is-ready .sec__upper{
    height:auto; }
  .sec02.is-ready .sec__upper{
    height:auto; }
  .video{
    height:354px; }
    .video.is-ready{
      height:auto; } }

.fadeout{
  opacity:1;
  transition:opacity 0.25s ease; }
  .is-fixed .fadeout{
    opacity:0; }

.menu-drawer {
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
@media screen and (max-width: 780px) {
.menu-drawer {
    height: calc(100vh + 2px);
}
}
.md__body {
  width: 100%;
  height: 100%;
}

/* ------------------------------
Layout
------------------------------ */
.l-md__logo {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  z-index: 120;
  opacity: 1;
}
.l-md__about {
  margin-top: 2rem;
}
.l-md__sns {
  margin-top: 3rem;
}

/* Component  */
.md__section {
  width: 100%;
}
.md__inner {
  padding: 0 7rem;
}
.md__body {
  position: absolute;
  z-index: 115;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.md__logo {
  width: 4.5rem;
  height: 4.5rem;
}
.md__logo img {
    width: 100%;
    height: auto;
}
.md__content {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.md__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.md__overlay--1 {
    background-color: rgba(0, 0, 0, 0.5);
}
.md__overlay--2 {
    background-color: #000;
}

/* Link and SNS */
.md__sns__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.md__sns-link {
  display: block;
}
.md__sns-link img {
    width: 100%;
    height: auto;
}
.md__link {
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
  opacity: .4;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.1s;
  font-family: VeneerClean-Reg, sans-serif;
}
.md__link:hover {
    color: #fff;
    opacity: 1;
}
.md__sns-link + .md__sns-link {
  margin-left: 3.5rem;
}
.md__sns-link--fb {
  width: 1.05rem;
  height: 2.15rem;
}
.md__sns-link--tw {
  width: 2.25rem;
  height: 1.85rem;
}
.md__sns-link--ig {
  width: 2rem;
  height: 2rem;
}

/* Animation  */
.fade-enter-active, .fade-leave-active {
  transition-property: opacity;
  transition-duration: .4s;
  transition-timing-function: ease;
}
.fade-enter-active {
  transition-delay: .6s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.slide-rtl-enter-active, .slide-rtl-leave-active {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 1s;
  transition-timing-function: ease;
}
.slide-rtl-enter-active {
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
}
.slide-rtl-enter-active.md__overlay--1 {
    transition-delay: 0s;
}
.slide-rtl-enter-active.md__overlay--2 {
    transition-delay: .2s;
}
.slide-rtl-enter-active.md__content {
    transition-delay: .4s;
}
.slide-rtl-leave-active {
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
}
.slide-rtl-leave-active.md__overlay--1 {
    transition-delay: .4s;
}
.slide-rtl-leave-active.md__overlay--2 {
    transition-delay: .2s;
}
.slide-rtl-leave-active.md__content {
    transition-delay: .0s;
}
.slide-rtl-enter, .slide-rtl-leave-to {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

/* PC */
@media only screen and (min-width: 780px) {
.l-md__about {
    margin-top: 3rem;
}
.l-md__sns {
    margin-top: 6rem;
}
.l-md__logo {
    top: 2rem;
    left: 3.5rem;
}
.md__logo {
    width: 6rem;
    height: 6rem;
}
.md__menu {
    width: 35%;
    margin-left: auto;
}
.mn__link {
    font-size: 1.6rem;
}
.md__sns-link + .md__sns-link {
    margin-left: 3.8rem;
}
.md__sns-link--fb {
    width: 1.2rem;
    height: 2.4rem;
}
.md__sns-link--tw {
    width: 2.6rem;
    height: 2.1rem;
}
.md__sns-link--ig {
    width: 2.2rem;
    height: 2.2rem;
}
.md__overlay:before {
    content: ' ';
    display: block;
    z-index: 110;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.md__overlay--1 {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
}
.md__overlay--2 {
    -webkit-transform: translate3d(60%, 0, 0);
            transform: translate3d(60%, 0, 0);
}
.slide-rtl-enter.md__overlay--1, .slide-rtl-enter.md__overlay--2, .slide-rtl-leave-to.md__overlay--1, .slide-rtl-leave-to.md__overlay--2 {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
}
.md__overlay--1 {
    background-color: transparent;
}
.md__overlay--2 {
    background-color: transparent;
}
.md__overlay:before {
    -webkit-transform: skewX(-45deg);
            transform: skewX(-45deg);
}
.md__overlay--1:before {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    width: 300%;
}
.md__overlay--2:before {
    background-color: #000;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    width: 300%;
}
.fade-enter-active.l-md__about {
    transition-delay: 1s;
}
.fade-enter-active.l-md__sns {
    transition-delay: 1s;
}
}

.dm-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dm__item + .dm__item {
  margin-top: 2rem;
}
.dm__inner {
  padding: 0 7rem;
}
.dm-item {
  display: block;
}
.dm-item img {
    width: 100%;
    height: auto;
}
.dm-enter-active, .dm-leave-active {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.dm-enter, .transform -leave-to {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.dm__item:nth-child(1) {
  transition-delay: 0.72s;
}
.dm__item:nth-child(2) {
  transition-delay: 0.74s;
}
.dm__item:nth-child(3) {
  transition-delay: 0.76s;
}
.dm__item:nth-child(4) {
  transition-delay: 0.78s;
}
.dm__item:nth-child(5) {
  transition-delay: 0.8s;
}
.dm__item:nth-child(6) {
  transition-delay: 0.82s;
}
.dm__item:nth-child(7) {
  transition-delay: 0.84s;
}

.dm-link[data-v-c3c25c40] {
  box-sizing: content-box;
  margin-left: -1.1rem;
  display: block;
  position: relative;
  text-decoration: none;
  padding: 0 1.1rem;
}
.dm-link img[data-v-c3c25c40] {
    width: 100%;
    height: auto;
}
.dm-link--home[data-v-c3c25c40] {
  width: 5.6rem;
  height: 2.2rem;
}
.dm-link--kehlani[data-v-c3c25c40] {
  width: 8.6rem;
  height: 2.2rem;
}
.dm-link--honne[data-v-c3c25c40] {
  width: 6.8rem;
  height: 2.2rem;
}
.dm-link--tuxedo[data-v-c3c25c40] {
  width: 7.85rem;
  height: 2.2rem;
}
.dm-link--tickets_access[data-v-c3c25c40] {
  width: 19.8rem;
  height: 2.2rem;
}
.dm-link--extra_live[data-v-c3c25c40] {
  width: 11.65rem;
  height: 2.2rem;
}
.dm-link--archives[data-v-c3c25c40] {
  width: 10.15rem;
  height: 2.2rem;
}

/* PC */
@media only screen and (min-width: 650px) {
.dm-link--home[data-v-c3c25c40] {
    width: 8.2rem;
    height: 3.1rem;
}
.dm-link--kehlani[data-v-c3c25c40] {
    width: 12.4rem;
    height: 3.1rem;
}
.dm-link--honne[data-v-c3c25c40] {
    width: 9.8rem;
    height: 3.1rem;
}
.dm-link--tuxedo[data-v-c3c25c40] {
    width: 11.4rem;
    height: 3.1rem;
}
.dm-link--tickets_access[data-v-c3c25c40] {
    width: 28.7rem;
    height: 3.1rem;
}
.dm-link--extra_live[data-v-c3c25c40] {
    width: 16.9rem;
    height: 3.1rem;
}
.dm-link--archives[data-v-c3c25c40] {
    width: 14.7rem;
    height: 3.1rem;
}
}
.dm-link__item[data-v-c3c25c40] {
  display: block;
}
.dm-link__backboard[data-v-c3c25c40] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(-30deg) translate3d(0, 0, 0);
          transform: skew(-30deg) translate3d(0, 0, 0);
}
.dm-link__hoveritem[data-v-c3c25c40] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(-30deg) translate3d(0, 0, 0);
          transform: skew(-30deg) translate3d(0, 0, 0);
}
.dm-link__hoveritem__inner[data-v-c3c25c40] {
    display: block;
    padding: 0 1.1rem;
    -webkit-transform: skew(30deg) translate3d(0, 0, 0);
            transform: skew(30deg) translate3d(0, 0, 0);
}
.ltr-enter[data-v-c3c25c40] {
  -webkit-transform: skew(-30deg) translate3d(-100%, 0, 0);
          transform: skew(-30deg) translate3d(-100%, 0, 0);
}
.rtl-enter[data-v-c3c25c40] {
  -webkit-transform: skew(30deg) translate3d(100%, 0, 0);
          transform: skew(30deg) translate3d(100%, 0, 0);
}
.ltr-leave-to[data-v-c3c25c40] {
  -webkit-transform: skew(-30deg) translate3d(100%, 0, 0);
          transform: skew(-30deg) translate3d(100%, 0, 0);
}
.rtl-leave-to[data-v-c3c25c40] {
  -webkit-transform: skew(30deg) translate3d(-100%, 0, 0);
          transform: skew(30deg) translate3d(-100%, 0, 0);
}
.ltr-enter-active[data-v-c3c25c40],
.ltr-leave-active[data-v-c3c25c40],
.rtl-enter-active[data-v-c3c25c40],
.rtl-leave-active[data-v-c3c25c40] {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .25s;
  transition-timing-function: ease;
}
.ltr-leave-active.dm-link__backboard[data-v-c3c25c40] {
  transition-delay: .25s;
}

.heroframe[data-v-686fe73c] {
  width: 100%;
  min-height: 79rem;
  overflow: hidden;
  position: relative;
}
.heroframe__image[data-v-686fe73c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-fade-enter-active[data-v-686fe73c], .hero-fade-leave-active[data-v-686fe73c] {
  transition: opacity .5s;
}
.hero-fade-enter[data-v-686fe73c], .hero-fade-leave-to[data-v-686fe73c] {
  opacity: 0;
}
.fade-enter-active[data-v-686fe73c], .fade-leave-active[data-v-686fe73c] {
  transition: opacity .5s;
}
.fade-enter[data-v-686fe73c], .fade-leave-to[data-v-686fe73c] {
  opacity: 0;
}
@media screen and (max-width: 780px) {
.heroframe[data-v-686fe73c] {
    min-height: 100vh;
}
}

.artists[data-v-529be4d9] {
  position: relative;
  margin: auto;
  text-align: center;
  color: #ffffff;
  font-family: VeneerClean-Reg, sans-serif;
  font-size: 2.0rem;
  letter-spacing: 0.05em;
  display: inline-block;
}
.artists__line[data-v-529be4d9] {
    content: " ";
    display: block;
    height: 3px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transition: left .4s ease, width .4s ease;
}
.artists__line-enter-active[data-v-529be4d9], .artists__line-leave-active[data-v-529be4d9] {
  transition: opacity .4s ease, width .4s ease;
}
.artists__line-enter[data-v-529be4d9], .artists__line-leave-to[data-v-529be4d9] {
  opacity: 0;
  width: 0;
}
@media screen and (max-width: 780px) {
.artists__line[data-v-529be4d9] {
    bottom: -4px;
}
}

.lazyloader[data-v-5b1c2e55] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.lazyloader img[data-v-5b1c2e55] {
    opacity: 0;
    transition: opacity 0.5s ease .5s;
}
.lazyloader.is-loaded img[lazy=loaded][data-v-5b1c2e55] {
    opacity: 1;
}
.lazyloader__backboard[data-v-5b1c2e55] {
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  -webkit-transform: skewX(-30deg) translate3d(-150%, 0, 0);
          transform: skewX(-30deg) translate3d(-150%, 0, 0);
  background-color: #5001fc;
  will-change: transform;
}
.lazyskewslide-leave-active[data-v-5b1c2e55] {
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.lazyskewslide-leave[data-v-5b1c2e55] {
  -webkit-transform: skewX(-30deg) translate3d(-150%, 0, 0);
          transform: skewX(-30deg) translate3d(-150%, 0, 0);
}
.lazyskewslide-leave-to[data-v-5b1c2e55] {
  -webkit-transform: skewX(-30deg) translate3d(150%, 0, 0);
          transform: skewX(-30deg) translate3d(150%, 0, 0);
}
.lazyfade-enter[data-v-5b1c2e55] {
  opacity: 0;
}
.lazyfade-enter-active[data-v-5b1c2e55] {
  transition: opacity 0.5s ease .5s;
}
.lazyfade-enter-to[data-v-5b1c2e55] {
  opacity: 1;
}

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