@charset "utf-8";

:root{
  --content_width: 100vw;
}
html, body{
  position: relative;
  width: 100%;

  touch-action: manipulation;
}
*{
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-touch-callout: none;
}
img, video {
  width: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-select: none;
  cursor: default;
  pointer-events: none;
}
a, button {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  text-decoration: none;
}
button{
  cursor: pointer;
}
*:focus{
  outline: none;
}
h1, h2, h3{
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
ul, li{
  padding: 0;
  margin: 0;
  list-style: none;
}
button{
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
body{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  background-color: #101010;
}
body.is-fixed {
  position: fixed;
  overflow: hidden;
}

.font_hina{
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.font_trocchi {
  font-family: "Trocchi", serif;
  font-weight: 400;
  font-style: normal;
}

a, button{
  color: #fff;
}

.content_wrapper{
  position: relative;
  width: 100%;
  min-height: 100dvh;
}

.modal{
  display: none;
}