@media screen and (max-width: 768px) {
  h2{
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
  .p_inner p{
    margin-bottom: 30px;
  }
  .button03 a, .button04 a, .button05 a{
    font-size: 15px !important;
  }
  .menu li{
        width:  100% !important;
        padding-right: 50px;
    }

  .entry_button{width: 100%;
  }
  .entry h3{
    width: auto;
  }
  /* .menu ul{
     pointer-events: none;
  } */
  .wrap{
    width: 100% !important;
  }
  .nav_button{
    width: 100% !important;
  }
  :where(#title,.entry p,.width_90,#battle,.p_inner p,#news .p_inner p){
    width: 95% !important;
    margin: 0 auto;
  }
  .entry_button{
    height: 170px;
  }
  /* .menu.open li {
    transform: translateX(0vw) !important;
} */

  /* ローディング画面 */
  .txt{
    left: 24%;
    font-size: 16px;
    top: 15%;
  }
  .rgo{
    left: 67%;
    width: 100%;
    font-size: 25px;
    top: 60%;
  }
  .loading video{
    width: 40%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* logo */
  #logo {
   padding-top: 0px; 
   width: 80%;
  }
  /* title */
  #title {
    margin: 7em auto 8em auto;
}
  /* エントリーリーボタン */
  .box{
    height: 120px;
    width: 70%;
  }
  .gradient-border a {
    font-size: 35px;
  }
  .entry1 p{
    width: 100%;
  }
  .entry h3{
    font-size: 12px;
  }
  .entry1 h3{
    width: 100%;
    font-size: 12px;

  }
  /* skew */
  .skew-outer-first {
    margin-top: 150px;
}
  .skew-outer{
    margin-top: 150px;
    margin-bottom: 100px;
}
.skew{
  height: 11rem;
}
#title h1{
  font-size: 10px;
}
.scrolldown1{
  bottom:100px;
}
  /* about */
  #about {
    width: auto !important;
    margin-left: auto;
}
#about .p_inner img,
#battle .p_inner img,
#news .p_inner img,
#stream .p_stream img{
    width: 90%;
  }
 #news .p_inner img{
  width: 60%;
 }
  /* stream */
  #stream{
    width: auto !important;
  }
  #stream p{
    margin-bottom: 30px;
  }
  #stream .p_inner {
    display: flex;
    align-items: center;
    z-index: 0 !important;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
}
  #stream .p_inner a{
    width: 15%;
  }
  #stream .p_inner a>img{
    width: 100%;
  }
/* news */
#news .p_inner p{
  margin-bottom: 30px;
}
}