@charset "UTF-8";
/* DLIGHT */
.dm{}

@media ( max-width: 768px ) {
  
  #imgscroll {
    position: relative;
  }
  .is--fixed {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    z-index: 5;
    transition: all .8s;
  }
  body.footer-visible .is--fixed {
    opacity: 0;
  }
  .is--logo {
    width: 280px;
    margin-bottom: 80px;
  }
  .is--open {
    width: 200px;
    margin: auto;
  }
  
  .imgwrap {
    height: 100svh;
    position: relative;
    background-color: #000;
  }
  
  .imgwrap--inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: inherit;
    display: grid;
    place-items: center;
    font-size: 10vw;
    background-size: cover;
    background-position: center;
  }
  
  #img1 .imgwrap--inner {
    background-image: url(../img/cd_01sp.jpg);
  }

  #img2 .imgwrap--inner {
    background-image: url(../img/cd_02sp.jpg);
  }

  #img3 .imgwrap--inner {
    background-image: url(../img/cd_03sp.jpg);
  }

  #img4 .imgwrap--inner {
    background-image: url(../img/cd_04sp.jpg);
  }
  
}


@media ( min-width: 769px ) {
  
  #imgscroll {
    position: relative;
  }
  .is--fixed {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    z-index: 5;
    transition: all .8s;
  }
  body.footer-visible .is--fixed {
    opacity: 0;
  }
  .is--logo {
    width: 360px;
    margin-bottom: 80px;
  }
  .is--open {
    width: 280px;
    margin: auto;
  }
  
  .imgwrap {
    height: 100svh;
    position: relative;
    background-color: #000;
  }
  
  .imgwrap--inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: inherit;
    display: grid;
    place-items: center;
    font-size: 10vw;
    background-size: cover;
    background-position: center;
  }
  
  #img1 .imgwrap--inner {
    background-image: url(../img/cd_01.jpg);
  }

  #img2 .imgwrap--inner {
    background-image: url(../img/cd_02.jpg);
  }

  #img3 .imgwrap--inner {
    background-image: url(../img/cd_03.jpg);
  }

  #img4 .imgwrap--inner {
    background-image: url(../img/cd_04.jpg);
  }
  
}