.block {
  width: 100%;
  height: 3000px;
}

.block2 {
  width: 100%;
  z-index: 200;
  padding-top: 2%;
  padding-bottom: 2%;
}

.block3 {
  width: 100%;
  align-items: center;
  display: flex;
}

.block4 {
  width: 100%;
  height: 15vh;
  align-items: center;
  justify-content: center;
 
}

.block5 {
  width: 100%;
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  /*
        position: sticky;
        top: 0;
      */
}

.block6 {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  /*
            position: sticky;
            top: 0;
          */
}

.block8 {
  width: 100%;
  height: 73.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  /*
            position: sticky;
            top: 0;
          */
}

.block8 p{
  width: 100%;
    height: 100%;
    background-color: #fff;
}

.block8 p img{
  width: 100%;
    height: 70vh;
  object-fit: contain;
  object-position: bottom;
}

.block9 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  background-color: #000;
  /*
    position: sticky;
    top: 0;
  */
}

.block9 p{
  width: 100%;
    background-color: #fff;
}

.block9 .goods_all img{
  width: 100%;
  object-fit: contain;
  object-position: bottom;
}
.block10 {
  width: 100%;
  height: 15vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  /*
    position: sticky;
    top: 0;
  */
}

p {
  display: inline-block;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


a, a:hover a:visited {
  color: #fff;
  text-decoration: underline;
}
.center{
  width: 1000px;
  text-align: center;

object-fit: contain;
align-items: center;
justify-content: center;
object-position: 50% 50%;
}

.title {
  display: inline-block;
  font-size: 80px;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  clear: both;
}
.title img{
  width: 40%;
  height: 40%;
}

.title02 {
  display: inline-block;
  font-size: 60px;
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  clear: both;
  line-height: 60px;
}
.txt {
  font-size: 40px;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1;
}

.txt03 {
  font-size: 22px;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.txt_red {
  font-size: 30px;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ff0101;
}

.txt02 {
  font-size: 16px;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.txt04 {
  font-size: 16px;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.txt05 {
  font-size: 26px;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.text_bk {
  color: #000;
}

.text_wh {
  color: #FFF;
}
.txtpc{
  display: contents;
  }
.txtsp{
display: none;
}

.block-one {
  color: #fff;
  z-index: 100;
  width: 100%;
  background-image:url(../img/csm_logo.jpg);
  background-position: center;
  background-position: top;
  background-size: cover;
 }

.song_title {
  width: 100%;
  position: absolute;
  top:500px;
  text-align: center;
  z-index: 200;
}

.song_title img {
  width: 100%;
  height: 100%;
}

.song_title01 {
  width: 50%;
  margin-left: 20%;
  position: absolute;
  top:720px;
  left: 100px;
  text-align: center;
  z-index: 400;
}

.song_title01 img {
  width: 75%;
  height: 75%;
}

.song_title02{
  display: none;
}

.block-two {
  position: absolute;
  top: 40px;
  width: 60%;
  margin-left: 20%;
  z-index: 200;
  text-align: center;
  background-color: rgba(0,0,0,0.8);
}

.block-three {
position: absolute;
  top:2750px;
  z-index: 450;
  height: auto;
  text-align: center;
  justify-content: center;
}

/* アニメ動画 */
.block-three {
  margin-top: 40px;
  padding-top: 0px;
  text-align: center;
  /* GOODから1100px */
}

.block-six {
  background: #fff;
  z-index: 600;
}

.block-sixb {
  background: #fff;
  z-index: 650;
}
.block-seven {
  background: #000;
  position: absolute;
  z-index: 700;
  height: 800px;
  top:3600px;
}

.block-eight {
  background: #000;
  z-index: 700;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top:3900px;
}

#bdk_left {
  width: 46%;
  margin-left: 3%;
  margin-right: 1%;
  height: 480px;
  z-index: 400;
  border: #fff solid 1px;
  float: left;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.img_line img{
  width: 200px;
  height: 10px;
}
.img_title img{
  width: 100%;
  padding-bottom: 30px;
}

.img_jk img{
  width: 100%;
}

.img_title02 img{
  width: 60%;
  margin-top: 0px;
}



#bdk_right {
  width: 46%;
  margin-left: 1%;
  margin-right: 1%;
  height: 480px;
  z-index: 400;
  border: #FFF solid 1px;
  float: left;
  justify-content: center;
  align-items: center;
}


#bdk_right .img_line img{
  width: 200px;
}
#bdk_right .img_jk img{
  width: 400px;
}

.title_logo {
  width: 100%;
  position: absolute;
  padding-top: 20px;
  padding-left: 0px;
  z-index: 100;
  display: flex;
  justify-content: start;  
  justify-content: left;     
}

.title_logo img {
  width: 18%;
  height: 18%;
}

.title_scl3 {
  width: 100%;
  position: absolute;
  top:100%;
  text-align: left;
  text-align:  left;
  display: flex;
  justify-content:  left;
  align-items:  left;
}

.title_scl3 img {
  width: 22%;
  height: 22%;
}


.anime_banner {
  width: 100%;
  z-index: 400;
  /*position: absolute;*/
  text-align: center;
  justify-content: center;
}
.anime_banner img {
  width: 800px;
}

.contents {
  width: 90%;
  padding-left: 0%;
}



#bdk_left2 {
  width: 200px;
  margin-left: 5%;
  height: 100%;
  padding-top: 50px;
}

#bdk_right2 {
  width: 50%;
  height: 100%;
  line-height: 30px;
  padding-top: 20px;
}

