/* 1番TOP画像域ロゴ枠までです。 */
.block {
  width: 100%;
  height: 700px;
  z-index: 100;
  align-items: center;
  justify-content: center;
}
.block1 {
  width: 100%;
  height: 1000px;
  z-index: 150;
  align-items: center;
  justify-content: center;
}
/* 2番二つに分かれている領域のところです。 */

.block2 {
  z-index: 200;
}

/* 会場特典 */
.block3 {
  width: 100%;
  z-index: 300;
}

/* LIVE特典 会場特典 */
.block4 {
  width: 100%;
  z-index: 400;

}

/* GOODのところです */
.block5 {
  width: 100%;
  height: 60vh;
  z-index: 500;
}

/* フッターメニュー */
.block6 {
  padding-top: 20px;
  width: 100%;
  z-index: 600;
  background-color: #333;

}

.block8 {
  width: 100%;
  z-index: 900;
  background-color: #333;

}

.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%;
}

.block-nine {
  margin-top: 0px;
  margin-bottom: 40px;
  padding-top: 0px;
  z-index: 1650;
  text-align: center;
  /* GOODから1100px */
}

.movie_sp{
  display: none;
}

.movie_pc{
}

/* 先行配信/プリオーダー情報 */
.block9 p {
  width: 100%;
}

/* 発売CD情報 */
.block10 {
  width: 100%;
}

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 {
  color: #fff;
  text-decoration: underline;
}

.center {
  width: 100%;
  text-align: center;

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

.title {
  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;
}

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

.txt {
  font-size: 20px;
  font-size: clamp(24px, 3vw, 35px);
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1;
}

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

.txt_red {
  font-size: clamp(11px, 3vw, 15px);
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #ff0101;
  padding-left: 5px;
}

.txt02 {
  font-size: 12px;
  font-size: clamp(11px, 3vw, 20px);
  text-decoration: none;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.5;

  display: block;
}

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

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

  letter-spacing: normal;
}


.text_bk {
  color: #000;
}

.text_wh {
  color: #FFF;
}

.txtsp {
  display: none;
}

.txtpc {
  display: block;
}

/* 一番TOP画像域です。 */
.block-zero {
  color: #fff;
  width: 100%;
  text-align: center;
  align-items: center;
  position: relative;
}

.block-one {
  color: #fff;
  width: 100%;
  text-align: center;
  align-items: center;
  position: relative;
  background-image: url(../img/zv01.png);
background-position: top center;
background-size: cover;
}


/* 以下の位置先行配信/プリオーダー情報 */
.place {
  position: absolute;
  padding-top: 0px;
  width: 100%;
  z-index: 350;

}

/* schejule */
.block-two {
  margin-top: 0px;
  padding-top: 0px;
  z-index: 200;
  text-align: center;
  height: auto;
  height: 100px;
}

/* ticket */
/* 2番二つに分かれている領域のところです。 */
.block-three {
  clear: both;
  z-index: 300;
  padding-top: 20px;
  text-align: center;
  width: 100%;

    /* チケットが２つの時は830px 1つの時は560px なしとのきは280px*/
  height:630px;
  background-color: #ffa347;
}

.block-three img{
  width: 45%;
}

.block-three01 {
  clear: both;
  z-index: 1910;
  padding-top: 20px;
  text-align: center;
  width: 80%;
  margin-left: 10%;
  height: 800px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.block-three02 {
  clear: both;
  padding-top: 20px;
  text-align: center;
  width: 100%;
  background-color: #dad9d9;
  height: 350px;
  margin-bottom: 10px;
}

/*goods */
.block-four  img{
  width: 50%;
  height: 50%;
}

.block-four{
  clear: both;
  z-index: 400;
  padding-top: 20px;
  text-align: center;
  width: 100%;
  height:100%;
}

/*確ところです */
.block-five {
  z-index: 500;
  text-align: center;
  height: auto;
}

.block-five {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  clear: both;
  z-index: 500;
  text-align: left;
}

.block-six {
  background-color: #333;
  height: 500px;
}
}
/* 発売CD情報 */
.block-ten {
  margin-top: 20px;
  width: 80%;
  margin-left: 10%;
  padding: 20px;
  z-index: 1000;
  font-size: 10px;
  text-align: center;
  border: #fff solid 1px;
}

