@charset "UTF-8";

body{
    background-color: #000000;
}
.comic{
  margin: 0 auto;
  width: 340px;
  height: 640px;
display: none;
overflow-x:hidden;
}
.page{
  width: 340px;
  overflow: hidden;
  object-fit: cover;
}
/*文字サイズ指定など*/
.text{
  color:#ffffff;
}
/*リンクの文字色指定、下線削除*/
a:visited{
  color:#ffffff;
}
a:hover{
  opacity: 0.5;
}
a{
  text-decoration:none;
}
/*メニュー*/
.mune{
  width:340px;
  height:80px;
  position: fixed;
  background-color:#5b5c76;
  color:#ffffff;
  font-size: 25px;
  text-align: center;
  animation-name:out;
  animation-duration: 3s;
  animation-delay:0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
/*メニューアニメ*/
@keyframes out{
  0%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
/*メニュー選択*/
.choice{
  margin: 0 auto;
  text-align: center;
  width:340px;
  height:300px;
  position: fixed;
  background-color:#5b5c76;
  color:#ffffff;
  opacity:1;
  display:none;
}
/*メニュー閉じる*/
.close{

}
@media (max-width:767px){
.comic{
    display: block;
  }
}