#bdk_center2 {
  padding-top: 50px;
}

#bdk_right2 a, a:hover {
  text-decoration: none;
  color: #fff;
}

.button {
  width: 300px;
  height: 50px;
  padding: 10px 30px 10px 30px;
}

.button a {
  height: 50px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px 10px 30px;
}

.button a:hover {
  height: 50px;
  background-color: #999;
  color: #000;
  text-decoration: none;
}

.button02 {
  width: 100%;
  height: 50px;
  align-items: center;
  z-index:4000;
}

.button02 a {
  height: 50px;
  width: 60%;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  padding: 10px 10px 0px 0px;
  display: block;
  align-items: center;
  margin-left: 20%;
  margin-right: 13%;
}

.button02 a:link {
  color: #000;
}
.button02 a:hover {
  height: 50px;
  background-color: #999;
  color: #000;
  text-decoration: none;
  padding: 10px 10px 0px 0px;
}

.button02 a:visited {
  height: 50px;
  color: #000;
  text-decoration: none;
  padding: 10px 30px 10px 30px;
}

.movie_sp{
  display: none;
}

.button03 {
  width: 100%;
  height: 110vw;
  background-color: #000;
}

.button03 a {
  height:150px;

  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 20px 150px 20px 150px;
}

.button03 a:hover {
  height: 150px;
  background-color: #999;
  color: #000;
  text-decoration: none;
  padding: 20px 150px 20px 150px;
  object-fit: contain;
  align-items: center;
  justify-content: center;
  object-position: 50% 50%;
}

.block-threeb p img {
  width: 100%;
  height: 100%;
}

.movie_sp{
  display: none;
}
@media only screen and (max-width: 2150px) {
.block-three {
    top:2450px;
  }

  .block-seven {
    top:3100px;
  }
  
  .block-eight {
    top:3600px;
  }
}

@media only screen and (max-width: 1850px) {
  .block-three {
      top:2350px;
    }
    .block-seven {
      top:2900px;
    }
    
    .block-eight {
      top:3400px;
    }
  }
  
  
@media only screen and (max-width: 1400px) {
  .anime_banner img {
    width: 90%;
  }
  .txt03 {
    font-size: 1em;
  }

#bdk_left {
  height: 500px;
}
#bdk_right {
  height: 500px;
}
.block-three {
  top:1750px;
}
.block-seven {
  top:2300px;
}

.block-eight {
  top:2700px;
}
}


@media only screen and (max-width: 1100px) {
#bdk_left {
  height: 580px;
}
#bdk_right {
  height: 580px;
}
.txtpc{
  display:none;
  }
.txtsp{
  display:contents;
  }
}