.bt_white {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}



/* フッターメニュー */
.block-seven {
  z-index: 700;
  width: 100%;
}

/* ソニー_copylight */
.block-eight {
  width: 100%;
  z-index: 700;
  font-size: 10px;
  text-align: center;
  clear: both;
  /* フッターメニューから400px */
  height: 120px;
}
.block-nine {
  width: 100%;
  font-size: 10px;
  text-align: center;
}

.img_jk img {
  width: 80%;
  height: 80%;
}


#bdk_left {
  width: 64%;
  margin-right: 0%;
  margin-left: 5%;
  height: auto;
  z-index: 400;
  float: left;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;

  padding-top: 30px;
}

#bdk_left .img_line img {
  width: 200px;
}

#bdk_left .img_jk img {
  width: 400px;
}
.img_line {
  width: 100%;
}
#bdk_right {
  width: 27%;
  /*padding-bottom: 194px;*/
  height: auto;
  z-index: 400;
  float: left;
  justify-content: center;
  align-items: center;
}

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

#bdk_right .img_jk img {
  width: 400px;
}
#block-three_left {
  width: 60%;
  margin-right: 1%;
  float: left;
  margin-bottom: 10px;
  height: 170px;
}

#block-three_right{
  width: 39%;
  float: left;
  margin-bottom: 10px;
  height: 170px;
}

#bdk_left1 {
  width: 64%;
  margin-right: 0%;
  margin-left: 2%;
  height: auto;
  z-index: 400;
  float: left;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 10px;
}
#bdk_left1b {
  width: 90%;
  margin-right: 0%;
  margin-left: 2%;
  height: auto;
  z-index: 400;
  float: left;
  justify-content: center;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 10px;
}



#bdk_left1 .img_jk img {
  width: 100%;
}
.img_line {
  width: 100%;
}
#bdk_right1 {
  width: 25%;
  /*padding-bottom: 194px;*/
  height: auto;
  z-index: 400;
  float: left;
  justify-content: center;
  align-items: center;
}



#bdk_right1 .img_jk img {
  width: 100%;
}

.pc_design img {
  width: 100%;
}

.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: 60%;
  text-align: left;
  z-index: 200;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: left;
}
.title_scl3 img {
  width: 22%;
  height: 22%;
}
.anime_banner {
  width: 30%;
  z-index: 400;
  position: absolute;
  text-align: center;
  right: 0px;
  top: 400px;
}

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

.contents {
  width: 100%;
  padding-left: 0%;
}
.block-five .jk_supermemorial img{
  width: 40%;
  height: 40%;
}
.contents03 {
  border: #8c8b8b 1px solid;
  width: 96%;
  padding: 2%;

}
#bdk_left2 {
  padding-left: 20%;
  padding-top: 35px;
  width: 20%;
  text-align: left;
  float: left;
}

#bdk_right2 {
  width: 45%;
  line-height: 30px;
  padding-top: 20px;
  text-align: left;
  font-size: 14px;
  float: left;
}

#bdk_center2 {
  padding-top: 50px;
}

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

#bdk_01 {
  width: 19%;
  float: left;
  margin-left: 10%;
  margin-right: 1%;
  margin-bottom: 20px;
  background-color: #dad9d9;
}

#bdk_02 {
  width: 19%;
  margin-right: 1%;
  float: left;
  margin-bottom: 20px;
  background-color: #dad9d9;
}

#bdk_03 {
  width: 19%;
  float: left;
  margin-right: 1%;
  margin-bottom: 20px;
  background-color: #dad9d9;
}
#bdk_04 {
  width: 19%;
  float: left;
  margin-right: 10%;
  margin-bottom: 20px;
  background-color: #dad9d9;
}


#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: #fff;
  color: #000;
  text-decoration: none;
  padding: 10px 30px 10px 30px;
}

.button02 {
}

.button02 a:link	{
  color: #fff;
}

.button02 a {
  color: #fff;
  text-decoration: none;
  width: 340px;
  padding: 10px 10px 10px 10px;
  background-color: #000;
  border-radius: 5px;
  border: #bebebe 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.55);
  color: #fff;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}

.button02 a:hover {
  color: #fff;
  text-decoration: none;
  width: 340px;
  padding: 10px 10px 10px 10px;
  background-color: #a5a5a5;
  border-radius: 5px;
  border: #bebebe 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.100);
  color: #666;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}

.button02 a:visited {
  color: #fff;
  text-decoration: none;
  width: 340px;
  padding: 10px 10px 10px 10px;
  background-color: #000;
  border-radius: 5px;
  border: #878787 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.30);
  color: #999;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}
.movie_sp {
  display: none;
}

.button03 {
}

.button03 a:link	{
  color: #fff;
}

.button03 a {
  color: #fff;
  text-decoration: none;
  width: 340px;
  padding: 10px 10px 10px 10px;
  background-color: #000;
  border-radius: 5px;
  border: #bebebe 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.55);
  color: #fff;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}

.button03 a:hover {
  color: #fff;
  text-decoration: none;
  width: 340px;
  padding: 10px 10px 10px 10px;
  background-color: #a5a5a5;
  border-radius: 5px;
  border: #bebebe 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.100);
  color: #666;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}

.button03 a:visited {
  color: #fff;
  text-decoration: none;
  width: 340px;
  padding: 10px 10px 10px 10px;
  background-color: #000;
  border-radius: 5px;
  border: #878787 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.30);
  color: #999;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}
.button02 {
}

.button04 a:link	{
  color: #fff;
}

.button04 a {
  color: #fff;
  text-decoration: none;
  width: 180px;
  padding: 10px 10px 10px 10px;
  background-color: #000;
  border-radius: 5px;
  border: #bebebe 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.55);
  color: #fff;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}

.button04 a:hover {
  color: #fff;
  text-decoration: none;
  width: 180px;
  padding: 10px 10px 10px 10px;
  background-color: #a5a5a5;
  border-radius: 5px;
  border: #bebebe 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.100);
  color: #666;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}

.button04 a:visited {
  color: #fff;
  text-decoration: none;
  width: 180px;
  padding: 10px 10px 10px 10px;
  background-color: #000;
  border-radius: 5px;
  border: #878787 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.30);
  color: #999;
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}

.button05 {
  color: #707070;
  text-decoration: none;
  width: 340px;
  padding: 10px 10px 10px 10px;
  background-color: #444343;
  border-radius: 5px;
  border: #707070 1px solid;
  box-shadow: 0 5px 25px rgba(0,0,0,.55);
  display: inline-block;
  font-weight: 400;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  
}
.block-threeb p img {
  width: 100%;
  height: 100%;
}

.block-five img {
    width: 100%;
    height: 10px;
    padding: 0%;
}

hr {
  width: 80%;
  background-color: #999;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px #333 solid;
}

.present {
  text-align:left;
  padding-left: 15%;
  padding-right: 15%;
  padding-bottom: 20px;
}
.line img{

  width: 80%;
}
/* minスクリーンサイズが1271px以上の場合に適用 */
@media only screen and (min-width: 1271px) {
  .block {
    width: 100%;
    height: 850px;
  }

  .block1 {
    width: 100%;
    height: 780px;
  }
  .block-zero {
    width: 100%;
    /*padding-left: 10%;*/
  }
  .block-one {
    width: 100%;
    /*padding-left: 10%;*/
  }
  .block-five img {
    width: 100%;
    height: 10px;
    padding: 0%;
  }

  #bdk_left {
    align-items: center;
    padding-top: 30px;
  }

  /* アニメ動画 */
  .block_cd_anime2 {

    margin-top: 20px;
    width: 90%;
    margin-left: 5%;
    padding: 10px 0 0 0;
    z-index: 1300;
    text-align: center;
    z-index: 400;
    height: 520px;
    position: relative;
  }

    .place {
      position: absolute;
      top:700px;
  
    }
  
}
/* minスクリーンサイズが1350px以上の場合に適用 */
@media only screen and (min-width: 1350px) {
  .block {
    width: 100%;
    height: 850px;
  }

  .block1 {
    width: 100%;
    height: 800px;
  }

  .block-zero {
    width: 100%;
    /*padding-left: 10%;*/
  }
  .block-one {
    width: 100%;
    /*padding-left: 10%;*/
  }
  .block-five img {
    width: 100%;
    height: 10px;

    padding: 0%;
  }

  #bdk_left {
    padding-top: 0%;
    margin-bottom: 20px;
    clear: both;
  } 
  .place {
    position: absolute;
    top:1070px;

  }

}
/* minスクリーンサイズが1650px以上の場合に適用 */
@media only screen and (min-width: 1650px) {
  .block-zero {
    width: 100%;
    /*padding-left: 10%;*/
  }
  .block-one {
    width: 100%;
    /*padding-left: 10%;*/
  }
  #bdk_left .img_jk img {
    width: 60%;
  }

  #bdk_left .img_line img {
    width: 60%;
  }

  #bdk_right .img_line img {
    width: 60%;
  }

  #bdk_right .img_jk img {
    width: 100%;
  }
  .block-three01 {
    width: 1300px;
    height: 1000px;
    text-align:center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
  .block-five01 {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }

  #bdk_right1 .img_jk img {
    width: 180px;
  }
  .block-three{

    /* チケットが２つの時は820px 1つの時は560pxなしのときは  280p*/
    height: 630px;
  }
  .block-four{
    height:100%;
  }
  .place {
    position: absolute;
    top:1200px;

  }
}
/* maxスクリーンサイズが1900px以下の場合に適用 */
@media only screen and (man-width: 2600px) {
  .block-zero {
    width: 100%;
    /*padding-left: 20%;*/
  }

  .block-one {
    width: 100%;
    /*padding-left: 20%;*/
  }

  .place{
    padding-top: 30%;
    top:700px;
  }

}

/* スクリーンサイズが1650px以下の場合に適用 */
@media only screen and (min-width: 1650px) {
  .place {
    position: absolute;
    top:1000px;

  }
}
/* スクリーンサイズが1950px以下の場合に適用 */
@media only screen and (min-width: 1950px) {
  .place {
    position: absolute;
    top:1010px;

  }
}
/* スクリーンサイズが1900px以上の場合に適用 */
@media only screen and (max-width: 1900px) {
  .block-zero {
    width: 100%;
    /*padding-left: 20%;*/
  }
  .block-one {
    width: 100%;
    /*padding-left: 20%;*/
  }

  .place{
    padding-top: 0%;
    top: 1070px;
  }
  #bdk_left .img_jk img {
    width: 100%;
  }

  #bdk_left .img_line img {
    width: 100%;
  }

  #bdk_right .img_line img {
    width: 100%;
  }

  #bdk_right .img_jk img {
    width:100%;
  }
}