@media only screen and (max-width: 800px) {
  .title_logo {
    width: 100%;
    position: absolute;
    padding-top: 20px;
    padding-left: 0px;
    z-index: 300;
    justify-content: start;  
    justify-content: left;     
  }
  
  .title_logo img {
    width: 18%;
    height: 18%;
  }
  .title_scl3 {
    width: 100%;
    position: absolute;
    top:240px;
    text-align: left;
    z-index: 100;
    text-align:  left;
    display: flex;
    justify-content:  left;
    align-items:  left;
  }
  
  .title_scl3 img {
    width: 22%;
    height: 22%;
  }
  .block {
    width: 100%;
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: 
    -webkit-sticky;
    /*
    position: sticky;
    top: 0;
  */
  }
  .block2 {
    width: 100%;
  padding-top: 10px;
  padding-bottom: 2%;
  }



  .movie_pc{
    display: none;
  }


.song_title01 {
  width: 80%;
  margin-left: 10%;
  position: absolute;
  top:300px;
  left: 0px;
  text-align: center;
  z-index: 200;
}

.song_title01 img {
  width: 85%;
  height: 85%;
}
  .song_title02 {
    width: 100%;
    position: absolute;
    top:0%;
    text-align: center;
    z-index: 2000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .song_title02 img {
    width: 100%;
    height: 100%;
  }
  
  .anime_banner {
  width: 100%;
  z-index: 400;
  /*position: absolute;*/
  text-align: center;
  left: 5px;
  top:5px;
  }
  .anime_banner img {
    width: 80%;
    height: 80%;
  }

  #bdk_left {
    width: 88%;
    margin-left: 6%;
    margin-right: 1%;
    height: 320px;
    border: #fff solid 1px;
    float: left;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  
  #bdk_left img{
    width: 80%;
    height: 80%;
  }
  
  #bdk_right {
    width: 88%;
    margin-left: 6%;
    margin-right: 1%;
    height: 380px;
    border: #FFF solid 1px;
    float: left;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
  }
  
  #bdk_left .img_line img{
    width: 80%;
    height: 80%;
  }
  #bdk_left .img_jk img{
    width: 80%;
    height: 80%;
  }


  #bdk_right .img_line img{
    width: 80%;
    height: 80%;
  }
  #bdk_right .img_jk img{
    width: 80%;
    height: 80%;
  }

  .title {
    display: inline-block;
    font-size: 30px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    clear: both;
    line-height: 42px;
  }  
  .title02 {
    display: inline-block;
    font-size: 20px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    clear: both;
    line-height: 35px;
  }
  .txt {
    font-size: 24px;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


  }

  .txt02 {
    font-size: 8px;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 0px ;
    clear: both;
  }

  .txt03 {
    font-size: 14px;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 8px ;
  }
  .text_bk {
    color: #000;
  }
  .text_wh {
    color: #FFF;
  }

  .txt04 {
    font-size: 10px;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }

  .txt05 {
    font-size: 20px;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .txtpc{
    display:none;
    }
  .txtsp{
    display:contents;
    }
  .title_scl {
    width: 100%;
    top: 0px;
    padding-top: 10px;
    z-index: 1000;
  }
  .title_scl img {
    width: 45%;
    height: 45%;
    top: 0px;
    z-index: 1000;
  }

  .title_scl2 {
    width: 100%;
    top: 0px;
    padding-top: 10px;
    z-index: 1000;
  }
  .title_scl2 img {
    width: 45%;
    height: 45%;
    top: 0px;
    z-index: 1000;
  }
  .button02 {
    width: 200px;
    height: 20px;
    padding: 0px;
    z-index: 3000;
  }
  
  .button02 a {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    padding: 0px;
padding-top: 5px;
    height: 40px;
  display: block;
  }
    .button02 a:hover {
    background-color: #999;
    color: #000;
    text-decoration: none;
   
    padding: 0px;
padding-top: 5px;
    height: 40px;
  }
  .button02 a:visited {
    color: #000;
    text-decoration: none;
    padding: 0px;
padding-top: 5px;
    height: 40px;
  }
  .contents {
    width: 90%;
    padding-left: 2%;
    padding-right: 2%;
  }


.block6 {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  /*
            position: sticky;
            top: 0;
          */
}

.block-two {
  z-index: 1300;
  text-align: center;
  position: absolute;
  z-index: 400;
  text-align: center;
  top:10px;
  padding-top: 5%;
  width: 80%;
  
  margin-left: 10%;
}

.block-three {
  position: absolute;
  padding-top: 0px;
  z-index: 450;
  height: 600px;
  text-align: center;
  justify-content: center;
  top:1400px;
}
.block-seven {
  background: #000;
  position: absolute;
  z-index: 700;
  top:1800px;
}

.block-eight {
  background: #000;
  z-index: 700;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top:2200px;
}

.block3 {
  width: 100%;
  align-items: center;
  display: flex;
}

.block4 {
  width: 100%;
  height: 15vh;
  align-items: center;
  justify-content: center;
 
}
.movie_sp{
  display:initial;

}
.img_title img{
  width: 98%;
  clear: both;
}


  

  .movie_pc{
    display: none;
  }
  .movie_sp{
    width: 100%;
    display:initial;
    align-items: center;

}
}