@media only screen and (max-width: 1298px) {

  .place {
    position: absolute;
    top:900px;

  }
}



@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  /* CSS */

  #bdk_right {
    width: 46%;
    margin-left: 2%;
    margin-right: 0%;
    padding-bottom:137px;
  }

}


@media only screen and (max-width: 1190px) {

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

  .block1 {
    width: 100%;
    height: 720px;
  }

  .block-four{    
    height:100%;

  }
  /* 以下の位置先行配信/プリオーダー情報 */
  .place {
    position: absolute;
    top: 820px;
    width: 100%;
    z-index: 1750;
    padding-top: 0%;

  }

  #bdk_left {
    width: 47%;
    align-items: center;
    margin-bottom: 0px;
  }

  #bdk_right {
    width: 44%;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 3%;
  }

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

  #bdk_left .img_jk img {
    width: 50%;
  }
  .pc_design img {
    width: 100%;
  }
  .title {
    font-size: 40px;
  }
  .title02 {
    font-size: 30px;
  }

  .padding-top10{
    padding-top : 10px;
  }
  .padding-top20{
    padding-top : 20px;
    margin-top: 20px;
    height: 100px;
  }
  /*
.txt {
  font-size: 35px;
}
*/
.block-two {
  height: 100px;
}
  .img_line img {
    width: 80%;
    height: 80%;
  }

  .block-three01 {
    height: 800px;
  }


    /* の時は790px 1つの時は510pxなしのときは 240px */
  .block-three {
    height: 600px;
  }

  #block-three_left {
    height: 130px;
  }
  
  #block-three_right{
    height: 130px;
  }
  #bdk_right1 .img_jk img {
    width: 100%;
  }
 
    .button04 a {
      width: 120px;
      
    }
    
    .button04 a:hover {
      width: 120px;
      
    }
    
    .button04 a:visited {
      width: 120px;
       }
       .txt02 {
        font-size: 13px;
      }
      .txt03 {
       font-size: 12px;
     }
}

@media only screen and (max-width: 1000px) {

  /* 以下の位置先行配信/プリオーダー情報 */
  .place {
    position: absolute;
    top: 1000px;
    width: 100%;
    z-index: 1750;
    padding-top: 0%;

  }
  .block-two {
    height:  100px;

}
}
@media only screen and (max-width: 750px) {

  /* 以下の位置先行配信/プリオーダー情報 */

  .place {
    position: absolute;
    top: 500px;
    width: 100%;
    z-index: 1650;

  }

  .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%;
  }
  .block {
    width: 100%;
    height: 850px;
  }

  .block1 {
    width: 100%;
    height: 540px;
  }

  .block2 {
    width: 100%;
  }

  .block3 {
    width: 100%;
  }

  .block-three img{
    padding-top: 0px;
    width: 50%;
  }
  .block4 {
    width: 100%;
    height: auto;
  }

  .song_title {
    display: none;
  }

  .song_title01 {
    display: none;
  }

  .movie_pc {
    display: none;
  }

  .block-zero {
    color: #fff;
    z-index: 100;
    width: 100%;
    background-position: center;
    background-position: top;
    background-size: cover;
  }

  .block-one {
    margin-top: 20px;
    color: #fff;
    z-index: 100;
    width: 100%;
    background-position: center;
    background-position: top;
    background-size: cover;
  }

  #block-three_left {
    height: 130px;
  }
  
  #block-three_right{
    height: 130px;
  }
  #bdk_left {
    width: 97%;
    margin-left: 3%;
    margin-right: 0%;
    padding-bottom:0px;
  }

  #bdk_left img {
    width: 80%;
    height: 80%;
  }

  #bdk_right {
    width: 97%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
  }

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

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

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

  .block-three01 {
    clear: both;
    z-index: 1910;
    padding-top: 20px;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .block-three02 {
    clear: both;
    padding-top: 20px;
    text-align: center;
    width: 100%;
    background-color: #dad9d9;
    margin-left: 0%;
    height: 270px;
    margin-bottom: 10px;
  }

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


  #bdk_right .img_jk img {
    width: 80%;
    height: 80%;
  }
  #bdk_right1 .img_jk img {
    padding-top: 20px;
    width: 100%;
  }

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

  .title {
    display: inline-block;
    font-size: 36px;
    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: 18px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

  }

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

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


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

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


  .txt05 {
    font-size: 7px;
    text-decoration: none;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 0.9 ;
    letter-spacing: -0.1em;
  }
  .text_bk {
    color: #000;
  }

  .text_wh {
    color: #FFF;
  }

  .txtsp {
    display: contents;
  }
  .txtsp {
    display: contents;
  }
  
  .txtpc {
    display: none;
  }
  .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 a {
    color: #fff;
    text-decoration: none;
    width: 80%;
    padding: 10px 10px 10px 10px;
    background-color: #000;
    border-radius: 5px;
    border: #bebebe 1px solid;
    box-shadow: 0 5px 25px rgba(0,0,0,.55);
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: all .2s linear;
    
  }
  
  .button02 a:hover {
    color: #fff;
    text-decoration: none;
    width: 80%;
    padding: 10px 10px 10px 10px;
    background-color: #a5a5a5;
    border-radius: 5px;
    border: #bebebe 1px solid;
    box-shadow: 0 5px 25px rgba(0,0,0,.100);
    color: #666;
    display: inline-block;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: all .2s linear;
    
  }

  .contents {
    width: 90%;
  }

  .contents02 {
    width: 100%;
    padding-top: 15px;
  }
  .block-five .jk_supermemorial img{
    width: 80%;
    height: 80%;
  }

  .contents03 {
    width: 96%;
    padding: 2%;
  }
  .block6 {
    width: 100%;
  }



  /* アニメ動画 */
  .block-two {
    margin-top: 450px;
    width: 100%;
    height: 60px;
    margin-left: 0%;
    padding: 10px 0 0 0;
    z-index: 800;
    text-align: center;
    z-index: 400;

  }

  /* アニメ動画 */
  .block-three {
    padding-top: 20px;
    z-index: 950;
    text-align: center;

    /* チケットが２つの時は640px 1つの時は440px なしのときは240px*/
    height: 500px;
  }

  .block-three img {
    width: 100%;
  }

  /* anime_copylight */
  .block-four {
    width: 100%;
    z-index: 400;
    text-align: center;
  }
  .block-four  img{
    width: 90%;
    height: 90%;
  }

  /* GOODのところです */
  .block-five {
    z-index: 1100;
    text-align: left;
  }

  /* GOODのところです */
  .block-five img {
    width: 90%;

    padding: 5%;
  }

  /* 先行配信/プリオーダー情報 */
  .block-nine {
    width: 100%;
    z-index: 800;
    padding: 0;
  }

  .block-nine .contents {
    padding-left: 0%;
  }

  /* 発売CD情報 */
  .block-ten {
    width: 80%;
    margin-left: 5%;
  }

  /* フッターメニュー */
  .block-six {
    z-index: 1000;
    width: 100%;
    clear: both;
  }

  /* ソニー_copylight */
  .block-eight {
    width: 100%;
    z-index: 800;
    font-size: 10px;
    text-align: center;
    clear: both;
  }

  .block-nine {

    clear: both;
    z-index: 400;
    padding-top: 20px;
    text-align: center;
    width: 100%;
    height:100%;
  
    padding-bottom: 50px;
  }
  .block-nine img{
    width: 80%;
    height: 80%;
  }


  .block3 {
    width: 100%;
  }

  /* ソニーコピーライト */
  .block8 {
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    margin-top: 0;

  }

  .block9 {
    width: 100%;
    height: auto;
  }
  /* アニメ動画 */
.block-nine {
  padding-top: 0px;
  z-index: 950;
  text-align: center;
}



.movie_pc{
  display: none;
}
  .ud  img{
    width: 80%;

  }
  
  .line img {
    width: 80%;
  }
  
  .movie_sp {
    width: 100%;
    display: block;
  }

  #bdk_left2 {
    width: 30%;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-top: 60px;
  }

  #bdk_left2 img {
    width: 80%;
    height: 80%;
  }

  #bdk_right2 {
    width: 60%;
    padding-left: 5%;
    line-height: 30px;
    text-align: left;
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  #bdk_center2 {
  }

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

    .box img{
      width: 100%;
    }
    .zv_box img {
      width: 100%;
    }
    .present {
      text-align:left;
      padding-left: 10%;
      padding-right: 10%;
      padding-bottom: 20px;
    }
    .button03 {
    }
    
    .button03 a:link	{
      color: #fff;
    }
    
    .button03 a {
      color: #fff;
      text-decoration: none;
      width: 120px;
      padding: 10px 10px 10px 10px;
      background-color: #000;
      border-radius: 5px;
      border: #bebebe 1px solid;
      box-shadow: 0 5px 25px rgba(0,0,0,.55);
      color: #fff;
      display: inline-block;
      font-weight: 400;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all .2s linear;
      
    }
    
    .button03 a:hover {
      color: #fff;
      text-decoration: none;
      width: 120px;
      padding: 10px 10px 10px 10px;
      background-color: #a5a5a5;
      border-radius: 5px;
      border: #bebebe 1px solid;
      box-shadow: 0 5px 25px rgba(0,0,0,.100);
      color: #666;
      display: inline-block;
      font-weight: 400;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all .2s linear;
      
    }
    
    .button03 a:visited {
      color: #fff;
      text-decoration: none;
      width: 120px;
      padding: 10px 10px 10px 10px;
      background-color: #000;
      border-radius: 5px;
      border: #878787 1px solid;
      box-shadow: 0 5px 25px rgba(0,0,0,.30);
      color: #666;
      display: inline-block;
      font-weight: 400;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all .2s linear;
      
    }
    .button04 a {
      color: #fff;
      text-decoration: none;
      width: 120px;
      padding: 10px 10px 10px 10px;
      background-color: #000;
      border-radius: 5px;
      border: #bebebe 1px solid;
      box-shadow: 0 5px 25px rgba(0,0,0,.55);
      color: #fff;
      display: inline-block;
      font-weight: 400;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all .2s linear;
      
    }
    
    .button04 a:hover {
      color: #fff;
      text-decoration: none;
      width:120px;
      padding: 10px 10px 10px 10px;
      background-color: #a5a5a5;
      border-radius: 5px;
      border: #bebebe 1px solid;
      box-shadow: 0 5px 25px rgba(0,0,0,.100);
      color: #666;
      display: inline-block;
      font-weight: 400;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all .2s linear;
      
    }
    
    .button04 a:visited {
      color: #fff;
      text-decoration: none;
      width: 120px;
      padding: 10px 10px 10px 10px;
      background-color: #000;
      border-radius: 5px;
      border: #878787 1px solid;
      box-shadow: 0 5px 25px rgba(0,0,0,.30);
      color: #999;
      display: inline-block;
      font-weight: 400;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all .2s linear;
      
    }
    #bdk_01 {
      width: 48%;
      float: left;
      margin-left: 1.5%;
      margin-right: 1%;
      margin-bottom: 20px;
      background-color: #dad9d9;
    }
    
    #bdk_02 {
      width: 48%;
      margin-right: 1%;
      float: left;
      margin-bottom: 20px;
      background-color: #dad9d9;
    }
    
    #bdk_03 {
      width: 48%;
      float: left;
      margin-left: 1.5%;
      margin-bottom: 20px;
      background-color: #dad9d9;
    }
    #bdk_04 {
      width: 48%;
      float: left;
      margin-right: 1%;
      margin-bottom: 20px;
      background-color: #dad9d9;
    }
}
@media only screen and (max-width: 600px) {

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

  .block1 {
    width: 100%;
    height: 400px;
  }

  .block2 {
    width: 100%;
    height: 60px;
  }

  .block3 {
    width: 100%;
  }

  .place {
    position: absolute;
    top: 210px;
    width: 100%;
    z-index: 1650;

  }
  .button03 {
  }
  #block-three_left {
    width: 100%;
  }
  #block-three_right {
    width: 100%;
  }
  #bdk_right1 {
    width: 29%;
  }
  #bdk_left1b {
      width: 100%;
      margin-left: 0%;
  } 
  
  .button03 a:link	{
    color: #fff;
  }
  
  .button03 a {
    color: #fff;
    text-decoration: none;
    width: 120px;
    padding: 10px 10px 10px 10px;
    background-color: #000;
    border-radius: 5px;
    border: #bebebe 1px solid;
    box-shadow: 0 5px 25px rgba(0,0,0,.55);
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: all .2s linear;
    
  }
  
  .button03 a:hover {
    color: #fff;
    text-decoration: none;
    width: 120px;
    padding: 10px 10px 10px 10px;
    background-color: #a5a5a5;
    border-radius: 5px;
    border: #bebebe 1px solid;
    box-shadow: 0 5px 25px rgba(0,0,0,.100);
    color: #666;
    display: inline-block;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: all .2s linear;
    
  }
  
  .button03 a:visited {
    color: #fff;
    text-decoration: none;
    width: 120px;
    padding: 10px 10px 10px 10px;
    background-color: #000;
    border-radius: 5px;
    border: #878787 1px solid;
    box-shadow: 0 5px 25px rgba(0,0,0,.30);
    color: #666;
    display: inline-block;
    font-weight: 400;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: all .2s linear;
    
  }
  .block-three {
    padding-top: 20px;
    z-index: 950;
    text-align: center;
    /* チケットが２つの時は780px 1つの時は500px なしのときは 380px*/
    height: 650px;

  }
.block-three01 {
  clear: both;
  z-index: 1910;
  padding-top: 20px;
  text-align: center;
  width: 80%;
  margin-left: 10%;
  height:340px;
  margin-top: 20px;
  margin-bottom: 20px;
}
}